@charset "Shift_JIS";


/****************** ‘S•Ε‹€’ΚƒXƒ^ƒCƒ‹ *****************/
html{ height: 100%; }
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 68.8%;
	text-align: center;
	background-color: #EEEEEE;
	border: none;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	color: #333333;
}
/* \*/
html>/**/body{ /* for IE8 */font-size /*\**/: 75%\9; }
body, x:-moz-read-only { font-size: 14px; }
body, x:-moz-broken { font-size: 75%;/* FireFox 3,FireFox3.5*/ }
* html body{ font-size: 75%; }
*:first-child+html body{ font-size: 75%; }
div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,img,strong,em,dfn,span,address {
	font-size: 100%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

a img {
	border: none;
	text-decoration: none;
}
/***************************************************/

img {
	border:0;
	line-height: 0;
	font-size: 0;
}

ul li,
ol li{ list-style-type: none; }

div#wall{
	width: 948px;
	margin: 0 auto;
	padding: 0 1px;
	text-align: center;
	background-image: url(../img/bg_wall.gif);
	background-repeat: repeat-y;
}


.contents{
	clear: both;
	width: 891px;
	margin: 0 auto;
	text-align: left;
}

.images,
.btn{
	line-height: 0;
	font-size: 0;
}
.fLeft{
	display: block;
	float: left;
}
.fRight{
	display: block;
	float:right;
}
div.locator{ clear: both; }

/* ------------------------------------------------------------------- ƒRƒ“ƒeƒ“ƒc */

/*----------------------------------------------------
	header
----------------------------------------------------*/

div#header{
	width: 891px;
	margin: 0px auto;
	padding-top: 10px;
	text-align: left;
}
div#header p{
	line-height: 0;
	font-size: 0;
}
div#header div.columnA,
div#header div.columnB{ width: 49%; }
div#header div.columnA{
	float: left;
	padding-top: 8px;
	padding-bottom: 16px;
}
div#header div.columnB{
	float: right;
	text-align: right;
	padding-bottom: 11px;
}

/*----------------------------------------------------
	common
----------------------------------------------------*/

/* banner */
div#bottombBanner{
	text-align: center;
	margin-bottom: 25px;
}

/* key Visual */
h1#keyVisual{
	clear: both;
	text-align: center;
	line-height: 0;
	font-size: 0;
	margin-bottom: 17px;
} 

/*-------------------------------------------- entry */

/* Entry button */

p.entryBtn{
	text-align: center;
	line-height: 0;
	font-size: 0;
	margin-bottom: 5px;
}

#entry p.lead{
	text-align: center;
	margin-bottom: 42px;
	font-size: 166%;
}

/*-------------------------------------------- complete */
#complete p.lead{
	padding-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 266%;
	line-height: 1.1;
	color: #cc0000;
}
#complete ul{
	text-align: center;
}
#complete ul.images{ padding-bottom: 13px;}
#complete ul.images li{
	line-height: 0;
	font-size: 0;
	margin-bottom: 18px;
}

/*-------------------------------------------- ƒLƒƒƒ“ƒy[ƒ“ŠT—v */

#lp h1#keyVisual{
	margin-bottom: 15px;
}
#lp p.entryBtn{
	clear: both;
	margin-top: 0px;
	padding-left: 80px;
	padding-bottom: 5px;
}
#lp p.linkRight{
	float: right;
	margin-bottom: 16px;
	padding-left: 15px;
	background-image: url(/r/cpn/hikarie/img/ico_list.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	font-size: 116.7%;
	font-weight: bold;
}

#lp p.linkRight a:link,
#lp p.linkRight a:visited,
#lp p.linkRight a:hover{ color: #b69118; }
#lp p.linkRight a:link,
#lp p.linkRight a:visited{ text-decoration: underline; }
#lp p.linkRight a:hover{ text-decoration: none; }


#lp h2.ttl{
	text-align: center;
	padding: 6px;
	margin-bottom: 20px;
	font-size: 150%;
	font-weight: bold;
	background-color: #D1CA71;
}

#lp h3.sub{
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 7px;
	font-size: 131%;
	clear: both;
	font-weight: bold;
	background-color: #9CF;

}

