@charset "shift_jis";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: sub.css

		Setting of: SubContents area
			1: subContents setting
	}

****************************************************************** */


/*===================================================================

	1: subContents setting

===================================================================*/

/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/

div#subContents{
	float:right;
	padding:0 0 0 10px;
	width:300px !important;width/**/:310px;
	background:#FFF;
	color:#003366;
	margin-top:5px;
	margin-bottom:-2em;
	position:relative;
	top:-2.0em;
}

body#top div#subContents{
	top:0;
	margin-bottom:0;
}

div#subContents img{
	vertical-align:middle;
}



/*-------------------------------------------------------------------
	Setting of .ph
-------------------------------------------------------------------*/

div#subContents .ph{
	text-align:center;
}

* html div#subContents .ph a,
* html div#subContents .ph span{
	display:inline-block;
	padding:2px !important;
	border:1px solid #CCC;
} /* HackIE6>= */

html>body div#subContents .ph img{
	padding:2px;
	border:1px solid #CCC;
	margin:0 auto;
} /* HideIE6>= */



/*-------------------------------------------------------------------
	Setting of .column2
-------------------------------------------------------------------*/

div#subContents ul.column2{}

/* [float off] */
div#subContents ul.column2{min-height:1px;}
div#subContents ul.column2:after{
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html div#subContents ul.column2{height:1px;/*\*//*/height:auto;overflow:hidden;width:100%;/**/}
/* [end] */

div#subContents ul.column2 li{
	float:left;
	width:135px;
}


/*-------------------------------------------------------------------
	Setting of .module
-------------------------------------------------------------------*/

div#subContents div.module{
	margin:0 0 3px;
	background:url(../images/side_module_bg_top.gif) no-repeat 0 0;
	padding:6px 9px 0;
}

div#subContents div.module h2{
	background:url(../images/ico_arrow_green.gif) no-repeat 0 .45em;
	padding:0 0 0 9px;
	color:#FFF;
}

div#subContents div.module .moduleInner{
	margin:3px -9px 0;
	background:url(../images/side_module_bg_btm.gif) no-repeat 0 100%;
	padding:8px 15px;
}

/* [float off] */
div#subContents div.module .moduleInner{min-height:1px;}
div#subContents div.module .moduleInner:after{
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html div#subContents div.module .moduleInner{height:1px;/*\*//*/height:auto;overflow:hidden;width:100%;/**/}
/* [end] */


div#subContents div.module ul{
	padding:0 0 7px;
}
div#subContents div.module ul li{
	line-height:1.3;
	margin-bottom:3px;
}
div#subContents div.module ul li a{
	background:url(../images/arrow_r_blue.gif) no-repeat 0 .15em;
	padding:0 0 0 15px;
}


/*-------------------------------------------------------------------
	Setting of .unit
-------------------------------------------------------------------*/

div#subContents div.unit{
	margin:0 0 3px;
	background:url(../images/side_unit_bg_top.gif) no-repeat 50% 0px;
	padding:6px 7px 0;
	zoom:1;
}

div#subContents div.unit h2{
	background:url(../images/side_unit_ttl.gif) no-repeat 0 50%;
	padding:1px 0 0 12px;
	color:#FFF;
	font-size:1.05em;
	line-height:1.2;
}
div#subContents div.unit .unitInner{
	margin:6px -7px 0;
	background:#FFF url(../images/side_unit_bg_top.gif) no-repeat 50% -149px;
	padding:10px 12px 0;
}
	html[xmlns*=""] body:last-child div#subContents div.unit .unitInner{
		background:#FFF;
		border-top:1px solid #0075A6;
	} /* HackSafari2 */


