@charset "UTF-8";
/* CSS Document */

/* reset */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}

header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}

/* 共通設定 */
body{font-size:12px; line-height:1.6em;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
margin:0; padding:0; color:#333; background:#fff;}
a{color:#005fc0; text-decoration:none;}
a:hover{color:#f00; text-decoration:underline;}
#wrap{margin:0 auto; width:1000px;}


/* header */
header{height:60px; overflow:hidden; position:relative;}
header h1{ background:url(../images/logo.png) no-repeat 0 0; display:block; height:60px; width:210px;}
header h1 a{text-indent:100%; overflow:hidden; white-space:nowrap; display:block; height:100%;}
header h2{display:none;}
#spbtn{position:absolute; right:0; top:15px; width:200px;}
#spbtn a{display:block; background:url(../images/spbtn.png) no-repeat 0 center #eee; border:1px solid #bbb; height:30px; text-indent:100%; overflow:hidden; white-space:nowrap;}

/* nav */
nav{background:#eee;}
nav li{float:left; height:40px; width:166px; background:#888;}
nav li a{font-size:14px; color:#000; text-decoration:none; line-height:40px; display:block; text-align:center; background:#eee;}
nav li a:hover{text-decoration:none;}
nav li.login{background:#eee;}
.login a{margin:5px 0 5px 66px; background:url(../images/loginbtn.png) no-repeat 0 center; text-indent:100%; overflow:hidden; white-space:nowrap; height:30px; line-height:30px;}

/* content */
#content{padding:20px 0;}

/* article */
article{width:760px; float:right;}
article section{margin-bottom:40px;}
article section h1{display:block; border-bottom:2px solid #666; background:url(../images/h1_title.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; height:30px;}
article figure{position:relative; padding:27px 0 20px 0;}
#topimage{background:#bbb; height:250px; position:relative;}
#topimage li{display:block; height:250px;}
.carouPrev{position:absolute; left:10px; top:0; width:50px; height:250px; background:url(../images/prev.png) no-repeat 0 center; text-indent:100%; overflow:hidden; white-space:nowrap;}
.carouNext{position:absolute; right:10px; top:0; width:50px; height:250px; background:url(../images/next.png) no-repeat 0 center; text-indent:100%; overflow:hidden; white-space:nowrap;}

figure h2{font-size:12px; font-weight:normal; display:block; padding:3px 0 10px 0;}
#abnormal figure{width:168px; float:left; margin-right:29px;}
#ska figure{width:240px; float:left; margin-right:20px;}
#outside figure{width:240px; float:left; margin-right:20px;}
#abnormal .last-right{margin-right:0;}
#ska .last-right{margin-right:0;}
#outside .last-right{margin-right:0;}
article figure ul{position:absolute; right:0; bottom:0; text-align;right;}
article figure ul li{float:left; display:inline-block; height:18px; width:60px; text-align:center; line-height:18px; color:#fff; margin-left:3px;}
.sample{background:#000;}
.new{background:#d61518;}
.original{background:#ea7900;}
.hd{background:#1574d6;}
#abnormal h1{background-position:0 0;}
#ska h1{background-position:0 -30px;}
#outside h1{background-position:0 -60px;}
#faq h1{background-position:0 -210px;}
#look h1{background-position:0 -240px;}

article .inner h2{padding:10px; margin-bottom:10px; color:#d61518; background:#eee;}
article .inner h3{padding:5px 0;}
#faq p,#look p{padding:10px;}
#look p img{float:left; margin:0 20px 0 0; border:1px solid #ccc;}

table{border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-spacing:0; width:100%; margin-bottom:20px;}
th,td{border-left:1px solid #ccc; border-top:1px solid #ccc; padding:5px;}
th{background:#f8f8f8;}
.cap{width:150px;}
h4{color:#d61518;}
ol{padding:10px;}
ol li{list-style-position:inside; padding:5px;}

/* video */
#mov h1{background-image:none; text-indent:0; line-height:30px; font-size:16px;}
.videoPackage{width:350px; float:left;}
.detailSide{width:390px; float:right;}
video{width:100%; margin-top:10px;}
.videoPackage img{width:100%;}
#samplePhoto .inner{margin-right:-10px;}
#samplePhoto h1{background-position:0 -150px;}
#toentry h1{background-position:0 -180px;}
article .inner{padding:27px 0 20px 0;}
.detailSide dt{float:left; width:70px; text-align:right; display:block;}
.detailSide dd{float:right; width:300px;}
.detailSide ul{padding:20px 0;}
.detailSide li{height:18px; width:60px; text-align:center; line-height:18px; color:#fff; margin-bottom:5px;}
#samplePhoto img{width:140px; margin-right:10px;}
#toentry .regist{background:#000; margin-top:10px;}
#toentry .regist a{display:block; height:60px; background:url(../images/entrybtn_mov.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#teigaku h1{background-image:none; text-indent:0; line-height:30px; font-size:16px;}


/* aside */
aside{float:left; width:200px;}
aside section{background:#bbb; padding:10px; margin-bottom:10px;}
aside section .inner{background:#fff; padding:10px;}
aside .regist{background:#000; margin-bottom:10px;}
aside .regist a{display:block; width:160px; height:120px; background:url(../images/entrybtn.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#entry h3{display:block; height:22px; background:url(../images/pay.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#entry ul{display:block; height:30px; background:url(../images/pay.png) no-repeat 0 bottom;}
#entry ul li{text-indent:100%; overflow:hidden; white-space:nowrap; display:block;}
aside section h2{font-size:14px; color:#fff; display:block; margin-bottom:5px;}
#category li{background:url(../images/arrow.png) no-repeat 0 center; padding-left:10px;}
#category li a{display:block; padding:3px 0;}


/* footer */
#page-top{position:fixed; bottom:20px; right:20px;}
#page-top a{display:block; width:65px; height:65px; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../images/pagetop.png) no-repeat 0 0;}
footer{padding:50px 0; background:#222;}
footer address{text-align:center; color:#fff; font-style:normal; display:block; width:1000px; margin:0 auto;}

/* clearfix各バージョン */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clearfix各バージョンここまで */