@charset "utf-8";
@import url("reset.css");



body{
	font-size:16px;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	line-height:1.4;
	color:#6f6767;
	padding:0;
	margin:0;
	width:100%;}

#wrapper{
	width:100%;
	max-width:1239px;
	background:url(../images/background.png);
}

body#info #wrapper{
	max-width:890px;}

#header{display:block; background:url(../images/header-background.png); height:122px; position:relative; z-index:10;}

#header .contents img.logo01{position:absolute; top:25px; right:25px;}
#header .contents img.logo02{position:absolute; top:20px; left:20px;}




.bg-basic{background:url(../images/background.png);}
.background-d{background:url(../images/background.png);}
.background-e{background:url(../images/background.png);}

.container{width:100%; margin-top:-8px;}
.contents{width:98%; margin:0 auto; position:relative; padding:2% 0;}
.contents2{width:98%; margin:0 auto 50px; position:relative; padding:0px;}

.catch{ background:url(../images/background-pink.png) repeat 0 0;}
h2 img{width:100%; display:block; margin:0 auto;}
.topimg_bg{ background:url(../images/race_bg.png) repeat-x 0 0;}

.topimg{width:98%; margin:0 auto; padding:0 0 2%;}
.topimg p{width:98%; margin:0 auto; padding:20px 0}
.topimg ul.pnavi01{ margin:0 auto 3%; text-align:center; }
.topimg ul.pnavi01 li{display:inline; margin-left:3%;}
.topimg ul.pnavi01 li img{width:30%;}

.topimg ul.pnavi02{ margin:0 auto 3%; text-align:center; }
.topimg ul.pnavi02 li{display:inline; margin-left:3%;}
.topimg ul.pnavi02 li img{width:39%;}


h3{width:100%; background:url(../images/ribbon.png) repeat-x; height:93px; text-align:center; z-index:3; position:relative;}
h3.two-line{width:100%; background:url(../images/ribbon_2l.png) repeat-x; height:116px; text-align:center; z-index:3; position:relative;}
h3 img{display:block; margin:0 auto; padding-top:30px; max-width:95%;}
h3.two-line img{display:block; margin:0 auto; padding-top:25px;}
h3.race{width:100%; background:url(../images/top_title2_bg.png) repeat-x; height:84px; text-align:center; z-index:3; position:relative;}
h3.race img{display:block; margin:0 auto; padding-top:25px; width:283px;}

#select01 h3{width:100%; background:url(../images/cont01_bg.png) repeat-x; height:96px; text-align:center; z-index:3; position:relative;}
#select02 h3{width:100%; background:url(../images/cont02_bg.png) repeat-x; height:96px; text-align:center; z-index:3; position:relative;}
#select03 h3{width:100%; background:url(../images/cont03_bg.png) repeat-x; height:96px; text-align:center; z-index:3; position:relative;}
#select04 h3{width:100%; background:url(../images/cont04_bg.png) repeat-x; height:96px; text-align:center; z-index:3; position:relative;}
#select05 h3{width:100%; background:url(../images/cont05_bg.png) repeat-x; height:96px; text-align:center; z-index:3; position:relative;}
#select06 h3{width:100%; background:url(../images/cont06_bg.png) repeat-x; height:96px; text-align:center; z-index:3; position:relative;}
#select01 h3 img{max-width: 100%; display:block; margin:0 auto; padding-top:20px;}
#select02 h3 img{display:block; margin:0 auto; padding-top:20px;}
#select03 h3 img{display:block; margin:0 auto; padding-top:5px;}
#select04 h3 img{display:block; margin:0 auto; padding-top:18px;}
#select05 h3 img{display:block; margin:0 auto; padding-top:20px;}
#select06 h3 img{display:block; margin:0 auto; padding-top:20px;}

.page_top{width:96%; margin:0 auto 50px; text-align:right; font-size:130%;}