#lp p.lead{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 30px;
	font-size: 165%;
	clear: both;
	font-weight: bold;
}
#lp p.lead strong{
	font-weight:bold;
	color:#F00;
}

#lp p.adbn728{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 165%;
	clear: both;
	font-weight: bold;
}

#lp p.lead2{
	text-align: center;
	margin-bottom: 0px;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 100%;
	clear: both;
}
#lp p.lead3{
	text-align: left;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 160%;
	clear: both;
	font-weight: bold;
}
#lp p.lead4{
	text-align: left;
	margin-left: 85px;
	margin-bottom: 10px;
	clear: both;
	font-size: 120%;
}
#lp p.lead5{
	text-align: left;
	margin-left: 85px;
}
#lp p.lead6{
	text-align: right;
	margin-left: 0px;
}

#lp p.lead7{
	text-align: left;
	margin-bottom: 0px;
	margin-left: 35px;
	margin-bottom: 20px;
	font-size: 100%;
	clear: both;
}
#lp div.step1{
	width: 700px;
	height:190px;
	margin: 0 auto;
	background: url(../img/yajirusi.gif) no-repeat left 30px;
}
#lp div.step2{
	width: 700px;
	height:220px;
	margin: 0 auto;
	background: url(../img/yajirusi.gif) no-repeat left 30px;
}
#lp div.step3{
	width: 700px;
	margin: 0 auto;
}

#lp div.adbn{
	width: 840px;
	margin: 0 auto;
	margin-bottom: 0px;
}
*html #lp div.adbn{
	width: 730px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#lp div.adbn ul{
	clear:both;
}
#lp div.adbn li{
	display: block;
	width: 260px;
	float: left;
	padding-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	text-align:center;
	font-size:166%;
	font-weight:bold;

}
#lp div.adbn li span{
	color: #FF8600;
}


#lp div.adbn li img{
	margin-bottom:3px;
}
#lp div.bn{
	width: 690px;
	margin: 0 auto;
	display: block;
}
#lp div.bn p{
	margin-bottom:10px;
}

#lp div.wrap{
	width: 730px;
	margin: 0 auto;
	display: block;
}
#lp div.wrap p{
	font-size:140%;
	padding-bottom:5px;
}
#lp div.wrapA{
	width: 365px;
	float: left;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

#lp div.hkleft{
	width: 560px;
	float: left;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}
#lp div.hkleft h3.sub{
	width: 540px;
	text-align: center;
}
#lp div.hkright{
	width: 280px;
	float: left;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

#outline {
	margin-bottom: 20px;
	padding: 20px 25px 10px 25px;
	background-color: #eeeeee;
	margin-top: 20px;
	clear:both;
}
#outline h2{
	text-align: center;
	line-height: 0;
	font-size: 0;
	margin-bottom: 28px;
}
#outline h3{ margin-bottom: 5px; }
#outline p,
#outline ul,
#outline dl{ margin-bottom: 15px; }
#outline ul li{
	padding-left: 0.6em;
	text-indent: -0.6em;
}
#outline a:link,
#outline a:visited,
#outline a:hover{ color: #333333; }
#outline a:link,
#outline a:visited{ text-decoration: underline; }
#outline a:hover{ text-decoration: none; }



#pageNavi{
	width: 874px;
	margin: 0 auto 0px auto;
}
/* \*/
* html #pageNavi{ width: 890px; }

