/***********************
	  HTML要素
************************/

body#home {
	margin:0;
	background:url(../img/bg_home.gif) repeat-x top #FFFFFF;
	font: 0.8em/1.8em  "MS UI Gothic","MS PGothic","Osaka";
	color:#333;
}
body#page {
	margin:0;
	background:url(../img/bg_page.gif) repeat-x top #FFFFFF;
	font: 0.8em/1.8em  "MS UI Gothic","MS PGothic","Osaka";
	color:#333;
}

td,th {
	font-family: "MS UI Gothic","MS PGothic","Osaka"
	font-size:0.8em;
	line-height:1.8em;
}

a {color:#0000FF; text-decoration:none;}
a:hover {color:#ec814b;}
h1 {font-size:20px; color:#EEEEEE; margin:15px 0 10px 0;}
h2 {  
    border: #CCCCCC solid 1px;
	background:url(../img/bg_pa_h2.gif) repeat-x top #FFFFFF;   
    display: block;   
	margin:10px 0;
    padding:0.2em 0.3em; 
	font-size:1.2em;
	line-height:1.2em; 
}   
.selector {   
    border-left: #d0a282 double 14px;   
    padding: 0.2em 0.2em 0.2em 0.8em; 
} 
img {border:none;}
br {line-height:12px;}

#container {
	width:900px;
	margin:0 auto;
	padding:0;
	border:none;
}

/***********************
	  ヘッダー要素
************************/

#home_header {	position: relative;	height: 500px;	width:100%;	padding:0;}
#page_header {	position: relative;	height: 240px;	width:100%;	padding:0;}

#logo {padding:0; margin:0; height:68px; width:60%; float: left;}
#logo h1 {font-size:11px; color:#FFFFFF; font-weight:100; padding:0; margin:0;}
#headmenu {padding:10px 0; margin:0; height:60px; width:40%; float: left; text-align:right;}
#headmenu a {font-size:11px; text-decoration:none;}

#homemain {padding:0; margin:0; height:380px; width:900px; float: left;}
#pagemain {padding:0; margin:0; height:120px; width:900px; float: left;}


#menu {padding:0 1px; margin:0; height:40px; width:900px; background:url(../img/bg_menu.gif) no-repeat; float:left;}
#menu ul {padding:0; margin:0; float:left;}
#menu li {float:left; list-style:none;}
#menu a {display:block; height:40px; color:#ffffff; background:url(../img/bg_menu01.gif) repeat-x; float:left;}
#menu a:hover, #menu a.active {background:url(../img/bg_menu02.gif) repeat-x;}


/***********************
	ページメイン要素
************************/
/******** メイン ********/
#m_cont {
	margin: 0;
	padding: 10px;
	width: 878px;
	border-left: 1px dotted #6f6250;
	border-right: 1px dotted #6f6250;
}
#main {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 640px;		
}

#main_page {
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;		
}

#main_side {
	float: left;
	margin: 0;
	padding: 0;
	width: 225px;		
}

/******** 左メニュー ********/
#sidebar {
	float: left;
	width: 210px;
	margin: 10px 20px 10px 0; 
	padding: 0; 
	background:url(../img/bk_comm.gif);
}

#sidebar h2 {
	padding:0 0 0 25px;
	margin: 10px 0; 
	font-size:13px;
	border: none;
	background: url(../img/bg_sb_h2.gif) no-repeat left top;
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:0;
	padding:5px;		
}

#sidebar ul.sidemenu li {
	margin-bottom:5px;
	border: 1px solid #dbc4a8;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #382e22;	
	text-decoration:none;
	height:30px;	
	padding:11px 0 0 8px;
	border-left:4px solid #dbc4a8;	
	background: url(../img/bg_smenuif.gif) repeat-x;	
}

* html body #sidebar ul.sidemenu a { height: 30px; }

#sidebar ul.sidemenu a:hover, #sidebar ul.sidemenu a.active {
	background: url(../img/bg_smenuif2.gif) repeat-x;	
	border-left:4px solid #ec814b;
}
img.sidebn {
  margin: 5px 0px 5px 10px;  
}

#sidebar ul.sidebn {
	list-style:none;
	margin:0;
	padding:30px 0;
	background-color:#FFFFFF;
}
#sidebar ul.sidebn li {
	margin-bottom:12px;
	border: none;
}
#sidebar ul.sidebn a {
	display:block;
	padding:2px;
	border:3px solid #dddddd;	
}
#sidebar ul.sidebn a:hover {
	border:3px solid #cfc2a4;
}
/***********************
	お問い合わせ要素
************************/

#toiawase a{
	display:block;
	width:640px;
	height:88px;
    text-indent: -9999px;  
	background:url(../img/bn_mailform01.gif) no-repeat;
	line-height:88px;
}

#toiawase a:hover{background:url(../img/bn_mailform02.gif) no-repeat;}

#refomail a{
	display:block;
	width:640px;
	height:88px;
    text-indent: -9999px;  
	background:url(../img/bn_refoform01.gif) no-repeat;
	line-height:88px;
}

#refomail a:hover{background:url(../img/bn_refoform02.gif) no-repeat;}


#clubmail a{
	display:block;
	width:640px;
	height:88px;
    text-indent: -9999px;  
	background:url(../img/bn_clubform01.gif) no-repeat;
	line-height:88px;
}

#clubmail a:hover{background:url(../img/bn_clubform02.gif) no-repeat;}

#club2mail a{
	display:block;
	width:640px;
	height:88px;
    text-indent: -9999px;  
	background:url(../img/bn_clubform03.gif) no-repeat;
	line-height:88px;
}

#club2mail a:hover{background:url(../img/bn_clubform04.gif) no-repeat;}

/***********************
	  フッター要素
************************/

#footer {position: relative; width:100%; padding:0; background-color:#5c4f3d; clear: both; }
#footer_main {margin: 0 auto; padding: 10px 5px; width: 890px; background-color:#473b2d; color:#ffffff;}

/***********************
	  フォント要素
************************/
.clear { clear: both; }
.white { color: #FFFFFF; }
.green { color: #609322; }
.gray  { color: #787878; }
.blue  { color: #0066FF; }
.red  { color: #ff0000; }
.font_m  {  font-size:13px; }
.font_s  {  font-size:11px; }
.font_ss  {  font-size:10px; }
.style-line{line-height : 200%; color: #333333; border-bottom : 1px dashed #6a9743;	padding-top: 2px;}