@charset "utf-8";
/* CSS Document */
/*================================
 BASIC ELEMENT SET
================================*/
html{
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
	font: 80%/1.4 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#000;
	background-color:#8FBC8F;
}

ul,li{
	padding:0;
	margin:0;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:100%;
}

a img{
	border: 0px;
}

/* link */
a {color: #004986;}
a:link {color: #004986; text-decoration:underline;}
a:visited {color:#1D7BCA; text-decoration:underline;}
a:hover {color: #004986; text-decoration:none;}
a:active { color:#004986; text-decoration:underline;}


#wrapper{
	width:100%;
	margin: 0;
	padding: 0;
}

/* IE6.0用透過PNG */
.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

/*================================
 HEADER
================================*/
#headerArea{
	width: 100%;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(../img/bg_header.gif) left top repeat-x;
}
#headerArea #header{
	width: 880px;
	margin: 0 auto;
	padding: 0;
}
#headerArea #header h1{
	/*width: 800px;*/
	width:260px;
	height: 75px;
	padding-top: 0px;
	margin: 0;
	display:block;
    overflow:hidden;
	float:left;
}
#headerArea #header #logout{
	width: 80px;
	height: 30px;
	padding-top: 31px;
	float: right;
}


/*================================
 NAVIGATION
================================*/
#naviArea{
	width: 100%;
	height: 40px;
	background:url(../img/bg_navi.gif) left top repeat-x;
	clear: both;
}
#naviArea #navi{
	width:880px;
	margin: 0 auto;
	padding: 0;
}
#naviArea #navi ul#gnavi{
	padding: 0 3px 0 0;
	float: right;
	background:url(../img/navi_line.gif) right 3px no-repeat;
}
#naviArea #navi ul#gnavi li{
	height: 37px;
	margin: 0;
	padding: 0 0 0 3px;
	background:url(../img/navi_line.gif) left 3px no-repeat;
	float:left;
}

/*================================
 body
================================*/
#body{
	width: 880px;
	margin: 0 auto;
}

/* pankuzu */
#body ul#crumb{
	margin:0;
	padding:20px 0 20px 12px;
	clear:both;
}
#body ul#crumb li{
	padding:0 6px 0 0;
	font-size:75%;
	font-weight:bold;
	display:inline;
}
#body ul#crumb li a{
	padding:0 24px 0 0;
	font-weight:normal;
	background: url(../img/crumb.gif) right center no-repeat;
}

/*================================
 Footer
================================*/
#footer{
	width:880px;
	margin:0 auto;
	padding:30px 0 0 0;
	text-align:center;
	font-size: 75%;
	clear:both;
}


/*================================
 CLEAR
================================*/
#wrapper{
	min-height:1%;
}
#wrapper:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #wrapper{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
body*#wrapper:after{
	content:".";
}
/*-----------------------------*/
#footer{
	min-height:1%;
}
#footer:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html #footer{/* for IE */
/*\*/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}
body*#footer:after{
	content:".";
}