div#subContents div.unit .module{
	background:url(../images/side_unit_module_bg_top.gif) no-repeat 50% 0;
	padding:5px 9px 0;
	margin-bottom:12px;
	line-height:1.2;
}
div#subContents div.unit .module h3{
	background:url(../images/ico_arrow_white.gif) no-repeat 0 .45em;
	padding:0 0 0 10px;
	color:#FFF;
	font-size:1.05em;
}
div#subContents div.unit .module .moduleInner{
	margin:0 -9px;
	background:#FFF url(../images/side_unit_module_bg_top.gif) no-repeat 50% -158px;
	padding:11px 0 0;
}
	html[xmlns*=""] body:last-child div#subContents div.unit .module .moduleInner{
		background:#FFF;
		border-top:2px solid #0790B8;
	} /* HackSafari2 */



/*-------------------------------------------------------------------
	Setting of #sideBanner
-------------------------------------------------------------------*/

div#subContents #sideBanner{
	margin-bottom:6px;
}


/*-------------------------------------------------------------------
	Setting of@.sideTieupBanner
-------------------------------------------------------------------*/

div#subContents .sideTieupBanner{
	text-align:center;
	padding:7px 0 10px;
}

div#subContents .sideTieupBanner p{
	margin-top:2px;
}



/*-------------------------------------------------------------------
	Setting of #sideDisaster
-------------------------------------------------------------------*/

div#subContents #sideDisaster{
	background:url(../images/side_disaster_bg_top.gif) no-repeat 50% 3px;
	border:3px solid #FE8300;
	padding:6px 7px 0;
	margin-bottom:4px;
}
	html>/**/body div#subContents #sideDisaster{
		background-position:50% 0;
	} /* HideIE7>= */

div#subContents #sideDisaster .moduleInner{
	margin:6px -7px 0;
	background:#FFF url(../images/side_disaster_bg_top.gif) no-repeat 50% -149px;
	padding:10px 12px 7px;
}
	html[xmlns*=""] body:last-child div#subContents #sideDisaster .moduleInner{
		background:#FFF;
		border-top:1px solid #D64400;
	} /* HackSafari2 */

div#subContents #sideDisaster h2{
	background:url(../images/side_disaster_ttl.gif) no-repeat 0 50%;
	padding:1px 0 0 12px;
	color:#FFF;
	font-size:1.05em;
}

div#subContents #sideDisaster li{
	display:inline;
	margin-right:17px;
}
div#subContents #sideDisaster li a {
	white-space:nowrap;
	zoom:1;
}
	*+html div#subContents #sideDisaster li a{
		display:inline-block;
		background-position:0 .2em;
	} /* HackIE */

div#subContents #sideDisaster li.earthquake a,
div#subContents #sideDisaster li.typhoon a{
	background-image:url(../images/arrow_r_red.gif);
}

div#subContents #sideDisaster div#sDisaster{
	background:url(../images/line_dot.gif) repeat-x 0 0;
	padding:7px 0 0;
}

/* [float off] */
div#subContents #sideDisaster div#sDisaster{min-height:1px;}
div#subContents #sideDisaster div#sDisaster:after{
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html div#subContents #sideDisaster div#sDisaster{height:1px;/*\*//*/height:auto;overflow:hidden;width:100%;/**/}
/* [end] */

div#subContents #sideDisaster dl .ph{
	float:left;
	margin-right:10px;
}
div#subContents #sideDisaster dl dd{
	padding-top:10px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;
}
div#subContents #sideDisaster dl dd a{
	color:#FF0000;
}
div#subContents #sideDisaster dl dd h3{
	font-size:1.05em;
	margin-bottom:5px;
}


/*-------------------------------------------------------------------
	Setting of #sideSpecial
-------------------------------------------------------------------*/

