@charset "UTF-8";
/* @media handheld, all and (max-width:580px){ */
/* 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{
	width:100%;
}
#mainArea div.twoColumn div.left,
#mainArea div.twoColumn 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; }

/* twoColumn w256px positionC*/
#mainArea div.twoColumn.positionC {
    margin: auto;
    width: 256px;
}

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



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

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