@charset "UTF-8";
html{
	background-color: #A4D9EE;
}

body {
	background-color: #a4d9ee;
	background-image: url(../image/bg01.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#footer{
	height: 25px;
	width: 900px;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #71472e;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: 40px;
	}

h1{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1em;
	color: #FFFFFF;
	height: 25px;
	width: 730px;
	line-height: 1.8em;
	text-align: right;
}

.clearfix:after {
content: "";
display: block;
clear: both; 
} 

.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

#cont_all{
	background-color: #FFFFFF;
	height: 100%;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}


#cont_head{
	height: 130px;
	width: 900px;
	background-image: url(../image/headbg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#cont_main{
	background-color: #FFFFFF;
	height: 100%;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}

#logo{
	height: 130px;
	width: 130px;
	float: left;
	padding-left: 20px;
}

#head_right{
	height: 130px;
	width: 730px;
	float: left;
	padding-right: 20px;
}

#head_txt{
	text-indent: -9999px;
	height: 30px;
	width: 730px;
	background-image: url(../image/headtxt.gif);
	background-repeat: no-repeat;
	background-position: 398px 0px;
}

#navi ul{
list-style: none;
margin: 0;
padding: 0;
}

#navi li{
float: left;
height:20px;
margin: 0;
padding: 0;
}

#navi li#nav01{width: 70px; }
#navi li#nav02{width: 95px; }
#navi li#nav03{width: 110px; }
#navi li#nav04{width: 110px; }
#navi li#nav05{width: 87px; }
#navi li#nav06{width: 100px; }

#navi li a{
display: block;
overflow: hidden;
width: 100%;
height: 0 !important;
height /**/: 20px;
padding-top: 20px;
}

#navi{
	width: 580px;
	height:20px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/* オフマウス */
#nav01 a{ background-position: 10px 0; background-image: url(../image/navi01.gif); 	background-repeat: no-repeat;}
#nav02 a{ background-position: 5px 0; background-image: url(../image/navi02.gif); 	background-repeat: no-repeat;}
#nav03 a{ background-position: 5px 0; background-image: url(../image/navi03.gif); 	background-repeat: no-repeat;}
#nav04 a{ background-position: 12px 0; background-image: url(../image/navi04.gif); 	background-repeat: no-repeat;}
#nav05 a{ background-position: 5px 0; background-image: url(../image/navi05.gif); 	background-repeat: no-repeat;}
#nav06 a{ background-position: 5px 0; background-image: url(../image/navi06.gif); 	background-repeat: no-repeat;}


/* オンマウス */
#nav01 a:hover{ background-position: 10px -22px; background-image: url(../image/navi01.gif); 	background-repeat: no-repeat;}
#nav02 a:hover{ background-position: 5px -22px; background-image: url(../image/navi02.gif); 	background-repeat: no-repeat;}
#nav03 a:hover{ background-position: 5px -22px; background-image: url(../image/navi03.gif); 	background-repeat: no-repeat;}
#nav04 a:hover{ background-position: 12px -22px; background-image: url(../image/navi04.gif); 	background-repeat: no-repeat;}
#nav05 a:hover{ background-position: 5px -22px; background-image: url(../image/navi05.gif); 	background-repeat: no-repeat;}
#nav06 a:hover{ background-position: 5px -22px; background-image: url(../image/navi06.gif); 	background-repeat: no-repeat;}



/* 選択済み */
#nav01 a.stay{ background-position: 10px -44px;}
#nav02 a.stay{ background-position: 5px -44px;}
#nav03 a.stay{ background-position: 5px -44px;}
#nav04 a.stay{ background-position: 12px -44px;}
#nav05 a.stay{ background-position: 5px -44px;}
#nav06 a.stay{ background-position: 5px -44px;}


#subnavi{
	height: 34px;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	color: #6CA8C1;
	}
#subnavi a{color: #6CA8C1;	text-decoration: underline;}
#subnavi a:hover{	color: #666666;}

.subnavi{
	height: 20px;
	width: 790px;
	font-size: 1.2em;
	color: #6CA8C1;
	margin-right: auto;
	margin-left: auto;
	}
.subnavi a{color: #6CA8C1;	text-decoration: underline;}
.subnavi a:hover{	color: #666666;}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.kasiramoji {
	font-size: 1.6em;
	float: left;
	margin-right: 3px;
	text-indent: -2px;
}

.gotop{
	height: 30px;
	width: 820px;
	text-align: right;
	margin-top: 10px;
}