@charset "utf-8";
/* ==================================================================
CSS information
style info :MOVIEページ用
================================================================== */


/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container{ background:url(../_img/visual01.jpg) center top no-repeat;}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{ padding-top:83px;}


/* --------------------------------------------------------
#movieArea
-------------------------------------------------------- */
#movieArea{
width:750px;
margin-left:250px;
padding-bottom:40px;
color:#FFF;}


/* --------------------------------------------------------
リスト用
-------------------------------------------------------- */
.listBox { margin-bottom:40px; clear:both;}
.listBox dt { margin-bottom:20px;}
.listBox dd ul{ margin-left:-20px;}
.listBox dd li{ margin:0 0 20px 20px; float:left; display:block; position:relative;text-shadow:1px 1px 0px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.5);}
.listBox dd li img{ margin-bottom:5px;} 
.listBox dd li a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

.iconNew{ position:absolute; top:0; right:0;}

/* --------------------------------------------------------
ピックアップ用
-------------------------------------------------------- */
.listBox_P { margin-bottom:80px; clear:both;}
.listBox_P dt { margin-bottom:20px;}
.listBox_P dd { margin-bottom:40px; }
.listBox_P dd .picBox a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.listBox_P dd .picBox{ width:338px; position:relative;}
.listBox_P dd .textBox{ width:348px; float:right; margin-right:40px;}
.listBox_P dd .textBox .type{ font-size:108%; padding-bottom:2px; letter-spacing:0.1em; color:#00a0b8;}
.listBox_P dd .textBox .name{ font-weight:bold; font-size:123.1%; padding-bottom:7px; color:#000;}
.listBox_P dd .textBox .name{ padding:5px 3px 3px 10px; letter-spacing:0.1em; background-color:#00a0b8; margin-bottom:10px;}
.listBox_P dd .textBox .text{ line-height:160%; text-shadow:1px 1px 0px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.5);}


.set { width:714px; margin-bottom:20px;}
.attention{ color:#F00;}



.set #tab{ height:43px; margin-left:-10px;}
.set #tab li{
float:left;
height:34px;
line-height:34px;
cursor:pointer;
margin-left:11px;
text-align:center;
}
.set #tab li span{ color:#FFF; display:block; padding:3px 0;}

.set #tab li.l2{ line-height:14px; }

.set #tab.type2 li{ width:350px;}
.set #tab.type3 li{ width:230px;}
.set #tab.type4 li{ width:170px;}


.set #tab li#btn1{ background-color:#2c2e33;}
.set #tab li#btn2{ background-color:#2c2e33;}
.set #tab li#btn3{ background-color:#2c2e33;}
.set #tab li#btn4{ background-color:#2c2e33;}
.set #tab li#btn1.select , .set #tab li#btn2.select , .set #tab li#btn3.select , .set #tab li#btn4.select , 
.set #tab li#btn1:hover , .set #tab li#btn2:hover , .set #tab li#btn3:hover , .set #tab li#btn4:hover{
background-color:#00a0b8;
}

.set .dispOff{ display:none;}
.set .contBox{ clear:both; position:relative;}
.set .contBox .thumbBox{ background-color:#000;}
.set .contBox a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.set .contBox p{ padding-top:5px; color:#CCC; text-shadow:1px 1px 0px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.5);}