@charset "utf-8";

/*--

	__Reset
 
----------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-- default --*/
body {
	margin :0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	background:#1d1d1d;
	overflow: visible;
}


/* for IE7 */
*+html body { 
	font-family: "メイリオ","Meiryo";
	font-size: 70%; 
}

/* for IE6 */  
* html body {  
	font-size: 75%; 
} 


div#header{

	background:#000000;
	border:1px solid #1e1e1e;

}

div#header div#headerContents{

	width:800px;
	margin:0 auto;
	padding:10px 0;

}

div#header div#headerContents p{

	text-align:center;
	color:#ee7272;

}

div#wrapaper{

	width:800px;
	margin:0 auto;

}

div#wrapaper div#indexMain{

	width:800px;
	height:379px;
	margin-top:20px;
	background:url(../img/index_bg.gif) no-repeat;

}

div#indexMain div#right{

	width:464px;
	height:353px;
	float:right;
	margin:13px 1px 0 0;
	display:inline;
	background:url(../img/img_bg.jpg) no-repeat;

}

div#indexMain div#right h1{

	margin:133px 0 0 11px;

}

div#indexMain div#left{

	float:left;
	width:301px;
	margin:15px 0 0 16px;
	display:inline;

}

div#indexMain div#left p#readText{

	margin-bottom:10px;

}


div#indexMain div#left ul li{

	vertical-align:bottom;
	margin-bottom:5px;

	
}

div#indexMain div#left div#over18Space{

	margin-top:10px;
	float:left;
	width:280px;

}

div#indexMain div#left div#over18Space p#over18{


	width:50px;
	margin:0 10px 5px 0;
	float:left;
}

div#indexMain div#left p.text{

	margin-top:4px;
	line-height:1.1;
	color:#f3f3f3;
	font-size:11px;

}

div#indexMain div#left div#mobile{

	clear:left;
	float:left;
	margin-top:20px;
	width:240px;
	display:inline;

}

div#indexMain div#left div#mobile p#qr{

	float:left;
	width:61px;
	margin-right:10px;

}

div#indexMain div#left div#mobile p.text a{

	color:#0099FF;
	text-decoration:none;

}

div#indexMain div#left div#mobile p.text a:hover{

	color:#FFCC33;


}

div#indexSub{

	width:810px;
	clear:both;
	margin-top:10px;

}

div#indexSub h2{

	margin-bottom:10px;


}

div#indexSub dl{

	float:left;
	width:192px;
	height:192px;
	margin-right:10px;
	background:url(../img/sub_bg.gif) no-repeat;

}

div#indexSub dl dt{

	width:175px;
	margin:5px 0 5px 6px;
	padding:0 0 2px 5px;
	border-bottom:1px dotted #666666;

}

div#indexSub dl dd{

	margin-left:11px;
	color:#f3f3f3;
	margin-bottom:4px;

}

div#indexSub dl dd ul li{

	float:left;
	width:90px;
	font-size:11px;
	margin-bottom:5px;
	line-height:1.5;
}

*+html div#indexSub dl dd ul li{

	font-size:9px;

}

div#footer{

	width:800px;
	clear:left;
	float:left;
	margin-top:20px;
	border-top:1px dotted #666;
	padding-top:10px;

}


div#footer p#copyright{

	font-size:10px;
	color:#f4f4f4;
	text-align:center;
	
}

div#footer p#copyright a{

	color:#f4f4f4;
	text-decoration:none;
}

div#footer p#copyright a:hover{

	text-decoration:underline;

}



/*--

	__clearfix
 
----------------------------------------------------------- */
.clearfix:after {   
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;   
} 

.clearfix {   
    display: inline-block;   
}  

/*Hides from IE-mac \*/
*html .clearfix { height:1%; }
.clearfix { display:block; }
/*End Hide from IE-mac \*/