@charset "utf-8";

body, h1, h2, h3, h4, h5, p, hr, ul, li, form, img, a {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

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

.none {
	display: none;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

.imgRight {
	float: right;
	margin: 0 0 15px 15px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #020000;
	background: #94B9D8;
}

#body {
	margin: 0 auto;
	width: 800px;
	text-align: center;
	background: #FFFFFF;
}

/* ヘッダー
----------------------------------------------------------------------------------------------------*/

#head {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: 131px;
	text-align: left;
	overflow: hidden;
}

#head .headtext {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 800px;
	height: 50px;
	color: #D5D5D5;
	background: #002F88;
}

#head .headtext p {
	margin: 5px 10px;
}

#head h1 a {
	position: absolute;
	left: 10px;
	top: 56px;
	display: block;
	width: 279px;
	height: 71px;
	background: url(../common/img/top_title02.gif);
	overflow: hidden;
	text-indent: -9999px;
}

#head .text {
	position: absolute;
	left: 422px;
	top: 56px;
	display: block;
	width: 348px;
	height: 70px;
}

/* フッター
----------------------------------------------------------------------------------------------------*/

.ptop {
	text-align: right;
	margin: 0 10px 10px 0;
}

#footer {
	text-align: center;
	width: 800px;
	background: #739DCA;
	margin: 20px 0 0;
}

#footer p {
	letter-spacing: 2pt;
}

/* コンテンツ
----------------------------------------------------------------------------------------------------*/


#navi {
	position: relative;
	top: 0;
	left: 10px;
	height: 60px;
	width: 779px;
	overflow: hidden;
}

#navi li a {
	display: block;
	position: absolute;
	top: 0;
	width: 124px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
}

#navi .n1 a {
	left: 0;
	background: url(../common/img/fir_btn01.gif) no-repeat left top;
}

#navi .n2 a {
	left: 131px;
	background: url(../common/img/fir_btn02.gif) no-repeat left top;
}

#navi .n3 a {
	left: 262px;
	background: url(../common/img/fir_btn03.gif) no-repeat left top;
}

#navi .n4 a {
	left: 393px;
	background: url(../common/img/fir_btn04.gif) no-repeat left top;
}

#navi .n5 a {
	left: 524px;
	background: url(../common/img/fir_btn05.gif) no-repeat left top;
}

#navi .n6 a {
	left: 655px;
	background: url(../common/img/fir_btn06.gif) no-repeat left top;
}

#navi li a:hover {
	background-position: bottom;
}

#contents {
	text-align: left;
}