@charset "utf-8";
/* CSS Document */
* {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}

html{
	-webkit-text-size-adjust: none;
}

body{
	background:#151515;
	font-size:16px;
	font-family:Helvetica, sans-serif;
}

ul{
	list-style:none;
}

.pkg:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.pkg{
	overflow:hidden;
}

a,a:visited,a:active {
	color:#232323;
	text-decoration:underline;
}

#container{
	background:url(../images/bg_stripe.gif) 0 0 repeat;
}

noscript p{
	border:2px solid #F00;
	color:#F00;
	margin:0 40px 5px;
	padding:10px 8px;
	background-color:#fff4f4;
}

#contents li span,#bookmark {
	background-image:url(../images/img_bookmark.jpg);
	overflow:hidden;
	background-repeat:no-repeat;
}

section,article{display:block;}

/* header */
header {
	width:100%;
	height:58px;
	display:block;
	background:#000;
	padding:19px 0 0;
}

header .headerInner{
	width:480px;
	height:58px;
	margin:0 auto;
}

header p.nifty_logo {
	float:left;
	margin:0 0 0 20px;
	width:102px;
	height:35px;
	text-indent:-9999px;
	background:url(../images/icon.png) 0 0 no-repeat;
	overflow:hidden;
}

header h1.logo{
	background:url(../images/logo_kuji.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:192px;
	height:39px;
	margin:0 auto;
}

/* footer */

footer{
	background:url(../images/bg_footer_top.gif) 0 0 repeat-x;
	color:#999;
	padding:9px 0 0;
	text-align:center;
	display:block;
}

footer .inner{
	background:url(../images/bg_footer.gif) 0 0 repeat;
	padding:0 0 20px;
	text-align:center;
}

footer a,
footer a:visited,
footer a:active { color:#666664; font-weight:bold;}
footer ul { margin:0 0 15px; }
footer ul:nth-child(2) li:nth-child(1){ margin:0 10px 0 0; }
footer li { display:inline; }
footer li.line{color:#000;}
footer li.line:after { content:"　/　";}
footer address{color:#666664;}

/* #contents */

#contents{
}

#contents .inner{
	width:480px;
	margin: 0 auto;
}

#unit{
	width:100%;
	font-size:22px;
}

#unit .module{
	border-top:12px solid #000;
	border-bottom:12px solid #000;
}

#unit .lead{
	text-align:center;
	margin:10px 0 10px;
}

#unit .lead .lead_1{
	font-size:26px;
	font-weight:bold;
}

#unit .lead .lead_2{
	color:#e60012;
	font-weight:bold;
}

#unit h2{
	width:100%;
}

#unit h2.imgMain{
	margin:0 0 18px;
}

#bookmark{
	width:401px;
	height:131px;
	background:url(../images/img_bookmark.png) 0 0 no-repeat;
	margin:20px auto 0;
	text-indent:-9999px;
}

#unit p.outlineTxt{
	text-align:center;
	margin:0 0 20px;
}

#unit p.outlineTxt a{font-weight:bold;}

#unit .btn_niftop{
	text-align:center;
	margin:26px 0;
}

#unit .module p.probability{
	text-align:center;
	font-weight:bold;
}

#unit .module p.probability span{
	font-weight:bold;
	padding:0 5px;
}

/* #tried */

#unit #tried{
	background:url(../images/bg_tried.gif) 0 0 repeat;
	text-align:center;
	margin:0 0 26px;
	display:block;
}

#unit #tried h2{
	margin:60px 0;
}

#unit #tried p.probability{
	background:#fff;
	padding:10px 0 12px;
	font-size:27px;
}

#unit #tried p.probability span{
	color:#e70012;
	font-size:36px;
}

/* #start */
#unit #start{
	background:#fff;
	margin:0 0 26px;
}

#unit #start .flashArea{
	background:#fff;
	text-align:center;
	padding:10px 0 20px;
}

#unit #start dl,
#unit #start_noflash dl{
	padding:15px 19px 10px;
	background:#fff;
}

#unit #start dl dt,
#unit #start_noflash dl dt{
	font-size:30px;
	font-weight:bold;
}

/* #start_noflash */

#unit #start_noflash{
	background:#000;
	margin:0 0 26px;
}


#unit #start_noflash p.probability,
#unit #lose p.probability{
	background:#000;
	color:#fff;
	margin:-6px 0 0;
	font-size:34px;
}

#unit #start_noflash p.probability span,
#unit #lose p.probability span{
	color:#e60013;
	font-size:58px;
	vertical-align:sub;
}

/* #win */
#unit #win{
	background:url(../images/bg_win.gif) 0 0 no-repeat;
	text-align:center;
	display:block;
	margin:0 0 26px;
	min-height:400px;
}

#unit #win h2{
	margin:70px 0;
}

/* #lose */
#unit #lose{
	background:url(../images/bg_lose.gif) 0 0 no-repeat #000;
	text-align:center;
	display:block;
	margin:0 0 26px;
	min-height:354px;
}

#unit #lose h2{
	margin:51px 0;
}

/* .module_outline */
.module_outline{
	margin:0 15px 24px;
	padding:18px 15px;
	background:#fff;
	border:4px solid #000;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

.module_outline a,
.module_outline a:visited,
.module_outline a:active,
.module_attention a,
.module_attention a:visited,
.module_attention a:active{
	color:#0084ff;
	text-decoration:underline;
}

.module_outline h2{
	height:68px;
	text-indent:-9999px;
	background:url(../images/ttl_outline.gif) 0 0 no-repeat;
}

.module_outline .module_outline_inner{
	padding:15px 0 0;
}

.module_outline_inner dl,
.module_attention_inner dl{
	padding:0 0 20px;
}

.module_outline_inner dl.last{padding:0;}

.module_outline_inner dl dt,
.module_attention_inner dl dt{
	background:#f9f8d6;
	font-size:24px;
	font-weight:bold;
	padding:2px 10px 6px;
	margin:0 0 10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.module_outline_inner dl dd.icon_circle,
.module_attention_inner dl dd.icon_circle{
	background:url(../images/icon_circle.gif) 0 0.5em no-repeat;
	padding:0 0 0 16px;
	margin:0 0 10px;
}

.module_outline_inner dl dd span.comments{
	font-size:16px;
}

.module_outline_inner dl dd p.strong_pink{
	font-weight:bold;
	color:#ff0066;
}

.module_outline_inner dl dd span.pink{
	color:#ff0066;
}

.module_outline_inner ul,
.module_attention_inner ul{
	background:#e8e8e8;
	padding:15px;
}

.module_outline_inner ul li,
.module_attention_inner ul li{
	background:url(../images/icon_diamond.gif) 0 0.3em no-repeat;
	padding:0 0 0 23px;
	margin:0 0 10px;
}

/* .module_attention */
#unit .module_attention{
	margin:0 15px 24px;
	padding:22px 15px 19px;
	background:#fff;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

#unit .module_attention h2{
	height:29px;
	text-indent:-9999px;
	background:url(../images/ttl_attention.gif) 0 0 no-repeat;
}

#unit .module_attention .module_attention_inner{
	padding:20px 0 0;
}

.btn_login{
	text-align:center;
	margin:0 0 26px;
}

/* #error */

#unit #error{
	background:#fff;
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	padding:100px 0 100px;
	margin:30px 0 0;
	line-height:2.5;
}

#unit #error p{
	text-align:center;
	font-weight:bold;
}