/*-----------------------------------------
共通指定
-----------------------------------------*/

*{
	margin:0;
	padding:0;
	outline:none;
}

html {
	height:100%;
}

body{
	letter-spacing:normal;
	font-size: small;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	height:100%;
	background-color: #D5D5D5;
}

* + html body {
	font-family: "メイリオ","Meiryo";
	font-size:75%;
}


img{
	border:none;
	}


/*-----------------------------------------
ヘッダー
-----------------------------------------*/

#head {
	width: 1038px;
	height:326px;
	margin-left:auto;
	margin-right:auto;
}

#header_nav{
	position:absolute;
	height:59px;
	top: 0px;
	width: 167px;
	margin-left: 834px;
	_margin-left: 827px;
	}
	
#top_nav{
	position:absolute;
	height:15px;
	top: 3px;
	width: 170px;
	color:#FFFFFF;
	font-size:11px;
	margin-left: 672px;
	}

#top_nav a{
	color:#000000;
	text-decoration:none;
	}	

#top_menu{
	position:absolute;
	width: 400px;
	top: 297px;
	margin-left: 40px;
	}	


#top_nav a:hover{
	color:#cb0627;
	}	

#top_nav img{
	vertical-align:middle;
	}	

#gnav ul,#header_nav ul,#top_nav ul{
	list-style:none;
	}	
	
#gnav li,#header_nav li,#top_nav li{
	float:left;
	}	



	
.l_10{
	margin-left:10px;
	}	
.mt5{
    margin-top:5px;
}

.mr5{
    margin-right:5px;
}











#midle {
	width: 1038px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/index/bg_index.jpg);
	background-repeat: repeat-y;
	padding-top: 20px;
}


#top {
	height: 326px;
	width: 100%;
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../../images/index/top_head_bg.jpg);
	background-repeat: repeat-x;
}
#left {
	width: 920px;
	margin-left: 60px;
}





#bottm {
	width: 100%;
	height: 43px;
	background-image: url(../../images/index/bg_footer.gif);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	min-width: 1038px;
}

#machiaruki{
	background-image: url(../../images/index/machiarukibg.jpg);
	background-repeat: no-repeat;
	height: 218px;
	width: 431px;
	float: left;
}
#machiaruki ul.machiarukibt{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#machiaruki ul.machiarukibt li{
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 171px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 38px;
	width: 115px;
}
#machiaruki p{
	clear: both;
	padding-top: 0px;
	padding-left: 15px;
}
#machiasobi{
	background-image: url(../../images/index/machiasobibg.jpg);
	background-repeat: no-repeat;
	height: 218px;
	width: 303px;
	float: left;
	margin-left: 12px;
}
#machiasobi ul.machiasobibt{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
#machiasobi ul.machiasobibt li{
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 171px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 12px;
}
*html #machiasobi ul.machiasobibt li{
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 171px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 8px;
}
#machiasobi p{
	clear: both;
	padding-top: 0px;
	padding-left: 15px;
	margin: 0px;
}

#topics{
	float:right;
	background-image: url(../../images/index/topicsbg.gif);
	background-repeat: no-repeat;
	height: 218px;
	width: 163px;
}
#topics #topicsov{
	height: 170px;
	width: 153px;
	overflow:auto;
	background-color: #F2FBE5;
	margin-left: 7px;
	margin-top: 5px;
}
#topics #topicsov ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#topics #topicsov ul li{
	list-style-type: none;
	background-image: url(../../images/index/topicslist.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #277604;
}
#topics #topicsov ul li a{
	color: #277604;
}
#topics #topicsov ul li a:hover{
	text-decoration: none;	
}

img#osusumetitle{
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}

img#osmmachiasobi{
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}




img.eventbn{
	float:left;
	margin-top: 5px;
}






p#midosuji{
	float: right;
	margin-top: 5px;
}

#linkft{
	clear: both;
	padding-top: 4px;
}
#otoiawase{
	width: 318px;
	background-color: #DBF6FF;
	padding-left: 10px;
	height: 85px;
	float: left;
}
#linkft ul{
	margin: 0px;
	padding: 0px;
}
#linkft ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
#linkft ul li.lft{
	padding-left: 6px;
}

#linkft ul li.rgt{
	float: right;
}





#linkinfo{
	clear: both;
	padding-top: 4px;
}
#linkinfo ul{
	margin: 0px;
	padding-top: 10px;
}
#linkinfo ul li{
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	float: left;
}
#linkinfo ul li.leftsp{
	padding-left: 3px;
}























	
/*-----------------------------------------
フッター
-----------------------------------------*/

#footer{
	position:relative;
	width:920px;
	height:auto;
	font-size:12px;
	padding-top: 8px;
	border-top:1px solid #CCCCCC;
	margin-top: 20px;
}

.footer_nav{
	color:#a28d00;
	display:block;
	position:relative;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 666px;
	}

.footer_nav a{
	text-decoration:none;
	color:#a28d00;
	}
	
.footer_nav a:hover{
	color:#FF0000;
	}
		
.footer_nav ul{
	list-style:none;
	}	
	
.footer_nav li{
	float:left;
	list-style:none;
	margin-right:7px;
	}
		
#footer_nav2{
	border:none;
	}


	
#footer_nav3{
	color:#a28d00;
	border:none;
	}

#footer_nav3 a{
	text-decoration:none;
	color:#a28d00;
	}
	
#footer_nav3 a:hover{
	color:#FF0000;
	}
		
#footer_nav3 ul{
	list-style:none;
	}	
	
#footer_nav3 li{
	float:left;
	list-style:none;
	margin-right:7px;
}
h1 {
	font-size: 1px;
}


/*-----------------------------------------
clearfixの指定
-----------------------------------------*/

#header:after,.footer_nav:after,#pan:after,#main:after,#area1:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

#header,.footer_nav,#pan,#main,#area1{
	display:inline-block;
	position:relative;
	}

/* Hides from IE-mac ¥*/
* html #header,.footer_nav,#pan,#main,#area1{
	height:1%;
	}

#header,.footer_nav,#pan,#main,#area1{
	display:block;
	}
/* End hide from IE-mac */