@charset "utf-8";

@import "reset.css";



/* ----------------------------------------------------

全体の設定

---------------------------------------------------- */



html{

height: 100%;

}



body{

height: 100%;			

font-size:83.333%;

line-height:130%;

font-family: "MS P Gothic", sans-serif;

color: #000;

background-color:#fff;

background-image:url(../images/bg.gif);

text-align: center;

}



/* for IE6 */

* html body {

font-size: 75%;

}



/* for IE7 */

*:first-child+html body {

font-size: 75%;

} 



/*画像下部の意図しない余白をなくす*/

img{ vertical-align : bottom; }

a {outline: none;}



/* ----------------------------------------------------

リンクカラー

---------------------------------------------------- */



a:link {color:#b42257; text-decoration:none;}

a:visited {color:#b32848; text-decoration:none;}

a:active {color:#ff66cc;}

a:hover {color:#ff66cc;}



/* ----------------------------------------------------



その他カラー、汎用設定



---------------------------------------------------- */



textarea{		

font-size:83.333%;

line-height:130%;

font-family: "MS P Gothic", sans-serif;

color: #000;

background-color:#fff;

text-align: left;

}



.orange{color:#ff6600;}

.orange_l{font-size:14px;color:#ff6600;font-weight: bold;}

.orange_s{font-size:11px;color:#ff6600;}

.caution{color:#ff0000;font-weight:bold;}

.caution2{color:#ff0000;}

.w_caution{font-weight:bold;}

.w_caution_l{font-weight:bold;}

.s_txt{font-size:smaller;}





/*html,body {

scrollbar-arrow-color:#990000;

scrollbar-face-color:#000000;

scrollbar-3dlight-color:#990000;

scrollbar-darkshadow-color:#990000;

scrollbar-highlight-color:#000000;

scrollbar-shadow-color:#000000;

scrollbar-track-color:#000000;

}*/



/* ----------------------------------------------------

#trunk

---------------------------------------------------- */

#trunk{

width:100%;

margin: 0px auto 0px auto;

border-top:12px solid #000;

border-bottom:12px solid #000;

}

/* ----------------------------------------------------

#base

---------------------------------------------------- */

#base_top{

width:1080px;

margin:auto;

background-image:url(../images/base_top.png);

}

#base_sec{

width:1080px;

margin:auto;

background-image:url(../images/base_sec.png);

}

#base_chara{

width:1080px;

margin:auto;

background-image:url(../images/base_chara.png);

}



/* ----------------------------------------------------

#header	

---------------------------------------------------- */

#header{

height:126px;

background-image:url(../images/bg_header.png);

}



#header h1{

display:none;

}



#headlogo{

width:430px;

padding-left:70px;

text-align:left;

float:left;

}



#menu{

width:490px;

padding:20px 40px 0px 50px;

float:right;

}



#menu ul {

margin: 0;

padding: 0;

}



#menu ul li{

padding-right:18px;

list-style-type: none;  

display:table-cell;  

*display:inline;  

*zoom:1;

background-image:url(../images/menu/icon.png);

background-position:right;

background-repeat:no-repeat;

float:left;

}



/* ----------------------------------------------------

#footer

---------------------------------------------------- */

#footer{

min-height:213px;

padding:0px 120px;

background-image:url(../images/bg_footer.png);

background-repeat: no-repeat;

}



#link{

width:840px;

margin:auto;

padding:50px 0px 12px 0px;

text-align: left;

}



#link img{

margin:0px 8px 10px 0px;

border:1px solid #b42257;

float:left;

}

/* ----------------------------------------------------

#contents

---------------------------------------------------- */

#contents{

min-height:450px;

padding:25px 70px;

text-align:left;

}



/* ----------------------------------------------------

top

---------------------------------------------------- */

/*トピックス*/

#topics{

width:470px;

margin-bottom:20px

}



#topics_box_outer{

border-top:1px solid #000;

border-right:1px solid #000;

border-bottom:15px solid #000;

