@charset "Shift_JIS";
/* CSS Document */
/* [on] IE5<,NN5< */

html{
margin:0px;
padding:0px;
}

body{
	margin:0px;
	padding:0px;
	background-color:#dddddd;
	text-align:center;			/* ←IE5.x用に記述 。ただし、レイアウトだけでなく文章もセンタリングされてしまう。*/
	font-size: 12px;
	line-height: 1.25em;
	color: #333333;

}

#allArea{
margin:0px auto 0px auto;		/* ←IE6とFirefox1.5のセンタリングはこの指定だけでOK。ただし、上記IE1.5用の記述があるとIE6とFirefox1.5も文字がセンタリングされるので、下記の左よせの記述は絶対に必要。*/
padding:0px;
width:780px;				/* ←左右にラインがあるため、実際は762pxになる。 */
height:100%;				/* ←高さ指定を内容の全体に100%でかける。 */
text-align:left;				/* ←IE5.x用に記述。センタリングされた文章を左よせに戻す。上記centerの記述があるときは絶対にこれも記述する。 */
background-color:#ffffff;		/* ←背景色で内容部分と他との差をつける。 */
border-left:solid 1px #333333;	/* ←左右にラインを描く。 */
border-right:solid 1px #333333;	/* ←左右にラインを描く。 */
}

#header{
	margin:0px;
	padding:0px;
	width:100%;
	background:#ffffff;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #991414;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#main {
	width: 780px;  /* ←ナビゲーションにグレーの背景を持たせる為*/
	height: 100%;
	background-image: url('../images/main_bak.gif');
        background-repeat: repeat-y;
}

#naiyou{
float:left;
margin:0px;
padding:0px;
width:529px;
background:#ffffff;
	clear:both;

}


.topic_path{
margin:5px 0px 8px 10px;
padding:0px;
background:#ffffff;
	clear:both;

}

/*カテゴリタイトル*/
.cate_ttle_dp_info{
	border-left: 8px solid #9FBFB3;
	border-bottom: 2px solid #9FBFB3;
	font-size: 1.2em;
	width:500px;
	margin:10px;
	padding:0px;
	text-indent: 8px;
}
.cate_ttle_area_news{
	border-left: 8px solid #EBBF85;
	border-bottom: 2px solid #EBBF85;
	font-size: 1.2em;
	width:500px;
	margin:10px;
	padding:0px;
	text-indent: 8px;
}
.cate_ttle_living_fun{
	border-left: 8px solid #89C9DF;
	border-bottom: 2px solid #89C9DF;
	font-size: 1.2em;
	width:500px;
	margin:10px;
	padding:0px;
	text-indent: 8px;
}
.cate_ttle_about{
	border-left: 8px solid #CF9696;
	border-bottom: 2px solid #CF9696;
	font-size: 1.2em;
	width:500px;
	margin:10px;
	padding:0px;
	text-indent: 8px;
}


.cate_ttle_area_info{
	border-left: 8px solid #A284AE;
	border-bottom: 2px solid #A284AE;
	font-size: 1.2em;
	width:500px;
	margin:10px;
	padding:0px;
	text-indent: 8px;
}
/*エリアニュース用*/
.cate_ttle_news_info{
	border-left: 8px solid #DD8716;
	border-bottom: 2px solid #DD8716;
	font-size: 1.2em;
	width:500px;
	margin:10px;
	padding:0px;
	text-indent: 8px;
}

/*エントリータイトル*/
.entry_ttle_dp_info{
	border-bottom: 2px dotted #9FBFB3;
	font-size: 1.0em;
	width:485px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
/*	text-indent: 8px;*/
	background-image:url('../images/arrow_green.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
}

.entry_ttle_area_news{
	border-bottom: 2px dotted #EBBF85;
	font-size: 1.0em;
	width:485px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
/*	text-indent: 8px;*/
	background-image:url('../images/arrow_purple.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
}

/*エリアニュース用*/
.entry_ttle_news_info{
	border-bottom: 2px dotted #DD8716;
	font-size: 1.0em;
	width:485px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
/*	text-indent: 8px;*/
	background-image:url('../images/arrow_orange.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
}

.entry_ttle_living_fun{
	border-bottom: 2px dotted #9FBFB3;
	font-size: 1.0em;
	width:485px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
/*	text-indent: 8px;*/
	background-image:url('../images/arrow_purple.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
}

.entry_ttle_area_info{
/*  060904 色彩変更 */
/*	border-bottom: 2px dotted #9FBFB3; */
	border-bottom: 2px dotted #A284AE;
	font-size: 1.0em;
	width:485px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
/*	text-indent: 8px;*/
/*	060904 矢印の色彩変更 */
	background-image:url('../images/arrow_purple.jpg');
/*	background-image:url('../images/arrow_red.jpg');*/
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
}

.entry_ttle_area_hapurufu{
/*  060904 色彩変更 */
/*	border-bottom: 2px dotted #9FBFB3; */
	font-size: 1.0em;
	width:485px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;
/*	text-indent: 8px;*/
/*	060904 矢印の色彩変更 */
	background-image:url('../images/arrow_purple.jpg');
/*	background-image:url('../images/arrow_red.jpg');*/
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
}


#naiyou p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#naiyou .more{

	margin: 0px 0px 0px 400px;
}


#navigation{
	float:left;
	margin:0px;
	padding:0px;
	width:251px;
	background:#E7E7E7;
/*	text-align: center;*/
	
}

#footer{
	clear:both;
	margin:0px;
	padding:0px;
	width:780px;
	background:#ffffff;
	border-top: 1px solid #B0BEC7;
	vertical-align: text-botom;
}

/* ナビゲーション */

#banner {
    margin:0px 0px 0px 10px;
	width: 230px;
}


