@charset "utf-8";
/* 
http://www.gnavi.co.jp/
Layout Style CSS "style.css"
Implay INC.
*/


@import url("common_snolog.css");

/*---------------------------------------------
 title
---------------------------------------------*/
/* title */
div#ContentsTitle{
	margin: 20px 0px;
	padding: 7px 0px 0 0;
	border-bottom: 1px solid #00608b;
	padding-bottom: 5px;
}
div#ContentsTitle h1{
	background: #FFF;
	border-left: 5px solid #00608b;
	color: #00608b;
	padding-left: 8px;
	text-align: left;
}


/*---------------
 SideNavi
---------------*/
	
div#SideNavi{margin:0;padding:0; border:1px solid #CCC; border-bottom:0; width:168px; float: left;}
div#SideNavi div.headline{background:url(../img/bg_snavi_ms.gif) repeat-x bottom #2e6aac;border-left:3px solid #2e6aac;border-bottom:1px solid #CCC;padding:5px 0 5px 11px;color:#FFF;}

div#SideNavi ul li a{padding:10px 0 10px 10px; display:block;}
div#SideNavi ul li a:hover{background:#d6f1fd;}
div#SideNavi ul li a:active{background:#d6f1fd;}
div#SideNavi ul li a:visited{color:#00F;}


div#SideNavi ul {border-bottom: none; margin: 0; padding: 0;}

div#SideNavi ul li{padding:0px 0 0px 1px; background:#ffffff; border-bottom:1px solid #CCC; font-weight:bold; letter-spacing:-1px;}
div#SideNavi ul li.cat{background:#F0F0F0;padding:5px 0;}
div#SideNavi ul li div.catit{padding-left:10px;}
div#SideNavi ul li {border-bottom:1px solid #CCC;}


div#SideNavi ul li.inside {padding: 0;}
div#SideNavi ul li.on{background:#d6f1fd;}
div#SideNavi ul li.last {border-bottom: none;}

div#SideNavi ul li ul li a{padding:5px 0 5px 20px; display:block; font-weight: normal;}
div#SideNavi ul li ul li a:visited{color:#00F;}
div#SideNavi ul li ul li a.arrow{background:transparent url(../img/arrow.gif) no-repeat scroll 10px; display:block; margin-left: 0px;}/*修正20110523*/
div#SideNavi ul li ul li a:hover.arrow{ background: #d6f1fd url(../img/arrow.gif) no-repeat scroll 10px; display:block; margin-left: 0px;}/*修正20110523*/
div#SideNavi ul li ul li a:active.arrow{ background: #d6f1fd url(../img/arrow.gif) no-repeat scroll 10px; display:block; margin-left: 0px;}/*修正20110523*/


/*---------------
 Main
---------------*/

div#Main { float: right; width: 765px; height: 100%; text-align: center;}


div#Main div#topics{border:1px solid #CCC;}
div#Main div#topics div.headline{margin:0;padding:3px 5px 3px 5px;background:#F0F0F0; border-bottom:1px solid #CCC;}
div#Main div#topics div.headline h2{margin:0;border-left:5px solid #1058A7; float:left; padding-left: 7px;}

div#Main div#topics div.headline span{float: right; padding-left: 7px; margin: 0px; background: url(../img/arrow.gif) no-repeat scroll 0 5px;}


div#Main div#topics div.detail{margin:5px 10px;}
div#Main div#topics table td{padding:5px 0;}
div#Main div#topics table td a{margin-left:5px;}
div#Main div#topics table td.date{padding-right:10px;}
div#Main div#topics table tr.imp td{border-bottom:1px dashed #CCC;}
/*↓修正090410↓*/
div#Main div#topics .headline table td{padding:0; vertical-align:middle;}
/*↑修正090410↑*/


div#Main div#topics a:link {color: #0000FF;text-decoration:none;}
div#Main div#topics a:visited {color: #990099;text-decoration:none;}
div#Main div#topics a:hover {color: #CC0000;text-decoration:underline;}
div#Main div#topics a:active {color: #CC0000;text-decoration:underline;}

div#Main  div.subtit{ background: #d6f1fd; font-weight: bold; text-align: left; padding: 5px; border:1px solid #CCC;}
div#Main  div.culum{ width: 760px; text-align: center; padding: 4px; margin-top: 10px;}
div#Main  div.culum02{ width: 760px; text-align: left; padding: 4px; margin-top: 10px;}