div#subContents div#sideSpecial {
	background:url(/parts/common/side/images/side_box_btmbg.gif) no-repeat right bottom;
	padding:0;
	margin:0 0 10px;
}
div#subContents div#sideSpecial .unit-inner {
	background:url(/parts/common/side/images/side_box_btmbg_l.gif) no-repeat left bottom;
	padding:0 0 8px;
	margin:0 0 10px;
}
div#subContents div#sideSpecial .module, div#subContents div#sideInformation .module {
	background:url(/parts/common/side/images/side_box_topbg.gif) no-repeat right top;
	padding:0;
	margin:10px 0 0;
}
div#subContents div#sideSpecial .module-inner, div#subContents div#sideInformation .module-inner {
	background:url(/parts/common/side/images/side_box_topbg_l.gif) no-repeat left top;
	padding:8px 10px 0;
	overflow:hidden;
	zoom:1;
}
div#subContents div#sideSpecial h3, div#subContents div#sideInformation h3 {
	margin:0 0 5px;
}
div#subContents div#sideSpecial .more, div#subContents div#sideInformation .more {
	background:url(/parts/common/side/images/line_dot.gif) repeat-x left top;
	padding-top:6px;
	margin:6px 2px 0;
}

div#subContents div#sideSpecial .phWrap{
	 float: left;}

div#subContents div#sideSpecial .textWrap{
	display: block;
  float: right;
  width: 110px;
  word-wrap: break-word;}

body.side300 div#subContents div#sideSpecial .textWrap{
	 width: 190px;
	 }

body.side360 div#subContents div#sideSpecial .textWrap{
	 width: 250px;
}

/* add  201301*/
div#subContents div#sideSpecial .nfadv_pt_ttl{
	font-size: 12px; 
	font-weight: bold;
}

div#subContents div#sideSpecial .nfadv_pt_img{
	font-size: 12px; 
	padding-top: 6px;
}

div#subContents div#sideSpecial a#img_a_nfadv_top-gtxt_l,
div#subContents div#sideSpecial a#img_a_nfadv_top-gtxt_r{
	float: left;
}

div#subContents div#sideSpecial .nfadv_pt_img img{
	width: 80px; 
	height: 80px; 
	margin-right:8px;
	float: left;
}

div#subContents div#sideSpecial a.nfadv_pt_text{
	display: block;
	overflow:hidden;
zoom:1;
	word-wrap: break-word;
}


/*-------------------------------------------------------------------
	Setting of #sideWeatherMenu
-------------------------------------------------------------------*/

div#subContents #sideWeatherMenu{
	border:3px solid #0790B8;
	margin-bottom:5px;
}


/* #sideRadarAmedas */
div#subContents #sideWeatherMenu #sideRadarAmedas{
	margin-top:5px;
	margin-bottom:0;
}
div#subContents #sideWeatherMenu #sideRadarAmedas h4{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
}
div#subContents #sideWeatherMenu #sideRadarAmedas h4 img{
	vertical-align:middle;
}



/* #sideChart */
div#subContents #sideWeatherMenu #sideChart,
div#subContents #sideWeatherMenu #sideChart .moduleInner,
div#subContents #sideWeatherMenu #sideChart h3{
	background-image:none;
	padding:0;
	margin:0;
}
div#subContents #sideWeatherMenu #sideChart{
	margin-bottom:10px;
	margin-right:-5px;
}
div#subContents #sideWeatherMenu #sideChart .ph{
	margin-bottom:10px;
	text-align:left;
}
div#subContents #sideWeatherMenu #sideChart ul li{
	background:url(../images/arrow_r_blue.gif) no-repeat 0 .15em;
	padding:0 0 0 15px;
}
div#subContents #sideWeatherMenu #sideChart ul li a{
	background-image:none;
	padding-left:0;
}
div#subContents #sideWeatherMenu #sideChart ul li span.select{
	font-weight:bold;
}
div#subContents #sideWeatherMenu #sideChart ul li span.nolink{
	color:#CCC;
}