#dp_info  {
	margin:5px 0px 0px 10px;
	width: 230px;
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;

}

#dp_info .banner{
	margin:5px 0px 5px 5px;
	width: 220px;
	background-color: #FFFFFF;
	padding-right: 5px;
}

#dp_info ul {
margin:5px 0px 10px 10px;
padding:0px;
}

#dp_info li {
	list-style-type:none;
	background-image:url('../images/arrow_green.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 10px;
	line-height: 1.3em;
}


#area_info_1  {
	margin:5px 0px 0px 10px;
	width: 230px;
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;
	text-align: left;

}

#area_info_1 ul {
margin:5px 0px 10px 10px;
padding:0px;
}

#area_info_1 li {
	list-style-type:none;
	background-image:url('../images/arrow_dot.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	
	margin:0px 0px 0px 5px;
		padding:0px 0px 0px 10px;

line-height: 1.3em;
	width: 180px;

}

#area_info_1 .caption_box{
	margin:5px 0px 5px 5px;
			padding:0px 0px 0px 0px;
	width: 220px;}

#area_info_1 .img{
	float:left;
			padding:0px;

}
#area_info_1 .caption{
	float:left;
	width: 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
	

#area_info_top  {
	margin:0px 0px 0px 10px;
	width: 230px;
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;

}

#area_info_top ul {
margin:5px 0px 10px 10px;
padding:0px;
}

#area_info_top li {
	list-style-type:none;
	background-image:url('../images/arrow_dot.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 10px;
　　line-height: 1.3em;
	width: 180px;

}

#area_info_top .caption_box{
	margin:5px 0px 5px 5px;
			padding:0px 0px 0px 0px;
	width: 220px;}

#area_info_top .img{
	float:left;
			padding:0px;

}
#area_info_top .caption{
		float:left;
					padding:0px 0px 0px 5px;
	width: 120px;}
	


#area_info  {
	margin:5px 0px 0px 10px;
	width: 230px;
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;
	text-align: left;

}

#area_info .banner{
	margin:5px 0px 5px 5px;
	width: 220px;
	background-color: #FFFFFF;
	padding-right: 5px;
}

#area_info ul {
margin:5px 0px 10px 10px;
padding:0px;
}

#area_info li {
	list-style-type:none;
	background-image:url('../images/arrow_purple.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 10px;
	line-height: 1.3em;
}

#area_info .caption_box{
	width: 220px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	height: 66px;
	}

#area_info .img{
	float:left;
	padding:0px;
	margin: 0px;

}
#area_info .caption{
	float:right;
	font-size: 0.85em;
	margin: 0px;
	padding: 0px;
	width: 160px;
	}

#area_info a{
}


#area_info .dot_clear{
	clear:both;
	border-top: 2px dotted #999999;
	margin:5px 5px 5px 5px;
			padding:0px 0px 0px 0px;

}

#area_info_bukken  {
	margin:5px 0px 0px 10px;
	width: 230px;
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;

}

#area_info_bukken .banner{
	margin:5px 0px 5px 5px;
	width: 220px;
	background-color: #FFFFFF;
	padding-right: 5px;
}



#area_info_bukken ul {
margin:5px 0px 10px 10px;
padding:0px;
}

#area_info_bukken li {
	list-style-type:none;
	background-image:url('../images/arrow_green.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 10px;
	line-height: 1.3em;
}

#area_info_bukken .caption_box{
	margin:5px 0px 0px 5px;
			padding:0px 0px 10px 5px;
	width: 220px;
	height:55px;
	}

#area_info_bukken .img{
	float:left;
			padding:0px;

}
#area_info_bukken .caption{
	float:left;
	padding:0px 0px 0px 8px;
	width: 140px;
	font-size: 0.85em;
	}

#area_info_bukken a{
}


