@charset "Shift_JIS";
/* CSS Document */

/* reset */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}

header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}

/* 共通設定 */
body{font-size:12px; line-height:1.7em;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
margin:0; padding:0; color:#333; background:url(../images/bg.png) repeat-x top #cce6ff;}
a{color:#00cc00; text-decoration:none;}
a:hover{color:#db0000; text-decoration:underline;}
a img{border:0;}
#wrap{width:1000px; margin:0 auto; background:#fff;}


/* Header */
header{height:200px; background:url(../images/subimage.jpg) no-repeat 0 0; position:relative;}
header.logo-3ban {
	background:url(../images/logo-3ban.png) no-repeat 20px 10px,url(../images/subimage.jpg) no-repeat 0 0;
}
header.logo-4ban {
	background:url(../images/logo-4ban.png) no-repeat 20px 10px,url(../images/subimage.jpg) no-repeat 0 0;
}
header.logo-5ban {
	background:url(../images/logo-5ban.png) no-repeat 20px 10px,url(../images/subimage.jpg) no-repeat 0 0;
}
header.logo-6ban {
	background:url(../images/logo-6ban.png) no-repeat 20px 10px,url(../images/subimage.jpg) no-repeat 0 0;
}
header.logo-7ban {
	background:url(../images/logo-7ban.png) no-repeat 20px 10px,url(../images/subimage.jpg) no-repeat 0 0;
}
header.logo-8ban {
	background:url(../images/logo-8ban.png) no-repeat 20px 10px,url(../images/subimage.jpg) no-repeat 0 0;
}
header h1{position:absolute; top:30px; left:40px;; width:410px; height:170px;}
header h1 a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}

#top header{height:742px; position:relative; background:url(../images/topimage.jpg) no-repeat 0 0;}
#top header h1{position:absolute; top:50px; left:46px;; width:410px; height:170px; background:url(../images/logo.png) no-repeat 0 0;}
#top header h1 a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
#top header h1.logo-3ban{background:url(../images/logo-3ban.png) no-repeat 0 0;}
#top header h1.logo-4ban{background:url(../images/logo-4ban.png) no-repeat 0 0;}
#top header h1.logo-5ban{background:url(../images/logo-5ban.png) no-repeat 0 0;}
#top header h1.logo-6ban{background:url(../images/logo-6ban.png) no-repeat 0 0;}
#top header h1.logo-7ban{background:url(../images/logo-7ban.png) no-repeat 0 0;}
#top header h1.logo-8ban{background:url(../images/logo-8ban.png) no-repeat 0 0;}

header h2{display:none;}
#topNavi{position:absolute; top:270px; left:140px; width:335px; height:345px;}
#topNavi ul{display:block; position:relative;}
#topNavi li{display:block; width:166px; height:165px; position:absolute;}
#topNavi li.menu01{top:4px; left:40px;}
#topNavi li.menu02{top:174px; left:5px;}
#topNavi li.menu03{top:34px; left:134px;}
#topNavi li a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
#topNavi li.menu01 a{background:url(../images/btn_sin.png) no-repeat 0 0;}
#topNavi li.menu02 a{background:url(../images/btn_abo.png) no-repeat 0 0;}
#topNavi li.menu03 a{background:url(../images/btn_goo.png) no-repeat 0 0;}

header .signup{position:absolute; top:633px; left:20px; height:90px; width:510px;}
header .signup li.male{display:block; width:250px; float:left;}
header .signup li.female{display:block; width:250px; float:right;}
header .signup a{display:block; height:97px; width:502px; background:url(../images/entry_btn.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
header .signup .male a{background-position:0 0;}
header .signup .female a{background-position:3px -3px;}
#nayami{position:absolute; bottom:48px; right:20px; width:432px; height:224px;}
#nayami h3{display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}
#nayami li{display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}


/* GlobalNavigation */
#gn{background:#09426a; height:50px;}
#gn li{float:left; width:168px;}
#gn li.toregist{width:160px;}
#gn li a{display:block; height:100%; text-align:center; color:#fff; line-height:50px; font-size:14px; border-right:1px solid #55748a;}
#gn li.toregist a{color:#ff6767; font-weight:bold; border-right:0;}
#gn li a:hover{text-decoration:none; background:#4483b0; color:#09426a; border-right:1px solid #a6d6f8; border-left:1px solid #a6d6f8;}
#gn li.toregist a:hover{color:#fff;}


/* Contents */
article section{padding:20px;}
article section h1{display:block; height:55px; text-align:center; background:url(../images/h1.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; margin-bottom:20px;}
article section#device h1{background-position:0 -55px;}

#owl{max-width:860px; margin:0 auto; padding:0 30px; position:relative;}
.owl-prev{position:absolute; top:0; left:0; background:url(../images/prev.png) no-repeat 0 0;}
.owl-next{position:absolute; top:0; right:0; background:url(../images/next.png) no-repeat 0 0;}
#owl img{width:110px; height:110px;}

#device{background:url(../images/device.jpg) no-repeat center bottom #faffd2; height:264px; position:relative;}
#device p{width:110px; margin:0 0 10px 0; position:absolute; left:760px; bottom:120px;}
#device img{border:10px solid #ccc; position:absolute; bottom:20px; left:760px;}

article h2{display:block; height:60px; background:#e3edf5; border-left:8px solid #09426a; color:#09426a; font-size:18px; font-weight:normal; padding:0 20px; margin:10px 0; line-height:60px; }
article section .inner{background:#f0f0f0; padding:20px;}
#contents h3{display:block; background:#fff; padding:20px 20px 0 20px; color:#09426a;}
#contents p{display:block; background:#fff; padding:20px; border-bottom:1px solid #eee;}
#contents p img{float:left; margin:0 20px 10px 0;}
.check{display:inline-block; width:600px;}
.check em{display:inline-block; width:60px; font-style:normal; padding:5px; background:#eee; text-align:center; margin-right:20px;}
.signupcheck{display:block; background:#fff; padding:20px 50px; border-bottom:1px solid #eee;}
.btnbgs{width:390px; height:69px; margin:0 10px; float:left; background:url(../images/checkbtn.png) no-repeat -390px 0;}
.btnbgm{width:390px; height:69px; margin:0 10px; float:right; background:url(../images/checkbtn.png) no-repeat -390px -69px;}
.btnbgs a{display:block; height:100%; background:url(../images/checkbtn.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.btnbgm a{display:block; height:100%; background:url(../images/checkbtn.png) no-repeat 0 -69px; text-indent:100%; overflow:hidden; white-space:nowrap;}



/* Footer */
footer{background:#fff; padding:20px; border-top:10px solid #faffd2;}
#top footer{border-bottom:0;}
footer nav{float:left;}
footer nav ul{display:block; float:left; width:200px;}
footer nav li{background:url(../images/arrow.gif) no-repeat 0 center; padding-left:15px;}
.inner .signup{width:390px; float:right;}
.inner .signup h2{display:block; height:30px; background:url(../images/footer_h2.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
.inner .signup .btnbg{background:url(../images/footer_btn.png) no-repeat -390px 0; width:390px; height:69px;}
.inner .signup .btnbg a{background:url(../images/footer_btn.png) no-repeat 0 0; height:100%; display:block; text-indent:100%; overflow:hidden; white-space:nowrap;}

footer a{color:#333;}
footer address{font-size:90%; font-style:normal; text-align:center; display:block;}

/* PR banner */
#pr{padding:10px 0;}


/* Entry Form */
#base{padding:20px 20px 20px 65px; background:url(../images/step1.png) no-repeat 0 0,url(../images/step_bg1.png) repeat-y 0 0 #cee5f8;}
#detaile{padding:20px 20px 20px 65px; background:url(../images/step2.png) no-repeat 0 0,url(../images/step_bg2.png) repeat-y 0 0 #e7f8ce;}
#bbs{padding:20px 20px 20px 65px; background:url(../images/step3.png) no-repeat 0 0,url(../images/step_bg3.png) repeat-y 0 0 #ffdff2;}
.btn_row{padding:20px 20px 20px 65px; background:url(../images/step4.png) no-repeat 0 0,url(../images/step_bg4.png) repeat-y 0 0 #faffd2;}
.cut_btn_row{background:url(../images/step4_cut.png) no-repeat 0 0,url(../images/step_bg4.png) repeat-y 0 0 #faffd2;}

/* ▼Don't Change parameter▼ */
label em{font-style:normal; position:relative; top:2px;}
input,textarea,select{padding:10px;}
input,textarea,select{border:0; background-color:#fff; font-size:20px; font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
input[type="radio"]{vertical-align:middle; border:0; background:none; margin-right:3px;}
.text_l{width:655px;}
.text_m{width:230px;}
.text_s{width:230px;}
.ime_off{ime-mode:disabled;}
select{width:200px;}
label textarea{height:130px; max-width:655px; min-width:655px;}
/* ▲Don't Change parameter▲ */

.block{padding:10px 0; min-height: 1%;}
.block:afterr{content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.block p{display:block; font-size:14px; float:left; width:150px; line-height:40px; white-space:nowrap;}
p.msg{padding:33px 30px 20px 30px; line-height:1.5em; color:#09426a;}
#base p.msg{background:url(../images/msgtop.png) no-repeat 0 top,url(../images/msgbottom.png) no-repeat 0 bottom #e3edf5;}
.msgright{color:#09426a; padding:0 20px 0 40px; background:url(../images/msgright.png) no-repeat 0 center; display:inline-block; height:40px; line-height:40px; width:370px;}
p.alert{padding:20px 30px 33px 30px; color:#09426a; background:url(../images/alerttop.png) no-repeat 0 top,url(../images/alertbottom.png) no-repeat 0 bottom #fff;}
.block p span{color:red;}
.radio{font-size:20px; line-height:40px; width:70px; display:inline-block;}
section.btn_row{text-align:center;}
button{background:url(../images/footer_btn.png) no-repeat 0 0; width:390px; height:69px; margin:0 auto; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; border:0;}
button:hover{background-position:-390px 0;}
p.error{display:block; color:#db0000; float:none; text-align:left; margin:0; clear:both; background:#fff; padding:10px; margin-bottom:5px; border:1px solid #db0000;}

.juyo {font-size:100%; background:#fdd !important; border:1px dotted #f00 !important; padding:20px 30px !important; box-sizing:border-box;}

/* RulePopup */
.disc {
	background: #fff;
	padding: 20px;
	margin-bottom:1px;
}

/* mother bar */
#mother{width:100%; height:40px; background:url(../images/mother_bg.png) repeat-x 0 0;}
#mother h1{display:block; width:1000px; margin:0 auto; color:#fff; line-height:40px; text-indent:-9999px;}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	width:30px;
	height:110px;
	*display: inline;/*IE7 life-saver */
	text-indent:100%; overflow:hidden; white-space:nowrap;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.8;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}


/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* campaign */
.campaign-inner {
	background: #fff;	
}
.campaign h3{display:block; background:#fff; padding:20px 20px 0 20px; color:#09426a;}
.campaign h4 {border:0; font-size:14px; color:#000; text-indent:0; padding:10px 0 10px 20px;}
.campaign h5 {font-weight:normal; font-size:12px;color:#000; padding:10px 0 10px 20px;}
.campaign p{padding:0 10px 0 20px;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
.campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;padding-left:20px;}
.camMenu dt { font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:"▼"; color:#714769;}
.camMenu dd {margin-bottom:10px;}
.camMenu table {border-collapse:collapse; width:270px; color:#000;}
.camMenu table th{text-align:center; background:#ccc; width:90px; border:1px solid #aaa;}
.camMenu table td{text-align:right; width:90px; background:#fff; border:1px solid #aaa; padding-right:10px; box-sizing:border-box;}
.camMenu table tr td:last-child{background:#ff0;}


#campaign_btn,
#campaign_btn_entry {
	position: absolute;
	top: 50px;
	left: 250px;
	z-index:2;
}
#top #campaign_btn {
	top: 90px;
	left: 275px;
}

#campaign_btn a,
#campaign_btn_entry a {
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/cam_btn.png) no-repeat 0 0;
	text-indent: 120%;
	overflow: hidden;
	white-space: nowrap;
	background-size: contain;
}

/* clearfix各バージョン */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clearfix各バージョンここまで */