@charset "utf-8";
/*-------------------------------------------------
サイト基本構造

1.全体指定
2.ヘッダー部分
3.コンテンツ部分
4.フッター部分

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


/*1.全体指定
-------------------------------------------*/
*	{
	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;
	}	

#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.コンテンツ部分
-------------------------------------------*/
#contWrap	{
	padding-top: 9px;
	}
	
#contWrap #contLeft	{
	width: 692px;
	float: left;
	}
	
#contWrap #contLeft h2 #icon	{
	position:relative;
	top: -3px;
	}
	
#contWrap #contRight {
	width: 195px;
	float: left;
	}
	
#contWrap #contRight li {
	list-style: none;
	margin-bottom: 10px;
	}

/*4.フッター部分
-------------------------------------------*/
#footer	{
	margin: 13px 0 30px 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;
	}