@charset "UTF-8";

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

	tag
	

---------------------------------------------- */
.inWrap table,
.inWrap p,
.inWrap ul,
.inWrap dl,
.conWrap p,
.storyWrap dl{
margin-top:12px;
}
.dotLine,
.conWrap h5{
margin-top:25px;
}
.sideWrap{
margin-bottom:20px;
}
hr,
.inWrap .submitBtn02,
.inWrap .submitBtn{
margin-top:30px;
}
.lieSetWrap,
.inSideWrap dl,
.inSideWrap ul,
.inSideWrap p{
margin-top:8px;
}


/* tag
---------------------------------------------- */
/* ============== h2 */
#contents h2{
background-image:url(../../img/ttl_bg.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#contents h2 img{
margin:15px;
}

/* ============== h3 */
/* in .sideWrap,.inWrap */
.sideWrap h3,
.inWrap h3{
padding:8px 11px 0 11px;
background-repeat:no-repeat;
background-position:0 0;
min-height:24px;
}
.inWrap h3{
background-image:url(../../img/ttls_bg_long.gif);
background-size: 100% auto;
}
#main .inWrap h3{
background-image:url(../../img/ttls_bg.gif);
}
.sideWrap h3{
background-image:url(../../img/ttls_bg_min.gif );
}
*html .sideWrap h3,
*html .inWrap h3{
height:24px;
}
*:first-child+html .sideWrap h3,
*:first-child+html .inWrap h3{
height:24px;
}

/* in .conWrap */
#main .conWrap h4,
.conWrap h3{
padding:11px 11px 0 11px;
background-image:url(../../img/ttls02_bg.gif);
background-position:0 0;
background-repeat:no-repeat;
min-height:28px;
}
*html .conWrap h3{
height:28px;
}
*:first-child+html .conWrap h3{
height:28px;
}

#main .conWrap h4{
padding-top:8px;
background-image:url(../../img/ttls02_bg_min.gif);
min-height:24px;
}
*html #main .conWrap h4{
height:24px;
}
*:first-child+html #main .conWrap h4{
height:24px;
}

/* ============== sub */
.ttlss{
padding:0 0 0 13px;
background-image:url(../../img/icon_ttlss.gif);
background-repeat:no-repeat;
background-position:0 0;
border:none;/* reset */
}

/* ============== sub */
h4 img.sub{
margin-bottom:8px;
display:block;
}

/* ============== hr */
hr{
color:#fff;
background-color:#fff;
border:none;
border-top:solid 1px #ccc;
}

/* class
---------------------------------------------- */
/* ============== setL */
.setL .pic,
.setL2 .pic{
float:left;
}
.setL .pic img,
.setL2 .pic img{
margin-bottom:10px;
}
.setL div.pic img,
.setL2 div.pic img{
margin-bottom:0;
}
.setL .pic,
.setL2 .pic{
margin-top:-12px;
}

.setL h4,
.setL p,
.setL ul,
.setL table,
.setL dl,
.setL2 h4,
.setL2 p,
.setL2 ul,
.setL2 table,
.setL2 dl{
float:right;
}

.setL .pic h4,
.setL .pic p,
.setL .pic ul,
.setL .pic table,
.setL .pic dl,
.setL2 .pic h4,
.setL2 .pic p,
.setL2 .pic ul,
.setL2 .pic table,
.setL2 .pic dl,

.setL .inTxt h4,
.setL .inTxt p,
.setL .inTxt ul,
.setL .inTxt table,
.setL .inTxt dl,
.setL2 .inTxt h4,
.setL2 .inTxt p,
.setL2 .inTxt ul,
.setL2 .inTxt table,
.setL2 .inTxt dl{
float:none;
}
.setL .pic h4,
.setL .pic p,
.setL .pic ul,
.setL .pic table,
.setL .pic dl,
.setL2 .pic h4,
.setL2 .pic p,
.setL2 .pic ul,
.setL2 .pic table,
.setL2 .pic dl{
margin-top:10px;
}

/* ============== setR */
.setR .pic,
.setR2 .pic{
float:right;
}
.setR .pic img,
.setR2 .pic img{
margin-bottom:10px;
}
.setR div.pic img,
.setR2 .pic img{
margin-bottom:0;
}
.setR .pic,
.setR2 .pic{
margin-top:-12px;
}

.setR h4,
.setR p,
.setR ul,
.setR table,
.setR dl,

.setR2 h4,
.setR2 p,
.setR2 ul,
.setR2 table,
.setR2 dl{
float:left;
}

.setR .pic h4,
.setR .pic p,
.setR .pic ul,
.setR .pic table,
.setR .pic dl,

