@charset "utf-8";
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Reset
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body{margin:0;padding:0;background-color:#f5f5f5;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:small;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	module
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a{color:#0066AA;text-decoration:underline;}
a:hover{color:#0066AA;text-decoration:none;}
.link_01{background:url("/img/icon_arrow_01.gif") no-repeat scroll 0 center transparent;padding-left:13px;}
.link_02{background:url("/img/icon_arrow_02.gif") no-repeat scroll 0 center transparent;padding-left:10px;}
.link_021{background:url("/img/icon_arrow_02.gif") no-repeat 0 20% transparent; padding-left:10px;}


.clearfix{display:inline-block;}
.clearfix:after{content:".";line-height:0;display:block;height:0;visibility:hidden;clear:both;}
/* \*/ * html .clearfix{height:1%;}.clearfix{display:block;}/* */ 

.fleft{float:left !important;}
.fright{float:right !important;}
.clear{clear:both !important;}

.tx_left{text-align:left !important;}
.tx_right{text-align:right !important;}
.tx_center{text-align:center !important;}
.bold{font-weight:bold !important ;}
.txS{font-size:x-small !important;}

.mtop10{margin-top:10px !important;}
.mtop15{margin-top:15px !important;}
.mtop20{margin-top:20px !important;}
.mtop30{margin-top:30px !important;}

.mbtm10{margin-bottom:10px !important;}
.mbtm15{margin-bottom:15px !important;}
.mbtm20{margin-bottom:20px !important;}
.mbtm30{margin-bottom:30px !important;}

.ptop10{padding-top:10px !important;}
.ptop20{padding-top:20px !important;}
.ptop30{padding-top:30px !important;}

.pbtm10{padding-bottom:10px !important;}
.pbtm20{padding-bottom:20px !important;}
.pbtm30{padding-bottom:30px !important;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	contents-mainColumn
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#guide{color:#333333 !important;font:small "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;line-height:1.5;}
#mainColumn{width:658px;float:left;margin-top:13px;}
#subColumn{width:215px;float:right;margin-top:13px;}

.guide_updateInfo{position:relative;text-align:right;margin-top: -62px !important;}
	.guide_vol,.guide_no{font-size:200%;color:#a8d506;position:relative;top:7px;}
	.guide_update{display:block;font-size:small;color:#515555;}

#columnHead {width:658x;}
.doda_copy {float:left;width:199px;}



/*=================================================
	Box01
=================================================*/
.contsBox01{
	float:right;
	width:448px;
	background:url("/guide/img/bg_box01.gif") no-repeat scroll left bottom transparent;
	min-height:208px;
	height:auto !important;
	height:208px;
	}
	.contsBox01Inner{padding:10px;}
	.contsBox01 dl{float:right;width:260px;}
	.contsBox01 dl.dl_wize{float:right;width:314px;}
	.contsBox01 dt{
		font-weight:bold;
		padding-bottom:5px;
		margin-bottom:5px;
		background:url("/guide/img/line_01.gif") repeat-x scroll left bottom transparent;
	}
	.contsBox01 dt.new_cont span{background:url("/guide/img/icon_new02.gif") no-repeat scroll right center transparent;padding-right:25px;}/* 20101101追加 */
	.contsBox01 dt.new_cont span.font_sz{background:url("/guide/img/icon_new02.gif") no-repeat scroll right center transparent;padding-right:25px; font-size:114%;}/* 20101101追加 */
	.contsBox01 dd{font-size:x-small;}
	.contsBox01 dd.font_szi{font-size:small !important;}
	.contsBox01 ul{padding:5px 10px 0px;}
	.contsBox01 li{margin-bottom:5px;font-weight:bold;}
	.contsBox01 .new{background:url("/guide/img/icon_new01.gif") no-repeat scroll left center transparent;padding-left:37px;}
	.contsBox01 .notice{background:url("/guide/img/icon_notice.gif") no-repeat scroll left center transparent;padding-left:37px;}

	.img_bdr{ border:#d6d7d9 solid 1px; padding:1px;}

/*=================================================
	Box02
=================================================*/
.contsBox02{margin-top:12px;}
	.contsBox02Inner{
		padding:10px;
		background:url("/guide/img/bg_box02.gif") no-repeat scroll left bottom transparent;
	}
	.contsBox02Inner .snav{width:136px;float:left;background-color:#e6e6f6;}
	.contsBox02Inner .snav li{display:inline;width:136px;height:60px;}
	
	.contsBox02Inner .snav li span a{
			display:block;
			outline:none;
			width:136px;
			height:60px;
			background-image:url("/guide/img/snav.gif");
			background-repeat:no-repeat;
			text-indent:-9999px;
		}
	.contsBox02Inner .snav .snav_01 a{background-position:0 0;}
	.contsBox02Inner .snav .snav_02 a{background-position:0 -60px;}
	.contsBox02Inner .snav .snav_03 a{background-position:0 -120px;}
	.contsBox02Inner .snav .snav_01 a:hover{background-position:-136px 0;}
	.contsBox02Inner .snav .snav_02 a:hover{background-position:-136px -60px;}
	.contsBox02Inner .snav .snav_03 a:hover{background-position:-136px -120px;}
	.contsBox02Inner .snav .open .snav_01 a{background-position:-136px 0px;}
	.contsBox02Inner .snav .open .snav_02 a{background-position:-136px -60px;}
	.contsBox02Inner .snav .open .snav_03 a{background-position:-136px -120px;}


	.contsBox02Inner #tabBoxIndex{
		width:490px;
		float:left;
		padding-left:15px;
		padding-top:5px;
		height:175px;
	}
	.contsBox02Inner #tabBoxIndex .tabBox { visibility:hidden;}/* 20101206追加 */
	.contsBox02Inner #tabBoxIndex dl{width:220px;margin-top:10px;_overflow:hidden;}
	.contsBox02Inner #tabBoxIndex dl.first{float:left;padding:5px 20px 5px 0px;}
	.contsBox02Inner #tabBoxIndex dl.second{float:left;border-left:1px solid #cccccc;padding:5px 0px 5px 20px;}
	.contsBox02Inner #tabBoxIndex dt{font-weight:bold;margin:0px 0px 5px;color:#101177;}
	.contsBox02Inner #tabBoxIndex dd{margin-bottom:5px;white-space:nowrap !important;}
	.contsBox02Inner #tabBoxIndex .other{clear:both;text-align:right;}


	.serialBox{margin-bottom:10px;padding-bottom:10px;background:url("/guide/img/line_01.gif") repeat-x scroll left bottom transparent;}
		.contsBox02Inner .last{margin-bottom:0px;padding-bottom:0px;background:none;}
		.serialBoxInner{width:310px; position:relative;}
		/*.serialBoxInner img{float:left;}*/
		.serialBoxInner dl{float:right;width:200px;}
		.serialBoxInner dt{font-weight:bold;padding-bottom:5px;}
		.serialBoxInner dd{font-size:x-small;}
		.serialBoxInner dt.new span{background:url("/guide/img/icon_new02.gif") no-repeat scroll right center transparent;padding-right:25px;}
		.serialBoxInner .all_link{ position:relative;}
		.serialBoxInner .r_link{ float:right; position:absolute; right:0px; bottom:0px; font-size:x-small;}
		.serialBoxInner .r_link li{ background:url(/img/icon_arrow_01.gif) no-repeat scroll 0 center transparent; text-indent:13px;}


	.usefulBox{padding-bottom:20px;}
		.usefulBox .usefulBoxInner{width:303px;}
		.usefulBox .useful_tit{
				padding-bottom:5px;
				background:url("/guide/img/line_01.gif") repeat-x scroll left bottom transparent;
				min-height:27px;
				height:auto !important;
				height:20px;
			}
			.useful_tit h3{
				background:url("/guide/img/icon_usefulNormal.gif") no-repeat scroll left 30% transparent;
				padding-left:25px;
				line-height:2em;
				*line-height:2em;
				float:left;
				min-height:27px;
				height:auto !important;
				height:20px;
				}
			.useful_tit .index{text-align:right;float:right;line-height:2em;*line-height:2em}
		.usefulContents{padding:10px;}
			/*.usefulContents img{float:left}*/
			/*.usefulContents p{float:right;width:220px;padding-top:2px;}*/
			.usefulContents p.usConttxt{float:right;width:216px;padding-top:5px;}

		/*=================================================
			update new style
		=================================================*/
		.usefulBox .new .useful_tit {
				padding-bottom:7px;
				background:url("/guide/img/bg_usefulColorTop.gif") no-repeat scroll left bottom transparent;
				position:relative;
			}
			.usefulBox .new .useful_tit h3{
				background:url("/guide/img/icon_usefulNew.gif") no-repeat scroll left top transparent;
				padding-left:33px;
				}
			.usefulBox .new .usefulContents{background:url("/guide/img/bg_usefulColorBtm.gif") no-repeat scroll left bottom transparent;}

/*=================================================
	Box03
=================================================*/
.contsBox03{margin-top:20px;padding-bottom:12px;background:url("/guide/img/line_01.gif") repeat-x scroll left bottom transparent;}
	.contsBox03Inner{width:309px;padding-left:10px;}
	.contsBox03Inner p{margin-top:10px !important;}
	.contsBox03Inner ul{margin-top:5px;}
	
	
/*=================================================
	mypageBox
=================================================*/
.mypageBox {margin-top:12px;padding-top:4px;background:url("/guide/img/bg_mypageTop.gif") no-repeat scroll left top transparent;}
	.mypageBoxInner {padding:16px 20px 20px;background:url("/guide/img/bg_mypageBtm.gif") no-repeat scroll left bottom transparent;}
	.mypageBoxInner .text{width:380px;float:left;}
	.mypageBoxInner .text img{padding-bottom:5px;}
	.mypageBoxInner .btn{width:207px;float:right;}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	contents-subColumn
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#subColumn .soudankai{margin:0px 0px 10px;}
	#subColumn .soudankai dd{font-size:x-small;text-align:center;padding-top:3px;}
	#subColumn .soudankai span.letterS{letter-spacing:-1px;}
	#subColumn .soudankai span.letterL{letter-spacing:-5px;}

#subColumn .sideBox{margin-bottom:15px;}
	#subColumn .sideBoxInner{padding:10px 10px 5px;background:url("/guide/img/bg_side.gif") no-repeat scroll left bottom transparent;}
	
	.guide_ranking li{width:195px;height:55px;margin-bottom:10px;*margin-bottom:0px;_margin-bottom:6px;}
	
	.guide_trend li{background-position:left 0.5em;/*margin-bottom:5px;*/}
	.guide_trend .sideBoxInner {padding-bottom:10px !important;}

	.guide_check .sideBoxInner {padding-bottom:1px !important;}
	.guide_check .sideBoxInner li{margin-bottom:10px;*margin-bottom:5px;}

	.guide_check .sideBoxInner img{float:left;display:inline-block}
	.guide_check .sideBoxInner dl{float:right;width:130px;}
	.guide_check .sideBoxInner dd{font-size:x-small;}

	.guide_check .sideBoxInner dl.new {background:url("/guide/img/icon_new02.gif") no-repeat 72% 40% transparent;}

	.gyoukai_l li{ float:left;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	footer
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetop{
	margin:0 38px 10px;
	text-align:right;
}
	#pagetop p{
		font-size:x-small;
	}
	
	#pagetop a{
		background:url("/img/icon_arrow_03.gif") no-repeat scroll 0 50% transparent;
		display:inline-block;
		padding-left:13px;
	}