/* CSS Document */

@charset "utf-8";



/*-----------------------------------------------

 __default style clear

-----------------------------------------------*/



* {

	margin:0;

	padding:0;

}



body {

	font-size:80.5%;

	line-height:1.5;

}



html {

	overflow-y:scroll;

}



p {

	color: #333333;

	line-height: 1.4em;

	margin-bottom: 8px;

}



li {

	list-style:none;

	line-height:1.3;

}



img,

fieldset {

	border:0;

}



#wrapper {

	background: #FFFFFF;

	margin: 0px auto;

	width: 800px;

	text-align: left;

    padding-top: 0px;

    padding-bottom: 0px;

    overflow: hidden;

}



#wrapper:after {

    content: "";

    display: block;

    clear: both;

    height: 1px;

    overflow: hidden;

}

	 



/*\*/

* html #wrapper {

    height: 1em;

    overflow: visible;

}

/**/

/*Hides from IE5-mac\*/

*html#wrapper {height:1%}

/*End hide from IE5-mac*/





/*-----------------------------------------------

 __Base Link Color Setting

-----------------------------------------------*/



a {

	color:#006699;

}



a:link {

}



a:visited {

}



a:hover {

}



a:active {

}





body {

	background: #EFEFEF url(image/bg.jpg) repeat-y center;

	text-align: right;

}



/* ヘッダー　*/

div#header {

	background: url(image/topimg.jpg);

	margin: 0px;

	height: 96px;

	width: 785px;

	padding-top: 10px;

	padding-left: 15px;

}



div#header h1 {

	font-size: 10px;

	font-weight: normal;

	color: #999999;

}

/* ナビゲーション */

div#navi {

	background: url(image/navigation_bg.jpg) repeat-x;

	text-align: center;

	height: 39px;

	width: 800px;

	margin: 0px;

	padding: 0px;

}



/* 左メニュー*/

div#left {
	float: left;

	width: 200px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#categry img {

	margin: 1px;

}


#mail {
	padding: 0px;
	height: auto;
	width: 200px;
	margin: 0px;
	background-image:url(image/mail_loop.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}
#mail a{
	display:block;
	text-decoration:underline;
	cursor:pointer;
	color: #ffffff; 
}

#mail a:hover {
	text-decoration: underline;
}

#mail .tit{
	display:block;
	width: 200px;
	height:32px;

}

#mail .txt{
	display:block;
	background-image:url(image/mail_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:94%;
	color:#FFF;
}
#mail .note{
	display:block;
	padding-bottom:5px;
	padding-left:12px;
	background-image:url(image/mail_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	font-size:16px;
}



#topStationRanking {

	width: 150px;

	height: 242px;

	*height: 245px;

	overflow: hidden;

	background: url(image/bgContentsStationRanking-top.jpg) no-repeat;

	margin: 10px 0px 0px 0px;

	padding: 51px 0px 0px 60px;

	*padding: 48px 0px 0px 60px;

}



.indexFirst {

	font-size: 1.1em;

	margin: 8px 0px 8px 0px;

	padding: 0px 0px 0px 0px;

}



.indexSecond {

	font-size: 1.1em;

	margin: 8px 0px 8px 0px;

	padding: 0px 0px 0px 0px;

}



.indexThird {

	font-size: 1.1em;

	margin: 8px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

}



.indexRanking {

	margin: 3px 0px 2px 0px;

	padding: 0px 0px 0px 0px;
	/*border:#FF0000 solid 1px;*/

}



#news {

	padding: 0px;

	height: auto;

	width: 200px;

	margin: 10px 0px 0px;

}

#news_top {

	padding: 0px;

	height: 46px;

	width: 200px;

	background: url(image/news-top.jpg);

}

#news_body {

	padding: 5px 10px 5px 13px;

	height: auto;

	width: 187px;

	background: url(image/news_body_bg.jpg) repeat-y;

}

#news_foot {

	padding: 0px;

	height: 4px;

	width: 200px;

	background: url(image/news_foot.jpg) no-repeat;

}

