@charset "UTF-8";
/* override unit.css */

/* SECTION */
#mainArea div.section{
padding:0 0 10px;
}

/* TOPICS */
#mainArea div.topicsBox{
width:auto;
background:#ffffff none;
margin-bottom:10px;
border:solid 2px #d9d9d9;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
#mainArea div.topicsBox div.btm{
background:transparent none;
padding:17px 17px 7px;
}


/* TWO COLUMN */
#mainArea div.twoColumn,
#mainArea div.twoColumn.w650{
	width:100%;
}
#mainArea div.twoColumn div.left,
#mainArea div.twoColumn.w650 div.left,
#mainArea div.twoColumn div.right,
#mainArea div.twoColumn.w650 div.right{
	width:100%;
	float:none;
}
#mainArea div.twoColumn .inner_2c{ width: auto; margin-bottom:0.3em; }
#mainArea div.twoColumn .inner_2c .inner_img,
#mainArea div.twoColumn .inner_2c .inner_text { width:48%; float:none; }
#mainArea div.twoColumn .inner_2c .inner_img { float:right; }

/* threeColumn */
#mainArea div.threeColumn{
	margin-left:0;
	width:auto;
}
#mainArea div.threeColumn div.col{
	width:100%;
	float:none;
}
#mainArea div.threeColumn div.col .pad{
	margin-left:0;
}


/* ------------------------------------------
 Row (*201210 ADD STYLE)
------------------------------------------ */
#mainArea div.row{
/* margin-bottom: 1em; */
}
#mainArea div.row div.column{
float: none;
}
#mainArea div.row div.column.first{
margin-left: 0 !important;
}
/* pic */
#mainArea div.row div.column p.pic{
/* margin-bottom: 0.5em; */
/* text-align: center; */
}

/* row Two Column */
#mainArea div.row.twoCol div.column{
width: auto;
margin-left: 0;
}
/* row Three Column */
#mainArea div.row.threeCol div.column{
width: auto;
margin-left: 0;
}

/* row Three Column Wrap R & L */
#mainArea div.row.threeCol div.wrap{
width: auto;
float: none;
}
#mainArea div.row.threeCol div.wrap div.cap{
clear: both;
margin-left: 0;
}
/* L */
#mainArea div.row.threeCol div.wrap.left{
width: auto;
}
#mainArea div.row.threeCol div.wrap.left div.cap{
/* margin-left: 0; */
}



/* IMG&TEXT */
#mainArea div.imgHalfLFl,
#mainArea div.imgTriLFl,
#mainArea div.imgQuaterLFl,
#mainArea div.imgHalfRFl,
#mainArea div.imgTriRFl,
#mainArea div.imgQuaterRFl{
	width:100%;
}
#mainArea div.imgHalfLFl div.img,
#mainArea div.imgTriLFl div.img,
#mainArea div.imgQuaterLFl div.img,
#mainArea div.imgHalfRFl div.img,
#mainArea div.imgTriRFl div.img,
#mainArea div.imgQuaterRFl div.img{
	width:100%;
	float:none;
	margin:0;
}
#mainArea div.imgHalfLFl div.img img,
#mainArea div.imgHalfRFl div.img img{
	width:100%;
}
#mainArea div.imgTriLFl div.img,
#mainArea div.imgTriRFl div.img,
#mainArea div.imgQuaterLFl div.img,
#mainArea div.imgQuaterRFl div.img{
/*	width:165px;*/
	width:50%;
	float:right !important;
}
#mainArea div.imgTriLFl div.img p,
#mainArea div.imgTriRFl div.img p,
#mainArea div.imgQuaterLFl div.img p,
#mainArea div.imgQuaterRFl div.img p{
	margin-left:10px;
}
#mainArea div.imgTriLFl div.img p img,
#mainArea div.imgTriRFl div.img p img,
#mainArea div.imgQuaterLFl div.img p img,
#mainArea div.imgQuaterRFl div.img p img{
	width:100%;
}




