@charset "UTF-8";

/* MAIN WINDOW MODULES -MAIN AREA- 　
--------------------------------------------------------------*/



/* SECTION */
#content div.section{
	float:none;
	clear:both;
	padding-bottom:30px;
}

/* TOPICS */
#content div.topicsBox{
	width:640px;
	background:url("../images/box/general_top.gif") no-repeat;
	margin-bottom:30px;
}
#content div.topicsBox div.btm{
	background:url("../images/box/general_btm.gif") no-repeat left bottom;
	padding:17px 17px 7px;
}


/* TWO COLUMN */
#content div.twoColumn{
	width:640px;
	margin-bottom:1em;
}
#content div.twoColumn div.left{
	width:310px;
	float:left;
}
#content div.twoColumn div.right{
	width:310px;
	float:right;
}
#content div.twoColumn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content div.twoColumn{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #content div.twoColumn{
	* height:1%;
}
#content div.twoColumn{
	display:block;
}
/* */


/* Three COLUMN */
#content div.threeColumn{
	width:650px;
	margin-bottom:1em;
}
#content div.threeColumn div.col{
	width:211px;
	float:left;
	margin-left:8px;
}
#content div.threeColumn div.col:first-child {margin-left:0;}
#content div.threeColumn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content div.threeColumn{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #content div.threeColumn{
	* height:1%;
}
#content div.threeColumn{
	display:block;
}
/* */




/* IMG&TEXT */

#content div.imgHalfLFl div.img{
	width:310px;
	float:left;
	margin-right:20px;
}

#content div.imgTriLFl div.img{
	width:200px;
	float:left;
	margin-right:20px;
}

#content div.imgQuaterLFl div.img{
	width:145px;
	float:left;
	margin-right:20px;
}

#content div.imgHalfRFl div.img{
	width:310px;
	float:right;
	margin-left:20px;
}

#content div.imgTriRFl div.img{
	width:200px;
	float:right;
	margin-left:20px;
}

#content div.imgQuaterRFl div.img{
	width:145px;
	float:right;
	margin-left:20px;
}


#content div.imgHalfLFl:after,
#content div.imgW280LeftFl:after,
#content div.imgTriLFl:after,
#content div.imgQuaterLFl:after,
#content div.imgHalfRFl:after,
#content div.imgW280RightFl:after,
#content div.imgTriRFl:after,
#content div.imgQuaterRFl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content div.imgHalfLFl,
#content div.imgW280LeftFl,
#content div.imgTriLFl,
#content div.imgQuaterLFl,
#content div.imgHalfRFl,
#content div.imgW280RightFl,
#content div.imgTriRFl,
#content div.imgQuaterRFl{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #content div.imgHalfLFl,
html #content div.imgW280LeftFl,
html #content div.imgTriLFl,
html #content div.imgQuaterLFl,
html #content div.imgHalfRFl,
html #content div.imgW280RightFl,
html #content div.imgTriRFl,
html #content div.imgQuaterRFl{
	* height:1%;
}
#content div.imgHalfLFl,
#content div.imgW280LeftFl,
#content div.imgTriLFl,
#content div.imgQuaterLFl,
#content div.imgHalfRFl,
#content div.imgW280RightFl,
#content div.imgTriRFl,
#content div.imgQuaterRFl{
	display:block;
}
/* */

/* THUMB LIST */

/* w145 4pane */
#content div.quaterThumbList{
	margin-bottom:20px;
	margin-left:-20px;
	_width:660px;
}
#content div.quaterThumbList ul li{
	width:145px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#content div.quaterThumbList ul li > div{
	display:block;
	width:145px;
}
#content div.quaterThumbList ul li a{
	text-decoration:none;
	cursor:hand;
}
#content div.quaterThumbList ul li a span{
	text-decoration:underline;
}
#content div.quaterThumbList ul li img.thumb{
	display:block;
	margin-bottom:10px;
	width:100%;
}
#content div.quaterThumbList ul li a span img{
	margin-bottom:0;
	text-decoration:none;
}
#content div.quaterThumbList ul li p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* w200 3pane */
#content div.triThumbList{
	margin-bottom:20px;
	margin-left:-20px;
}
#content div.triThumbList ul li{
	width:200px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#content div.triThumbList ul li > div{
	display:block;
	width:200px;
}
#content div.triThumbList ul li a{
	text-decoration:none;
	cursor:hand;
}
#content div.triThumbList ul li a span{
	text-decoration:underline;
}
#content div.triThumbList ul li img.thumb{
	display:block;
	margin-bottom:10px;
	width:100%;
}
#content div.triThumbList ul li a span img{
	margin-bottom:0;
	text-decoration:none;
}
#content div.triThumbList ul li p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* w310 2pane */
#content div.halfThumbList{
	margin-bottom:20px;
	margin-left:-20px;
}
#content div.halfThumbList ul li{
	width:310px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#content div.halfThumbList ul li > div{
	display:block;
	width:310px;
}
#content div.halfThumbList ul li a{
	text-decoration:none;
	cursor:hand;
}
#content div.halfThumbList ul li a span{
	text-decoration:underline;
}
#content div.halfThumbList ul li img.thumb{
	display:block;
	margin-bottom:10px;
	width:100%;
}
#content div.halfThumbList ul li a span img{
	margin-bottom:0;
	text-decoration:none;
}
#content div.halfThumbList ul li p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* w145 2pane */

