@charset "utf-8";
/* CSS Document */

/* 初期設定
-------------------------------------------------------------- */

a,img,p,h1,h2,h3,h4,table,td,body,ul,li,dl,dt,dd,form {
	border:0;
	padding:0;
	margin:0;
	font-size:100%;
}

*:first-child+html img, {
	font-size:0;
}

*html img {
	font-size:0;
}

blockquote {
	margin:40px;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td {
	vertical-align:top;
}

hr{
	clear:both;
	display:none;
}

strong {
	font-style: normal;
	font-weight: normal;
}

em {
	font-style: normal;
}

/* HTML
-------------------------------------------------------------- */

body {
	margin:0 auto;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#000000;
	background:#f2f2f2;
}

a {
	text-decoration:none;
	color:#00A6F9;

}

a img {
}

a:hover img{
	background:url(img/hover.gif);
	filter:alpha(opacity=60); 
	opacity:0.6;
}



/*******************************************************************/
/* 全体枠の設定 */
#container {
/*	width: 100%;*/
	background-color: #FFFFFF;
	text-align: left;
	border: 1px  solid #004060;
	/*
	border: 1px solid #004060;
	border-right: 1px  solid #004060;
	border-left: 1px solid #004060;
	padding-left: 3px;
	padding-right: 3px;
	*/
}

@media (min-width: 600px) {
	#container {
	}
}

@media (min-width: 756px) {
	#container {
		width: 756px;
		margin-right: auto;
		margin-left: auto;
/*		margin-bottom: 15px;*/
	}
}

/*******************************************************************/


/* ヘッダー
-------------------------------------------------------------- */
#header{
	width: 100%;
	height: 300px;		/*本当はautoにしたいけどh1の縦になるので固定*/
/*	width: 756px;
	height: 534px;
*/
	margin: 0 auto;
	background: #ffffff url(img/mheader.png) no-repeat left top;
/*	background: #004060 url(img/mheader.png) no-repeat left top;*/
	background-size: 100%;
}

#header h1{
	text-indent: -9999px;
	overflow: hidden;
}

@media (min-width: 600px) {
	#header{
	}
}

@media (min-width: 756px) {
	#header{
		width: 756px;
		height: 534px;
		margin: 0 auto;
		background: #004060 url(img/bgHeader.gif) no-repeat left top;
	}
	
	#header h1{
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#header .h1_1{
		width: 282px;
		height: 192px;
		padding :60px 0 132px 78px;
		background: url(img/h1_1.gif) no-repeat 78px 60px;
	}
	
	#header .h1_2{
		width: 366px;
		height: 36px;
		padding-left: 76px;
		background: url(img/h1_2.gif) no-repeat 76px 0;
	}
	
	#header .h1_3{
		width: 452px;
		height: 36px;
		padding-left: 76px;
		background: url(img/h1_3.gif) no-repeat 76px 0;
	}
	
	#header .h1_4{
		width: 596px;
		height: 36px;
		padding-left: 76px;
		background: url(img/h1_4.gif) no-repeat 76px 0;
	}
		
	#header .h1_5{
		width: 131px;
		height: 24px;
		padding-left: 600px;
		background: url(img/h1_5.gif) no-repeat 600px 0;
	}
}

/* コンテンツ
-------------------------------------------------------------- */
#contents{
/*	width: 636px;*/
	background: #FFFFFF;
	margin: 0 auto;
	padding-left: 3px;
	padding-right: 3px;
/*	padding: 24px 59px;*/
/*
	border-right: 1px  solid #004060;
	border-left: 1px solid #004060;
*/
}
@media (min-width: 600px) {
	#contents{
	}
}

@media (min-width: 756px) {
	#contents{
		width: 636px;
		background: #FFFFFF;
		margin: 0 auto;
		padding: 24px 59px;
	}
}


/* リード
-------------------------------------------------------------- */
.lead{
	text-align:center;
	color: #FF0000;
	font-size: 16px;
	font-weight:bold;
/*	margin:12px 0;*/
/*
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#004060;
	margin:12px 0;
*/
}

@media (min-width: 600px) {
	.lead{
	}
}

@media (min-width: 756px) {
	.lead{
		text-align:center;
		color: #FF0000;
		font-size: 24px;
		font-weight:bold;
		margin:12px 0;
	}
}

