@charset "Shift_JIS";

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

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

		Setting of: SubContents area
			1: subContents setting
			2: clearFix setting
	}

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


/*===================================================================
	1: subContents setting
===================================================================*/

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

div#subContents{
	margin: 0 0 10px;
	padding: 3px 0 0;
	width:210px;
	float:right;
	background: #E7E7E7;
	overflow:hidden;
}
	
	.loginBtn {
		margin: 0 3px 3px;
		padding: 5px 0;;
		background:url(/images/bg_k-e7.gif) repeat left top;
		text-align: center;
	}
	
	div#subContents .commonList {}
		div#subContents .commonList li {padding: 0 0 5px 10px;background:url(/images/ico_rightarrow.gif) no-repeat left 5px;}

	/* -- squareAd -- */
	div#subContents div.squareAd{
		margin: 0 5px 5px;
	}
	
	/* -- module -- */
	div#subContents div.module{
		margin: 0 5px 5px;
		background: #FFFFFF;
		border: solid 1px #B2B2B2;
	}
	
		div#subContents div.module h2{
			margin:0px;
			padding:3px 5px;
			border-bottom:1px solid #A6AEB2;
			background:url(/images/bg_sttl-e6f.gif) repeat-x left top #E6F6F9;
			font-size:1em;
		}
			div#subContents div.module h2 img {margin: 0 3px 0 0;}
			
		div#subContents div.module h2.ttlWeather a {
			margin: 0 0 0 2px;
			padding: 0 0 0 5px;
		}
		
		div#subContents div.module h2.ttlWeather span#areaUrl {font-weight:normal;}
				
		div#subContents div.module h2.ttlWeather span.edt {
			display: block;
			text-align: right;
		}
		
		div#subContents div.module h2.ttlWeather span.edt a {
			font-size: 0.86em;
		}
		
		div#subContents div.module div.moduleInner{
			padding:5px 5px 0;
		}
		
		div#subContents .rArrowlink {font-size: 0.86em;}
		
		/* -- weather -- */
		.weatherList {
			padding: 0 0 5px;
		}
		.weatherList {width: 185px;}
		.weatherList li {width: 185px;border-bottom: dashed 1px #AEB6C1;}
		.weatherList li.linkList {text-align: right;margin: -5px 0 0 !important;
			padding: 5px 0 0;
				background: #FFFFFF;
				border: none !important;
				text-align:right !important;}
		.weatherList .highTemp {font-weight: bold;color: #D11313;}
		.weatherList .lowTemp {font-weight: bold;color: #0066CB;}
			.mainWeatherInfo {margin: 5px 0 5px;padding: 3px 0 5px;}
			.mainWeatherInfo dt {padding:7px 0 3px;width:35px;float:left;}
			.mainWeatherInfo .weaterIcon {padding:3px 0;width:55px;float:left;text-align:center;display:block;}
			.mainWeatherInfo .weaterDetail {padding: 0 0 3px;width:90px;float:right;display:block;}
			.subWeatherinfo {margin: 0 0 10px;width: 185px;background: #CCCCCC;}
			.subWeatherinfo th , .subWeatherinfo td {padding: 1px;}
			.seaWater td {text-align: center;}
			.subWeatherinfo th {width: 5em;font-weight: normal;text-align: left;background: #EFEFEF;}
			.subWeatherinfo td {padding: 0 5px;background: #FFFFFF;}
			.seaWater th {background: #FFFFFF;}
			
			.moreWeatherInfo {
				padding: 5px 0;
				width: 180px;
				text-align: center;
			}
			
			.subWeatherInfo {
				padding: 5px 0 0;
				width: 180px;
			}
			
		#prefView {padding: 5px;}
		#prefView h5 {padding: 0 0 2px;}
		#prefView h5 span {margin: -1.3em 0 0;display:block;text-align: right;}

		#prefView h5 span a {font-size: 0.86em;}
		#prefView dl dt {font-weight: bold;}
		#prefView dl dd {padding: 0 0 5px;}
		
		#localView {padding: 5px;}
		#localView h5 {padding: 0 0 2px;}
		#localView h5 span {margin: -1.3em 0 0;display:block;text-align: right;}
		#localView h5 span a {font-size: 0.86em;}
		#localView dl dt {font-weight: bold;}
		#localView dl dd {padding: 0 0 5px;}
			
		/* -- weathercnctLink -- */
		.weathercnctLink {}
			.weathercnctLink dd {padding: 0 0 5px;}
				.weathercnctLink dd.weathercnctLinkDetail {
					margin: 0 0 5px;
					border-bottom: dashed 1px #AEB6C1;
				}
			
			
		
		/* -- fishRanking -- */
		.fishRankingList {}
			.fishRankingList dt {padding: 0 0 5px;}
			.fishRankingList dd li {
				padding: 3px 0 5px 20px;
				border-top: dashed 1px #AEB6C1;
			}
			
			.fishRankingList dd li.rankNo1 {
				background:url(/images/ico_no1.gif) no-repeat left top;
			}
			.fishRankingList dd li.rankNo2 {
				background:url(/images/ico_no2.gif) no-repeat left top;
			}
			.fishRankingList dd li.rankNo3 {
				background:url(/images/ico_no3.gif) no-repeat left top;
			}
			.fishRankingList dd li.rankNo4 {
				background:url(/images/ico_no4.gif) no-repeat left top;
			}
			.fishRankingList dd li.rankNo5 {
				background:url(/images/ico_no5.gif) no-repeat left top;
			}
			
		/* -- enqList -- */
		.enqList {
			padding: 0 0 5px;
		}
			.enqList dt {}
			.enqList dd li {
				padding: 0 0 3px;
			}
				.enqList dd li input {vertical-align:middle;}
			
			.enqList dd li.linkList {margin: 0 3px 0 0;display:inline;}
			
		/* -- infoList -- */
		.infoList {
			padding: 0 0 5px;
		}
			.infoList li{
				background:url(/images/bg_dot-006.gif) no-repeat 0px 6px;
				padding:0 0 0 8px;
			}
			.infoList li.linkList{
				background: none;
				text-align:right;
			}
			
		/* -- banner -- */
		.bannerList {
			background: #FFFFFF;
			padding-top:15px;
		}
		

/*-------------------------------------------------------------------
	Setting of [Mypage]Common.
-------------------------------------------------------------------*/
body.myPage div#subContents{
	margin: 0 0 10px;
	padding: 3px 0 0;
	border: solid 1px #D2D2D2;
	width:208px;
	_width:210px;
	float:right;
	background: #FBFBFB;
}

/* -- squareAd -- */
	body.myPage div#subContents div.squareAd{
		margin: 0 4px 5px;
	}
	
	body.myPage div#subContents div.module{
		margin: 0 0 5px 4px;
		background: none;
		border:none;
	}
	
	body.myPage div#subContents div.module h2{
			margin:0px;
			padding:0;
			border-bottom:none;
			background:none;
			font-size:1em;
		}


/*-------------------------------------------------------------------
	Setting of sideInfo.
-------------------------------------------------------------------*/

div#subContents div#sideInfo div.moduleInner{
	padding:10px 10px 5px 10px;
}

div#subContents div#sideInfo dl{
	line-height:1.35em;
}

div#subContents div#sideInfo dt{
	background:url(/images/li_dot.gif) no-repeat 0px 6px;
	padding:0 0 0 8px;
	margin:0;
}

