x@charset "UTF-8";
/* CSS Document */

html,body { height:100%;}
.common_width { max-width:1000px; margin:0 auto;}



html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, th, td { margin: 0; padding: 0; }

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

html { height:100%;}

img{ border:0; margin:0; padding:0; vertical-align:bottom; border-style:none; }

body { -webkit-text-size-adjust: 100%;}

hr {
	margin-bottom:1%;
	border-width: 1px 0 0 0; /* 太さ */
	border-style: solid;     /* 線の種類 */
	border-color: #fff;      /* 線の色 */
	height: 1px;             /* IE6用対策 */
	clear: both;             /* IE6用対策 */
}

.yellow { color:#e5c859;}

dt{ float:left; width:3%; }
dd{ float:right; width:97%; }


.update_bg{background-color:#900; padding:1% 2%; width:100%; max-width:400px;border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	 background-image:url(../img/system/sys_bg.gif) }
	 
.wintopope{width:92%; max-width:840px; margin:-1% auto 2%; border: solid 1px #FFCC00;
border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
 }
 
.indent{
		padding-left:1em;
	}
.indent .li{
		margin-left:-1em;
		word-break: break-all;
	}


@media screen and (min-width: 641px) {

/*---- common ----*/
#common_width { width: 950px; background-color: #000; margin: 0 auto;}

.bg_main{background-color: #000; background-image: url(../img/bg/bg_main.gif); background-size:cover; background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}

.button01{ margin:0% auto 2%; background-color:#EFE7B7; border: solid 1px #EFE7B7; height:22px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button02{ font-size:15px; font-weight:bold; line-height:120%; color:#000; margin:0% auto 1%; background-color:#6f91ff; border: solid 1px #6f91ff; height:22px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button03{ font-size:15px; font-weight:bold; line-height:120%; color:#000; margin:0% auto 1%; background-color:#ff4e56; border: solid 1px #ff4e56; height:22px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button04{ color:#000; margin:0% auto 2%; background-color:#555; border: solid 1px #555; height:22px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button_ww{ font-size:15px; font-weight:bold; line-height:120%; color:#FFF; margin:0% auto 1%; background-color:#000; border: solid 1px #FFF; height:22px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}

.text_head { color:#e5c859; font-size:20px; line-height:130%; font-weight:bold;}
.text_head2 { color:#e5c859; font-size:24px; line-height:130%; font-weight:bold;}
.text_head3 { color:#6f91ff; font-size:21px; line-height:130%; font-weight:bold; margin-bottom:1%;}
.text_head4 { color:#6f91ff; font-size:16px; line-height:130%; font-weight:bold;}
.text_head_red1 { color:#ff4e56; font-size:21px; line-height:130%; font-weight:bold; margin-bottom:1%;}
.text_head_red2 { color:#ff4e56; font-size:16px; line-height:130%; font-weight:bold;}
.text_head_blue1 { color:#6f91ff; font-size:21px; line-height:130%; font-weight:bold; margin-bottom:1%;}
.text_head_blue2 { color:#6f91ff; font-size:16px; line-height:130%; font-weight:bold;}
.text_lead { color:#e5c859; font-size:17px; line-height:130%; font-weight:bold;}
.text_name { color:#FFF; font-size:16px; line-height:145%; font-weight:bold;}
.text_body { color:#FFF; font-size:15px; line-height:140%;}
.text_body a { color:#FF0;}
.text_body2 { color:#FFF; font-size:15px; line-height:140%;}
.text_caption { color:#FFF; font-size:14px; line-height:145%;}

.text_sys {width:90%; margin:0 auto; padding-top:2%; padding-bottom:3%; line-height:140%;}
.text_sysbody { color:#FFF; font-size:16px; display:block; margin-bottom:1%;}
.text_systitle { color:#e5c859; font-size:15px; font-weight:bold;}

.box { display: table-cell; width:415px;}
.box a { color:#FF0;}

.topbox { display: table-cell; width:415px; float:left;}
.topbox2 { display: table-cell; width:415px; float:right;}
.topbox a { color:#FF0;}

.nyabox { display: table-cell; width:400px; float:left;}
.nyabox a { color:#FF0;}

.dlcbox { display: table-cell; width:545px; float:left; }
.dlcbox02 { display: table-cell; width:240px; }
.dlcbox a { color:#FF0;}

.dlcpbox { display: table-cell; width:550px; float:left; }
.dlcpbox02 { display: table-cell; width:240px; }
.dlcpbox a { color:#FF0;}

.dbbox { display: table-cell; width:200px; float:left; }
.dbbox02 { display: table-cell; width:640px; }
.dbbox a { color:#FF0;}

.system_width {width:92%;}

/*---- header ----*/
#header_m { display:none;}
#header_m .logo { display:none;}

#header { height: 53px; background-color: #633;}

#tophead { background-image: url(../img/common/head_base.jpg); background-position: center; height: 53px;}
#tophead_con { width: 1000px; margin: 0 auto; height: 53px;}

#menu { width: 800px; overflow: hidden; margin: 0 0 0 175px; height: 53px;}
#menu ul { margin:0; padding:0;}
#menu ul li { float:left; list-style:none;}
#menu ul li a { display: block;}
#menu ul li a.current img{	margin-top:-106px; display:block; /* IE6隙間防止 */}
#menu ul li a{ display:block;}
#menu ul li a:hover {margin-top:-53px;}
#menu ul li a:active {margin-top:-53px;}

.main_logo { margin-top:565px; margin-left:21px; position:absolute; z-index:99;}
.copy { margin-top:20px; margin-left:800px; position:absolute; z-index:99}
.sale { margin-top:462px; margin-left:563px; position:absolute; z-index:99;}
.manu { margin-top:782px; margin-left:607px; position:absolute; z-index:999;}
.atte { margin-top:656px; margin-left:607px; position:absolute; z-index:9999;}
.atte2 { margin-top:703px; margin-left:607px; position:absolute; z-index:999;}
.atte3 { margin-top:609px; margin-left:607px; position:absolute; z-index:999;}
.atte4 { margin-top:561px; margin-left:607px; position:absolute; z-index:999;}
.wins { margin-top:750px; margin-left:607px; position:absolute; z-index:999;}
.early { margin-top:774px; margin-left:607px; position:absolute; z-index:99;}
.price { margin-top:860px; margin-left:25px; position:absolute; z-index:9}
.win_p { margin-top:935px; margin-left:630px; position:absolute; z-index:99}
.win_ope { margin-top:865px; margin-left:745px; position:absolute; z-index:99}

.top_h { height:1030px;}
.img100 { }
.taigacg { }

.pc { }
.sf { display:none;}

.top_v { background-image: url(../img/top/main_top.jpg); background-repeat: no-repeat; margin: 0 auto;}

.btn_back{
		margin:0 5% 0;
		color:#000;
		display:inline-block;
		border-radius:20px;
		background-color:#EFE7B7;
	}

/*---- system ----*/
#sysmenu { width: 540px; overflow: hidden; height: 74px;}
#sysmenu ul { margin:0; padding:0;}
#sysmenu ul li { float:left; list-style:none;}
#sysmenu ul li a { display: block;}
#sysmenu ul li a.current img{	margin-top:-74px; display:block; /* IE6隙間防止 */}
#sysmenu ul li a{ display:block;}
#sysmenu ul li a:hover {margin-top:-74px;}
#sysmenu ul li a:active {margin-top:-74px;}

/*---- video ----*/
/*---- loading ----*/
/*---- footer ----*/
/*---- SNS GAMECTIY ----*/

	}
	
@media screen and (max-width: 640px) {
	
/*---- common ----*/
#common_width { max-width:640px; width: 100%; background-color: #000; margin: 0 auto;}

.button01{ margin:0% auto 2%; background-color:#EFE7B7; border: solid 1px #EFE7B7; height:19px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button02{ font-size:12px; font-weight:bold; line-height:120%; color:#000; margin:0% auto 2%; background-color:#6f91ff; border: solid 1px #6f91ff; height:19px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button03{ font-size:12px; font-weight:bold; line-height:120%; color:#000; margin:0% auto 2%; background-color:#ff4e56; border: solid 1px #ff4e56; height:19px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button04{ color:#000; margin:0% auto 2%; background-color:#555; border: solid 1px #555; height:19px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}
	
.button_ww{ font-size:12px; font-weight:bold; line-height:120%; color:#FFF; margin:0% auto 2%; background-color:#000; border: solid 1px #FFF; height:19px;
border-radius: 4px; /* CSS3草案 */  
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px; /* Firefox用 */}

.bg_main{background-color: #000; background-image: url(../img/bg/bg_main.gif); background-size:cover; background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}

.text_head { color:#e5c859; font-size:14px; line-height:130%; font-weight:bold;}
.text_head2 { color:#e5c859; font-size:18px; line-height:130%; font-weight:bold;}
.text_head3 { color:#EFE7B7; font-size:14px; line-height:160%; font-weight:bold;}
.text_head4 { color:#6f91ff; font-size:16px; line-height:130%; font-weight:bold;}
.text_head_red1 { color:#ff4e56; font-size:21px; line-height:130%; font-weight:bold; margin-bottom:1%;}
.text_head_red2 { color:#ff4e56; font-size:13px; line-height:130%; font-weight:bold;}
.text_head_blue1 { color:#6f91ff; font-size:21px; line-height:130%; font-weight:bold; margin-bottom:1%;}
.text_head_blue2 { color:#6f91ff; font-size:13px; line-height:130%; font-weight:bold;}
.text_lead { color:#e5c859; font-size:14px; line-height:130%; font-weight:bold;}
.text_name { color:#FFF; font-size:13px; line-height:145%; font-weight:bold;}
.text_body { color:#FFF; font-size:14px; line-height:135%;}
.text_body a { color:#FF0;}
.text_caption { color:#FFF; font-size:12px; line-height:145%;}
.text_body2 { color:#FFF; font-size:12px; line-height:135%;}

.text_sys { width:90%; margin:0 auto; padding-top:2%; padding-bottom:3%; line-height:105%;}
.text_systitle { color:#e5c859; font-weight:bold; font-size:15px; line-height:110%; display:block; margin-bottom:1%;}
.text_sysbody { color:#FFF; font-size:14px;}


.box { width:100%; margin-top:2%;}
.box a { color:#FF0;}

.topbox { float:left; display: table-cell; width:50%; margin-top:4%;}
.topbox2 { float:right; display: table-cell; width:50%; margin-top:4%;}
.topbox a { color:#FF0;}

.dbbox { margin:0 auto; }
.dbbox02 { margin:0 auto; }
.dbbox a { color:#FF0;}


dt{ float:left; width:5%; }
dd{ float:right; width:95%; }

/*---- header ----*/
#header_m { width:100%; margin:0 auto; position: relative; z-index:98; background-image:url(../img/common/sfhead_base.gif);}
#header_m .logo { left:0; top:0; position:absolute;}


#header { height: 53px; background-color: #633;}

#tophead{ background-image: url(../img/common/head_base.jpg); background-position: center; height: 53px;}
#tophead_con{ width: 1000px; margin: 0 auto; height: 53px;}

#menu { width: 800px; overflow: hidden; margin: 0 0 0 175px; height: 53px;}
#menu ul { margin:0; padding:0;}
#menu ul li { float:left; list-style:none;}
#menu ul li a { display: block;}
#menu ul li a.current img {	margin-top:-106px; display:block; /* IE6隙間防止 */}
#menu ul li a { display:block;}
#menu ul li a:hover {margin-top:-53px;}
#menu ul li a:active {margin-top:-53px;}


.main_logo { margin-top:80%; width:90%; z-index:99;}
.copy { top: 13%; right: 0%; width:20%; position: absolute; z-index: 9;}
.sale { margin-top:-3%; margin-bottom:2.5%; width:80%; z-index:99;}
.early { margin-top:0; width:48%; max-width:300px; z-index:99;}
.price { margin-top:4%; width:98%; z-index:9;}
.win_p { margin-left:1%; width:48%; max-width:300px; z-index:99;}

.top_h {}
.img100 { width:100%;}
.taigacg { max-width:200px;}

.system_width {width:80%;}

.pc { display:none;}
.sf { }

.btn_back{
	margin:0 10% 0;
	color:#000;
	display:inline-block;
	border-radius:20px;
	background-color:#EFE7B7;
	padding:0 15px;
}

.top_v { background-image: url(../img/top/main_top_sf.jpg); background-repeat: no-repeat; margin: 0 auto; background-size:contain;}

/*---- video ----*/
/*---- loading ----*/
/*---- footer ----*/
/*---- SNS GAMECTIY ----*/
	
	}