#content div.quaterThumbList2{
	margin-bottom:20px;
	margin-left:-20px;
}
#content div.quaterThumbList2 ul li{
	width:310px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#content div.quaterThumbList2 ul li > div{
	display:block;
	width:310px;
}
#content div.quaterThumbList2 ul li a{
	text-decoration:none;
	cursor:hand;
}
#content div.quaterThumbList2 ul li .thumb{
	float:left;
	margin-right:10px;
}
#content div.quaterThumbList2 ul li .text{
	overflow:hidden;
	_zoom:1;
}
#content div.quaterThumbList2 ul li a .text,
#content div.quaterThumbList2 ul li .text a{
	text-decoration:underline;
}
#content div.quaterThumbList2 ul li .text p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* STEP LIST */

#content div.triThumbStepList{
	margin-bottom:1em;
	overflow:hidden;
}
#content div.triThumbStepList ol{
	/width:660px;
	margin-left:-20px;
}
#content div.triThumbStepList li{
    display:inline-block;
    display:-moz-inline-box;
    /display:inline;
    /zoom:1;
    width:220px;
    background:url(/common/images/triThumbStepList_arrow.gif) no-repeat 5px 60px;
    vertical-align:top;
}
#content div.triThumbStepList li div.inner{
	display:block;
	width:220px;
}
#content div.triThumbStepList li div.triThumbStepList_image{
	width:200px;
	margin-bottom:0.5em;
	margin-left:20px;
}
#content div.triThumbStepList li div.triThumbStepList_image img{
	width:100%;
}
#content div.triThumbStepList li div.triThumbStepList_text{
	margin-left:20px;
}

#content div.triThumbStepList li.twoCol,
#content div.triThumbStepList li.twoCol div.inner{
	width:440px;
}
#content div.triThumbStepList li.twoCol div.twoColInner{
	float:left;
	width:220px;
}




/* COPYRIGHT */
#content p.copy{
	margin:20px 0 1em 0;
	color:#808080;
}


/* MEDIA GUIDE */
#content div.mediaGuide{
	width:100%;
	background:url("../images/box/general_top.gif") no-repeat;
	margin-bottom:40px;
}
#content div.mediaGuide div.btm{
	background:url("../images/box/general_btm.gif") no-repeat left bottom;
	padding:17px 17px 7px;
}
#content div.mediaGuide p.bnr{
	float:left;
}
#content div.mediaGuide p.bnr img{
	margin-right:15px;
}
#content div.mediaGuide .text{
	overflow:auto;
}
#content div.mediaGuide .text p{
	color:#808080;
	line-height:1.3;
}


/* QR CODE */
#content div.qrCode{
	width:100%;
	background:url("../images/box/general_top.gif") no-repeat;
	margin-bottom:30px;
}
#content div.qrCode div.btm{
	background:url("../images/box/general_btm.gif") no-repeat left bottom;
	padding:17px 17px 7px;
}
#content div.qrCode p.qr{
	float:right;
	margin-top:-3em;
}
#content div.qrCode p.qr img{
	margin-bottom:0.5em;
}
#content div.qrCode .text{
	overflow:auto;
}
#content div.qrCode div.btm:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content div.qrCode div.btm{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #content div.qrCode div.btm{
	* height:1%;
}
#content div.qrCode div.btm{
	display:block;
}
/* */



/* ATTENTION */
#content div.attention{
	width:640px;
	background:url("../images/attention/lv1_top.gif") no-repeat;
	margin-bottom:10px;
}
#content div.attention div.btm{
	background:url("../images/attention/lv1_btm.gif") no-repeat left bottom;
	padding:5px 15px 15px;
}
#content div.attention p.title{
	font-weight:bold;
}
#content div.attention table{
	border:0 none;
	margin:0;
}
#content div.attention table th,
#content div.attention table td{
	text-align:left;
	vertical-align:top;
	padding:0;
	border:0 none;
	line-height:1.5;
	background:transparent none;
}
#content div.attention table th{
	padding-right:15px;
}
#content div.attention p{
	margin:0;
	padding:10px 0 0 0 !important;
	line-height:1.3;
}
#content div.attention.Lv1{
	background:url("../images/attention/lv1_top.gif") no-repeat;
}
#content div.attention.Lv1 div.btm{
	background:url("../images/attention/lv1_btm.gif") no-repeat left bottom;
}
#content div.attention.Lv1 p.title{
	color:#e64545;
}
#content div.attention.Lv2{
	background:url("../images/attention/lv2_top.gif") no-repeat;
}
#content div.attention.Lv2 div.btm{
	background:url("../images/attention/lv2_btm.gif") no-repeat left bottom;
}
#content div.attention.Lv2 p.title{
	color:#ff7f00;
}
#content div.attention.Lv3{
	background:url("../images/attention/lv3_top.gif") no-repeat;
}
#content div.attention.Lv3 div.btm{
	background:url("../images/attention/lv3_btm.gif") no-repeat left bottom;
}