#feature{
	width: 200px;
	margin-top: 10px;
}
#feature_top p{
	height: 28px;
	margin: 0;
	line-height: 1;
}
#feature_top .lead{
	height: 13px;
	padding: 0 10px;
	border-right: 4px solid #E74E52;
	border-bottom: 4px solid #E74E52;
	border-left: 4px solid #E74E52;
	background-image: url(image/bg_feature_lead.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
}
#feature_body{
	background-image: url(image/bg_feature.jpg);
	background-position: 0 0;
	background-repeat: repeat-y;
}
#feature_body ul{
	padding: 10px 0;
}
#feature_body li {
	margin: 8px 0px 0px;
	background: url(image/arrow01.jpg) no-repeat 13px 2px;
	padding: 0 13px 0 31px;
	line-height:24px;
	font-size:14px;
}
#feature_body li:first-child{
	margin-top: 0;
}
#feature_body li p{
	margin-bottom: 0;
	line-height: 1.2;
}
#feature_body li .text{
	font-size: 85%;
}
#feature_foot{
	height: 4px;
	background-image: url(image/bg_feature_bottom.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#menu {

	padding: 0px;

	height: auto;

	width: 200px;

	margin: 0px;

}

div#menu_top {

	background: url(image/info_top.jpg);

	height: 51px;

	width: 200px;

}

div#menu_body {
	margin-top:-3px;

	background: url(image/info_bg.jpg) ;

	height: auto;

	width: 200px;

}



#menu_body ul {

	margin: 0px;

	padding: 0px;

}

#menu_body li {
	background:url(image/arrow-info.jpg) no-repeat 5px 0px;

	margin: 3px 0px 0px;

}


/*

#menu_body a {

	display: block;

	background: url(image/info01.jpg) no-repeat;

	height: 26px;

	width: 175px;

	color: #333333;

	text-decoration: none;

	padding-left: 30px;

	padding-top: 6px;

	font-size: 12px;

}

#menu_body a:hover {

	display: block;

	background: url(image/info02.jpg) no-repeat;

	height: 26px;

	width: 175px;

	color: #7FBF29;

	text-decoration: none;

	padding-left: 32px;

	padding-top: 6px;

	font-size: 12px;

	font-weight: normal;

}
*/


div#menu_foot {

	background: url(image/info_foot.jpg);

	margin: 0px;

	padding: 0px;

	height: 61px;

	width: 200px;

}





div#main {

	float: right;

	width: 560px;

	margin-top: 15px;

	margin-right: 5px;

	margin-bottom: 20px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}



div#main_image {

	background: url(image/main.jpg);

	height: 50px;

	width: 520px;

	padding-top: 113px;

	color: #333333;

	padding-left: 20px;

	padding-right: 20px;

}

div#main_image p{
/*border:#FF0000 solid 1px;*/
margin-top:-5px;

	color: #666666;

	text-align: left;

	font-weight: bold;

}





/* フッター　*/

div#footer {

	float: left;

	width: 780px;

	background: #FFFFFF url(image/foot_bg.jpg);

	padding: 10px 10px 5px;

	text-align: center;

	color: #FFFFFF;

}

#footer h1 {

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

}



#footer ul {

	margin: 0px;

	padding: 0px;

}



#footer a {

	color: #FFFFFF;

	text-decoration: none;

	font-size: 75%;

}

div#footer li {

	display: inline;

	margin: 0px 2px;

	border-right: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFF;

	padding: 0px 5px;

}

div#footer p {

	color: #FFFFFF;

}





div#main_image strong {

	font-weight: bold;

}

div#search_top {

	background: url(image/search-top.jpg);

	padding: 0px;

	height: 44px;

	width: 560px;

	margin-top: 10px;

}



div#search_body {

	height: 335px;

	_height: 214px;

	font-size: 1.1em;

	width: 540px;

	margin: 0px;

	padding: 5px 10px 10px;

	background-color: #F0FFDE;

	background-repeat: no-repeat;

	background-position: bottom;

}

div#search_area {

	height: auto;

	width: 185px;

	float: left;

	padding: 5px;

}

div#search_line {

	float: left;

	height: auto;

	width: 300px;

	padding: 5px;

}



div#search_body p{

	margin: 10px 0px 10px;

	padding: 0px;

}

div#arealist_top {

	background: url(image/list_top.jpg);

	height: 50px;

	width: 560px;

	margin-top: 10px;

}

div#arealist_body {

	background: url(image/list_bg.jpg);

	padding: 10px;

	height: auto;

	width: 540px;

    overflow: hidden;

}



#arealist_body:after {

    content: "";

    display: block;

    clear: both;

    height: 1px;

    overflow: hidden;

}

	 



