/* CSS Document */
* {
text-align:left;
margin:0;
padding:0;
}
body {
margin : 0;
padding : 0;
text-align:center;
background:#fdfdf1 url(../images/common/bg01.jpg) repeat-x;
color:#4c4c4c;
}

body#other {
margin : 0;
padding : 0;
text-align:center;
background:url(../images/common/bg01.jpg) repeat-x;
color:#4c4c4c;
}
a:link{color:#065b9c}

a:visited{color:#065b9c;}
a:active{color:#0ec7fc;}
a:hover{color:#0ec7fc;}

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,embed,object,address {
  margin:0;
  padding:0;
}

/*\*/*html ol{margin-left:5px;}/**/

ul li {list-style-type: none;}

fieldset,table,img {border:0;}

table td,table th {vertical-align:top;}

table {
  border-collapse:collapse;
  border-spacing:0;
}

body,h1,h2,h3,h4,h5,h6,td,th,p,li,dt,dd,form,pre,address,
blockquote,div,input,textarea,pre,ul,li,ol,blockquote {
  font-family:"メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, sans-serif;
  font-weight:normal;
  font-style:normal;
  line-height:1.5;
}

#contentsMain .mb30{margin-bottom:30px;}

/* font-size */
/*h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,address,blockquote {
  font-size:12px;
}*/

/* end */

/*入れ子時の文字サイズ調整
------------------------------------------------------------*/
/*li li,li dt,li dd, dd li,dd dd{font-size:100%;}*/

/*枠
------------------------------------------------------------*/
#container01{
	width:978px;
	margin:0 auto;
	background:url(../images/common/bg_lower01.jpg) repeat-y;
	position:relative;
}
/*-----もうひとつの世界-----*/
/*
body#other #container01{
	width:1004px;
	margin:0 auto;
	background:url(../images/other/bg02.gif) repeat-y;
}
*/
#container{
	width:970px;
	margin:0 auto;
	text-align:left;

}

#flashArea{
	background:url(../images/index/keyvisual.jpg) no-repeat top left;
	width:970px;
	height:700px;
	z-index:1;
	position:relative;
	top:0;
	left:0;
}

#headerlower{
	width:970px;
	height:214px;
	background:url(../images/common/bg.jpg) no-repeat top left;
}
#headerlower ul{
	width:960px;
	height:23px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	top:179px;
	left:14px;
}

#headerlower ul li{
	float:left;
	padding-right:3px;
}



/*#contents{
	widht:970px;
	height:533px;
	background:url(../images/bg_lower.jpg) no-repeat;
}
*/
#contents{
	widht:970px;
	background: url(../images/common/bg_lower02.jpg) repeat-y;
	height:auto;
}

#main{
	width:870px;
	padding-top:13px;
	margin:0 auto;
	font-size:14px;
}


#main p{
	margin-bottom:10px;
}

/*gnaviIndex
------------------------------------------------------------*/

#gnaviIndex ul{
	z-index:100;
	width:199px;
	height:200px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	top:238px;
	left:34px;
}

#gnaviIndex ul li{
	line-height:0;
	font-size:0;}
	
/*whatsnewIndex
------------------------------------------------------------*/
#whatsnew{
	width:216px;
	height:133px;
	background:url(../images/index/whatsnew.jpg) no-repeat top left;
	
	position:absolute;
	top:542px;
	left:26px;
}	
#whatsnew ul{
	display:block;
	width:206px;
	height:92px;
	padding:0 0px 8px 10px;
	overflow:auto;
	position:relative;
	top:33px;
	
}
#whatsnew ul li{
	background:url(../images/index/dia_whatsnew.gif) no-repeat top left;
	width:171px;
	display:block;
	padding-left:10px;
	padding-right:0px;
	font-size:11px;
	line-height:13px;
	color:#000000;
	padding-bottom:2px;
}
#whatsnew ul li a{color:#000000; text-decoration:none;}