/* IMG&TEXT3 */

#mainArea div.imgHalfLaterL div.img,
#mainArea div.imgHalfLaterL div.text,
#mainArea div.imgTriLaterL div.img,
#mainArea div.imgTriLaterL div.text,
#mainArea div.imgQuaterLaterL div.img,
#mainArea div.imgQuaterLaterL div.text,
#mainArea div.imgHalfLaterR div.img,
#mainArea div.imgHalfLaterR div.text,
#mainArea div.imgTriLaterR div.img,
#mainArea div.imgTriLaterR div.text,
#mainArea div.imgQuaterLaterR div.img,
#mainArea div.imgQuaterLaterR div.text{
	width:auto;
	float:none;
}
#mainArea div.imgHalfLaterL div.img img,
#mainArea div.imgHalfLaterR div.img img{
	width:100%;
}
#mainArea div.imgTriLaterL div.img,
#mainArea div.imgTriLaterR div.img,
#mainArea div.imgQuaterLaterL div.img,
#mainArea div.imgQuaterLaterR div.img{
	width:100%;
	margin:0;
}
#mainArea div.imgTriLaterL div.img img,
#mainArea div.imgTriLaterR div.img img,
#mainArea div.imgQuaterLaterL div.img img,
#mainArea div.imgQuaterLaterR div.img img{
width:100%;
}





/* THUMB LIST */

/* w90 6pane */
#mainArea div.sixthThumbList{
margin-left:-5%;
}
#mainArea div.sixthThumbList ul li{
margin-left:5%;
width:28%;
}
#mainArea div.sixthThumbList ul li > div{
margin-left:0;
width:100%;
}
#mainArea div.sixthThumbList ul li img.thumb{
width:auto;
margin:0 auto;
}
#mainArea div.sixthThumbList ul li .imgThumbBorder{
border:0 none;
}
#mainArea div.sixthThumbList li.twoCol{
width:45%;
margin-left:5%;
}
#mainArea div.sixthThumbList li.twoCol div.inner{
width:100%;
}
#mainArea div.sixthThumbList li.twoCol div.sixthThumbList_text,
#mainArea div.sixthThumbList li.twoCol div.twoColInner{
float:none;
width:100%;
margin-left:0;
}

/* w112 5pane */
#mainArea div.fifthThumbList{
margin-left:-5%;
}
#mainArea div.fifthThumbList ul li{
margin-left:5%;
width:45%;
}
#mainArea div.fifthThumbList ul li > div{
margin-left:0;
width:100%;
}
#mainArea div.fifthThumbList ul li img.thumb{
width:auto;
margin:0 auto;
}

#mainArea div.fifthThumbList ul li .imgThumbBorder{
border:0 none;
}

#mainArea div.fifthThumbList li.twoCol{
width:45%;
margin-left:5%;
}
#mainArea div.fifthThumbList li.twoCol div.inner{
width:100%;
}
#mainArea div.fifthThumbList li.twoCol div.fifthThumbList_text,
#mainArea div.fifthThumbList li.twoCol div.twoColInner{
float:none;
width:100%;
margin-left:0;
}


/* w145 4pane */
#mainArea div.quaterThumbList{
margin-left:0;
}
#mainArea div.quaterThumbList ul li,
#mainArea div.quaterThumbList ul li > div{
margin-left:0;
width:100%;
}
#mainArea div.quaterThumbList ul li img.thumb{
width:50%;
margin:0 auto 10px auto;
}

#mainArea div.quaterThumbList ul li .imgThumbBorder{
border:0 none;
}

#mainArea div.quaterThumbList li.twoCol,
#mainArea div.quaterThumbList li.twoCol div.inner{
width:100%;
}
#mainArea div.quaterThumbList li.twoCol div.quaterThumbList_text,
#mainArea div.quaterThumbList li.twoCol div.twoColInner{
float:none;
width:100%;
margin-left:0;
}

