@charset "utf-8";
/* common.css */
 
/* 
*
*	Common Style Sheet
*
*	body, wrapper
*	ヘッダー
*	ヘッダーメニュー
*	メインメニュー
*	フッター
*   バリデーションクラス用
*/
 
 
/*======================================
 
	body, wrapper
 
=======================================*/
 
body{
	background: #4a5b31 url(../images/bk.gif) top center repeat;
}
 
div#wrapper {
	background-color:#efeeed;
	margin: 0px auto 0 auto;
	padding: 0;
	border: 0;
	width: 840px;
}
 
/*======================================
 
	ヘッダー
 
=======================================*/
div#wrapper #header {
	margin: 0;
	padding: 0;
	border: 0;
	width: 840px;
	height:100px;
	background: #4a5b31 url(../images/header_bk.gif) top center no-repeat;
}
 
div#wrapper #header h1 {
	margin: 9px 0 0 15px;
	padding: 0;
	border: 0;
	width: 239px;
	height: 85px;
	float: left;
}
  
div#wrapper #header div#h_tel {
	margin:0 15px;
	padding: 0;
	border: 0;
	width: 459px;
	height: 40px;
	background: url(../images/h_contact.gif) no-repeat;	
	float: right;
}

div#wrapper #header div#h_tel a {
	width: 439px;
	height: 40px;
	display: block;
}

/*======================================
 
	ヘッダーメニュー
 
=======================================*/
 
div#wrapper #header div#h_menu {
	margin: 40px 0px 0 0px;
	float:right;
}
 
div#wrapper #header div#h_menu ul {
	margin: 0px 0 0 0;
	padding: 0;
	border: 0;
	width: 280px;
	height: 15px;
	list-style: none;
	overflow: hidden;
}
 
div#wrapper #header div#h_menu li {
	margin: 5px;
	padding: 0;
	border: 0;
	list-style: none;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}
 
div#wrapper #header div#h_menu li#h_menu01,
div#wrapper #header div#h_menu li#h_menu01 a {
	margin: 0 7px 0 0;
	padding: 0;
	border: 0;
	width: 75px;
	height: 15px;
	display: block;
	overflow:hidden;
}
 
div#wrapper #header div#h_menu li#h_menu02,
div#wrapper #header div#h_menu li#h_menu02 a {
	margin: 0 7px 0 0;
	padding: 0;
	border: 0;
	width: 72px;
	height: 15px;
	display: block;
	overflow:hidden;
}
div#wrapper #header div#h_menu li#h_menu03,
div#wrapper #header div#h_menu li#h_menu03 a {
	margin: 0 7px 0 0;
	padding: 0;
	border: 0;
	width: 100px;
	height: 15px;
	display: block;
	overflow:hidden;
}
/*======================================
 
	メインメニュー
 
=======================================*/
div#wrapper #m_menu {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 840px;
	height: 50px;
	background: url(../images/buttons/m_menu.gif) top center no-repeat;
	clear: both;
}
 
div#wrapper div#m_menu ul {
	margin:0px 10px;
	padding: 0px;
	border: 0px;
	width: 840px;
	height: 50px;
	list-style: none;
 
}
 
div#wrapper div#m_menu li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}
 
div#wrapper div#m_menu li#m_menu01 a {
	width: 137px;
	height: 40px;
	display: block;
}
 
div#wrapper div#m_menu li#m_menu02 a,
div#wrapper div#m_menu li#m_menu03 a,
div#wrapper div#m_menu li#m_menu04 a,
div#wrapper div#m_menu li#m_menu05 a{
	width: 137px;
	height: 40px;
	display: block;
}

div#wrapper div#m_menu li#m_menu06 a {
	width: 136px;
	height: 40px;
	display: block;
}

div#wrapper div#m_menu li#m_menu01 a:hover {
	background-image: url(../images/buttons/m_menu1.gif);
	background-position: 0px 0px;
}
 
div#wrapper div#m_menu li#m_menu02 a:hover {
	background-image: url(../images/buttons/m_menu2.gif);
	background-position: -137px 0px;
}
 
div#wrapper div#m_menu li#m_menu03 a:hover {
	background-image: url(../images/buttons/m_menu3.gif);
	background-position: -274px 0px;
}
 
div#wrapper div#m_menu li#m_menu04 a:hover {
	background-image: url(../images/buttons/m_menu4.gif);
	background-position: -411px 0px;
}
 
div#wrapper div#m_menu li#m_menu05 a:hover {
	background-image: url(../images/buttons/m_menu5.gif);
	background-position: -548px 0px;
}
 
div#wrapper div#m_menu li#m_menu06 a:hover {
	background-image: url(../images/buttons/m_menu6.gif);
	background-position: -680px 0px;
}
 
/*======================================
 
	フッター
 
=======================================*/
 
div#wrapper #footer {
	margin: 0;
	padding: 0;
	border: 0;
	width: 840px;
	height: 85px;
	background: url(../images/footer_bk.gif) top center no-repeat;
	clear:both;
}
 
div#wrapper #footer h2#footer_title {
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	width: 125px;
	height: 85px;
	overflow: hidden;
	text-indent: -9999px;
	color:#ffffff;
	float: left;
}
 
div#wrapper #footer h2#footer_title a {
	width: 125px;
	height: 85px;
	display: block;
}
 
div#wrapper #footer p#f_address {
	margin: 10px 0 0 80px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFF;
	float: left;
}
 
/*======================================
 
	バリデーションクラス用
 
=======================================*/
.error_message{
	display : block;
	color : red;
	font-size : 12px;
	padding : 3px 0 2px 25px;
	margin : 5px 0 0 0;
	background : url("../images/mark_alert.gif") no-repeat;
}

.backColor_text01{
	width: 70px;
	background-color : #ffbfbf;
}

.backColor_text02{
	width:40px;
	background-color : #ffbfbf;
}

.backColor_text03{
	width:200px;
	background-color : #ffbfbf;
}

.backColor_mail{
	width:380px;
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	background-color : #ffbfbf;
}