@charset "shift_jis";

/* ぱんくず */
#breadcrumbs {
	width: 934px;
	margin: 6px auto 20px;
	padding: 5px 8px 4px;
	background: #F2F2F2;
	text-align: left;
}
#breadcrumbs li {
	float: left;
	display: inline-block;
	width: auto;
	margin-right: 6px;
	padding-right: 16px;
	background: url(../img/icn_arrow_brcs.gif) no-repeat right center;
}
#breadcrumbs li.current {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

.pic-mv { padding-bottom:30px;}

/* tab */
#tab-box,
.pic-mv {
	width:950px;
	margin:0 auto;
}

#tab-menu {
	height: 49px;
	border-bottom:#e67d00 solid 5px;
	margin-bottom:30px;
}
#tab-menu li {
	float: left;
	height: 49px;
}

/* contents */

#contents {
	font-size:112%;
	text-align:left;
}
#contents h2 {
	height:30px;
	font-size:143%;
	text-align:left;
	background:url(../img/bg_sect_01_h2.gif) no-repeat 5px top;
	border-bottom:#ccc solid 1px;
	padding:0 0 5px 25px;
	margin-bottom:20px;
}
#contents h3 {
	font-size:131%;
	background:url(../img/bg_th.gif) no-repeat 5px 6px;
	border-bottom:#ccc solid 1px;
	padding:0 0 10px 25px;
	margin-bottom:20px;
}
#contents h3 span {
	font-size:81%;
	margin-left:-10px;
	display:block;
}

#cts-box02,
#cts-box03 { display:none;}

.area-cts {
	margin-right:-20px;
	margin-bottom:40px;
}

.area-box {
	width:437px;
	border:#d4d1d1 solid 1px;
	padding:12px;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	height: 260px;	/*SFH追記*/
}
.area-img {
	border:#c6c6c8 solid 3px;
	margin-right:20px;
	float:left;
}
.area_txt {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#d5d1d1 dotted 1px;
}
.area-box-link li {

	line-height:1.1em;
	width: 95px;
	background: url(../img/link_arrow.gif) no-repeat 7px 3px; /*SFH追記*/
	padding-left: 14px; /*SFH変更*/
	padding-bottom:2px;
	margin-left:0px; /*SFH変更*/
	margin-bottom:5px;
	float:left;
	height: 30px;/*SFH追記*/
	display: block;/*SFH追記*/
}

#contents a {
	color:#3366cc;
	text-decoration:none;
}
#contents a:hover {
	color:#3399ff;
	text-decoration:underline;
}

/* contents-cts2-box01- */

#cts2-box01,
#cts3-box01 {
	width:950px;
	margin:0 auto;
}
.box-bd {
	border:#d4d1d1 solid 1px;
	padding:15px 15px 0 15px;
}

.rank-box-l,
.rank-box-r {
	width:439px;
	float:left;
	padding:15px 15px 0 15px;
	margin-bottom:10px;
}
.rank-box-l {
	border-top:#f3f3f3 solid 3px;
	border-left:#f3f3f3 solid 3px;
	border-bottom:#f3f3f3 solid 3px;
}

