/* CSS Document */

/* Base
---------------------------------------------*/
body {
	text-align: center;
	font-size: 80%;
	color: #397265;
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: url(../images/common/back.gif) repeat top left;
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, span {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

img { border: none; vertical-align: bottom; }

a:link    { color: #397265; text-decoration: none; }
a:visited { color: #397265; text-decoration: none; }
a:hover   { color: #E4E63F; text-decoration: none; }
a:active  { color: #D1D63B; text-decoration: none; }


/* head
---------------------------------------------*/

#headwrap {
	background: url(../images/common/top_back.gif) repeat-x top left;
	height: 116px;
	
}

#head {
	margin: 0px auto;
	text-align: center;
	width: 902px;
}

#head:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #head  {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#head h1 {
	font-size: 85%;
	text-align: right;
	color: #22584B;
	padding-top: 6px;
	padding-right: 15px;
}

#head .headTop {
	height: 70px;
	width: 902px;
}

#head .logo {
	float: left;
	margin-top: -18px;
	width: 271px;
	height: 64px;
}


#head .adress {
	float: right;
	height: 50px;
	width: 292px;
}


#bt li {
	display: inline;
}


#container .topImage {
	margin-top: 10px;
	position: relative;
	width: 902px;
	height: 425px;
}

#container .topImage .topMark {
	position: absolute;
	top: 155px;
	left: 611px 
}









/* container
---------------------------------------------*/

#container {
	margin: 0px auto;
	width: 902px;
}

#container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #container  {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



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

#footer {
	text-align: right;
	width: 920px;
	margin: 0px auto;
	padding-right: 40px;
}


#footer a:link    { color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover   { color: #E4E63F; text-decoration: none; }
#footer a:active  { color: #D1D63B; text-decoration: none; }


#footer .footerBox {
	background: url(../images/common/footBack.gif) no-repeat top left;
	height: 94px !important;
	height: 120px;
	width: 880px !important;
	width/**/:900px;
	margin: 10px 0px 5px 30px;
	padding: 5px 25px 0px 0px;
	color: #FFFFFF;
	font-size: 85%;
}

#footer .copy {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 30px;
}

*html #footer .copy {
	text-align: right;
	margin-right: -40px;
}


#footer .footMenu {
	padding: 5px 0px 8px 0px;
}



/*--only_top--*/
#footer .topfooterBox {
	background: url(../images/common/footBack.gif) no-repeat top left;
	height: 94px !important;
	height: 120px;
	width: 880px !important;
	width/**/:900px;
	margin: 20px 0px 5px 30px;
	padding: 5px 25px 0px 0px;
	color: #FFFFFF;
	font-size: 85%;
}