@charset "utf-8";

header{
	height:262px;
	background: url("../images/contents_nav_back_cast.png") repeat-x center 200px;
	}
header>section{
	width:920px;
	height:178px;
	margin:12px auto;
	background-color:rgb(255,255,255);
	text-align:center;
	}
ul.contentsNav{
	width:980px;
	height:92px;
	margin:0 auto;
	list-style:none;
	}
ul.contentsNav li{
	float:left;
	}
ul.contentsNav li a{
	display:block;
	width:98px;
	height:92px;
	background-color:#fff;
	}
/* contentsNav
----------------------------------------*/
div.contentsNav ul{
	width:720px;
	height:60px;
	margin:0 auto;
	list-style:none;
	background: url("../images/cast/contents_nav_line.png") no-repeat;
	}
div.contentsNav ul li{
	}
div.contentsNav ul li a{
	display:block;
	float:left;
	width:80px;
	height:60px;
	background: url("../images/cast/contents_nav.png") no-repeat;
	text-indent:-9999px;
	}
div.contentsNav ul li a:hover{
	opacity:0.6;
	}
div.contentsNav ul li.nav01 a{background-position:0 0;}
div.contentsNav ul li.nav02 a{background-position:-80px 0;}
div.contentsNav ul li.nav03 a{background-position:-160px 0;}
div.contentsNav ul li.nav04 a{background-position:-240px 0;}
div.contentsNav ul li.nav05 a{background-position:-320px 0;}
div.contentsNav ul li.nav06 a{background-position:-400px 0;}
div.contentsNav ul li.nav07 a{background-position:-480px 0;}
div.contentsNav ul li.nav08 a{background-position:-560px 0;}
div.contentsNav ul li.nav09 a{background-position:-640px 0;}


/* sideNav
----------------------------------------*/
div.sideNav03{
	position:fixed;
	top:172px;
	right:0;
	width:240px;
	height:352px;
	margin:0 -197px 0 0;
	z-index:10;
	background-color: rgba(177,102,18,0.9);
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.sideNav03>ul{
	list-style:none;
	padding:5px 0 7px 10px;
	}
.sideNav03>ul>li>a{
	display:block;
	width:281px;
	height:38px;
	text-indent:-9999px;
	background: url("../images/cast/sideNav.png") no-repeat;
	}
.sideNav03 ul li.nav01 a{background-position:0 7px;}
.sideNav03 ul li.nav02 a{background-position:0 -31px;}
.sideNav03 ul li.nav03 a{background-position:0 -69px;}
.sideNav03 ul li.nav04 a{background-position:0 -107px;}
.sideNav03 ul li.nav05 a{background-position:0 -145px;}
.sideNav03 ul li.nav06 a{background-position:0 -183px;}
.sideNav03 ul li.nav07 a{background-position:0 -221px;}
.sideNav03 ul li.nav08 a{background-position:0 -259px;}
.sideNav03 ul li.nav09 a{background-position:0 -297px;}
.sideNav03>ul>li>a:hover{
	opacity:0.8;
	}

/* contents
----------------------------------------*/

#contents{
	width:980px;
	padding:0 15px;
	margin:0 auto;
	}
div.castBox{
	float:left;
	width:481px;
	margin:14px 0 0 14px;
	border:1px solid rgba(238,136,17,1);
	background-color:rgba(238,136,17,.05);
	}
div.castBox .cast_detail{
	float:right;
	margin-right:20px;
	color:rgba(50,50,50,1);
	}
div#contents>div:nth-child(2n-1){
	margin-left:0 !important;
	}

div.castBox .imgBox{
	float:left;
	width:140px;
	height:140px;
	margin:20px 0 20px 20px;
	background: url("../images/cast/b/sensu.jpg") no-repeat;
	}
div.castBox h2,div.castBox p.kana,div.castBox p.type,div.castBox ul{
	width:283px;
	}
p.kana{
	line-height:1.3;
	margin-bottom:3px;
	}
div.castBox h2{
	font-size:21px;
	margin-top:24px;
	line-height:1.1;
	font-weight:bold;
	letter-spacing: 3px;
	}
div.castBox p.type{border-top:1px dotted rgb(238,136,17);}
div.castBox ul{
	list-style:none;
	border-top:1px dotted rgb(238,136,17);
	}
div.castBox ul li{
	border-bottom:1px dotted rgb(238,136,17);
	line-height:1.5;
	font-size:10px;
	}
div.castBox ul li span{
	font-size:13px;	
	}
div.castBox ul li a{
	display:block;
	position:relative;
	width:278px;
	color:rgba(50,50,50,1);
	padding:5px 0 5px 5px;
	background: url("../images/cast/arrow.png") no-repeat 255px 15px;
	}
div.castBox ul li a:hover{
	background-color:rgba(238,136,17,.5);
	}
div.castBox ul li:last-child{
	margin-bottom:20px;
	}