/* w200 2pane */
#mainArea div.imgTriLaterL div{
width:100px;
}

#mainArea div.imgTriLaterL div.img{
text-align:center;
}

#mainArea div.imgTriLaterL div.text{
margin-left:15px;
}

#mainArea div.imgTriLaterL div.img img{
width:50%;
margin:auto;

}




/* w200 3pane */
#mainArea div.triThumbList{
margin-left:0;
}
#mainArea div.triThumbList ul li,
#mainArea div.triThumbList ul li > div{
margin-left:0;
width:100%;
}

#mainArea div.triThumbList p.imgsizeCenter{

text-align:center !important;

}

#mainArea div.triThumbList li.triCol,
#mainArea div.triThumbList li.triCol div.inner{
width:100%;
}


#mainArea div.triThumbList ul li img.thumb,
#mainArea div.triThumbList li.triCol div.triColInner img.thumb{
width:50%;
margin:0 auto;
}
#mainArea div.triThumbList ul li p.caption{
margin:0 10px;
text-align:left;
}

#mainArea div.triThumbList ul li .imgThumbBorder{
border:0 none;
}


#mainArea div.triThumbList li.twoCol,
#mainArea div.triThumbList li.twoCol div.inner{
width:100%;
}
#mainArea div.triThumbList li.twoCol div.triThumbList_text,
#mainArea div.triThumbList li.twoCol div.twoColInner,
#mainArea div.triThumbList li.triCol div.triColInner{
float:none;
width:100%;
margin-left:0;
}


/* w310 2pane */
#mainArea div.halfThumbList{
margin-left:0;
}
#mainArea div.halfThumbList ul li,
#mainArea div.halfThumbList ul li > div{
margin-left:0;
width:100%;
}
#mainArea div.halfThumbList ul li img.thumb{
width:100%;
margin:0 auto;
}

#mainArea div.halfThumbList ul li .imgThumbBorder{
border:0 none;
}


#mainArea div.halfThumbList li.twoCol,
#mainArea div.halfThumbList li.twoCol div.inner{
width:100%;
}
#mainArea div.halfThumbList li.twoCol div.halfThumbList_text,
#mainArea div.halfThumbList li.twoCol div.twoColInner{
float:none;
width:100%;
margin-left:0;
}

/*矢印*/
#mainArea div.halfThumbList ul div.arrow{
width:100%;
}

#mainArea div.halfThumbList ul div.arrow div.arroLeft{
background:url(../images/arrow_01_smp.gif) no-repeat top center;
margin-left:0px;
padding-left:0;
padding-top:15px;
}



/* w112 2pane */
#mainArea div.fifthThumbList2{
margin-left:0;
}
#mainArea div.fifthThumbList2 ul li,
#mainArea div.fifthThumbList2 ul li > div{
margin-left:0;
width:100%;
}
#mainArea div.fifthThumbList2 ul li .thumb{
float:right;
width:40%;
margin:0 0 5px 10px;
}
#mainArea div.fifthThumbList2 ul li .imgThumbBorder{
border:0 none;
}
#mainArea div.fifthThumbList2 ul li .text{
overflow:visible;
}

/* w145 2pane */
#mainArea div.quaterThumbList2{
margin-left:0;
}
#mainArea div.quaterThumbList2 ul li,
#mainArea div.quaterThumbList2 ul li > div{
margin-left:0;
width:100%;
}
#mainArea div.quaterThumbList2 ul li .thumb{
float:right;
width:45%;
margin:0 0 5px 10px;
}
#mainArea div.quaterThumbList2 ul li .imgThumbBorder{
border:0 none;
}

#mainArea div.quaterThumbList2 ul li .text{
overflow:visible;
}


