@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;
}

.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: #666666;
	background: url("../common/images/0_0_back01.jpg") center top repeat-x #D7D7D7;
}

#body {
	margin: 0 auto;
	width: 770px;
	height: 100%;
	text-align: center;
	background: url("../common/images/0_0_back03.gif") center top repeat-y;
}

#shadow {
	text-align: center;
	background: url("../common/images/0_0_back09.gif") center top no-repeat;
}

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

#head {
	position: relative;
	top: 0;
	left: 0;
	width: 770px;
	height: 105px;
	text-align: left;
	overflow: hidden;
	background: url(../common/images/0_0_back02.jpg) no-repeat left top;
}

#head h1 a {
	position: absolute;
	left: 25px;
	top: 49px;
	display: block;
	width: 297px;
	height: 38px;
	background: url(../common/images/0_0_title01.gif);
	overflow: hidden;
	text-indent: -9999px;
}

#head .text {
	position: absolute;
	left: 502px;
	top: 51px;
	display: block;
	width: 244px;
	height: 25px;
	background: url(../common/images/0_0_title02.gif);
	overflow: hidden;
	text-indent: -9999px;
}

#head3 {
	background: url(../common/images/1_0_back01.jpg) no-repeat left top;
}

#contents {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: url(../common/images/0_0_back04.gif) left top repeat-y;
}

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

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

#footer {
	padding: 0 0 20px;
	margin: 0 auto;
	text-align: left;
	width: 760px;
	background: url(../common/images/0_0_back07.gif) repeat-x center top #ffffff;
}

#footer .left {
	float: left;
	width: 500px;
	margin: 10px 0 0;
}

#footer .left li {
	display: inline;
	background: url(../common/images/0_0_arrow02.gif) no-repeat left center;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
}

#footer .left .copy {
	margin: 0 0 0 10px;
}

#footer .right {
	float: right;
	width: 114px;
	margin: 10px 12px 0 0;
}

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


#navi {
	float: left;
	width: 180px;
	background: url(../common/images/0_0_back05.jpg) left top no-repeat;
}

#navi p {
	margin: 0px 5px 0;
}

#navi .u1 {
	margin: 5px;
}

#navi .u3 {
	padding: 10px;
	background: #ffffff;
}

#navi .n2 {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: #DFDFDF;
}

#navi .n2 a {
	display: block;
	margin: 0 5px;
	padding: 4px 0 2px 12px;
	background: url(../common/images/0_0_arrow01.gif) no-repeat left center;
}

#navi .n3 a {
	display: block;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../common/images/3_1_1_part02.gif) no-repeat left center;
}

#navi .selected a {
	background: url(../common/images/3_1_1_part01.gif) no-repeat left center;
}

#navi .n1no1 {
	background: #F2F2F2;
	padding: 10px 0 15px;
}

#navi .n1no2 {
	text-align: center;
	background: #F2F2F2;
}


#main {
	float: right;
	width: 580px;
}