border-left:1px solid #000;

}



#topics_box{

width:468px;

height:97px;

background-color:#fff;

opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */

filter: alpha(opacity=80); /* IE lt 8 */

-ms-filter: "alpha(opacity=80)"; /* IE 8 */

-khtml-opacity: .80; /* Safari 1.x */

-moz-opacity: .80; /* FF lt 1.5, Netscape */

overflow-y: auto;

}



#topics_box dl{
padding:6px 0px 6px 0px;
font-size:13px;
line-height: 130%;
}



#topics_box dl dt{
padding-left: 8px;
font-weight: bold;
}



#topics_box dl dd{
margin-bottom:5px;
padding: 4px 8px;
border-bottom: 1px dotted #999;

}



/*インフォメ*/

.infoban{
width:468px;
margin:0px 0 10px 0;
}

#info{
width:468px;
border:1px solid #000;
margin-bottom:20px;
}



#info_box{
width:468px;
height:260px;
background-color:#fff;
opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
-moz-opacity: .80; /* FF lt 1.5, Netscape */
overflow-y: auto;
}



#info_box_inner{

	padding:20px;

}



.redtxt{
margin-bottom:10px;
font-weight:bold;	
color:#ca0811;
text-shadow: 1px 1px 1px #999;
}



#info_box ul{
	font-size:12px;
}



#info_box ul li{
padding-bottom:2px;
margin-bottom:2px;
border-bottom:1px dotted #a81f56;
}



/*twitter*/

#twitter{
width:470px;

}



#twitter_box_outer{
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:15px solid #000;
border-left:1px solid #000;
}



#twitter_box{
width:460px;
height:250px;
margin:0 3px 0 6px;
background-color:#fff;
opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
-moz-opacity: .80; /* FF lt 1.5, Netscape */
/*overflow-y: auto;*/
}



/*.twtr-doc{

font-size:10.5px;

}*/



.twtr-hd,.twtr-ft{

display: none;

}



/*.twtr-widget .twtr-tweet {

border-bottom: 1px dotted #990000;

overflow:hidden;

}*/



.twtr-widget .twtr-tweet-wrap{

padding:5px;

}





/* ----------------------------------------------------

sec各コンテンツ

---------------------------------------------------- */

/*ゲーム概要*/

#outline{

width:940px;

}



/*キャラクター*/

#chara_outer{

width:940px;

}



#chara_menu{

width: 290px;

min-height: 570px;

float: left;

}



.chara_menuh2{

padding-bottom: 100px;

}



#chara_menu img{

float:left;

}



#chara_right{

width: 650px;

float: right;

}



/*製品情報*/

#products{

width:940px;

}

#products h2.p2{
	margin:20px 0 0 0;

}


#plist{
margin:20px 0;

}



#plist dl{

width:670px;
min-height:400px;
clear:both;

}



#plist dl dt{
width:120px;
margin-top: 4px;
padding-top: 4px;
padding-right: 20px;
border-top:1px dotted #a81f56;
text-align: right;
float: left;
}



#plist dl dd{
width:530px;
margin-top: 4px;
padding-top: 4px;
border-top:1px dotted #a81f56;
float:right;
}

#plist h3{

margin-top:20px;
font-size:110%;
font-weight:bold;

}

#plist ul.il01{
width:690px;
clear:both;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

#plist ul.il02{
width:690px;
clear:both;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
min-height:162px;
}
#plist ul li{

float:left;
width:140px;
margin:0 auto;
padding:5px;
min-height:200px;
}

#plist ul li.width{

float:left;
width:180px;
margin:0 auto;
padding:5px;
min-height:200px;
}
#plist ul li.width2{

float:left;
width:180px;
margin:0 auto;
padding:5px;
min-height:125px;
}

#plist p.exp{
width:670px;
clear:both;
text-align:left;
	
}

/*ムービー*/

#movie{

width:940px;
height:750px;

}

#movie ul{
	margin-top:20px;
	list-style-type:none;
	
}

