@charset "utf-8";

/*====================================================================

level2.css

====================================================================*/
#wrapper{
	background-image: url(../img/common/level2_bg_02.jpg);
	background-position: center 239px;
}
#bgimg{background-image: url(../img/common/level2_bg.jpg);}

/*--------------------------------------------------------------------
01.common elements
--------------------------------------------------------------------*/
#head{
	width: 967px;
	height: 342px;
	background: url(../img/common/head.jpg) no-repeat;
	margin-left: -67px;
}
#head h2,
#head h3,
#head p{display: none;}

#head h1,
#head h1 a{
	width: 444px;
	height: 151px;
}
#head h1{
	margin: 37px 0 0 38px;
}
#head h1 a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#navi{
	top: 224px;
	left: 67px;
	background: url(../img/common/navi.gif) no-repeat;
}
#navi ul li a:hover{background-image: url(../img/common/navi_hover.gif);}

/*path*/
#path{
	position: relative;
	top: -5px;
	width: 900px;
	font-size: 10px;
	background: url(../img/common/path_border.gif) repeat-x left bottom;
	padding: 0 0 10px;
}
#path,#path a{color: #fff;}

/*contents*/
#contents{background: url(../img/common/level2_contents_bg.jpg) no-repeat 0px 35px;}
#rightpane{
	float: right;
	width: 680px;
	background: url(../img/common/level2_box_bg.gif) repeat-y center top;
	margin: 22px 0px 0 0;
}
#inner{
	background: url(../img/common/level2_box_bottom.gif) no-repeat center bottom;
}
#leftpane{
	float: left;
	width: 185px;
	margin-top: 0px;
}

#rightpane h2{
	width: 680px;
	background: url(../img/common/level2_box_top.gif) no-repeat center top;
	padding-top: 5px;
}
#rightpane h3{
	color: #000;
	font-weight: bold;
	font-size: 16px;
	margin: 45px 0 0 20px;
	padding: 15px 20px 15px 13px;
	border-left: solid 2px #c2007b;
}
#rightpane h4{
	color: #c2007b;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	margin: 20px 0 0 20px;
}

/*sidenavi*/
#sidenavi,
#sidenavi ul,
#sidenavi ul li{width: 185px;}
#sidenavi{background: #fc6cb8;}
#sidenavi ul,
#sidenavi ul li,
#sidenavi ul li strong{display: block;}
#sidenavi ul{
	padding-bottom: 6px;
	background: url(../img/common/side_bottom.gif) no-repeat bottom;
}
#sidenavi ul li{
	padding: 8px 0;
	background: url(../img/common/side_border.gif) repeat-x left bottom;
}
#sidenavi ul li strong{
	font-weight: normal;
	padding: 0 10px 0 23px;
	background: url(../img/common/side_icon.gif) no-repeat 8px 6px;
}
#sidenavi ul li strong a{
	color: #fff;
	text-decoration: none;
}
#sidenavi ul li strong a:hover{color: #5d1d82;}

#sidenavi ul li div.sidenavi-interview{margin:0 0 0 20px;padding:3px 5px;border:1px dotted #ffcc00;background:#00A0E9;}
#sidenavi ul li div.sidenavi-interview:hover{background:#efefef;color:#666666;}
#sidenavi ul li div.sidenavi-interview a{display:block;width:155px;color:#ffffff;}
#sidenavi ul li div.sidenavi-interview a:hover{color:#666666;}


.mt{margin-top: 15px;}

