@charset "utf-8";

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

img { border:none;}

hr {
	width:580px;
}

.naka {
	text-align:center;
}



a:link { color: #333333; text-decoration: none; } 
a:visited { color: #333333; text-decoration: none;} 
a:hover { color: #333333; text-decoration: underline; } 
a:active { color: #333333; text-decoration: none;} 


.layout {
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px;
	color:#231815;
	text-align:center;
	margin:0px;
	line-height:1.4;
}


/*トップ*/

.head {
	height:194px;
	background-image:url(img/bg_head_.gif);
	background-repeat:repeat-x;

}


/*コンテンツ*/
.container {
	background-image:url(img/bg_menu.jpg);
	background-repeat:repeat-x;
}


/*メニュー*/
.menu {
	width:900px;
	height:360px;
	margin:0 auto;
	padding-top:25px;

}

	#main-photo {
		width:638px;
		float:left;
	}

	#contents {
		width:262px;
		float:right;
	}

		#navi {
			width:236px;
			float:left;
		}
		
		#sidebar {
			width:26px;
			float:right;
		}



#m1 a{
display:block;
width:236px;
background:url(img/m_01.jpg) no-repeat;
height:54px;
text-align:center;}

#m1 a:hover{
background:url(img/m_on_01.jpg) no-repeat;
}

#m2 a{
display:block;
width:236px;
background:url(img/m_02.jpg) no-repeat;
height:55px;
text-align:center;}

#m2 a:hover{
background:url(img/m_on_02.jpg) no-repeat;
}

#m3 a{
display:block;
width:236px;
background:url(img/m_03.jpg) no-repeat;
height:56px;
text-align:center;}

#m3 a:hover{
background:url(img/m_on_03.jpg) no-repeat;
}

#m4 a{
display:block;
width:236px;
background:url(img/m_04.jpg) no-repeat;
height:54px;
text-align:center;}

#m4 a:hover{
background:url(img/m_on_04.jpg) no-repeat;
}

#m5 a{
display:block;
width:236px;
background:url(img/m_05.jpg) no-repeat;
height:55px;
text-align:center;}

#m5 a:hover{
background:url(img/m_on_05.jpg) no-repeat;
}


/*メニュー（トップ以外）*/
.menu2 {
	width:262px;
	height:361px;
	margin:0 auto;
}


		#navi2 {
			width:237px;
			float:left;
		}
		
		#sidebar2 {
			width:25px;
			float:right;
		}



#mo1 a{
display:block;
width:237px;
background:url(img/mo_01.jpg) no-repeat;
height:55px;
text-align:center;}

#mo1 a:hover{
background:url(img/mo_on_01.jpg) no-repeat;
}

#mo2 a{
display:block;
width:237px;
background:url(img/mo_02.jpg) no-repeat;
height:54px;
text-align:center;}

#mo2 a:hover{
background:url(img/mo_on_02.jpg) no-repeat;
}

#mo3 a{
display:block;
width:237px;
background:url(img/mo_03.jpg) no-repeat;
height:56px;
text-align:center;}

#mo3 a:hover{
background:url(img/mo_on_03.jpg) no-repeat;
}

#mo4 a{
display:block;
width:237px;
background:url(img/mo_04.jpg) no-repeat;
height:55px;
text-align:center;}

#mo4 a:hover{
background:url(img/mo_on_04.jpg) no-repeat;
}

#mo5 a{
display:block;
width:237px;
background:url(img/mo_05.jpg) no-repeat;
height:53px;
text-align:center;}

#mo5 a:hover{
background:url(img/mo_on_05.jpg) no-repeat;
}

/*メイン*/
.outline {
	width:900px;
	margin:0 auto;
	text-align:left;
}

	.main {
		width:628px;
		float:left;
		margin-top:20px;
	}

	.side {
		width:272px;
		float:right;
		margin-top:20px;

	}
	
	.clear {
		clear:both;
	}

#back_top {
	text-align:right;
	padding:5px 10px 0 0;
}


/*ボトム*/

.foot {
	background-image:url(img/bg_foot.gif);
	background-repeat:repeat-x;
	height:80px;
	padding-top: 20px;
}

	.copyright {
	width: 900px;
	margin: 0 auto;
	text-align:left;
	}
	
	#f_line {
	background-image:url(img/f_line.gif);
	background-repeat:repeat-x;
	text-align:right;
	margin-top:5px;
	padding:15px 0;
	}