#movie ul li{
	float:left;
	width:450px;
	margin:0 5px;
	text-align:left;
	font-weight:bold;
}
#movie ul li.dm{
	float:left;
	width:700px;
	margin:0 5px 20px;
	text-align:left;
	font-weight:bold;
}

/*コラボ*/
#collabo{

width:940px;

}
#collabo ul{

width:920px;
list-style-type:none;
height:38px;
margin:0;
padding:10px 0 5px 0;

}
#collabo ul li{
width:130px;
height:38px;
margin:0;
padding:0 3px;
float:left;
}

#collabo div.txt{
	margin:20px 0;
	width:660px;
	min-height:400px;
}
#collabo div.clist2{
	margin:20px 0;
	width:620px;
	min-height:1300px;
}

#collabo div.txt h3{
margin-top:20px;
font-size:110%;
font-weight:bold;	
color:#ca0811;
text-shadow: 1px 1px 1px #999;
}

#collabo div.txt p.ph{
font-size:125%;
font-weight:bold;
color:#333333;
margin-bottom:10px;
}

.red05{
font-weight:bold;	
color:#ca0811;
}

#collabo div.txt p{
	text-align:left;
	width:81%;
}

#collabo div.txt p.yop{
	width:620px;
	text-align:center;
	font-size:130%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#collabo div.txt p.nop{
	width:480px;
	text-align:center;
	font-size:130%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#collabo div.txt p.rop{
	width:520px;
	text-align:center;
	font-size:130%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#collabo div.txt p.ca2_txt{
	margin:0px 0 0px 20px;
}

#collabo div.txt img{
	margin:0 0 0 65px;
}
#collabo div.txt img.links{
	margin:5px 0px;
}
#collabo div.txt img.c_head{
	margin:10px 0 10px 90px;
}
#collabo div.txt img.ca_head{
	margin:10px 0 10px 58px;
}
#collabo div.txt img.ca2_head{
	margin:10px 0 10px 20px;
}
#collabo div.txt img.pas{
	margin:20px 0 20px 0px;
}

#collabo div.txt dl.d01{
width:620px;
min-height:170px;
clear:both;
}
#collabo div.txt dl.d02{
width:620px;
min-height:250px;
clear:both;
}
#collabo div.txt dl.d03{
width:620px;
min-height:170px;
clear:both;
}
#collabo div.txt dl.p01{
width:620px;
min-height:170px;
clear:both;
}

#collabo div.txt dl dt{
width:100px;
margin-top: 4px;
padding-top: 4px;
padding-right: 15px;
text-align: right;
float: left;
}

#collabo div.txt dl dd{
width:505px;
margin-top: 4px;
padding-top: 4px;
float:right;
}

#collabo div.txt div.pk01{
	width:90%;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	margin:10px auto;
	padding:10px;
}

/*スペシャル*/
#special{

width:940px;

}
#special ul{
width:720px;
list-style-type:none;
height:38px;
margin:0;
padding:10px 0 5px 0;

}
#special ul li{
width:130px;
/*height:38px;*/
margin:0;
padding:0 3px;
float:left;
}
#special div.slist{
	width:100%;
	min-height:600px;
}

#special div.slist div.txt{
	margin:20px 0;
	width:580px;
	min-height:600px;
	float:left;
}
#special div.slist p{
	margin:10px 0;
	width:550px;
	min-height:70px;
}

#special div.slist ul.corner{
	width:530px;
	min-height:220px;
	list-style-type:none;
	margin:0 0 0 10px;
	padding:2px 0;
}

#special div.slist ul.corner li{
width:520px;
min-height:60px;
max-height:85px;
margin:3px 0;
padding:3px 3px;
}
#special div.pict{
	margin:20px 0;
	width:360px;
	min-height:400px;
	float:right;
}
#special div.pict ul{
	list-style-type:none;
	width:360px;
	min-height:400px;
	margin:0 0 0 0px;
	padding:3px;
}
#special div.pict ul li{
	width:100%;
	text-align:left;
	height:135px;
	padding:0 3px;
	font-size:75%;
}
.sto{
	font-size:110%;
	font-weight:bold;
color:#ca0811;
}
#special div.slist2{
	width:100%;
	min-height:600px;
}
#special h3{
margin-bottom:10px;
font-weight:bold;
color:#ca0811;
text-shadow: 1px 1px 1px #CCC;
font-size:115%;
}