h4{display:block; font-size:1.2em; background:url(../images/dot-line.png) left bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
h4 span{ font-size:1.2em; color:#ed5400;}

img.img-center{display:block; margin:0 auto;}

.button02{display:block; margin:0 auto 10px; width:300px; height:58px; overflow:hidden; background:url(../images/button02_sp.png) left top no-repeat; border:none; outline:none;}
.button02:hover{opacity:0.6;}


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

.cont01{}
.cont01 .right,.cont01 .left{width:48%;}
.cont01 .right img{width:100%;}

a.cvn-btn img{display:block; width:100%; max-width:1200px; min-width:600px; margin:0; padding:0;}
a.cvn-btn:hover img{opacity:0.6;}

a.cvn-btn2{display:block; width:48% margin:0; padding:0;}
a.cvn-btn2:hover img{opacity:0.6;}

a.cvn-btn3{display:block; width:48% margin:0; padding:0;}
a.cvn-btn3:hover img{opacity:0.6;}

img.top{width:100%;}

.w461{width:48%; margin:0 1%;}
.w461 img{width:100%;}

.mail-magazine div{width:31%; margin:3% 1% 1%;}
.mail-magazine div img{width:100%;}

div.manga{width:23%; margin:0 1%; float:left;}
div.manga img{width:100%;}

.collabo{width:98%; padding:12% 0 20%; margin:0 auto 0px; background:url(../images/collabo_bg.png) no-repeat center top; background-size:98%;}
.collabo img{width:100%; margin:0 auto;}
.collabo .left{width:40%; margin-left:8%;}
.collabo .right{width:40%; margin-right:8%;}

div.care div{width:31%; margin:0 1.1%; float:left;}
div.care div p{width:100%;}
div.care div img{width:100%;}

a.itazura{width:70%; max-width:524px; margin:0 auto; display:block;}
a.itazura img{width:100%;}

#footer{position:relative; text-align:left; background-color:#dae9e5; height:auto;}
#footer img{margin-bottom:20px; display:block;}
#footer .pmark{margin-left:0; width:50px}
#footer .secom{margin-left:0;}
#footer .truste{margin-left:0;}

#copyright{line-height:36px; color:#fff; background:#61a5ca; text-align:center; display:block; font-size:14px;}


.w390{width:390px;}


#registration{width:520px; height:420px; padding:40px 50px; margin:0 auto; display:block; background:url(../images/regist_bg_tab.png) left top no-repeat; margin-bottom:30px;}
#registration img.regist_ttl{display:block; margin:0 auto 10px; width:520px;}

#registration input.regist{display:block; width:233px; height:67px; outline:none; border:none; background:url(../images/regist_button.png) left top no-repeat; margin:0 auto;}
#registration input.release{display:block; width:233px; height:45px; outline:none; border:none; background:url(../images/regist_release.png) left top no-repeat; margin:0 auto;}
#registration input.regist:hover,#registration input.release:hover{opacity:0.6;}
form.registration{width:520px; text-align:center;}
form.registration p{font-size:20px; display:block; width:520px; margin-bottom:5px; text-align:center;}
#registration h4{margin-top:70px;}

input[type="text"]{display:block; background:url(../images/regist_form.png) left top no-repeat; width:303px; height:24px; padding:10px 20px; border:none; outline:none;  margin:0 auto 10px;}

form.registration{display:block; height:67px; margin-bottom:20px; position:relative;}


img.tb-half{width:95%; max-width:902px; margin:0 auto; padding-top:30px !important;}
img.tb-half01{width:95%; max-width:711px; margin:0 auto; padding-top:30px !important;}

h3.two-line img.tb-half{width:95%; max-width:888px; margin:0 auto; padding-top:25px !important;}

.bg-pink{background:url(../images/background-pink.png) !important; width:100%; margin-top:-10px;}
.bg-green{background:url(../images/background-green.png) !important; width:100%; margin-top:-10px;}


p.dot-x{margin-bottom:30px; padding-bottom:30px; background:url(../images/dot-x.png) left bottom repeat-x;}

#info{font-size:12px; overflow:auto; margin:0 auto 20px; border:1px solid #ccc; height:200px; width:580px; padding:20px;}
#info h5{font-weight:bold; font-size:1.2em; margin-top:20px;}

#info ul,#info ol{margin-left:2em;}

#info ul{ list-style: disc;}
#info ol{}

.melmaga p{margin-bottom:20px;}
.melmaga p span{color:#6dc3d0; margin-right:5px;}



.contents08{display:block; width:620px; margin:0 auto 20px;}
.contents08 img{width:100%;}


.mg-b10{margin-bottom:10px !important;}
/*.mg-l13{margin-left:13px;}*/
/*.mg-r25{margin-right:25px;}
.mg-r0{margin:0 0 20px 0px !important;}*/
.mg-b20{margin-bottom:20px !important;}
.font-x{font-size:1.2em;}
.font-xx{font-size:1.5em;}



.sp{display:none !important;}


.color-pink{color:#ed557c;}
a{color:#6dc3d0 !important;}




.mg-t20{margin-top:20px;}
.care:after,
.contents:after,
.cf:after{content: ""; clear: both; display: block;}


/*
 p.itazura-p{width:360px;}
.itazura img{display:block; width:524px; height:520px; margin:0 auto 30px;}








input[type="text"]{background:url(../images/regist_form.png) left top no-repeat; width:303px; height:24px; padding:10px 20px; border:none; outline:none;}



.manga{width:215px; float:left;}
.collabolation{width:840px; height:586px; padding:90px 50px 50px; margin-bottom:20px; background:url(../images/manga_bg.png) left top;}

.collabolation div{width:415px;}

.care div{float:left; width:300px; margin:0  18px 20px 0;}



iframe{display:block; border:none;
	background:url(../images/background.png); border:1px solid #ccc;}

#registration{width:756px; height:354px; padding:60px 90px; display:block; background:url(../images/regist_bg.png) left top no-repeat; margin-bottom:30px;}
#registration img.regist_ttl{display:block; margin:0 auto 30px;}

#registration input.regist{width:237px; height:67px; outline:none; border:none; background:url(../images/regist_button.png) left top no-repeat;}
#registration input.release{width:237px; height:45px; outline:none; border:none; background:url(../images/regist_release.png) left top no-repeat;}
#registration input.regist:hover,#registration input.release:hover{opacity:0.6;}


form.registration{display:block; height:67px; margin-bottom:20px; position:relative;}
form.registration input.regist{position:absolute; right:0; top:0; cursor:pointer;}
form.registration input.release{position:absolute; right:0; top:11px; cursor:pointer;}
form.registration input[type="text"]{position:absolute; right:250px; top:11px;}

form.registration p{font-size:20px; line-height:67px;}


.contents08{display:block; width:936px; height:764px; background:url(../images/bottom.png); margin-bottom:20px;}

.info{padding:20px; width:890px;}


.w461{width:461px;}


#info{font-size:12px; overflow:auto; margin-bottom:20px; border:1px solid #ccc; height:200px; width:896px; padding:20px;}
#info h5{font-weight:bold; font-size:1.2em; margin-top:20px;}

#info ul,#info ol{margin-left:2em;}

#info ul{ list-style: disc;}
#info ol{}











.melmaga p{margin-bottom:20px;}
.melmaga p span{color:#6dc3d0; margin-right:10px;}




*/