/*box*/
.box{
	width: 640px;
	background: url(../img/common/h3_bg.gif) repeat-x left top;
	margin: 15px 0 0 20px;
	padding-top: 15px;
	overflow: hidden;
}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box img.left{margin-right: 10px;}
.box img.right{margin-left: 10px;}
.table1{
	width: 640px;
	background: #ffcfe9;
}
.table1 th,
.table1 td{
	text-align: left;
	vertical-align: top;
	padding: 5px 15px;
}
.table1 th{
	color: #303030;
	background: #ffebf5;
	white-space: nowrap;
}
.table1 td{background: #fff7fb;}

/*pagetop
----------------------------------------------------------------*/
.pagetop{
	width: 680px;
	height: 36px;
	background: url(../img/common/pagetop.gif) no-repeat top;
	overflow: hidden;
	margin-top: 54px;
}
.pagetop p{margin-top: 14px;}
.pagetop a{
	display: block;
	width: 82px;
	height: 10px;
	text-indent: -9999px;
	margin-left: 577px;
	overflow: hidden;
}
.pagetop a:hover{background: url(../img/common/pagetop_hover.gif) no-repeat;}

#sponsor{margin-top: 30px;}



/*--------------------------------------------------------------------
02.news
--------------------------------------------------------------------*/
.newslist h3 span{
	color: #df5caf;
	font-family: Georgia;
	font-size: 12px;
}


/*--------------------------------------------------------------------
03.about
--------------------------------------------------------------------*/
#rightpane div#amain h2{
	padding-top: 0;
}
#amain{
	width: 698px;
	overflow: hidden;
}
#amain div{
	width: 648px;
	margin-left: 20px;
}
#main div:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#amain div img{
	float: right;
	margin-left: 10px;
}
#amain p{
	color: #5d1d82;
	padding-top: 6px;
}
#amain p strong{
	font-size: 12px;
	font-weight: bold;
	color: #ec0497;
}
#chara_bg{
	width: 640px;
	height: 305px;
	background: url(../img/about/chara_bg.jpg) no-repeat top;
	margin-top: -32px;
}
#chara_bg h4{
	height: 145px;
	visibility: hidden;
}
#chara_bg p{padding-left: 2px;}
#chbnr div{
	margin-top: 10px;
}
#chbnr div div{
	font-size: 10px;
	padding: 10px;
	border: dashed 1px #ccc;
	background: #efefef;
}
#chbnr div.w120{
	float: left;
	width: 310px;
	margin-right: 20px;
}
#chbnr div.w120 img{
	float: left;
}
#chbnr div.w120 div{
	width: 180px;
	float: right;
	padding: 0;
	margin-top: 0;
}
#chbnr div.w120 div p{
	padding: 10px;
}
#chbnr div#chbnr4{margin-right: 0;}

#spthks{
	font-size: 10px;
}
/*attention*/
#attention,
#attention li{
	display: block;
}
#attention li{
	padding-left: 10px;
	padding-bottom: 7px;
	background: url(../img/lineup/icon_vector.gif) no-repeat left 8px;
}

/*--------------------------------------------------------------------
04.lineup
--------------------------------------------------------------------*/
#paformer{
	width: 680px;
	background: url(../img/common/level2_box_top.gif) no-repeat top;
	overflow: hidden;
}
#paformer ul,
#paformer ul li,
#paformer ul li a{display: block;}
#paformer ul{
	width: 680px;
	background: #eee;
	margin-top: 5px;
	border-bottom: solid 5px #940350;
}
#paformer ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#paformer ul li,
#paformer ul li a{
	width: 170px;
	height: 210px;
	overflow: hidden;
}
#paformer ul li{float: left;}
#paformer ul li a{
	color: #fff;
	text-indent: -9999px;
	overflow: hidden;
}
#paformer ul li a:hover{
	text-indent: 7px;
	line-height: 390px;
	background: url(../img/lineup/paformer_hover.gif) no-repeat;
}