/*FooterIndex
------------------------------------------------------------*/
#footerIndex{
	width:970px;
	height:105px;
	background:url(../images/common/bg_footer.jpg) no-repeat;
	color:#666666;
	font-size:12px;
	margin:0 auto;
	
}

#footerIndex #footerL{
	width:580px;
	padding:6px;
	float:left;
}
/*#footerIndex #footerL div{
	width:346px;
	float:left;
}
#footerIndex #footerL ul{
	width:354px;
	height:47px;
	display:block;
	}

/*#footerIndex #footerL ul li{
	float:left;
	padding-right:6px;

	line-height:1.2em;
}
#footerIndex #footerL p{
	clear:both;

}
#footerIndex #footerR{
	width:350px;
	padding:6px;
	float:right;
	text-align:right;
}
#footerIndex #footerR img{
	float:right
}
#footerIndex #footerR p{
	float:right;
	text-align:left;
	line-height:1.2em;
}
#footerIndex #footerR a{
	text-align:right;
}
*/

/*Footer
------------------------------------------------------------*/
#footer{
	width:970px;
	height:105px;
	background:url(../images/common/bg_footer.jpg) no-repeat;
	color:#666666;
	font-size:12px;
	margin:0 auto;
	
}

#footerL{
	width:580px;
	padding:10px;
	float:left;
}
#footerL ul li{
	float:left;
	padding-right:10px;

	line-height:1.2em;
}
#footerL p{
	clear:both;

}
#footerR{
	width:350px;
	padding:10px;
	float:right;
	text-align:right;
}
#footerR img{
	float:right
}
#footerR p{
	float:right;
	text-align:left;
	line-height:1.2em;
}
#footerIndex #footerR p{
	padding-right:5px;
}
#footerR a{
	text-align:right;
	color:#FF3366;
}

/*Footerもうひとつのせかい
------------------------------------------------------------*/
#otherfooter{
	width:970px;
	height:105px;
	background:url(../images/common/bg_footer.jpg) no-repeat;
	color:#ffffff;
	font-size:12px;
	
}

#otherfooter a{
	color:#0d3146;
}

#otherfooter #footerL ul li{
	float:left;
	padding-right:10px;
	color:#ffffff;
	line-height:1.2em;
}

/*コンテンツ
------------------------------------------------------------*/
/*コンテンツ見出し*/
/*#contentsHeader {
	width:810px;
	height:69px;
	padding:28px 30px 0 30px;
	font-size:0;
	line-height:0;
}
*/
#contentsHeader{
	width:810px;

	padding:30px 30px 20px 30px;
	
	font-size:0;
	line-height:0;
	background:url(../images/common/lower_contentsheader.jpg) no-repeat;
	text-align:center;
	
}
#contentsHeader img {


}
#contentsHeader ul li img {
	float:left;
	padding:20px 0 0 5px;
}

#contentsFooter{
	width:810px;
	height:20px;
	padding:30px 30px 0 30px;
	
	
	font-size:0;
	line-height:0;
	background:url(../images/common/lower_contentsfooter.jpg) no-repeat;
	text-align:center;
	
}


/*コンテンツ中身 ★☆スクロールなし☆★*/	

#contentsMain {
	width:870px;

}
/*セル１個*/
.contentsCell01 {
	width:750px;
	padding:0px 60px 15px 60px;
}
.specialIndex .contentsCell01{padding:0px 60px 15px 88px;}
#storyIndex #contentsMain{height:400px;}
#specialIndex #contentsMain{height:400px;}

/*セル２個*/
.contentsCell02L {
	width:346px;
	float:left;
	
}
.contentsCell02R {
	width:404px;
	float:left;
}

/*コンテンツ中身 ★☆スクロールあり(products・story・staffcast・news・comment・special)☆★*/	
/*#staffCast #contentsMain, #story #contentsMain,*//*#products #contentsMain,*/#other #contentsMain /*,#news #contentsMain*//*,#comment #contentsMain,#special #contentsMain */{
	width:869px;
	height:435px;
	overflow:auto;
}