/*\*/

* html #arealist_body {

    height: 1em;

    overflow: visible;

}

/**/

/*Hides from IE5-mac\*/

*html#arealist_body {height:1%}

/*End hide from IE5-mac*/



.arealist_class01 {

	background: url(image/list_bg01.jpg);

	text-align: center;

	float: left;

	height: 81px;

	width: 81px;

	margin-right: 5px;

	color: #FFFFFF;

	font-size: 14px;

	margin-top: 5px;

}

#arealist_body .arealist_class01 a{

	color: #FFFFFF;

	display: block;

	height: 56px;

	width: 81px;

	padding-top: 25px;

	text-decoration: none;

}

.arealist_class02 {

	background: url(image/list_bg03.jpg) no-repeat;

	padding: 5px 5px 5px 8px;

	height: 71px;

	width: 158px;

	margin-right: 10px;

	float: left;

	margin-top: 5px;

	line-height: 1.0em;

	letter-spacing: 0px;

}

.arealist_class02 li {

	padding-right: 3px;

	padding-left: 3px;

	border-left: 1px solid #666666;

	font-size: 10px;

	display: inline;

}

.arealist_class03 {

	background: url(image/list_bg02.jpg);

	text-align: center;

	float: left;

	height: 81px;

	width: 81px;

	margin-right: 5px;

	color: #FFFFFF;

	font-size: 15px;

	margin-top: 5px;

}



#arealist_body .arealist_class03 a{

	color: #FFFFFF;

	display: block;

	height: 56px;

	width: 81px;

	padding-top: 25px;

	text-decoration: none;

}

.arealist_class02 h3 {

	font-size: 12px;

	color: #333333;

}

div#main div#area_foot {

	background: url(image/list_foot.jpg);

	height: 21px;

	width: 557px;

}

#arealist_body .arealist_class02 a{

	color: #333;

}

#arealist_body .arealist_class02 a:hover{

	color:#006699;

}

.arealist_class02 ul {

	margin-top: 10px;

}

.arealist_class04 {

	background: url(image/list_bg01.jpg);

	text-align: center;

	float: left;

	height: 81px;

	width: 81px;

	margin-right: 5px;

	color: #FFFFFF;

	font-size: 15px;

	margin-top: 5px;

}



#arealist_body .arealist_class04 a{

	color: #FFFFFF;

	display: block;

	height: 56px;

	width: 81px;

	padding-top: 25px;

	text-decoration: none;

	line-height: 1em;

}

.arealist_class05 {

	background: url(image/list_bg02.jpg);

	text-align: center;

	float: left;

	height: 81px;

	width: 81px;

	margin-right: 5px;

	color: #FFFFFF;

	font-size: 15px;

	margin-top: 5px;

}



#arealist_body .arealist_class05 a{

	color: #FFFFFF;

	display: block;

	height: 56px;

	width: 81px;

	padding-top: 25px;

	text-decoration: none;

	line-height: 1em;

}



/*-----------------------------------------------

	top area

-----------------------------------------------*/



#areaIndex {

	width: 557px;

	margin: 0px;

	padding: 0px 0px 21px 0px;

	background-color: #e5e6e6;

}



#areaIndex img {

	vertical-align: bottom;

}



#areaIndex ul {

	float: right;

	width: 370px;

	margin: 0px 1px 0px 0px;

	padding: 0px 20px 5px 0px;

}



#areaIndex h2 {

	font-size: 14px;

	margin: 0px;

	padding: 5px 0px 0px 21px;

}



#areaIndex h3 {

	float: left;

	width: 140px;

	font-size: 12px;

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 0px 21px;

}



#areaIndex h3 a {

	color: #333;

}



#areaIndex h3 a:hover,

.area a:hover {

	color:#006699;

}



#areaIndex li {

	border-left: 1px solid #666666;

	display: inline;

	margin: 0px;

	padding: 0px 3px 0px 3px;

}



#areaIndex li.subarea a {

	white-space:nowrap;

}



