/*-----------------------------------------------------------------
	基本スタイル
-----------------------------------------------------------------*/

html {
  color:#333;
  overflow-y: scroll;
  background: #fff url(../images/bg.gif) repeat-x;
		border-top: #ffcc33 4px solid;
}

body {
	 font-size: 13px; /* modern browser */
	 *font-size: small; /* IE 7 */
	 *font: x-small; /* IE 6 */
	 background: url(../images/hbg.gif) no-repeat center top;
}
p {
	 line-height: 1.6;
	 text-align: left;
} 
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	 height: 1%;
}
.clearfix {
	 display: block;
}
/* for IE 5.5-7 */
.clearfix {
	zoom:100%;
}

/*要素を中央揃いに*/
.align_center {
	 text-align: center;
}
/*要素を左に*/
.align_left {
	 text-align: left;
}
/*要素を右に*/
.align_right {
	 text-align: right;
}

/*テキスト色を赤に*/
.red {
	 color: #CC1414;
}

/*テキスト色を青に*/
.blue {
	 color: #25C4E8;
}

/*テキスト色をグレーに*/
.gray {
	 color: #666;
}

/*テキスト太字に*/
.bold {
	 font-weight: bold;
}
/*テキスト小文字に*/
.stxt {
	 font-size: 12px;
}
/*テキスト10pxに*/
.t10 {
	font-size: 10px;
}

/*左に回り込む*/
.float_l {
	 float: left;}

/*右に回り込む*/
.float_r {
	 float: right;}

/* 画像に枠線 */
.line {
	 border: #d6d6d6 1px solid;
}

.mr20 {
	 margin-left: 20px;
}

/*-----------------------------------------------------------------
	全体
-----------------------------------------------------------------*/

#wrap {
	 width: 960px;
	 margin: 0 auto;
}

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

#header {
	 width: 100%;
	 height: 120px;
		background: url(../images/hbg.jpg) no-repeat top center;
		margin: 0 auto;
	 text-align: center;
	 position: relative;
}

#header h1 {
	 position: absolute;
		  left: 0;
		  top: 52px;
}

#htxt {
	 color: #7d3d20;
		position: absolute;
		  left: 252px;
				top: 60px;
}

#tel {
	 position: absolute;
		  right: 0;
				top: 67px;
}

/* リストメニュー */

#hnav {
	 width: 960px;
	 margin: 0 auto;
	 padding: 0;
	 height: 40px;
	 overflow: hidden;
}

#hnav li{
	 float: left;
	 margin: 0;
	 padding: 0;
}

#hnav li a{
	 background-image: url(../images/header_nav.gif);
	 display: block;
	 height: 0 !important;
	 height /**/: 40px;
	 overflow: hidden;
	 padding-top: 40px;
}

/* オフマウス */
#nav01 a{ background-position: 0 0; width:160px;}
#nav02 a{ background-position: -160px 0; width:160px;}
#nav03 a{ background-position: -320px 0; width:160px;}
#nav04 a{ background-position: -480px 0; width:160px;}
#nav05 a{ background-position: -640px 0; width:160px;}
#nav06 a{ background-position: -800px 0; width:160px;}

/* オンマウス */
#nav01 a:hover{ background-position: 0 -40px;}
#nav02 a:hover{ background-position: -160px -40px;}
#nav03 a:hover{ background-position: -320px -40px;}
#nav04 a:hover{ background-position: -480px -40px;}
#nav05 a:hover{ background-position: -640px -40px;}
#nav06 a:hover{ background-position: -800px -40px;}

/*-----------------------------------------------------------------
	TOPビジュアル
-----------------------------------------------------------------*/

#main_visual {
	 width: 100%;
 	height: auto;
 	background: url(../images/top_img01.jpg) no-repeat top;
 	text-align: center;
	 margin: 20px 0 0;
 position: relative;
}

/*-----------------------------------------------------------------
	左右
-----------------------------------------------------------------*/

#lr_wrap{
	width: 960px;
	margin: 20px auto 0;
	overflow: hidden;
}

/*-----------------------------------------------------------------
	左カラム
-----------------------------------------------------------------*/

#sidemenu {
	 width: 200px;
		display: inline; /* IE6 */
	 float: left;
		margin: 15px 40px 0 0;
		text-align: left;
}

.side_list_a {
		border-bottom: #e9c1af 1px solid;
		padding: 0 0 10px;
		margin: 0 0 20px;
}

.side_list_a li {
	 background: url(../images/lmark.gif) no-repeat left 15px;
		border-top: #e9c1af 1px solid;
		font-size: 125%;
		margin: 10px 0 0;
		padding: 10px 0 0 20px;
}

.side_list_a li a {
		color: #7d3d20;
		text-decoration: none;
}

.side_list {
		border-bottom: #e9c1af 1px solid;
		padding: 0 0 15px;
		margin: 0 0 5px;
}
.side_list dt {
	 background: url(../images/lmark.gif) no-repeat left 18px;
		border-top: #e9c1af 1px solid;
		font-size: 125%;
		margin: 20px 0 0;
		padding: 15px 0 0 20px;
}

.side_list dt a {
		/*color: #7d3d20;
		text-decoration: none;*/
}

.side_list dd {
		color: #7d3d20;
		line-height: 1.4em;
		padding: 15px 0 0 20px;
}

.side-bn li {
	 margin: 0 0 10px;
}

.side-bn li img {
	 vertical-align: bottom;
}

/*-----------------------------------------------------------------
	中央画面
-----------------------------------------------------------------*/

#main {
 	width: 720px;
		display: inline; /* IE6 */
	 margin: 15px 0 40px;
	 float: left;
		overflow: hidden;
}

/*-----------------------------------------------------------------
	下段メニュー画面
-----------------------------------------------------------------*/

#pagetop {
	 width: 960px;
		margin: 0 auto 8px;
		text-align: right;
}

#footer {
	 width: 100%;
	 height: 60px;
 	background: url(../images/fbg.jpg) no-repeat top center;
	 margin: 0;
	 padding: 90px 0 0;
	 position: relative;
  text-align: center;
}

#flogo {
	 float: left;
		margin: 0 0 0 10px;
		text-align: left;
}

#footer ul {
	 margin: 20px 0 25px;
	 text-align: right;
}

#footer ul li {
	 height: 14px;
	 border-right: #333 1px solid;
		display: inline;
		font-size: 93%;
		line-height: 14px;
		margin: 0 0 10px;
		padding: 0 10px;
}

#footer ul li a {
		color: #211009;
}

#footer ul li.lline {
	 border-left: #333 1px solid;
}

#copy {
	 font-size: 72%;
		text-align: right;
}