/*セル１個products・story・staffcast・news・comment movie*/
/*#staffCast #contentsMain div.contentsCell01, #story #contentsMain div.contentsCell01, #products #contentsMain div.contentsCell01,#news #contentsMain div.contentsCell01,#comment #contentsMain div.contentsCell01 ,#special #contentsMain div.contentsCell01{
	width:730px;
	padding:0px 40px 15px 60px;
}
*/


.contentsCell01 ul li {
	padding-left:10px;
	background:url(../images/common/dia01.jpg) left no-repeat;
}

.contentsCell01 ul li.plainList{
	padding-left:15px;
	background:none;
}	

/*セル１個テキスト28px寄せproducts・story・staffcast*/
.contentsCell01 p, .contentsCell01 ul {
	padding-left:28px;
}
.contentsCell01 img {padding-bottom:10px;}
.contentsCell01 p img {
	padding:0px 3px 0 0;

}
/*テキスト回り込み画像*/
.contentsCell01 img.mawari {
	float:left;
	padding:0px 20px 10px 28px;

}

/*セル２個products*/
#products #contentsMain div.contentsCell02L {
	width:346px;
	float:left;
	margin:0 auto;
	text-align:center;
}
#products #contentsMain div.contentsCell02R {
	width:384px;
	float:left;
}
#products #contentsMain div.contentsCell02L img {padding:0;}
/*セル２個story*/
#story #contentsMain div.contentsCell02L {
	width:405px;
	float:left;
	
}
#story #contentsMain div.contentsCell02R {
	width:325px;
	float:left;
}


/*セル２個staffcast*/
#staffCast #contentsMain div.contentsCell02L {
	width:375px;
	float:left;
	
}
#staffCast #contentsMain div.contentsCell02R {
	width:354px;
	float:left;
}

/*セル２個news */
#news #contentsMain div.contentsCell02L {
	width:405px;
	float:left;
}
#news #contentsMain div.contentsCell02R {
	width:325px;
	float:left;
}

/*セル２個comment*/
#comment #contentsMain div.contentsCell02L {
	width:300px;
	float:left;
	
}
#comment #contentsMain div.contentsCell02R {
	width:430px;
	float:left;
}

/*セル２個special*/
#special .contentsCell02L{
	width:510px;
	float:left;
}
#special .contentsCell02R{
	width:220px;
	float:left;
}

/*indexに戻るボタン*/

.backBtn{
	padding-left:28px;}

/*Products
------------------------------------------------------------*/

.productsImg {
	padding-left:28px;
}	

/*Story
------------------------------------------------------------*/

.storyImg {
	padding-left:40px;
}	
#story #contentsMain div.contentsCell01 p img{margin-right:5px;}



/*StaffCast
------------------------------------------------------------*/

/*news
------------------------------------------------------------*/
.stxt{
	font-size:12px;
	line-height:1.5em;
}
#news span.stxt{
	margin-left:13px;
}	

.newsImg {
	padding-left:40px;
}
#news .contentsCell01 .contentsCell02R img.fR{float:right;}

#news .contentsCell02L table tr td img.nop{padding:0;}
#news .extracast{
	display:block;
	width:144px;
	float:left;
	padding-left:0;
	padding:0 5px 0 30px;
	font-size:12px;
}


/*comment
------------------------------------------------------------*/
#comment #contentsMain div.contentsCell02L p{
	margin-right:30px;
}

#comment span.stxt{
	margin-left:13px;
}	

p.indent{
	margin-left:13px;
}


	
	
#comment #main #contentsMain .contentsCell01 p.center{
	
	text-align:center;}
/*other
------------------------------------------------------------*/
/*localnavi*/

#otherLNavi{
	width:865px;
	height:23px;
	padding:0 0px 12px 5px;
}

#otherLNavi ul li{
	float:left;
	margin-right:5px;
	font-size:0;
	line-height:0;
}

/*characters
------------------------------------------------------------*/
/*localnavi*/