/**/
#pageNavi li{
	display: block;
	float: left;
	width: 417px;
	text-align: center;
	color: #fff;
	margin: 0 10px;
}
#pageNavi li a{
		display: block;
		padding:10px;
}
#pageNavi li a:link,
#pageNavi li a:visited,
#pageNavi li a:hover{ color: #fff; }
#pageNavi li a:link,
#pageNavi li a:visited{ text-decoration: none; }
#pageNavi li a:hover{ text-decoration: underline; }

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2b45ad), color-stop(1, #2a51c7));
	background:-moz-linear-gradient(top, #2b45ad 5%, #2a51c7 100%);
	background:-webkit-linear-gradient(top, #2b45ad 5%, #2a51c7 100%);
	background:-o-linear-gradient(top, #2b45ad 5%, #2a51c7 100%);
	background:-ms-linear-gradient(top, #2b45ad 5%, #2a51c7 100%);
	background:linear-gradient(to bottom, #2b45ad 5%, #2a51c7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b45ad', endColorstr='#2a51c7',GradientType=0);
	background-color:#2b45ad;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #101da6;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #121fa8;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a51c7), color-stop(1, #2b45ad));
	background:-moz-linear-gradient(top, #2a51c7 5%, #2b45ad 100%);
	background:-webkit-linear-gradient(top, #2a51c7 5%, #2b45ad 100%);
	background:-o-linear-gradient(top, #2a51c7 5%, #2b45ad 100%);
	background:-ms-linear-gradient(top, #2a51c7 5%, #2b45ad 100%);
	background:linear-gradient(to bottom, #2a51c7 5%, #2b45ad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a51c7', endColorstr='#2b45ad',GradientType=0);
	background-color:#2a51c7;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*----------------------------------------------------
	‘O‚Μfooter

#footer {
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto;
	background:#FFF;
	ine-height:1;
	text-align: center;
}
#footer .bgg {  background-color: #e6e3db; }
#footer .inner { width:100%;margin:0 auto;text-align:center;clear:both;line-height:1;overflow:hidden;padding:10px 0;}

#footer small{display:block;height:37px;}
#footer .first .stft {line-height:1;overflow:hidden;}
#footer .second .stft {line-height:1;overflow:hidden;}

#footer .stft {text-align:center;}
#footer .stft li:first-child {border-left:none;margin:0;padding:0;}
#footer .stft li {border-left:1px solid #CCCCCC;display:inline;margin-left:10px;padding-left:10px;}
#footer .copy {font-size:0.625em!important;margin:10px 0 0;color:#333;font-family:"Lucida Grande",Verdana,sans-serif;}
div#wall #footer a:link,
div#wall #footer a:visited,
div#wall #footer a:hover{ color: #333333; }
div#wall #footer a:link,
div#wall #footer a:visited{ text-decoration: none; }
div#wall #footer a:hover{ text-decoration: underline; }
.bktxt{ text-align:center; margin-bottom:20px; }

----------------------------------------------------*/


/*footer Inner02(Vƒtƒbƒ^CSS)
------------------------------------------------------------------------------------------------*/

.footerInner02 {margin-bottom:20px;margin-top:15px;}
.footerInner02 .stft {font-size: 12px;line-height: 1;}
.footerInner02 li {line-height:2;}
.footerInner02 .stft {text-align: center;}
.footerInner02 .stft li {border-left:1px solid #CCCCCC;display:inline;margin-left:10px;padding-left:10px;}
.footerInner02 .stft li:first-child {border-left:none;margin: 0;padding: 0;}
.copy {background:#1A1A1A; color:#FFF; text-align:center; font-size:12px; padding:10px 0; font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}

/* === footerInner02 Links === */
.footerInner02 a { color:#333;text-decoration:none;}
.footerInner02 a:visited { color:#333;}
.footerInner02 a:focus { outline:thin dotted;}
.footerInner02 a:hover, a:active { color:#3366FF;outline:0;text-decoration:underline;}



div.wrap:after,
#footer:after,
div#wall:after,
div.locator:after,
div#header:after,
.contents:after,
#lp p.linkRight:after,
div#zozoFooter div.inner div.columnA dl:after,
div#zozoFooter div.inner:after{ line-height: 0; font-size: 0; content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.wrap,
#footer,
div#wall,
div.locator,
div#header,
.contents,
#lp p.linkRight,
div#zozoFooter div.inner div.columnA dl:after,
div#zozoFooter div.inner:after{ display:inline-block; }

/*\*/
* html #footer,
* html div#wall,
* html div.locator,
* html div#header,
* html .contents,
* html #lp p.linkRight,
div#zozoFooter div.inner div.columnA dl:after,
div#zozoFooter div.inner:after{ height:1%; }

#footer,
div#wall,
div.locator,
div#header,
.contents,
#lp p.linkRight,
div#zozoFooter div.inner div.columnA dl:after,
div#zozoFooter div.inner:after{ display:block; }
/**/


.cpttl{
	text-align:center;
	font-size:150%;
}