@charset "UTF-8";
/* @media handheld, all and (max-width:490px){ */
/* override unit.css */


/* SECTION */
#contents .section{
	padding-bottom:0 !important;
}

/* TOPICS */
#mainArea div.topicsBox{
	width:100%;
	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;
}

/* Three COLUMN */
#content div.threeColumn{
	width:100%;
}
#content div.threeColumn div.col{
	width:100%;
	margin: 0 0 10px 0;
	text-align: center;
}


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


/* THUMB LIST */

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

/* 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 ul li img.thumb{
	width:50%;
	margin:0 auto;
}


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


/* 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 0 10px;
}
#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%;
}



/* COPYRIGHT */
#mainArea p.copy{
	text-align:left !important;
}
#copyright {
	margin:0px -10px -10px -10px !important;
	padding:15px !important;
	background:#013600 !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 */
#mainArea div.attention,
#mainArea div.attention.Lv1{
	width:100%;
	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.attention div.btm,
#mainArea div.attention.Lv1 div.btm{
	background:transparent none;
	padding:10px;
}

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


#mainArea div.attention.Lv2{
	background:#fff5d9 none;
	border:solid 2px #f7df94;
	border-radius:3px; /* CSS3草案 */
	-webkit-border-radius:3px; /* Safari,Google Chrome用 */
	-moz-border-radius:3px; /* Firefox用 */
}
#mainArea div.attention.Lv2 div.btm{
	background:transparent none;
	padding:10px;
}
#mainArea div.attention.Lv3{
	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.attention.Lv3 div.btm{
	background:transparent none;
	padding: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;
}


