@charset "utf-8";

a {
	text-decoration:underline;
	border:0px;
}

a:hover {
	text-decoration:none;
	color:#0066ff;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.line1 {
	height:1px;
	border:none;
	border-top:2px #ff6600 solid;
}

.line2 {
	height:1px;
	border:none;
	border-top:2px #ff6600 dotted;
}

sup,sub {
	height:0;
	line-height:1;
	vertical-align:baseline;
	_vertical-align:bottom;
	position:relative;
}

sup {
	bottom:1ex;
}

sub {
	top:.5ex;
}


/* --- 説明文HTML版用 ---*/
ul.text {
	padding:0.5em 0.2em;
	margin:0;
	font-size:110%;
	line-height:160%;
	list-style-type:none;
}

li.text {
	height:160px; /*--- 説明文埋め込みエリアと同じ高さ ---*/
}


/* --- 関連動画一覧 サムネイル表示エリア ---*/
.box_thum {
	border:0;
	background-color:#e3e3e3;
	width:825px;
	height:135px;
	padding:1em;
	overflow:auto;
}

table.thum {
	font-size:90%;
	line-height:150%;
	margin-left:5px;
}

td.thum {
	text-align:left;
	vertical-align:top;
	padding-right:15px;
	white-space:nowrap;
}


/* --- 目次ボタン ---*/
.btn {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	padding:7px 15px;
	margin:4px 1px;
	border:1px solid #ff5500;
	border-radius:3px;
	background-color:#ffffff;
	box-shadow:0 2px 0 #ff8833;
	color:#454545;
	text-align:center;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	outline:none;
}

.btn:hover {
	background-color:#ff6600;
	box-shadow:0 2px 0 #ff5533;
	color:#ffffff;
}

.btn:active {
	background-color:#ff4400;
	top:2px;
	box-shadow:none;
	color:#ffffff;
}

.btn::before,
.btn::after {
	position:relative;
	z-index:-1;
	display:block;
	content:'';
}

.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:none;
	transition:none;
}