#area_info_bukken .dot_clear{
	clear:both;
	border-top: 2px dotted #999999;
	margin:5px 5px 5px 5px;
			padding:0px 0px 0px 0px;

}

#area_info_company  {
	margin:5px 0px 15px 10px;
	width: 230px;
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;
	text-align: left;

}

#area_info_company .banner{
	margin:5px 0px 5px 5px;
	width: 220px;
	background-color: #FFFFFF;
	padding-right: 5px;
}



#area_info_company ul {
margin:5px 0px 10px 10px;
padding:0px;
}

#area_info_company li {
	list-style-type:none;
	background-image:url('../images/arrow_red.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 10px;
	line-height: 1.3em;
}

#area_info_company .caption_box{
	margin:5px 0px 0px 5px;
			padding:0px 0px 10px 5px;
	width: 220px;
	height:55px;
	}

#area_info_company .img{
	float:left;
			padding:0px;

}
#area_info_company .caption{
	float:left;
	padding:0px 0px 0px 8px;
	width: 140px;
	font-size: 0.85em;
	}

#area_info_company a{
}


#area_info_company .dot_clear{
	clear:both;
	border-top: 2px dotted #999999;
	margin:5px 5px 5px 5px;
			padding:0px 0px 0px 0px;

}

/* レイアウト */
.header_text{
	float:right;
	text-align:right;
	font-size: 10px;
	margin-top: 3px;
	margin-right: 3px;
}
.header_logo{
	float:left;
}

.header_menu{
	float:right;
	text-align: right;
	margin-right: 0px;
}
.header_menu #headtel {
	margin-right: 8px;
}


/* ◆画像横並び◆ 
HTMLはsample Lと同じです。*/
#ID {
	height:21px;
	margin: 0;
	padding :0;
}
#ID ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#ID li {
	display : inline;
	padding :0;
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 3px;
}
#ID #menu_a_1 a {
background-image:url(../images/home.jpg); 
width:76px; 
height:21px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}
#ID #menu_a_1 a:hover {
background-color:#fff; 
background-image:url(../images/home_o.jpg);
width:76px; 
height:21px; 
background-repeat:no-repeat;
margin:0;
padding:0;
display:block;
}
#ID #menu_a_2 a {
background-image:url(../images/privacy.jpg); 
width:172px; 
height:21px;
background-repeat:no-repeat; 
margin:0; padding:0;
background-color:#fff;
display:block;
}
#ID #menu_a_2 a:hover {
background-color:#fff; 
background-image:url(../images/privacy_o.jpg);
width:172px; 
height:21px; 
background-repeat:no-repeat;
margin:0;
padding:0;
display:block;
}
.span1 {display:none;}


.clear{
  clear: both;
}

#naiyou ul{
margin:5px 0px 0px 5px;
padding:0px;
}

#naiyou li{
display: inline;
float: left;
}

#naiyou .list{
	padding-bottom: 10px;
	padding-left: 10px;
}

.cond_list{
	width:116px;
	border: 1px solid #999999;
	
}
.cond_list p {
	margin: 0px;
	padding: 0px;
}
















.cond_list .caption{
	text-align: left;
	padding:5px;
}







.cond_list .foot{
	padding:2px;
	height: 2.5em;
	}

.cond_list .img {
	HEIGHT: 116px; width: 116px
}


.cond2_list{
	width:230px;
/*	border: 1px solid #666666;*/
	background-color: #F6F6F6;	/*text-align: right;*/
	float:left;
	padding:10px 5px 10px 5px;
	margin-top:10px;
}


.caption_float{
	float:left;
	width:110px;
}

.caption_title{
	border-left: 8px solid #8CAEA0;
	text-indent: 5px;
}

.caption_body{
width:100px;
margin-left: 5px;
margin-top: 5px;}

.img2{
width:116px;
margin-left: 110px;
}


.footer_link{
	width:650px;
	clear: both;
	text-align: center;
	vertical-align: baseline;
	background-position: center;
	margin-top: 10px;
	margin-left: 65px;
	line-height: 1.5em;
}
.copyright{
	clear: both;
	text-align: left;
	vertical-align: baseline;
	background-position: center;
	margin-left: 20px;
}

.top_title{
	margin-top:10px ;
	margin-bottom:15px ;
}

.top_title2{
	margin-top:10px ;
	margin-bottom:5px ;
}


.hapurufu_info ul {
	margin:0px 0px 15px 15px;
	padding:0px;
	width: 250px;
}

.hapurufu_info li {
	list-style-type:none;
	background-image:url('../images/arrow_purple.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	margin:0px 0px 15px 10px;
	padding:0px 0px 0px 10px;
	line-height: 1.3em;
	font-size: 1.0em;
	text-indent: 5px;
	float: left;
}



#area_info .hapu_caption{
	float:left;
	padding:0px 0px 0px 8px;
	width: 210px;
	font-size: 0.85em;
	}