/* STEP LIST */
#mainArea div.triThumbStepList ol{
/width:100%;
margin-left:0;
margin-top:-20px;
overflow:hidden;
}
#mainArea div.triThumbStepList li{
display:block;
width:100%;
background:url(/common/images/triThumbStepList_arrow_down.gif) no-repeat top center;
padding-top:20px;
margin:0;
}
#mainArea div.triThumbStepList li div.inner{
width:100%;
}
#mainArea div.triThumbStepList li div.triThumbStepList_image{
width:100%;
margin-bottom:0.5em;
margin-left:0;
text-align:center;
}
#mainArea div.triThumbStepList li div.triThumbStepList_image img{
width:50%;
}
#mainArea div.triThumbStepList li div.triThumbStepList_text{
margin-left:0;
}

#mainArea div.triThumbStepList li.twoCol,
#mainArea div.triThumbStepList li.twoCol div.inner{
width:100%;
}
#mainArea div.triThumbStepList li.twoCol div.twoColInner{
float:none;
width:100%;
}


/*img float Left*/

#mainArea div.imgLFL{
margin-left:20px;
/*text-align:center;*/
width:256px;

}

#mainArea div.imgLFL .img{
float:none;
margin:0;

}
#mainArea div.imgLFL .img p{
float:none;
margin:0;
width:256px;

}

/*img float Right*/

#mainArea div.imgRFL{
margin-left:20px;
text-align:center;
width:256px;
}
#mainArea div.imgRFL .img{
float:none;
margin:0;
}
#mainArea div.imgRFL .img p{
float:none;
margin:0;
width:256px;
}

/* COPYRIGHT */
#mainArea p.copy{
text-align:left !important;
}



/* MEDIA GUIDE */
#mainArea div.mediaGuide{
width:100%;
background:#ffffff none;
border:solid 2px #d9d9d9;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
#mainArea div.mediaGuide div.btm{
background:transparent none;
padding:17px 17px 7px;
}
#mainArea div.mediaGuide p.bnr{
float:none;
text-align:center;
}
#mainArea div.mediaGuide p.bnr img{
margin-right:0;
}


/* QR CODE */
#mainArea div.qrCode{
width:100%;
background:#ffffff none;
border:solid 2px #d9d9d9;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
#mainArea div.qrCode div.btm{
background:transparent none;
padding:17px 17px 7px;
}
#mainArea div.qrCode p.qr{
float:none;
text-align:center;
margin-top:0;
}


/* ATTENTION */
div.attention,
div.attention.Lv1{
width:auto;
padding-bottom:10px;
margin-bottom:0;
}
div.attention div.btm,
div.attention.Lv1 div.btm{
padding:10px;
background:#ffe5e5 none;
border:solid 2px #e65c5c;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}

div.attention div.imgRight,
div.attention div.imgRightFl{
width:auto;
}
div.attention table.dlTbl th{
border-left:0 none !important;
}


div.attention.Lv2 .btm{
}
div.attention.Lv2 div.btm{
padding:10px;
background:#fff5d9 none;
border:solid 2px #f7df94;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
div.attention.Lv3{
}
div.attention.Lv3 div.btm{
padding:10px;
background:#ffffff none;
border:solid 2px #d9d9d9;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
div.attention.Lv1                   ,
div.attention.Lv1 div.btm           ,
div.attention.Lv2                   ,
div.attention.Lv2 div.btm           ,
div.attention.Lv3                   ,
div.attention.Lv3 div.btm           ,
#mainArea div.attention.Lv1         ,
#mainArea div.attention.Lv1 div.btm ,
#mainArea div.attention.Lv2         ,
#mainArea div.attention.Lv2 div.btm ,
#mainArea div.attention.Lv3         ,
#mainArea div.attention.Lv3 div.btm { background-image:none; }

/* ATTENTION for Form template */
#mainArea div.formAtt{
width:auto;
background:#fff5d9 none;
margin-bottom:10px;
border:solid 2px #f7df94;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
#mainArea div.formAtt div.btm{
background:transparent none;
padding:5px 10px 10px;
}


#mainArea div.errList{
width:auto;
background:#ffe5e5 none;
margin-bottom:10px;
border:solid 2px #e65c5c;
border-radius:3px; /* CSS3草案 */
-webkit-border-radius:3px; /* Safari,Google Chrome用 */
-moz-border-radius:3px; /* Firefox用 */
}
#mainArea div.errList div.btm{
background:transparent none;
padding:5px 10px 10px;
}