.setR2 .pic h4,
.setR2 .pic p,
.setR2 .pic ul,
.setR2 .pic table,
.setR2 .pic dl,

.setR .inTxt h4,
.setR .inTxt p,
.setR .inTxt ul,
.setR .inTxt table,
.setR .inTxt dl,

.setR2 .inTxt h4,
.setR2 .inTxt p,
.setR2 .inTxt ul,
.setR2 .inTxt table,
.setR2 .inTxt dl{
float:none;
}
.setR .pic h4,
.setR .pic p,
.setR .pic ul,
.setR .pic table,
.setR .pic dl,

.setR2 .pic h4,
.setR2 .pic p,
.setR2 .pic ul,
.setR2 .pic table,
.setR2 .pic dl{
margin-top:10px;
}

/* ============== lieSetWrap */
.lieSetWrap{
padding-left:21px;
}
.lieSet{
width:397px;
float:left;
}
.lieSet,
.inLieSet{
background-image:url(../../img/lie_bg.gif);
background-repeat:no-repeat;
}
.lieSet{
background-position:0 0;
}
.inLieSet{
margin-right:8px;
background-position:0 100%;
}
.lieSet .topBg,
.lieSet h4,
.lieSet .inLieSetCon{
padding-left:12px;
padding-right:10px;
border-left:solid 1px #dbdbdb;
border-right:solid 1px #dbdbdb;
}
.lieSet h4{
padding-top:7px;
padding-bottom:2px;
}
.lieSet .inLieSetCon{
padding-top:1px;
padding-bottom:15px;
}


/* ============== outSide */
.outSide img{
padding:2px 0;
margin-right:3px;
vertical-align:middle;
}

/* in conWrap */
.conWrap .outSide{
margin-top:5px;
}


/* ============== dotLine */
.dotLine{
padding-top:22px;
background-image:url(../../img/dot_x_lgray.gif);
background-repeat:repeat-x;
background-position:0 0;
}

/* ============== ttl */
.ttl h3,
.ttl h4,
.ttl h5{
float:left;
width:450px;
}
.ttl p,
.ttl ul{
float:right;
width:95px;
margin-top:0;
text-align:right;
}
.ttl ul li{
float:left;
}
.ttl ul li a{
padding-left:3px;
}
#contents .ttl h3{
padding:0;/* reset */
background:none;/* reset */
height:auto;/* reset */
min-height:1%;/* reset */
}
.ttl h3 img{
margin-top:2px;
}
.ttl{
padding:6px 6px 0 11px;
background-image:url(../../img/ttls_bg_long.gif);
background-repeat:no-repeat;
background-position:0 0;
min-height:26px;
}
*html .ttl{
height:26px;
}
*:first-child+html .ttl{
height:26px;
}
#main .inWrap .ttl{
background-image:url(../../img/ttls_bg.gif);
background-size: 100% auto;
}
.sideWrap .ttl{
background-image:url(../../img/ttls_bg_min.gif );
}

#sidebar .ttl h3,
#sidebar .ttl h4,
#sidebar .ttl h5{
width:105px;
}
#sidebar .ttl p,
#sidebar .ttl ul{
width:60px;
}


/* === submitBtn */
ul.submitBtn{
text-align:center;
}
.submitBtn li{
display:inline;
margin-left:10px;
margin-right:10px;
}

/* === notes */
.notes li,
.notes{
text-indent:-10px;
padding-left:10px;
}
ul.notes{
text-indent:0;
padding-left:0;
}
.notes li{
padding-bottom:2px;
padding-top:2px;
}

/* === inWrap */
/* style */
.inWrap{
padding-bottom:5px;
background-image:url(../../img/inwrap_btm_long.gif);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#fbfbfb;
border-radius:4px;
overflow: hidden;
margin-bottom: 30px;
}
.inConPosi .inWrap{
background-image:url(../../img/inwrap_btm_long_02.gif);
}
#main .inWrap{
background-image:url(../../img/inwrap_btm.gif );
background-size: 100% auto;
}

.inWrapBg{
padding:10px 18px 15px 18px;
border-left:solid 1px #dbdbdb;
border-right:solid 1px #dbdbdb;
}

.inTxt{
float:right;
width:400px;
}
.setR .itemPhoto,
.setL .itemPhoto{
float:left;
width:165px;
}

/* .ttl */
.inWrap .ttl h3{
float:left;
width:260px;
}
.inWrap .ttl p{
float:right;
width:100px;
text-align:right;
}

