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



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

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

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


.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:936px; margin:0 auto; position:relative; padding:20px 0 20px;}

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

.topimg ul.pnavi02{ margin:0 auto 20px; text-align:center; }
.topimg ul.pnavi02 li{display:inline; margin-left:20px;}
.topimg ul.pnavi02 li img{width:486px;}


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

h3{width:100%; background:url(../images/ribbon.png) repeat-x; height:93px; text-align:center; z-index:3; position:relative;}
h3 img{display:block; margin:0 auto;}
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;}
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;}

#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;}
#select01 h3 img{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;}

.page_top{width:1200px; margin:0 auto 50px; text-align:right;}

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


.bg-pink{background:url(../images/background-pink.png); width:100%; margin-top:-10px; z-index:2; position:relative;}
.bg-green{background:url(../images/background-green.png); width:100%; margin-top:-10px; z-index:2; position:relative;}

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

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


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

.mg-b10{margin-bottom:10px !important;}

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

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



#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;}


a.cvn-btn{display:block; width:936px; margin:0; padding:0;}
a.cvn-btn:hover img{opacity:0.6;}

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

a.cvn-btn3{display:block; width:419px; margin:0; padding:0;}
a.cvn-btn3:hover img{opacity:0.6;}
/*
.main-button{display:block; width:936px; height:77px; background:url(../images/button01.gif) left top no-repeat;}
*/

.manga{width:215px; float:left;}
.collabo{width:970px; height:837px; padding:90px 0 0; margin:0 auto 0; background:url(../images/collabo_bg.png) no-repeat left top;}
.collabo .left{width:420px; margin-left:55px;}
.collabo .right{width:420px; margin-right:55px;}

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


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


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;}

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

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


#footer{position:relative; height:135px; background-color:#dae9e5;}
#footer .pmark{position:absolute; top:25px; left:80px;}
#footer .secom{position:absolute; top:25px; left:250px;}
#footer .truste{position:absolute; top:25px; left:580px;}


.w390{width:390px;}
.w461{width:461px;}
.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;}


#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{}


.sp{display:none !important;}









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












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


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