/* HTML
-------------------------------------------------------------- */
dl{
	border:1px solid #004060;
	padding-bottom:24px;
/*	margin:12px 0;*/
}

dt{
	padding:0 0 24px 0;
}

dd{
	padding: 5px 5px 5px 20px;
	line-height: 24px;
	background: url(img/check.gif) no-repeat 2px 6px ;
}

.dt2{
	background:url(img/dt_2.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

@media (min-width: 600px) {
}

@media (min-width: 756px) {
	dl{
		width:634px;
		border:1px solid #004060;
		padding-bottom:24px;
		margin:12px 0;
	}
	
	dt{
		padding:0 0 24px 0;
	}
	
	dd{
		padding: 0px 36px 0 48px;
		line-height:24px;
		background:url(img/check.gif) no-repeat 24px 6px ;
	}
	
	/* 使っていない様子 */
	.dt1{
		width:636px;
		height:36px;
		background:url(img/dt_1.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	.dt2{
		width:636px;
		height:	36px;
		background:url(img/dt_2.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
}


.checklist ul{
	border: 1px solid #004060;
	padding: 24px 0 12px 0;
/*	margin:12px 0;*/
}

.checklist ul li{
	padding: 5px 5px 5px 20px;
	line-height: 24px;
	background: url(img/check.gif) no-repeat 2px 6px ;
}

@media (min-width: 600px) {
}

@media (min-width: 756px) {
	.checklist ul{
		width:634px;
		border:1px solid #004060;
		padding:24px 0 12px 0;
		margin:12px 0;
	}
	
	.checklist ul li{
		padding:0px 36px;
		margin-bottom:12px;
		line-height:24px;
		background:url(img/check.gif) no-repeat 12px 6px ;
		list-style:none;
	}
}

/*
ul{
	width:634px;
	border:1px solid #004060;
	padding:24px 0 12px 0;
	margin:12px 0;
}

ul li{
	padding:0px 36px;
	margin-bottom:12px;
	line-height:24px;
	background:url(img/check.gif) no-repeat 12px 6px ;
	list-style:none;
}
*/

h2{
	background:#600026 url(img/h2_bg.gif) repeat-x left bottom;
	padding:12px;
	margin:40px 0 12px 0;
	color:#F90064;
	line-height:1.2;
	font-size:21px;
	letter-spacing:-2px;
}

@media (min-width: 600px) {
	h2{
	}
}

@media (min-width: 756px) {
	h2 {
		width:612px;
		background:#600026 url(img/h2_bg.gif) repeat-x left bottom;
		padding:12px;
		margin:40px 0 12px 0;
	/*	margin:12px 0;*/
		color:#F90064;
		line-height:1.2;
		font-size:21px;
		letter-spacing:-2px;
	}
}

/*
h3{
	font-size:18px;
	font-weight:bold;
	color:#004060;
	margin:70px 0 12px 0;
}

h3:first-letter{
	font-size:24px;
}

h4{
	text-align:center;
	margin:12px 0;
}
*/

h3{
	width:72px;
	height:36px;
	background:url(img/PS.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

p{
	padding:12px 0;
	line-height:1.8;
/*	line-height:1.4;*/
}

p.start:first-letter{
	font-size: 24pt;
	font-weight: bold;
	color: #00A7F8;
}



img{
	border: 1px #808080 solid;
	max-width: 95%;
	height: auto;
}

@media (min-width: 600px) {
	img{
	}
}

@media (min-width: 756px) {
	img {
		border: 1px #808080 solid;
		margin:5px 20px 5px 20px;
	}
}


.order{
	font-size: 10pt;
	text-align:center;
	margin:40px 0;
	clear: both;
}

.order img{
	border: 0px;
}


#qanda{
	margin:50px 0;
}

.question{
	background:url(img/question_s.gif) no-repeat left 5px;
	line-height:40px;
	color:#006293;
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
	padding-left: 48px;
	padding-top: 2px;
	border-bottom: 4px #004060 dotted;
}

.answer{
	background:url(img/answer.gif) no-repeat left top;
	padding-left:48px;
	margin-bottom:12px;
}


@media (min-width: 600px) {
}

@media (min-width: 756px) {
	#qanda{
		margin:50px 0;
	}
	
	.question{
		width:636px;
		height:48px;
		background:url(img/question.gif) no-repeat left 12px;
		line-height:48px;
/*		text-indent:48px;*/
		color:#006293;
		font-size:15px;
		font-weight:bold;
		margin-bottom:12px;
		border: none;
	}
	
	.answer{
		background:url(img/answer.gif) no-repeat left top;
		padding-left:48px;
		margin-bottom:12px;
	}
}



.tsuishin ul{
	margin:5px 0px 5px 0px;
}
.tsuishin ul li{
	margin:0px 0px 5px 24px;
	line-height:24px;
}


/* クーポン表示非表示 */
.coupon-unshown {
	display:none;
}

#coupon {
	display: none;
	line-height:24px;
}

#ihave:checked ~ #coupon {
	display: block;
}




#tokutei{
	text-align:right;
}

#analysis img{
	border: 0;
}


/*
.red{
	font-size:18px;
	font-weight:bold;
	color:#93003B;
}

.bg_yellow{
	background:#F9DC00;
}
*/

.bg_yellow_bold {
	background-color: #FFFF86;
	font-weight: bold;
}

.moji_red_bold {
/*	color: #C6004F;*/
	color: #FF4A4A;
	font-weight: bold;
}

.moji_black_bold {
	font-weight: bold;
}

.torikeshi {
	text-decoration: line-through;
}

.present{
	text-align:center;
	color: #C6AF00;
	font-size: 30px;
	font-weight:bold;
	margin:12px 0;
}

.tokuten{
	border: 1px #808080 solid;
	background: url(img/tokuten.gif) no-repeat left top;
	padding-left: 70px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height:24px;
}
/*
.tokuten{
	background: url(img/tokuten.gif) no-repeat left top;
	padding-left: 70px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height:24px;
}
*/
/* フッター
-------------------------------------------------------------- */
#footer{
	background:#ffffff url(img/footer_bg.gif) repeat-x;
	margin:0 auto;
}

#footer p{
	margin:0;
	padding:0;
	line-height:36px;
	font-size:10px;
	text-align:center;
	color:#999999;
}