div#subContents div#sideInfo dd{
	padding:0 0 0 8px;
	margin:0 0 10px;
}

/*-------------------------------------------------------------------
	Setting of ver2[20071211].
-------------------------------------------------------------------*/
/* -- fishInfo -- */
#fishInfo {}
#fishInfo p.date {
	margin: 0 0 10px;
	padding: 5px;
	background: #FFF1D6;
	font-weight:bold;
}

#fishInfo ul.fishList {
	padding: 0 0 3px;
}

#fishInfo ul.fishList li {
	padding: 0 0 5px 10px;
	background:url(/images/ico_list-circle.gif) no-repeat left 6px;
	line-height: 1.2 !important;
	position:relative;
}

#fishInfo ul.fishList li span {
	white-space: nowrap;
	font-size: 0.86em;
}

#fishInfo ul.fishList li span.ship {
	color: #EF5228;
}

#fishInfo ul.fishList img.absmiddle {
	position: absolute;
	top:1px;
}

.fishRankingList dd li {
padding: 3px 0 5px 20px;
border-top: dashed 1px #AEB6C1;
}



.fishRankingList dd li.rankNo1 {
background:url(/images/ico_no1.gif) no-repeat left top;
}
.fishRankingList dd li.rankNo2 {
background:url(/images/ico_no2.gif) no-repeat left top;
}
.fishRankingList dd li.rankNo3 {
background:url(/images/ico_no3.gif) no-repeat left top;
}
.fishRankingList dd li.rankNo4 {
background:url(/images/ico_no4.gif) no-repeat left top;
}
.fishRankingList dd li.rankNo5 {
background:url(/images/ico_no5.gif) no-repeat left top;
}