.titlea{
	width:445px;
	height:25px;
	background-color:#e61312;
	text-align:center;
	color:#fff;}

.titlea p{
	padding-top:3px;}			

.rank-box-r {
	border:#f3f3f3 solid 3px;
}

.titleb{
	width:445px;
	height:25px;
	background-color:#008ce3;
	text-align:center;
	color:#fff;}
	
.titleb p{
	padding-top:3px;}


.area-rank01 dl,
.line-rank-box dl {
	width:325px;
	float:right;
}
.area-rank01 dl dt,
.line-rank-box dl dt {
	font-size:112%;
	padding-left:25px;
	margin-bottom:5px;
}

.area-rank01 ol li,
.line-rank-box ol li {
 margin-bottom:20px;
 height: 80px;
}

.line-rank-box ol li dd{
	line-height: 130%;
}

.rank_pic {
	width:100px;
	float:left;
}
.rank_ic01 {
	background: url(../img/town_pop_icon01.gif) no-repeat left center;
}
.rank_ic02 {
	background:url(../img/town_pop_icon02.gif) no-repeat left center;
}
.rank_ic03 {
	background:url(../img/town_pop_icon03.gif) no-repeat left center;
}

.area-line-cts {
	padding:15px 15px 0 15px;
	border:#d4d1d1 solid 1px;
}
.area-link {
	padding-left:5px;
	padding-bottom:15px;
}
.area-link li {
	width:150px;
	font-size:112%;
	float:left;
}

.titlec{width:461px;
    color:#fff;
	height:33px;
	background-image:url(../img/town_pop_area_stit05.gif);}	
	
.titled{
	width:461px;
    color:#fff;
	height:33px;
	background-image:url(../img/town_pop_area_stit06.gif);}
	
.ttx{margin-left:60px;
     padding-top:8px;}		

.area-link li a,
.area-info-s-link li a {
	background: url(../img/link_arrow.gif) no-repeat left center;
	padding-left:10px;
}

.area-link-s li {
	float:left;
}
.area-link-s li.s001 {
	width:288px;
	border-right:#d5d1d1 dotted 1px;
}
.area-link-s li.s002 {
	width:308px;
}

.line-rank-box {
	width:445px;
}

.area-rec-link01 {
	width:458px;
	float:left;
	border-right:#d5d1d1 dotted 1px;
}
.area-rec-link02 {
	width:458px;
	float:left;
}
.area-rec-link01 li,
.area-rec-link02 li {
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:#d5d1d1 dotted 1px;
	position:relative;
}
.area-rec-link02 li { padding-left:15px;}
.rec-btn01 {
	position:absolute;
	bottom:10px;
	right:10px;
}
.rec-btn02 {
	position:absolute;
	bottom:10px;
	right:0px;
}

.area-info-box { width:461px;}
.area-info-link { margin-right:-9px;}
.area-info-link li {
	margin-right:9px;
	margin-bottom:9px;
	float:left;
}

.area-info-s-link {
	border-bottom:#d5d1d1 dotted 1px;
	padding:5px 0;
}
.area-info-s-link li {
	padding-right:15px;
	float:left;
}

/* contents-cts3-box01- */


/* clear */
.clrb { clear: both; }

/* float */
.float-l{ float: left !important; }
.float-r{ float: right !important; }

/* display */
.dpb { display: block !important; }
.dpn { display: none !important; }

/* width */
.w285 { width: 285px; }
.w310 { width: 310px; }

/* margin */

.mr0 { margin-right: 0 !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr40{ margin-right: 40px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }

.ml0 { margin-left: 0 !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }
.ml50{ margin-left: 60px !important; }

.mt10{ margin-top: 10px !important; }

/* padding */
.pb15 { padding-bottom:15px !important;}
.pb25 { padding-bottom:25px !important;}

.tar{ text-align: right !important; }
.tac{ text-align: center !important; }
.tal{ text-align: left !important; }


/* font-size */
.fs75{ font-size: 12px !important; }/*12px*/
.fs100{ font-size: 16px !important; }/*16px*/
.fs125{ font-size: 20px !important; }/*20px*/

/* font-weight */
.fon-b{ font-weight: bold; }

/* font-color */
.fon-red{ color: #a00; }
.fon-bs { color: #ff8400; }

/* border */
.bd-gl { border:#c6c6c8 solid 3px;}
.bd_non { border-bottom:none !important;}
.bb_dot { border-bottom:#d5d1d1 dotted 1px;}



/* SFH追加 */
/* 駅テキストリンク*/
.other_station{

}

.other_station ul{

}

.other_station li{
	display: inline-block;
	float: left;
	margin: 3px 0;
	padding: 0px 5px;
	border-right: 1px solid #C7C7C7;
	height: 16px
	line-height: 16px;
	font-size: 14px;
}

.other_station li.last_child{
	border-right: none;
}