div#subContents #sideWeatherMenu #sideChart ul li dl,
div#subContents #sideWeatherMenu #sideChart ul li dl dt,
div#subContents #sideWeatherMenu #sideChart ul li dl dd{
	display:inline;
}
div#subContents #sideWeatherMenu #sideChart ul li dl dt{
	font-weight:normal;
}
div#subContents #sideWeatherMenu #sideChart ul.column2{
	background:url(../images/line_dot.gif) repeat-x 0 0;
	padding:7px 0 0;
	margin-top:6px;
}
div#subContents #sideWeatherMenu #sideChart ul.column2 li{
	width:120px !important;width/**/:135px;
}

/* #sideFortunetelling */

div#subContents #sideFortunetelling{
	background:url(../images/side_coordinate_bg.gif) no-repeat 0 0;
	padding:5px 0 0;
	margin-top:5px;
}

div#subContents #sideFortunetelling .moduleInner{
	background:#D1E6F2 url(../images/side_coordinate_bg.gif) no-repeat 0 100%;
	padding:0 0 2px;
	margin:0;
}

div#subContents #sideFortunetelling form{
	padding:0;
	margin:0;
}
div#subContents #sideFortunetelling form p{
	padding:0 7px 8px;
}
div#subContents #sideFortunetelling form select{
	width:235px;
}

/* #sideWorldWeather */

div#subContents #sideWorldWeather{}

div#subContents #sideWorldWeather .ph{
	float:right;
}
div#subContents #sideWorldWeather li{
	margin-bottom:2px;
}
div#subContents #sideWorldWeather li a{
	display:inline-block;
	background-position:0 .15em;
}


/* #sideLeisureWeather */

div#subContents #sideLeisureWeather{}


/* #sideAreaWeather */

div#subContents #sideAreaWeather{
	margin-bottom:7px;
}


div#subContents #sideAreaWeather dl{
	margin-bottom:3px;
}

/* [float off] */
div#subContents #sideAreaWeather dl{min-height:1px;}
div#subContents #sideAreaWeather dl:after{
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html div#subContents #sideAreaWeather dl{height:1px;/*\*//*/height:auto;overflow:hidden;width:100%;/**/}
/* [end] */

div#subContents #sideAreaWeather dt{
	float:left;
	background:url(../images/arrow_r_blue.gif) no-repeat 0 .2em;
	padding:0 0 0 15px;
	width:55px !important;width/**/:70px;
}
div#subContents #sideAreaWeather dt a{
	font-weight:bold;
	line-height:normal;
}
div#subContents #sideAreaWeather dd{
	float:right;
	text-align:left;
	width:200px;
	line-height:1.5;
}
div#subContents #sideAreaWeather dd a{
	white-space:nowrap;
}

div#subContents #sideAreaWeather ul{
	background:url(../images/line_dot.gif) repeat-x 0 0;
	padding:7px 0 0;
	margin-top:6px;
}
div#subContents #sideAreaWeather ul li a{
	background-image:none;
	padding:0;
}


div#subContents #sideAreaWeather p.caution{
	background:#FFF4C6;
	padding:2px 3px;
	margin-bottom:5px;
	line-height:1.7;
}
div#subContents #sideAreaWeather .warning{
	background:#CC0000;
	color:#FFF;
	padding:1px;
}
div#subContents #sideAreaWeather a.warning:hover{
	text-decoration:none;
}

div#subContents #sideAreaWeather p.caution .warning{
	margin:0 1px;
}
div#subContents #sideAreaWeather dt a.warning{
	font-weight:normal;
}



/*-------------------------------------------------------------------
	Setting of #sideInformation
-------------------------------------------------------------------*/

div#subContents #sideInformation{}

div#subContents #sideInformation .moduleInner{
	padding-bottom:2px;
}

div#subContents #sideInformation li{
	clear:both;
	margin-bottom:6px;
}

/* [float off] */
div#subContents #sideInformation li{min-height:1px;}
div#subContents #sideInformation li:after{
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html div#subContents #sideInformation li{height:1px;/*\*//*/height:auto;overflow:hidden;width:100%;/**/}
/* [end] */

