@charset "euc-jp";
/*///　init　///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; }
select option{ padding:0 5px; }
body{ color:#333; background:#f7f2e6 url(../images/bg.gif) repeat; font:14pt "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif; line-height:170%; text-align:center;}
body,  x:-moz-any-link  { background:#f7f2e6 url(../images/dummy.gif) repeat; }
h1 , h2 , h3 , h4 , h5 , h6{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-collapse:collapse; border:0; }
table th , table td{ text-align:left; vertical-align:top; font-weight:normal; line-height:2.0; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }
.alignM{ vertical-align:middle; }

.fL{ float:left; }
.fR{ float:right; }

br{ letter-spacing:0; }


/*///　text　///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.txtS{ font-size:12pt; }
.txtL{ font-size:16pt; }
.txtLL{ font-size:18pt; }

/* color */
.tcR{ color:#e90036; }
.tcB{ color:#1847bd; }

/* decoration */
.str{ font-weight:bold; }
.ilc{ font-style:italic; }
.uLine{ text-decoration:underline; }

.idt
{ margin-left:1em; text-indent:-1em; }


/*///　clearfix　///////////////////////////////////////////////////////////////////////////////////////////*/
/* For modern browsers */
.cf:before , .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf{ zoom:1; } 


/*///　a link　/////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#333; text-decoration:underline; }
a:hover{ color:#d34949; text-decoration:underline; }


/*///　container　//////////////////////////////////////////////////////////////////////////////////////////*/
.container{ width:960px; margin:0 auto; text-align:left; }


/*///　page　/////////////////////////////////////////////////////////////////////////////////////////////*/
.page{ background:url(../images/page_bg.png) repeat-y center; }
*html .page{ background:url(../images/page_bg.gif) repeat-y center; }

.page .top{ position:relative; width:960px; height:855px; margin:0 auto; }
.page .top .main{ position:absolute; top:0px; left:-34px; }
.page .top .graph{ position:absolute; top:560px; left:51px; }


/*///　contents　///////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ width:860px; margin:0 auto; text-align:left; }
.contents p , .entryLink{ margin-bottom:40px; }
.contents .sp{ margin-bottom:50px; }
.contents .spL{ margin-bottom:65px; }
.contents div.spS{ margin-bottom:30px; }
.contents p.txt{ line-height:normal; }
.contents p.spS{ margin-bottom:10px; }
.contents p.spM{ margin-bottom:25px; }

.contents .story{ position:relative; height:670px; }
.contents .story .ttl{ position:absolute; top:40px; left:0px; }
.contents .story .txt{ position:absolute; top:340px; left:0px; }


/* entry */
.entry{ background:url(../images/entry_bg.jpg) no-repeat; margin:0 7px 20px; width:845px; height:453px; position:relative; }
.entry .btn1{ position:absolute; top:310px; left:29px; }
.entry .btn2{ position:absolute; top:310px; left:435px; }

.step{ background:url(../images/step_in.jpg) repeat-y; }
.step .in{ padding:10px 30px 20px; }
.step .point{ background:url(../images/wood_bg.jpg) repeat; padding:35px; border-radius:10px; }
.step .point .list{ background:url(../images/point_list_in.png) repeat-y; padding:20px 35px; }

.youtube{ background:url(../images/youtube.jpg) no-repeat; width:660px; height:392px; padding:20px 0 0 20px; margin:0 90px 30px; }

.episode{ background:url(../images/epi_bg_in.gif) repeat-y; }
.episode .in{ background:url(../images/epi_ttl.jpg) no-repeat top center; padding:230px 40px 0; }
.episode .in p{ padding-bottom:30px; margin-bottom:0px; }

dl.kiyaku { background-color:#f8f8f8; border:solid 2px #bfbfbf; padding:15px 15px 0; margin-bottom:5px; font-size:14px; border-radius:10px; line-height:160%; }
dl.kiyaku dt{ font-weight:bold; }
dl.kiyaku dd{ margin-bottom:15px; }
dl.kiyaku dd ol{ margin-left:25px; }

.cmt{ background-color:#f8f8f8; border:solid 2px #bfbfbf; border-radius:10px; padding:15px 15px 5px; letter-spacing:normal; margin-bottom:15px; }
.cmt p{ margin-bottom:10px; }
.cmt img{ margin:0 15px 10px 0; }
.cmt .tcR{ font-size:16px; }

/* color-box */
.boxY{ background:url(../images/box_bg_y.gif) repeat; padding:15px 25px; border-radius:10px; margin-bottom:30px; }


/* bg */
.bg1{ background:url(../images/bg01.jpg) no-repeat top right; }
.bunkatu{ background:url(../images/bg_bunkatu.jpg) no-repeat bottom right; }
.heart{ background:url(../images/heart.jpg) no-repeat top right; }

/*///　footer　/////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#aa0e32; color:#fff; font-size:12px; padding:10px 0; }
.footer .in{ width:840px; margin:15px auto ; }
.footer .in .alignC{ padding-bottom:10px; }
.footer p{ margin-bottom:15px; }
.footer a:link , .footer a:visited{ color:#fff; text-decoration:underline; }
.footer a:hover{ color:#ffa0a0; text-decoration:underline; }






.box_caution {
	background: #ffc;
	margin-bottom: 40px;
	border: solid 2px #c12b2d;
}

.box_caution p {
	margin: 10px 15px;
}

.box_caution strong {
	font-size: 120%;
	color: #f00;
}

.box_caution strong {
	font-size: 120%;
	color: #f00;
}


.box_caution_02 {
	background: #eefafc;
	margin-bottom: 20px;
	border: solid 2px #3d79f5;
}

.box_caution_02 p {
	margin: 10px 15px;
}

.j_ttl {
	font-size: 150%;
	font-weight: bold;
	color: #f00;
	margin-bottom: 5px !important;
}

.box_caution_02 ul {
	list-style: disc;
	margin: 15px 32px 40px;
}

.box_caution_02 li {
	margin-bottom: 5px;
}

.c_red { color: #f00;}
.c_navy { color: #039;}

.l_txt {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}