#special h4{
font-weight:bold;	
color:#333333;
font-size:115%;
/*border-style:solid;
border-width:1px;
border-color:#333333;*/
margin:0px 0;
padding:5px;
width:140px;
text-align:left;
}


#special div.slist2 div.txt{
	margin:20px 0;
	width:650px;
	min-height:600px;
}
#special div.slist2 ul.so01{
	width:780px;
	min-height:600px;
	list-style-type:none;
	margin:0;
	padding:5px 0;
}

#special div.slist2 ul.so01 li{
width:320px;
min-height:260px;
margin:5px 5px 5px 0;
padding:5px 3px;
}

#special div.slist3{
	width:100%;
	min-height:600px;
}

#special div.slist3 ul.gaku{
	width:860px;
}
#special div.slist3 ul.gaku li{
	float:left;
	width:auto;
	text-align:left;
	margin:5px 10px;
	font-size:105%;
	display:block;
	font-weight:bold;
}

#special div#sp_come{
width:680px;
border:1px solid #000;
margin-bottom:20px;
}

#special div#sp_come_box{
width:680px;
height:460px;
background-color:#fff;
opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
-moz-opacity: .80; /* FF lt 1.5, Netscape */
overflow-y: auto;
}

#special div#sp_come_box h3{
margin:10px 5px;
font-weight:bold;
color:#ca0811;
text-shadow: 1px 1px 1px #CCC;
font-size:115%;
}

#special div#sp_come_box h4{
font-weight:bold;	
color:#b32848;
font-size:110%;
border-style:dotted;
border-width:0 0 1px 0;
border-color:#333333;
margin:0px 5px;
padding:5px;
width:90%;
text-align:left;
}

#special div#sp_come_box p{
margin:0px 5px;
padding:5px;
width:90%;
text-align:left;
color:#333333;
}

#special ul.ban_outer{
	list-style-type:none;
	margin:10px 5px;
	padding:0;
	width:920px;
}

#special ul.ban_outer li{
	float:left;
	width:160px;
	height:240px;
	margin:5px 4cpx;
}

#special .dl {
	height:1600px;
	
}
#special .dl2 {
	height:1000px;
	
}

#special ul.wall_outer{
	list-style-type:none;
	margin:10px 5px;
	padding:0;
	width:920px;
}

#special ul.wall_outer li{
	width:520px;
	height:320px;
	margin:5px 4cpx;
}

#special .dl {
	height:1600px;
	
}

/*製品情報*/

#countdown{

width:940px;
height:570px;

}
#countdown p{
	margin:70px 0 10px 0;
	
}
#countdown p.cap{
	margin:10px 0 10px 35px;
	font-size:12px;
	
}

/*ダウンロード

#dl_ban{
width:640px;
text-align:left;

}

#dl_ban img{
margin-bottom:10px;

}

.ban_outer{
width:640px;
text-align:left;

}

.ban01{
width:200px;
margin-right:10px;
margin-bottom:20px;
float:left;
}

.ban01 textarea{
width:200px;
margin:0;

}

.ban02{
width:150px;
margin-right:10px;
margin-bottom:20px;
float:left;

}

.ban02 textarea{
width:150px;
margin:0;

}

.ban03{
width:280px;
margin-right:10px;
margin-bottom:20px;
float:left;

}

.ban03 textarea{
width:280px;
margin:0;

}

.ban04{
width:450px;
margin-right:10px;
margin-bottom:20px;
float:left;

}

.ban04 textarea{
width:450px;
margin:0;

}

*/

/*ムービー*/