@charset "utf-8";

/*-------------------------------------------------

サイト基本構造

-------------------------------------------------*/
/*1.全体指定
-------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
}

a:link,a:visited	{
	text-decoration: none;
}

a:hover	{
	color: #000;
	}	

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


/*floatクリアのIE7対応*/

/*FirefoxSafari・Operaなどのモダンブラウザ対策*/

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


/*IE7とMacIE5対策*/
.clearfix	{display: inline-block;}


/*Hides from IE-Mac\*/
*html .clearfix {height: 1%;}/*IE6以前（特にIE5.0）対策*/

.clearfix {display: block;}


/*End hide from IE-Mac*/
body	{
	text-align: center;
}

#wrapper	{
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


/*2.ヘッダー部分
-------------------------------------------*/

#head	{
	position: relative;
	width: 905px;
}	

#head h1	{
	width: 184px;
	height: 96px;
}

#head h1 a	{
	width: 184px;
	height: 96px;
	display: block;
	text-indent: -9999px;
	background: url(../../../images/logo.gif) no-repeat 0 0;
}

#head #subMenu	{
	position: absolute;
	top: 17px;
	right: 23px;
	color: #787878;
}

#head #subMenu a	{color: #787878;}

#head #subMenu a:hover	{color: #000;}	

#head #login	{
	position: absolute;
	top: 73px;
	right: 15px;
}	

#head #login a	{
	width: 89px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	background: url(../../../images/login.gif) no-repeat 0 0;
}	

#head #login a:hover	{
	background: url(../../../images/login.gif) no-repeat 0 -23px;
}	

#head #ashiato	{
	position: absolute;
	top: 78px;
	right: 118px;
	font-size: 10px;
	width: 235px;
}	

#head #ashiato a	{
	font-size: 10px;
}

	
/*メインメニュー部分
-------------------------------------*/

#head ul	{
	background: url(../../../images/mainMenuBg.gif) no-repeat 0 0;
	padding: 6px 0 5px 0;
	position: absolute;
	top: 35px;
	right: 0;
	width: 721px;
}	

#head li	{
	height: 21px;
	float: left;
	list-style: none;
}

#head li a	{
	height: 21px;
	display: block;
	text-indent: -9999px;
}

#head li#mainMenuBtn01 a	{
	width: 71px;
	background: url(../../../images/mainMenu.gif) no-repeat 0 0;
}

#head li#mainMenuBtn01 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat 0 -21px;
}

#head li#mainMenuBtn02 a	{
	width: 70px;
	background: url(../../../images/mainMenu.gif) no-repeat -71px 0;
	}

#head li#mainMenuBtn02 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -71px -21px;
}

#head li#mainMenuBtn03 a	{
	width: 71px;
	background: url(../../../images/mainMenu.gif) no-repeat -141px 0;
}

#head li#mainMenuBtn03 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -141px -21px;
}

#head li#mainMenuBtn04 a	{
	width: 70px;
	background: url(../../../images/mainMenu.gif) no-repeat -211px 0;
}

#head li#mainMenuBtn04 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -211px -21px;
}

#head li#mainMenuBtn05 a	{
	width: 70px;
	background: url(../../../images/mainMenu.gif) no-repeat -281px 0;
}

#head li#mainMenuBtn05 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -281px -21px;
}

#head li#mainMenuBtn06 a	{
	width: 71px;
	background: url(../../../images/mainMenu.gif) no-repeat -351px 0;
}

	

#head li#mainMenuBtn06 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -351px -21px;
}

#head li#mainMenuBtn07 a	{
	width: 70px;
	background: url(../../../images/mainMenu.gif) no-repeat -421px 0;
}	

#head li#mainMenuBtn07 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -421px -21px;
}

#head li#mainMenuBtn08 a	{
	width: 71px;
	background: url(../../../images/mainMenu.gif) no-repeat -493px 0;
}

#head li#mainMenuBtn08 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -493px -21px;
}

#head li#mainMenuBtn09 a	{
	width: 70px;
	background: url(../../../images/mainMenu.gif) no-repeat -563px 0;
}

#head li#mainMenuBtn09 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -563px -21px;
}

#head li#mainMenuBtn10 a	{
	width: 70px;
	background: url(../../../images/mainMenu.gif) no-repeat -633px 0;
}

#head li#mainMenuBtn10 a:hover	{
	background: url(../../../images/mainMenu.gif) no-repeat -633px -21px;
	}

/*3.フッター部分
-------------------------------------------*/

#footer	{
	clear: both;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

#footer p	{
	width: 885px;
	background: #e5ded7;
	border: 1px solid #b2afab;
	padding: 5px 10px;
	color: #787878;
}

#footer p a	{
	color: #787878;
}

#footer p a:hover	{
	color: #000;
}

#wrapper #contWrap .bar {
	float: left;
}
#wrapper h2 {
	padding: 0px;
	height: auto;
	width: 865px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


/*-------------------------------------------------

ページ別構造

-------------------------------------------------*/

#wrapper #contents {
	height: 1130px;
	width: 865px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}

#wrapper #contents p {
	font-size: 13px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

#wrapper #contents h3 {
	margin: 0px;
	padding: 0px;
}

#wrapper #contents h4 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#wrapper #contents #title_comment {
	width: 530px;
}

#wrapper #contents #title_comment em {
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
}

#wrapper #contents #b_cont01 {
	height: auto;
	width: 300px;
	text-align: center;
	margin-top: 80px;
	margin-left: 10px;
}

#wrapper #contents #b_cont02 {
	text-align: center;
	height: auto;
	width: 230px;
	margin-top: 255px;
	margin-left: 32px;
}

#wrapper #contents #b_cont03 {
	text-align: center;
	height: auto;
	width: 300px;
	margin-top: -80px;
	margin-left: 250px;
}

#wrapper #contents #f_cont01 {
	text-align: center;
	height: auto;
	width: 270px;
	margin-left: 585px;
	margin-top: -935px;
}

#wrapper #contents #f_cont02 {
	text-align: center;
	height: auto;
	width: 300px;
	margin-left: 535px;
	margin-top: 170px;
}

#wrapper #contents #f_cont03 {
	text-align: center;
	height: auto;
	width: 300px;
	margin-left: 530px;
	margin-top: 200px;
}

#wrapper #contents #btnArea {
	height: 125px;
	width: 411px;
	margin-left: 220px;
	margin-top: -305px;

}