@import "clearfix.css";
@import "reset.css";

body{margin: 0px; text-align:center; min-width:988px; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.5em; letter-spacing:0.02em; background:#0593d5;}


a:link,a:visited,a:active{color:#fff; text-decoration:underline;/* border-bottom:dotted 1px #666666;*/ outline:none;}
a:hover{color:#e5c42b; text-decoration:none; border-bottom:none; outline:none;}
a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
a:hover img.none{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


.left{ float:left}
.right{ float:right}
.center{ text-align:center;}
.imgborder{ border:#ffc7c5 solid 3px; margin:0px 10px 10px 10px;}
strong{ color:#444444; font-weight:bold !important;}
b{color: #ac8c1c }
br {letter-spacing: 0;}
.attention{ font-size:10px; color:#465369;}


/*COMMON*/
#bgCommon{ background:url("../img/bgblue.gif") no-repeat scroll center top transparent;}
#footer{ height:32px;  background:url(../img/bg_foot.gif) repeat-x; text-align:right}
.footer{ height:32px;  background:url(../img/img_copyright.gif) no-repeat 8px 6px;}
.footer img{ margin:6px 5px 0px 0px;}

/*TOP*/
#topFla{ height:582px; width:100%; background:#000; text-align:center; min-width:988px;}
#container{ width:980px; margin:0px auto 0px auto; text-align:left; padding-bottom:30px;}
#box1{ width:320px; margin-top:12px; background: url(../img/bg_box.gif) repeat-y; float:left; color:#FFF;}
	#box1 .boxf{ width:320px; height:20px; background:url(../img/bg_boxf.png) no-repeat;}
	#box1 dl{ padding:0px 20px 0px 20px}
	#box1 dt{ background:#006cfa; letter-spacing:0.1em; font-size:10px; padding-left:2px; display: inline;}
	#box1 dd{ padding-bottom:3px;}
	#box1 .movie{ padding:2px 0px 0px 5px;}
	#box1 .tw{ padding:0px 0px 0px 5px;}
	#box1 .social{ width:295px; padding:5px 0px 0px 5px; margin-left:9px;}
	#box1 p{ width:290px;margin-bottom: 7px; line-height: 1.2em; font-size: 11px; height: 53px;}
	
.box1{ width:320px; margin-bottom:12px; background: url(../img/bg_box.gif) repeat-y; float:left; color:#FFF;}
	.box1 .boxf{ width:320px; height:20px; background:url(../img/bg_boxf.png) no-repeat;}
	.box1 dl{ padding:0px 20px 0px 20px}
	.box1 dt{ background:#006cfa; letter-spacing:0.1em; font-size:10px; padding-left:2px; display: inline;}
	.box1 dd{ padding-bottom:3px;}
	.box1 .movie{ padding:2px 0px 0px 5px;}
	.box1 .tw{ padding:0px 0px 0px 5px;}
	.box1 .social{ width:295px; padding:5px 0px 0px 5px; margin-left:9px;}
	.box1 p{ width:290px;margin-bottom: 7px; line-height: 1.2em; font-size: 11px; height: 53px;}
	.box1 img.adv{padding-left: 10px; padding-top: 10px;}

.bnbox{width:320px; margin-bottom:12px; float:left;}	
	
#leftbox{ width:327px; float:left}
#centerbox{ width:327px; float:left; padding-left:3px;}
#rightbox{ width:327x; float:right;}

.title{ padding-top:20px; padding-left:15px;}

#pacha{ margin:0px 0px 0px 10px;}
#pacha img{ margin-top:10px;}

#flvPly{margin-bottom:20px;}
.flashout{ margin-bottom:20px;}
.firstSec{ margin-bottom:14px;}
.firstSec h3{ margin-bottom:12px;}
.firstSec ul {}
.firstSec ul li{ float:left; margin-bottom:10px;}
.firstSec ul li p{ text-align:center; color:#fff;}
.firstSec ul li p a{ color:#fff; text-decoration:none;}
.firstSec ul li img{ border: solid 3px #fff; margin-right:10px;}
.firstSec ul li img#rightNot{border: solid 3px #fff; margin-right:0px;}
.secondSec{ margin-bottom:20px;}
.secondSecIn{ margin-bottom:6px;}
.secondSecIn01{ float:left;}
.secondSecIn02{ float:right;}
.gamePr{ margin-top:20px;}
.gamePr h3 img{ margin-bottom:6px;}

.doraemonbokin{ margin-bottom:12px;}
.flasharea{margin-bottom: 12px;}
.jasf{margin-bottom: 12px; }

.box2{ background: url(../img/bg_box2.gif) repeat-y scroll 0 0 transparent; color: #FFFFFF; height: 83px; margin-top: 6px; padding-top: 15px; width: 650px; margin-bottom:20px;}
	.box2 .boxf{ width:650px; height:20px; background:url(../img/bg_boxf2.png) no-repeat;}
	/*.box2 dl{ height: 80px; margin-top: 3px; overflow: auto; padding-bottom: 0; padding-left: 20px; padding-right: 20px; width: 600px;}
	.box2 dt{ background: none repeat scroll 0 0 #006CFA; float: left; font-size: 10px; letter-spacing: 0.1em; margin-right: 10px; padding-left: 2px;}
	.box2 dd { margin-left: 80px; padding-bottom: 3px;  width: 515px;padding-top: 2px; }
	.box2 .movie{ padding:2px 0px 0px 5px;}
	.box2 .tw{ padding:0px 0px 0px 5px;}
	.box2 .social{ width:295px; padding:5px 0px 0px 5px; margin-left:9px;}
	.box2 p{ width:290px;margin-bottom: 7px; line-height: 1.2em; font-size: 11px; height: 53px;}*/


/*2ndCONTENTS*/
#contents .header{ width:980px; height:116px; padding:10px 0px 10px 0px;}
#contents h1{ float:left; width: 196px; height:116px}
.himg{ width:783px; height:114px; float:right; background:url(../img/navbuck.gif) no-repeat; padding:1px 0 1px 1px } 
.himg #link01 a{ background-image:url(../img/nav01.gif); width:74px;}
.himg #link02 a{ background-image:url(../img/nav02.gif); width:253px;}
.himg #link03 a{ background-image:url(../img/nav03.gif); width:206px;}
.himg #link04 a{ background-image:url(../img/nav04.gif); width:116px;}
.himg #link05 a{ background-image:url(../img/nav05.gif); width:207px;}
.himg #link06 a{ background-image:url(../img/nav06.gif); width:112px;}
.himg #link07 a{ background-image:url(../img/nav07.gif); width:115px;}
.himg #link08 a{ background-image:url(../img/nav08.gif); width:228px;}
.himg #link09 a{ background-image:url(../img/nav09.gif); width:246px;}

.himg .upNav li a:hover{ background-position:0 -61px;}
.himg .downNav li a:hover{ background-position:0 -52px;}
.himg ul.upNav{ height:61px}
.himg ul.downNav{ height:52px; clear:both; margin-top:1px; }
.himg li{ list-style-type:none; float:left;}
.himg .upNav li a{display:block; height:61px; border-right: solid 1px #fff; text-indent:-9999px; overflow:hidden; font-size: 0;}
.himg .downNav li a{ display:block; height:52px; border-right: solid 1px #fff; text-indent:-9999px; overflow:hidden; font-size: 0;}

#leftbox2{ width:650px; float:left}
#contents h2{ margin:0px 0px 0px 5px; padding:15px 0px 15px 0px}
#contents .movie{ margin-bottom:10px;}
#contents .icon{ margin-bottom:25px;}
#contents .thum li{ width:162px; display:block; float:left; height:145px;}
#contents .thum img{ border:solid 3px #FFF;}
#contents span#race_name{ display:block; width:145px; font-size:10px; color: #FFF; line-height:1.3em; margin:3px 0px 10px 0px;}

#contents div.sectionPlayer{
	border-bottom: 1px dotted #FFFFFF;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#contents div.sectionPlayer2{
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#contents h3.ph3{
	color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}



#contents p.pcs{
	color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 3px;
}


#contents .detailimg{ float:right}
#contents .detailtext{ color:#FFF; padding:0px 20px 20px 0px;}
#contents .detailtext h3{ margin-bottom:20px;font-size:30px; width:340px;font-weight:bold; letter-spacing:0.2em; line-height:1.3em;border-bottom: 1px dotted #FFFFFF;}
	#contents .detailtext h3 span{ font-size:0.5em; margin-left:10px;}
#contents .detailtext h4{ margin-top:5px; padding-bottom:10px; font-size:14px; letter-spacing:0.3em; font-weight:bold; display:inline !important; }
#contents .line1{ line-height:2.5em;}

/*BBS*/
div.bbstitleBg{ width:650px; height:80px; background:url(../contents/bbs/img/bbstitlebg.gif) no-repeat; }
p.bbsh2{ color: #FFFFFF; font-size: 40px; padding-top: 32px;  text-align: center;}
div.btnArea{ margin:0 auto; width:562px; margin-top:16px; margin-bottom:11px;}
div.boxbbr{ width:320px; margin-bottom:12px; background: url(../img/bg_box.gif) repeat-y; float:left; color:#FFF;}
div.boxbbr div.boxfbbr{ width:320px; height:20px; background:url(../img/bg_boxf.png) no-repeat;}
div.boxbbr ul{padding-left: 18px; padding-top: 29px;}
div.boxbbr ul li{}
div.boxbbr ul li a{ text-decoration:none;}
div.boxbbr ul li a:hover{ color:#39F}
.boxif{ width:640px; height:630px; position:relative;}
div.iframeBox{ padding:5px; background:#FFF;}

#bbsFirst{font-size: 25px;margin-bottom: 10px; font-weight:bold;}
*+html #bbsFirst{ font-size: 25px;margin-bottom: 0px; font-weight:bold; }
.bbsSecond{ font-weight:bold; font-size:15px; margin-bottom:10px;}	
*+html .bbsSecond{ font-weight:bold; font-size:15px; margin-bottom:5px; }

.col01 a:link,.col01 a:visited,.col01 a:active{color:#7cc64e !important;}
.col02 a:link,.col02 a:visited,.col02 a:active{color:#e86599 !important;}
.col01 a:hover,.col02 a:hover{color:#39F !important;}

.bnbox2{width:320px; margin-bottom:10px; float:left;}

/*カーソル*/
img.curicon{margin-left: 650px; margin-top: 395px; position: absolute;}
*:first-child+html img.curicon{ margin-top: 400px;}
* html img.curicon { margin-left: 650px; margin-top: 400px; position: absolute; }


img.curicon2{margin-left: 650px;margin-top: 475px; position: absolute;}
*:first-child+html img.curicon2{ margin-top: 490px;}



/*SNS*/
#faceBtn{
	position:absolute;
	margin-left:150px;
	margin-top:-27px;
	width:150px;
	height:21px;
}

* html #faceBtn  { position:absolute;
	margin-left:150px;
	margin-top:-18px;
	width:150px;
	height:21px; }
	
*+html #faceBtn { position:absolute;
	margin-left:150px;
	margin-top:-18px;
	width:150px;
	height:21px; }


/*TOPYABATARTバナー*/
.yavatarmain a{ display:block;}
.yavatarmain01{ margin-bottom:10px;}
.yavatarmain02{ float:left;}
.yavatarmain03{ float:right;}