#footer a{
	margin:0;
	padding:0;
	line-height:36px;
	font-size:10px;
	text-align:center;
	color:#999999;
}

#footer a:hover{
	margin:0;
	padding:0;
	line-height:36px;
	font-size:10px;
	text-align:center;
	color:#999999;
}

#footer a:visited {
	margin:0;
	padding:0;
	line-height:36px;
	font-size:10px;
	text-align:center;
	color:#999999;
}

@media (min-width: 600px) {
}

@media (min-width: 756px) {
	#footer{
		width:756px;
		height:36px;
		background:#ffffff url(img/footer_bg.gif) repeat-x;
		margin:0 auto;
	}
	
	#footer p{
		margin:0;
		padding:0;
		line-height:36px;
		font-size:10px;
		text-align:center;
		color:#999999;
	}
	
	#footer a{
		margin:0;
		padding:0;
		line-height:36px;
		font-size:10px;
		text-align:center;
		color:#999999;
	}
	
	#footer a:hover{
		margin:0;
		padding:0;
		line-height:36px;
		font-size:10px;
		text-align:center;
		color:#999999;
	}
	
	#footer a:visited {
		margin:0;
		padding:0;
		line-height:36px;
		font-size:10px;
		text-align:center;
		color:#999999;
	}
}

/*******************************************************************/
/* ステップ登録 */
.stepent {
	font-size: 10pt;
	color: #3A3A3A;
	padding: 5px 5px 5px 10px;
	margin-bottom: 60px;
	border: 1px solid #999999;
}

.stepent ul{
}

.stepent li{
	padding: 5px 0px 5px 0px;
	margin-left: 10px;
	line-height: 26px;
}

@media (min-width: 600px) {
}

@media (min-width: 756px) {
	.stepent {
		width: 634px;
		font-size: 10pt;
		color: #3A3A3A;
		padding: 10px 10px 10px 10px;
		margin-bottom: 60px;
		border: 1px solid #999999;
	}
	
	.stepent ul{
		width: 634px;
	}
	
	.stepent li{
		padding: 5px 2px 5px 10px;
		margin-left: 30px;
		line-height: 26px;
	}
}
/*******************************************************************/