/*-------------------------------------------------------------------
	Setting of eclist[201104].
-------------------------------------------------------------------*/
/* mainContents */
div#mainContents div#eclist.module {
	margin-top:20px; !important!
}

div#mainContents div#eclist ul {
	margin-bottom:0;
	margin-left:10px;
	margin-right:7px;
	margin-top:5px;
	font-weight:bold;
}

div#mainContents div#eclist ul li {
	float:left;
	width:170px;
	margin-bottom:0px;
	margin-right:7px;
}

div#mainContents div#eclist ul li.list_end {
	float:left;
	width:170px;
	margin-bottom:0px;
	margin-right:0px;
}

div#mainContents div#eclist ul li p span.price {
	color:#C32929;
}

div#mainContents div#eclist ul li p.info {
	margin-top:5px;
	font-weight:normal;
}

div#mainContents div#eclist ul li p.info span.info_img {
	float: left;
	margin-bottom:5px;
	width:75px;
}

div#mainContents div#eclist ul li p.info span.info_img img {
	border:1px #CCCCCC solid;
	width:70px;
}

div#mainContents div#eclist ul li p.info span {
	float:right;
	width:90px;
}

/* subContents */
div#subContents div#eclist div.moduleInner ul {
	margin-bottom:10px;
}

div#subContents div#eclist div.moduleInner ul li {
	background:url(/images/hunayado/f_allow.gif) no-repeat scroll left top;
	border-bottom:1px dotted #B9D5E0;
	padding: 0 5px 5px 8px;
	margin:5px 0 0;
	font-weight:bold;
}

div#subContents div#eclist div.moduleInner ul li.list_end {
	background:url(/images/hunayado/f_allow.gif) no-repeat scroll left top;
	padding: 0 5px 0 8px;
	margin:5px 0 0;
	font-weight:bold;
	border-bottom:none;
}

div#subContents div#eclist div.moduleInner ul li p span.price {
	color:#C32929;
}

div#subContents div#eclist div.moduleInner ul li p.info {
	margin-top:5px;
	font-weight:normal;
}

div#subContents div#eclist div.moduleInner ul li p.info span.info_img {
	float: left;
	margin-bottom:5px;
	width:75px;
}

div#subContents div#eclist div.moduleInner ul li p.info span.info_img img {
	border:1px #CCCCCC solid;
	width:70px;
}

div#subContents div#eclist div.moduleInner ul li p.info span {
	float:right;
	width:95px;
}


/*===================================================================
	2: clearFix setting
===================================================================*/

/*clearfix*/

.mainWeatherInfo:after {
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html .mainWeatherInfo { display: inline-block; }
/* no ie mac \*/
* html .mainWeatherInfo{ height: 1%; }

.mainWeatherInfo { display: block;min-height: 1%; }
/* */