/* RELATION NEWS */





/* PAGING */




/* NEWS LIST */

#mainArea ul.newsList{
overflow:hidden;
}
#mainArea ul.newsList li{
margin-top:0;
border-top:1px solid #cccccc;
padding:7px 0;
position:relative;
}
#mainArea ul.newsList li span{
display:block;
float:none;
margin-right:0;
color:#999999;
position:absolute;
top:7px;
left:0;
z-index:1;
}
#mainArea ul.newsList li a{
display:block;
position:relative;
overflow:hidden;
/zoom:1;
padding-top:1.6em;
z-index:2;
background:url(/common/images/icn_r.gif) no-repeat 98% center;
padding-right:20px;
}




/* -------------------- .daisukibanner -------------------- */
#content .daisukibanner{
width:auto;
margin-left:auto;
}
/* -------------------- / .daisukibanner -------------------- */


/* -------------------- .legacy700 -------------------- */
#content .legacy700{
width:auto;
margin:auto;
}
/* -------------------- / .legacy700 -------------------- */



/* POKECENINFO */

#content .pokemonCenterInfo{
width:auto;
background:transparent none;
margin-bottom:10px;
border:solid 2px #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#content .pokemonCenterInfo .btm{
background:transparent none;
padding:10px;
}
#content .pokemonCenterInfo dl.basicInfo,
#content .pokemonCenterInfo dl.access{
width:auto;
float:none;
}
#content .pokemonCenterInfo dl dt{
font-weight:bold;
}
#content .pokemonCenterInfo dl.basicInfo table{
display:block;
}
#content .pokemonCenterInfo dl.basicInfo table tbody,
#content .pokemonCenterInfo dl.basicInfo table thead,
#content .pokemonCenterInfo dl.basicInfo table tfoot,
#content .pokemonCenterInfo dl.basicInfo table tr{
width:auto;
display:block;
}
#content .pokemonCenterInfo dl.basicInfo table th,
#content .pokemonCenterInfo dl.basicInfo table td{
display:block;
width:100%;
padding:10px 0;
}
#content .pokemonCenterInfo dl.basicInfo table td{
border-top:0 none;
padding-top:0;
}


/* CAMPAIGN LIST */

#content table.campaignList{
width:100%;
display:block;
border-bottom:solid 2px #ccc;
}
#content table.campaignList thead{
display:none;
}
#content table.campaignList tbody,
#content table.campaignList tbody tr{
display:block;
}
#content table.campaignList tbody td{
display:block;
padding-top:15px;
padding-bottom:0;
}
#content table.campaignList tbody td.info{
padding-right:0;
}
#content table.campaignList tbody td.info .position{
position:relative;
padding-left:0;
_zoom:1;
}
#content table.campaignList tbody td.info .flg{
padding-bottom:5px;
}
#content table.campaignList tbody td.info .flg img{
vertical-align:bottom;
margin:1px 5px 1px 0;
}
#content table.campaignList tbody td.info .thumb{
position:relative;
top:0;
left:0;
text-align:center;
}
#content table.campaignList tbody td.term{
width:auto;
border-top:0 none;
margin:0;
padding:0;
}
#content table.campaignList tbody td.term h3{
margin-top:0;
}
#content table.campaignList tbody td.term p{
width:auto;
}
#content table.campaignList tbody td.term p span{
display:inline;
}