div#subContents #sideInformation li a{
	background-image:none;
	padding:0;
}
div#subContents #sideInformation li .ph{
	float:left;
	border:none;
	margin:0 10px 0 0;
}
div#subContents #sideInformation li h3{
	margin-bottom:3px;
}
div#subContents #sideInformation li h3 a{
	background:url(../images/arrow_r_blue.gif) no-repeat 0 .15em;
	padding:0 0 0 15px;
}



/*-------------------------------------------------------------------
	Setting of #sideRelativeLink
-------------------------------------------------------------------*/

div#subContents #sideRelativeLink{}

div#subContents #sideRelativeLink .moduleInner{
	padding-bottom:3px;
}



/*-------------------------------------------------------------------
	Setting of #sideWeatherMovie
-------------------------------------------------------------------*/

div#subContents #sideWeatherMovie{}

div#subContents #sideWeatherMovie .ph{
	margin-bottom:.3em;
}


/*-------------------------------------------------------------------
	Setting of #sideEvent
-------------------------------------------------------------------*/

div#subContents #sideEvent li{
	background:url(../images/line_dot.gif) repeat-x 0 100%;
	padding:7px 0 8px;
}

div#subContents #sideEvent li.nodisp{
	background-image:none;
	text-align:right;
	padding:5px 0 0;
}

div#subContents #sideEvent .moduleInner{
	padding-top:3px!important;
}

div#subContents #sideEvent li.disp a{
	padding:0;
	background-image:none;
}

div#subContents #sideEvent li .image{
	float:left;
	width:100px;
	margin:0 10px 5px 0;
}

div#subContents #sideEvent li .image span{
	display:block;
	margin-top:3px;
	font-weight:bold;
	text-align:center;
}

div#subContents #sideEvent li .text{
	overflow:hidden;
	zoom:1;
	margin-bottom:3px;
}

div#subContents #sideEvent li .text em{
	margin-bottom:5px;
	display:block;
}

div#subContents #sideEvent li .term{
	clear:both;
	overflow:hidden;
	font-weight:bold;

}

/*-------------------------------------------------------------------
	Setting of #sideTravelYadoSearch 20110307add
-------------------------------------------------------------------*/
div#subContents #sideTravelYadoSearch{
}

dl.sideYado {
	margin:0;
	padding-bottom:5px;
}
dl.sideYado dd dl {
	margin:0 0 8px; zoom:1;
	padding:0;
}
dl.sideYado dd dl:after {
	content:'';
	clear:both;
	display:block;
}
dl.sideYado dd dl dt {
	font-weight:bold;
	padding:2px 0 0;
	margin:0 10px 0 0;
	float:left;
}
dl.sideYado dd dl dt span {
	background:url(../images/arrow_r_blue.gif) no-repeat 0 .3em;
	padding:3px 0 3px 15px;
}
dl.sideYado dd dd {
	overflow:hidden;
	vertical-align:middle;
	padding:0;
	background:none;
	zoom:1;
}
dl.sideYado dd dl dd p {
	margin:0 0 3px;
}
dl.sideYado dd dl dd input {
	margin:0 3px 0 0;
	vertical-align:	middle;
}
dl.sideYado dd dl dd label {
	margin:0 8px 0 0;
	vertical-align:iddle;
}
dl.sideYado .btn {
	text-align:center;
	margin:0 0 5px;
}
dl.sideYado dd dl.keywords {
	padding:2px 0 0;
	margin:0;
	background:url(../images/line_dot.gif) repeat-x 0 0;
}
dl.sideYado dd dl.keywords dt {
	margin:0 0 3px;
	float:none;
}
dl.sideYado dd dl.keywords dd {
	line-height:1.4;
}
dl.sideYado dd dl.keywords dd a {
	zoom:1;
}
dl.sideYado dd dl.keywords dd span {
	padding:0 5px;
	zoom:1;
}

/* end */