/* ==  links */
.links li,
p.links,
dd.links,
span.links{
padding-left:20px;
background-image:url(../../img/icon_link_01.png);
background-repeat:no-repeat;
background-position:0 0.3em;
}

.links li {
	background-position:0 0.5em;
}

/* ==  conWrap */
.campaign .conWrap{
background-color:#fbfbfb;
}
.inConWrap{
padding:20px;
border:solid 1px #dbdbdb;
border-bottom:none;
border-top:none;
}
.conWrap{
width:828px;
margin-left:auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom:7px;
background-image:url(../../img/con_wrap_bg.gif);
background-repeat:no-repeat;
background-position:0 bottom;
}
#main .conWrap{
padding-bottom:3px;
background-image:url(../../img/inwrap_btm.gif );
}

/* == sLinks */
.sLinks,
.sLinks li{
background-image:url(../../img/icon_link_01.png);
background-repeat:no-repeat;
background-position:0 0.3em;
}
.sLinks li{
background-position:0 0.2em;
}

.sLinks a,
.sLinks li a{
margin-left:20px;
}

ul.sLinks{
background:none;
}

/* == leadWrap */
.leadWrap{
padding:8px 10px;
background-color:#f1f1f1;
}

/* == imgL ,imgR */
img.imgL{
float:left;
margin-top:8px;
margin-right:18px;
margin-bottom:7px;
}
img.imgR{
float:right;
margin-top:8px;
margin-left:18px;
margin-bottom:8px;
}




/* == dlLinkSet */
.dlLinkSet dt{
background-image:url(../../img/icon_link_01.png);
background-repeat:no-repeat;
background-position:0 0.2em;
}
.dlLinkSet dd,
.dlLinkSet dt{
padding-left:20px;
}

/* == linupList */
.linupList ul{
float:left;
margin-top:5px;
}
.linupList ul.l01{
width: 177px;
}
.linupList ul.l02{
width:177px;
margin-left: 30px;
}
.linupList ul.l03{
width:178px;
margin-left: 30px;
}
.linupList ul.l04{
width:178px;
margin-left: 30px;

}
.linupList ul li{
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
background-image:url(../../img/icon_link_01.png);
background-repeat:no-repeat;
background-position:0 0.75em;
}
#linupLinks .inWrapBg{
padding-bottom:10px;
}

/* == spList */
.spListWrap dl{
float:left;
width:297px;
}
#spList{
padding-left:10px;
padding-right:0;
}
.spListWrap dl dd{
margin-top:7px;
}
.spListWrap dl dd.img{
margin-top:0;
}
.spListWrap dl dt{
font-weight:bold;
}
.spListWrap dl dt,
.spListWrap dl dd{
float:right;
width:176px;
}
.spListWrap dl dd.img{
float:left;
width:110px;
text-align:right;
}
.spListWrap dl dd.links{
clear:both;
}



/* == tableLayout */
.tableLayout{
border-top:solid 1px #dbdbdb;
border-left:solid 1px #dbdbdb;
}
.tableLayout th,
.tableLayout td{
padding:5px 10px;
border-bottom:solid 1px #dbdbdb;
border-right:solid 1px #dbdbdb;
}
.tableLayout th{
border-top:solid 1px #fff;
background-color:#effcff;
text-align:left;
color:#333;
font-weight:normal;
}
.tableLayout th .need{
float:right;
}

/* == tableLayout02 */
.tableLayout02{
border-right:solid 1px #dbdbdb;
}
.tableLayout02 th,
.tableLayout02 td{
padding:5px 10px;
border-bottom:solid 1px #dbdbdb;
border-left:solid 1px #dbdbdb;
}
.tableLayout02 th{
border-top:solid 1px #fff;
background-color:#effcff;
text-align:left;
color:#333;
font-weight:normal;
}
.tableLayout02 td.noBorder{
border-left:none;
}
.tableLayout02 td.noBorder02{
border-top:solid 1px #dbdbdb;
text-align:center;
}

/* == submitBtn02 */
.submitBtn02 li{
width:312px;
float:left;
}
.submitBtn02 li.return{
padding-top:11px;
}

/* include
------------------------------------------- */
/* == ListWrapSet */
#cmList .inWrapBg,
#gameList .inWrapBg{
padding-right:0;
}
.listWrapS dl,
.listWrapS p.links{
margin-right:30px;
}
.listWrapS{
width:295px;
float:left;
}
.listWrapS dt,
.listWrapS dd{
float:right;
width:155px;
}
.listWrapS dd.img{
float:left;
width:110px;
}
.listWrapS dl{
padding-bottom:6px;
margin-bottom:4px;
background-image:url(../../img/dot_x_lgray.gif);
background-repeat:repeat-x;
background-position:0 100%;
}
.listWrapS dt{
font-weight:bold;
}
.listWrapS dd{
margin-top:0px;
}
.listWrapS p.links{
margin-top:0;
}

