@charset "UTF-8";
/* CSS Document */

body {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #333333;
	background: #FF961E;
}

a:link {
	color:#333333;
	text-decoration: none;
}
a:visited {
	color:#333333;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #000;
	text-decoration: underline;
	}
a:active {
	color:#5B7921;
}

/* -------------- */
#wrapper {
	width: 840px;
	margin: 0 auto;
	background: #FFFFFF;
	border-top: #FFD71E 5px solid;
	border-left: #FFD71E 5px solid;
	border-right: #FFD71E 5px solid;
}

/* -------header------- */


.header {
	width: 840px;
	background: url(../images/head_bg.jpg) left bottom repeat-x;
}

.header h1 {
	width: 306px; /*winIE6,7*/
	float: left;
	padding-left:10px;
}

.header #logo {
	width: 223px; /*winIE6,7*/
	float: right;
	padding-right:10px;
}


div.header:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
div.header{
	zoom: 1;
}

/* -------mainimg------- */

#mainimg {
	clear: both;
	width: 840px; /*winIE6,7*/
}

/* -------groubalnav------- */

.groubalnav {
	background: url(../images/gnavi_bg.jpg) left center repeat-x;
	height: 46px;
}

.groubalnav li {
	float: left;
	height: 41px;
	padding-right: 5px;
	padding-top: 5px;
}

.groubalnav li a {
	display: block;
}

.groubalnav li#gnav01 {
	padding-left: 120px;
}

.groubalnav li#gnav01 a {
	height: 35px;
	width: 195px; /*winIE6,7*/
	text-indent: -9999em;
	background: url(../images/grounavi01.gif) left top no-repeat;
}

.groubalnav li#gnav01 a:hover,
.groubalnav li#gnav01 a:focus {
	background: url(../images/grounavi01.gif) left bottom no-repeat;
}

.groubalnav li#gnav02 a {
	height: 35px;
	width: 195px; /*winIE6,7*/
	text-indent: -9999em;
	background: url(../images/grounavi02.gif) left top no-repeat;
}

.groubalnav li#gnav02 a:hover,
.groubalnav li#gnav02 a:focus {
	background: url(../images/grounavi02.gif) left bottom no-repeat;
}

.groubalnav li#gnav03 a {
	height: 35px;
	width: 195px; /*winIE6,7*/
	text-indent: -9999em;
	background: url(../images/grounavi03.gif) left top no-repeat;
}

.groubalnav li#gnav03 a:hover,
.groubalnav li#gnav03 a:focus {
	background: url(../images/grounavi03.gif) left bottom no-repeat;
}

ul.groubalnav:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
ul.groubalnav{
	zoom: 1;
}


/* -------content------- */

#wrapper .content {
	width: 820px;
	padding-left: 10px;
	margin-bottom: 25px;
}

div.content:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
div.content{
	zoom: 1;
}



/* -------footer------- */

#footer {
	clear: both;
	width: 840px; /*winIE6,7*/
	text-align: center;
}

#footer #topback {
	float: right;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 20px;
	background: url(../images/01_31.jpg) left center no-repeat;
}

#footer #sitemap {
	clear: both;
	width: 840px; /*winIE6,7*/
	margin-bottom: 2px;
}

#footer #outside {
	margin-bottom: 15px;
	line-height: 40px;
	background: url(../images/footer_bg.jpg) left bottom repeat-x;
}


#footer #management {
	font-size: 90%;
	padding-bottom: 25px;
}

#footer #attention {
	font-size: 90%;
	padding-bottom: 5px;
}

/* -------copyright------- */


#copyright {
	width: 850px;
	margin: 0 auto;
	height: 73px;
	line-height: 45px;
	text-align: center;
	font-size: 90%;
	background: url(../images/copylight_bg.jpg) left bottom no-repeat;
}









/* ********************************** */