div#Main  div.culum table{border-collapse: collapse; }
div#Main  div.culum table td{border: 1px solid #ccc; vertical-align: top;}
div#Main  div.culum table td.item{background: #f0f0f0; font-weight: bold;}
div#Main  div.culum table td.item02{background: #f0f0f0 url(../img/absolute.gif) no-repeat top right; font-weight: bold;}
div#Main  div.culum table td.item03{background: #ffe2e7; font-weight: bold;}
div#Main  div.culum table td.item04{background: url(../img/absolute04.gif) no-repeat top right; border-width: 0 1px 0 0}
div#Main  div.culum table td.item05{background: #ffffff; border-width: 0 1px 0 0}
div#Main  div.culum table td.edit,div#Main  div.culum table td.day{white-space: nowrap;}
div#Main  div.culum table td.genre{width: 120px;}


/*---------------
 不一致の表示
---------------*/
#disagree{margin:0 auto 10px; padding:10px; width:516px; text-align:center; border:2px solid #ff6600; color:#ff6600;}
* html #disagree{width:520px;}


/*---------------
 一致の表示
---------------*/
/*cng 20110214
#agree{margin:0 0 10px 0px;padding:0;width:516px;text-align:left; border:2px solid #BABABA;}
* html #agree{width:520px;}
#agree p{padding:5px;color:#BABABA; text-align:center;}
*/
#agree{margin:0 auto 10px; padding:10px;width:516px;text-align:center; border:2px solid #BABABA;color:#BABABA;}
* html #agree{width:520px;}


/*---------------
 Button_area
---------------*/

div#button_area { margin-top: 20px;}


/*---------------------------------------------
 pageblock
---------------------------------------------*/
#pagetop02{
	margin: 30px 0px;
	text-align: right;
	width: 950px;
}


/*---------------------------------------------
 pageblock
---------------------------------------------*/
#pageblock{
	margin: 25px 0px 30px 0px;
}
#pageblock .text{
	text-align: center;
}

/*↓20110207追加*/
/*---------------
 error
---------------*/
div.error{margin:20px 0 20px 60px; padding:10px; width:600px; border:2px solid #F00; text-align:left;}
div.error p{color:#C00;font-weight:bold; padding-left:25px; background:url(../img/icon_error.gif) no-repeat scroll 0 2px;}

div.culum td.er{background:#FFCFCE;}
div.culum td.er p{min-height:16px;_height:16px;margin-bottom:5px;padding-left:20px;background:url(../img/icon_error.gif) no-repeat scroll 0 1px;color:#C00;font-weight:bold;}
* html div.culum td.er p{min-height:16px;_height:16px;margin-bottom:5px;padding-left:20px;background:url(../img/icon_error.gif) no-repeat scroll 0 0px;color:#C00;font-weight:bold;}
*:first-child+html div.culum td.er p{min-height:16px;_height:16px;margin-bottom:5px;padding-left:20px;background:url(../img/icon_error.gif) no-repeat scroll 0 0px;color:#C00;font-weight:bold;}

div.culum td.er p.kome{margin:5px; padding-left:15px;background:url(../img/bg_kome_b.gif) no-repeat scroll 0 4px; font-weight:normal; color:#000000;}

div.cateerr_l {min-height:19px;_height:19px;margin-left:90px;margin-bottom:5px;padding-left:20px;background:url(../img/icon_error.gif) no-repeat scroll 0 1px;color:#C00;font-weight:bold; text-align:left;}
div.cateerr_m {min-height:19px;_height:19px;margin-left:30px;margin-bottom:5px;padding-left:20px;background:url(../img/icon_error.gif) no-repeat scroll 0 1px;color:#C00;font-weight:bold; text-align:left;}

div.item_cateerr {min-height:19px;_height:19px;margin-left:50px;margin-bottom:5px;padding-left:20px;background:url(../img/icon_error.gif) no-repeat scroll 0 1px;color:#C00;font-weight:bold; text-align:left;}


/*---------------
 Movie_attention
---------------*/

body#movie_attention #AllLayout{ width: 700px;}
body#movie_attention #Main{ float: left; text-align: left;}

body#movie_attention h2{ color: #00608B; font-size:180%; margin-bottom: 20px;}

body#movie_attention ul { margin-bottom: 50px;}
body#movie_attention ul li img{ margin: 20px 0 40px;}
body#movie_attention ul li p{ margin-bottom: 10px;}
body#movie_attention ul li pre{ margin: 20px 0;}