#list00{background-image: url(../img/lineup/paformer_00.jpg);}
#list01{background-image: url(../img/lineup/paformer_01.jpg);}
#list02{background-image: url(../img/lineup/paformer_02.jpg);}
#list03{background-image: url(../img/lineup/paformer_03.jpg);}
#list04{background-image: url(../img/lineup/paformer_04.jpg);}
#list05{background-image: url(../img/lineup/paformer_05.jpg);}
#list06{background-image: url(../img/lineup/paformer_06.jpg);}
#list07{background-image: url(../img/lineup/paformer_07.jpg);}
#list08{background-image: url(../img/lineup/paformer_08.jpg);}
#list09{background-image: url(../img/lineup/paformer_09.jpg);}
#list10{background-image: url(../img/lineup/paformer_10.jpg);}
#list11{background-image: url(../img/lineup/paformer_11.jpg);}
#list12{background-image: url(../img/lineup/paformer_12.jpg);}
#list13{background-image: url(../img/lineup/paformer_13.jpg);}
#list14{background-image: url(../img/lineup/paformer_14.jpg);}
#list15{background-image: url(../img/lineup/paformer_15.jpg);}
#list16{background-image: url(../img/lineup/paformer_16.jpg);}

#listsp1{background-image: url(../img/lineup/paformer_sp1.jpg);}
#listsp2{background-image: url(../img/lineup/paformer_sp2.jpg);}

.sp img{
	float: left;
	margin-right: 15px;
}
.sp h5,
.sp p{
	float: left;
	width: 445px;
}
.sp h5 img{
	float: none;
	margin: 0;
}
.sp h5{margin-top: 15px;}
.sp p{margin-top: 15px;}

.cover{width: 310px;}
.cover img{
	float: left;
	margin-right: 10px;
}
.right{float: right;}
.left{float: left;}

.link,
.link li{
	display: block;
}
.link{
	border-top: solid 1px #eee;
	padding-top: 10px;
	margin-top: 10px;
}
.link li{
	padding-left: 10px;
	background: url(../img/lineup/icon_vector.gif) no-repeat left 9px;
}
.sp ul.link{
	float: right;
	width: 445px;
}
.big{font-size: 22px;}
.mchara{
	float: right;
	width: 157px;
	margin-left: 10px;
	font-size: 10px;
}
.mchara img{margin-left: 25px;}
.mchara p{margin-top: 7px;}


/*--------------------------------------------------------------------
05.ticket
--------------------------------------------------------------------*/
#price{
	width: 630px;
	height: 210px;
	background: url(../img/ticket/price.jpg) no-repeat;
	margin: 5px 0 0 5px;
}
#price *{visibility: hidden;}

#price_gal{
	width: 647px;
	height: 252px;
	background: url(../img/ticket/price_gal.jpg) no-repeat;
	margin: 8px 0 0 8px;
}
#price_gal *{visibility: hidden;}

#buy table td strong{
	font-size: 20px;
}

/*--------------------------------------------------------------------
06.access
--------------------------------------------------------------------*/
#map{
	width: 640px;
	margin: 20px 0 0 20px;
}
#map p{
	margin-top: 15px;
}


/*--------------------------------------------------------------------
07.report
--------------------------------------------------------------------*/
#reportbox{
	width: 660px;
	margin-left: 15px;
	overflow: hidden;
}
#reportbox div.reportbox{
	width: 320px;
	float: left;
	text-align: center;
	margin: 15px 10px 0 0;
}
#reportbox div.reportbox img{
	display: inline;
}
#reportbox div.reportbox p{
	padding-top: 10px;
}
#reportbox div.clear{
	clear: left;
	width: 650px;
	height: 15px;
	border-bottom: solid 1px #ddd;
}

/*--------------------------------------------------------------------
**.interview
--------------------------------------------------------------------*/
dl.interview dt{
	width: 640px;
	padding:5px 8px;
	font-weight:bold;
	font-size:1.1em;
	color:#333333;
	background: #dedede;
	border-bottom:1px solid #999999;
}

dl.interview dd{
	padding:5px;
   border-bottom: 1px dotted #cccccc;
   overflow: hidden;
}

dl.interview dd span{
   clear:left;
   font-weight:bold;
   display:block;
   float:left;
   width:20px;
}

dl.interview dd div{
  width:610px;
  float:left;
}

dl.interview dd.interview-miume{
   color:#cc3399;
}

dl.interview dd.interview-hitomi{
   color:#cc3366;
}