.ward01 {

	clear: both;

	background: url(image/areaBG.jpg) no-repeat;

	width: 557px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



.ward02 {

	clear: both;

	background: url(image/areaBG.jpg) no-repeat;

	width: 557px;

	margin: 0px 0px 0px 0px;

	padding: 2px 0px 0px 0px;

}

.ward03 {

	clear: both;

	background: url(image/areaBG.jpg) no-repeat;

	width: 557px;

	margin: 0px 0px 0px 0px;

	padding: 2px 0px 0px 0px;

}



.ward04 {

	clear: both;

	background: url(image/areaBG.jpg) no-repeat;

	width: 557px;

	margin: 0px 0px 0px 0px;

	padding: 2px 0px 0px 0px;

}





.areaMain {

	background: url(image/areaMainBG.jpg) repeat-y;

	margin: 5px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



.areaHeader a {

	color: #fff;

}



.area a {

	color: #333;

}



.area {

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 0px 0px;

}



.areaMain:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.areaMain {display: inline-block;}

/* Hides from IE-mac \*/

* html .areaMain {height: 1%;}

.areaMain {display: block;}

/* End hide from IE-mac */







#stationIndex {

	width: 557px;

	margin: 0px;

	padding: 20px 0px 20px 0px;

	background-color: #feffdf;

	border-top: 6px solid #f8be2e;

	border-bottom: 6px solid #f8be2e;

}



#stationIndex h2 {

	font-size: 14px;

	margin: 0px;

	padding: 5px 20px 5px 18px;

	color: #000;

}



#stationIndex p {

	font-size: 12px;

	margin: 0px;

	padding: 5px 20px 5px 18px;

}



#stationIndex ul {

	font-size: 12px;

	margin: 0px;

	padding: 5px 20px 5px 18px;

}



#stationIndex ul li {

	display: inline;

	margin: 0;

	padding: 0;

	white-space: nowrap;

}



/*ナビゲーション追加・中込-------------------*/

#navi {
	width:800px;
	height:34px;
	padding:0px;
	margin:0px;
	}

#navi ul{
	padding:0;
	margin:0;
}

#navi li {


	float: left;

}



#navi li#navHome {

	width: 116px;

	height: 39px;

	text-indent: -9999px;

	background:url(image/navi01.jpg) no-repeat;

	overflow: hidden;

	background-position: 0px 0px; 

	margin: 0px;

	padding: 0px;

}



#navi li#navHome a:hover {

	background:url(image/navi01.jpg) no-repeat;

	background-position: 0px -39px;

}



#navi li#navSearch {

	width: 132px;

	height: 39px;

	text-indent: -9999px;

	background:url(image/navi02.jpg) no-repeat;

	overflow: hidden;

	background-position: 0px 0px; 

	margin: 0px;

	padding: 0px;

}



#navi li#navSearch a:hover {

	background:url(image/navi02.jpg) no-repeat;

	background-position: 0px -39px;

}

#navi li#navreq {

	width: 144px;

	height: 39px;

	text-indent: -9999px;

	background:url(image/navi06.jpg) no-repeat;

	overflow: hidden;

	background-position: 0px 0px; 

	margin: 0px;

	padding: 0px;

}



#navi li#navreq a:hover {

	background:url(image/navi06.jpg) no-repeat;

	background-position: 0px -39px;

} 



#navi li#navrent {

	width: 126px;

	height: 39px;

	text-indent: -9999px;

	background:url(image/navi07.jpg) no-repeat;

	overflow: hidden;

	background-position: 0px 0px; 

	margin: 0px;

	padding: 0px;

}
#navi li#navrent a:hover {

	background:url(image/navi07.jpg) no-repeat;

	background-position: 0px -39px;

} 


#navi li#navCampanyInfo {

	width: 131px;

	height: 39px;

	text-indent: -9999px;

	background:url(image/navi03.jpg) no-repeat;

	overflow: hidden;

	background-position: 0px 0px; 

	margin: 0px;

	padding: 0px;

}



#navi li#navCampanyInfo a:hover {

	background:url(image/navi03.jpg) no-repeat;

	background-position: 0px -39px;

} 



#navi li#navInquiry {

	width: 151px;

	height: 39px;

	text-indent: -9999px;

	background:url(image/navi05.jpg) no-repeat;

	overflow: hidden;

	background-position: 0px 0px; 

	margin: 0px;

	padding: 0px;
	

}



#navi li#navInquiry a:hover {

	background:url(image/navi05.jpg) no-repeat;

	background-position: 0px -39px; 

}



#navi a {

	display: block;
	height: 39px;

}

/* ヘッダ Navigation 終了 ---------- */

.title-up{
	margin-top:20px;
}