/* cm */
#cmList .sub{
font-weight:normal;
margin-top:5px;
}


/* ===== #keyVisual */
#keyVisual{
margin-top:-23px;
margin-bottom:-3px;
padding:0;
background:none;
position:relative;
z-index:999;
}
#spSp h3#keyVisual{
margin-top:0;
}

/* ===== #spTtlWrap */
#spTtlWrap{
padding:13px 0;
background-color:#f5f5f5;
}

#spTtlWrap h2{
background-image:url(../../img/ttl02_bg.gif);
background-repeat:no-repeat;
}

/* ===== .copyTxt */
.copyTxt{
text-align:right;
}


/* use sidebar
------------------------------------------- */
/* ==  .sideWrap use at #sidebar,#indexLeftCon,#indexRightCon */
.sideWrap{
padding-bottom:3px;
background-image:url(../../img/side_bg_btm.gif );
background-repeat:no-repeat;
background-position:0 100%;
background-color:#fbfbfb;
border-radius:4px;
overflow: hidden;
}

.inSideWrap{
padding:1px 9px 8px 9px;
border-left:solid 1px #dbdbdb;
border-right:solid 1px #dbdbdb;
}


/* .ttl */
.sideWrap .ttl h3{/* reset */
background:none;
padding:0;
margin:0;
}
.sideWrap .ttl h3{
float:left;
width:95px;
}
.sideWrap .ttl p{
float:right;
width:80px;
text-align:right;
}


/* -- #sideCM */
#sideCM .inSideWrap{
padding:12px 9px 8px 9px;}


/* -- #mobile */
#mobile .qrWrap p{
text-align:center;
}

#sideCM object {
	vertical-align: bottom;
}

/*p.bnrMobile{
margin-top:0;
}
#mobile .qrWrap{
margin-top:8px;
padding:10px 9px;
background-color:#001238;
}
#mobile .qrWrap p,
#mobile .qrWrap dl{
text-align:center;
line-height:1;
}
#mobile p{
margin-top:0;
}
#mobile .qrWrap dl,
#mobile .qrWrap dd{
margin-top:10px;
}
#mobile .qrWrap dt img{
border:solid 8px #fff;
}*/

/* -- #sideGabGab */
#sideGabGab p{
text-align:center;
}

/* -- #mailmaga */
.sideWrap#mailmaga p{
text-align:center;
}

/* -- #sidecampaign */
#sidecampaign p{
text-align:center;
}



/* clear
------------------------------------------- */
.storyWrap p:after,
.inConWrap:after,
.listWrap dl:after,
.listWrap:after,
.inLieSetCon:after,
.lieSetWrap:after,
.submitBtn02:after,
.setL:after,
.setR:after,
.setL2:after,
.setR2:after,
.spListWrap:after,
.ttl ul:after,
.ttl:after,
.setImg:after,
.inWrapBg:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* for IE7,IE6 ¥*/
*html .storyWrap p,
*html .inConWrap,
*html .listWrap dl,
*html .listWrap,
*html .inLieSetCon,
*html .lieSetWrap,
*html .submitBtn02,
*html .setL,
*html .setR,
*html .setL2,
*html .setR2,
*html .spListWrap,
*html .ttl ul,
*html .setImg,
*html .inWrapBg{
height:1%;
}
*html .inSideWrap{
height:1%;
}
*:first-child+html .storyWrap p,
*:first-child+html .inConWrap,
*:first-child+html .listWrap dl,
*:first-child+html .listWrap,
*:first-child+html .inLieSetCon,
*:first-child+html .lieSetWrap,
*:first-child+html .submitBtn02,
*:first-child+html .setL,
*:first-child+html .setR,
*:first-child+html .setL2,
*:first-child+html .setR2,
*:first-child+html .spListWrap,
*:first-child+html .ttl ul,
*:first-child+html .ttl,
*:first-child+html .setImg,
*:first-child+html .inWrapBg{
display:inline-block;
}
*:first-child+html .inSideWrap{
height:1%;
}
/* end */
/* macIE ¥*//*/
.inConWrap p,
.listWrap dl,
.listWrap,
.inLieSetCon,
.setL,
.setR,
.setL2,
.setR2,
.spListWrap,
.ttl ul,
.ttl,
.setImg,
.inWrapBg{
display:inline-block;
}
/* end */
/* for DW ¥*/
hr,
.inWrap{
clear:both;
}
/* end */