#charaLNavi{
	width:865px;
	height:23px;
	padding:0 0px 12px 5px;
}

#charaLNavi ul li{
	float:left;
	margin-right:5px;
	font-size:0;
	line-height:0;
}


/*special
------------------------------------------------------------*/
#special .pv{
	width:522px;
	height:358px;
	margin:0 auto 20px auto;
}

#special .pvyoutube{
	text-align:center;
	margin:0 auto 20px auto;
}

#blogparts {padding-bottom:20px;

}
#special div.code{
	width:380px;
	margin:0 30px 10px 30px;

	padding:10px 20px;
 	background:#ffffff;}

#special .thumbnail{
	width:740px;
	padding-left:28px;
}

#special .thumbnail img{
	float:left;
	padding-right:10px;
}

#special .thumbnail p{padding-left:20px;}
#special .thumbnail p img{float:none; padding:0 3px 0 0 ;}

/*ボックス*/
.box{width:702px;padding:0 0 0px 28px;}
.box img{padding:0;}
.box ul{padding:10px 20px 20px 20px;}
.boxMid{background:url(../images/common/table_mid.jpg) repeat-y;}


	
	
	
/*popupFair
------------------------------------------------------------*/
#popupFair #container{
	width:420px;
	height:510px;
	background:url(../images/news/bg_popup.jpg) no-repeat left top;
	padding:80px 0px 10px 30px;
	
}


#popupFair #container .header{height:20px;padding-right:20px;}

#popupFair #container .header ul{padding-left:20px;}

#popupFair #container .header ul li{
	display:block;
	float:left;
	padding:0 5px 0 5px;
	font-size:10px;
	line-height:normal;
	}
	
#popupFair #container .contents{
	width:400px;
	height:500px;
	padding-right:20px;
overflow:auto;
}
/*IEハック*/
*html #popupFair #container .contents{	width:407px;padding-right:13px;}
*:first-child+html #popupFair #container .contents{	width:407px;padding-right:13px;}


#popupFair #container .contents p{font-size:12px; font-weight:bold; padding-left:35px; padding-bottom:5px;}
#popupFair #container .contents dl{font-size:12px; padding:0 0 10px 40px;}
#popupFair #container .contents dl dt{padding-left:10px;}
#popupFair #container .contents dl dd{padding-left:20px;}

#popupFair #container .contents .hrDot{ width:370px; background:url(../images/common/dot.gif) repeat-x  ;padding:10px 0; margin-left:23px;}
/*IEハック*/
*html #popupFair #container .contents .hrDot{padding-bottom:0;}
*:first-child+html #popupFair #container .contents .hrDot{padding-bottom:0;}

/*popupCampaign
------------------------------------------------------------*/
#popupCampaign #container{
	width:450px;
	background:url(../images/common/bg_popup.jpg) repeat left top;
	padding:0px;
}

#popupCampaign #container .contents{padding:15px 30px;}
#popupCampaign #container .contents .tit{padding-bottom:20px;}
#popupCampaign #container .contents p{padding:0px 28px 20px 28px;font-size:14px;}
#popupCampaign #container .contents dl{padding:0px 28px 20px 28px;}
#popupCampaign #container .contents dd{padding-left:10px;}




/*------------------------------------------------------------
##############################################################
■ 1.汎用
##############################################################
------------------------------------------------------------*/
.flR{
	float:right;
}
.flL{
	float:left;
}
.mr5{
	margin:5px;
}
.mt10{
	margin-top:10px;
}

.note{
	font-size:12px;
	line-height:1.2em;
	color:#888888;
}
.red{
	color:#991111;
}

.alt{
	display:none;
}

.b{
	font-weight:bold;
}
.clear{
	clear:both;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	height:0;
}
.black{color:#000000;}

/*------------------------------------------------------------
##############################################################
■ 2.clearfix
##############################################################
------------------------------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*+html .clearfix{
  height:1%;
}
* html .clearfix{
   height: 1%;
 }