/* CSS Document */

body {
	background-image: url(../images/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
 }

#Container {
	width: 725px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DECFCA;
	margin-bottom: 15px;
	display: block;
 }



#Side { width: 50px; height: 500px; float: right; }

#Contents {
	width: 725px;
	background:url(../images/bg-contents.gif) no-repeat center center;
	overflow: hidden;
	}


#ContentsInner { padding: 16px 16px 16px 16px; }

.HosokuText { font-size: 10px; }
	
/*//////////////////////// Navi /////////////////////*/
#Navi { width: 586px; height: 24px; float: left; margin-left: 25px; _margin-left:14px; margin-top: 25px; }

#Navi ul { list-style: none; }

#Navi ul li { display: block; float: left; width: 24px; }

#Navi ul li a {
display: block; 
height: 24px; 
text-indent: -9999px; overflow: hidden;
}

#Navi ul #Navi1,#Navi ul #Navi1 a { width: 79px; }
#Navi ul #Navi2,#Navi ul #Navi2 a { width: 103px; }
#Navi ul #Navi3,#Navi ul #Navi3 a { width: 83px; }
#Navi ul #Navi4,#Navi ul #Navi4 a { width: 95px; }
#Navi ul #Navi5,#Navi ul #Navi5 a { width: 85px; }
#Navi ul #Navi6,#Navi ul #Navi6 a { width: 65px; }
#Navi ul #Navi7,#Navi ul #Navi7 a { width: 76px; }

#Navi1 a { background:url(../images/navi1.gif) no-repeat; }
#Navi2 a { background:url(../images/navi2.gif) no-repeat; }
#Navi3 a { background:url(../images/navi3.gif) no-repeat; }
#Navi4 a { background:url(../images/navi4.gif) no-repeat; }
#Navi5 a { background:url(../images/navi5.gif) no-repeat; }
#Navi6 a { background:url(../images/navi6.gif) no-repeat; }
#Navi7 a { background:url(../images/navi7.gif) no-repeat; }

#Navi1 a:hover,#Navi1 .Active { background:url(../images/navi1-active.gif) no-repeat; }
#Navi2 a:hover,#Navi2 .Active { background:url(../images/navi2-active.gif) no-repeat; }
#Navi3 a:hover,#Navi3 .Active { background:url(../images/navi3-active.gif) no-repeat; }
#Navi4 a:hover,#Navi4 .Active { background:url(../images/navi4-active.gif) no-repeat; }
#Navi5 a:hover,#Navi5 .Active { background:url(../images/navi5-active.gif) no-repeat; }
#Navi6 a:hover,#Navi6 .Active { background:url(../images/navi6-active.gif) no-repeat; }
#Navi7 a:hover,#Navi7 .Active { background:url(../images/navi7-active.gif) no-repeat; }

/*//////////////////////　MainContents /////////////////////*/
#MainContents { width: 586px; float: left; margin-left: 40px; _margin-left:20px; }

*:first-child+html #MainContents {margin-left:40px; }


#MainContentsInner { padding-top: 28px; _padding-top: 14px; }

*:first-child+html #MainContentsInner { padding-top: 10px; }

#MainContentsInner.scroll{
	padding:20px 15px;
	margin-top:15px;
	border:none;
	width:550px;
}



/*////////////////////// Side //////////////////////////////*/
/*#SideInner { padding: 20px 40px 0 0 }*/

#Side h2 {
	display: block;
 width: 32px; height: 328px;
	text-indent: -9999px; overflow: hidden;
	float: right;
	/*position: absolute; top: 25px; right: 42px;*/
	}

#Side h1 {
display: none;
}
	
/*////////////////////////// Footer /////////////////////////////*/
#Footer {
	right: 0px;
	top: 0px;
	text-align: right;
	margin-top:20px;
	color: #000;
	float:none;
	clear:both;
	width: 700px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2D0B01;
	padding-top: 20px;
	}
	
@media screen and (max-width: 980px) {
body {
	background: url(../images/bg_body_s.jpg);
}
}