/* CSS layout ---------------------------------------------- */

*{
	margin:0px;
	padding:0px;
}

html {  
	overflow-y:scroll;  
} 

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#d7cec4;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 160%;
}

/* page building structure --------------------------------------- */

#building {
	width:100%;
	margin: 0 auto;
}

#logo{
	text-align:center;
	padding:50px 0 0 0;
}

#building2 {
	width: 860px;
	margin: 0 auto;
	padding: 0;
}

#summary {
	position:absolute;
	top:0;
	left:-9999px;
	margin:0;
	padding:0;
	font-size:6px;
}

/* ------------------------------
	hタグ
------------------------------ */

h1{
	font-size:14px;
}

h2{
	margin: 0;
	padding: 0;
}

/* building structure --------------------------------------- */

#main-flash{
	width:100%;
	height:380px;
	margin: 0 auto;
	background-color:#433421;
	text-align:center;
}

#main-image{
	width:880px;
	height:380px;
	margin: 0 auto;
	background-color:#433421;
}

#navi-flash{
	width:100%;
	height:170px;
	margin: 0 auto;
	background-color:#433421;
	text-align:center;
}

#contents-bg{
	width:100%;
	background-color:#433421;
}

#contents-area{
	width:880px;
	margin: 0 auto;
}

#contents-area #top-ban{
	padding:0 30px 10px 30px;
}


#subcontents-area{
	padding:0 30px;
}

#index-contents {
    width:880px;
	overflow: hidden; !important
}

#index-contents:after {!important
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #index-contents {!important
    height: 1em;
    overflow: visible;
}
/**/

#index-contents #info{
	width:320px;
	padding:0 30px 0 30px;
	float:left;
}

#index-contents #info #info-area{
	padding:10px 0 0 0;
}

#index-contents #info dl {
	margin: 0 5px;
	border-bottom: dotted 1px #544533;
}

#index-contents #info dl dt {
	margin: 0;
	margin-right: -5em;
	padding: 0.5em 0;
	float: left;
	clear: both;
	display: inline;
	width: 5em;
	font-size:10px;
}

#index-contents #info dl dd {
	margin-left:5em;
	padding: 0.5em 10px; 
}

#index-contents #info dl {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

#index-contents #info dl::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#index-contents .info-ti{
	width:270px;
	height:25px;
	background:url(../../images/ti_info.gif) no-repeat;
	text-indent:-9999px;
	font-size:3px;
}

#index-contents #about{
	width:470px;
	padding:0 30px 0 0;
	float:right;
}

#index-contents .about-ti{
	width:270px;
	height:25px;
	background:url(../../images/ti_about.gif) no-repeat;
	text-indent:-9999px;
	font-size:3px;
}

#index-contents .about-tx{
	padding:15px 0;
	line-height:180%;
}

#index-contents .about-btn{
	padding:0 0 15px 0;
}

#index-contents .about-btn a img{
	border:none;
	margin:0px 20px 0px 0px;
	padding:3px;
	background-color:#544533;
}

#index-contents .about-btn a:hover img{
	border:none;
	margin:0px 20px 0px 0px;
	padding:3px;
	background-color:#FFF;
}

#index-contents .about-tx p{
	padding:0 0 10px 0;
}

#kaatu {
    width:820px;
	padding:10px 30px;
	margin:20px 0 0 0;
	overflow: hidden; !important
}

#kaatu:after {!important
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #kaatu {!important
    height: 1em;
    overflow: visible;
}
/**/

#kaatu .logo{
	width:100px;
	height:54px;
	float:left;
}

#kaatu .tx{
	width:720px;
	height:54px;
	float:right;
	font-size:10px;
	line-height:140%;
	margin:auto 0; 
	padding:10px 0 0 0;
}

.top-image{
	width:560px;
	float:right;
}

p{
	padding:0;
	margin:0;
}

#footer {
    width:820px;
	padding:10px 30px;
	margin:0 auto;
	overflow: hidden; !important
}

#footer:after {!important
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer {!important
    height: 1em;
    overflow: visible;
}
/**/

#footer .footer-l{
	width:570px;
	float:left;
}

#footer .footer-l .img{
	width:60px;
	float:left;
}

#footer .footer-l .address{
	width:510px;
	float:right;
	font-size:10px;
	line-height:160%;
	color:#433421;
}


#footer .footer-l{
	width:570px;
	float:left;
}

#footer .footer-r{
	width:250px;
	height:18px;
	float:right;
}

#footer .footer-r{
	width:250px;
	height:18px;
	background:url(../../common/images/foot_copy.gif) no-repeat;
	text-indent:-9999px;
	font-size:3px;
}

#pagetop-area{
	padding:0 0 0 730px;
}

#pagetop a{
	width:120px;
	height:25px;
	background:url(../../common/images/b_pagetop.gif) no-repeat;
	text-indent:-9999px;
	font-size:3px;
	display:block;
}

.name{
	font-size: 18px;
	color: #663300;
	padding:5px 0;
}

.name-jp{
	font-size: 12px;
	color: #663300;
	padding:5px 0 0 0;
}

.lead{
	color: #663300;
	margin:10px 0;
}

.copy{
	color: #663300;
	padding:5px 0;
	font-size: 14px;
}

.sbti{
	font-size: 12px;
	color: #663300;
	padding:15px 0 0px 0;
}

.use-tx{
	font-size:10px;
	padding:10px 0 10px 0;
	line-height: 150%;
	color: #555;
}

.txt-area {
	padding:10px 0;
	margin: 0;
}

.item-area {
    width:860px;
	padding:30px 0 10px 0;
	margin: 0;
	background-color: #FFFFFF;
	border-bottom:#E5E5E5 1px solid;
	overflow: hidden; !important
}

.item-area:after {!important
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .item-area {!important
    height: 1em;
    overflow: visible;
}
/**/

.item-area .photo{
	float:left;
	width:300px;
	text-align:center;
	vertical-align:bottom;
}

.item-area .txt{
	float:right;
	width:540px;
}

#subcontents-area .title{
	padding:0 0 10px 0;
}

/* price structure --------------------------------------- */

.tel{
	width:820px;
	text-align:center;
}

#contents-area .price-tb{
	padding:10px 0;
}

.price-tb{
	padding:10px 0;
}

.price-tb-title{
	padding:8px 15px;
	color:#433421;
	background-color:#e7dfce;
}

.price-tb-l{
	padding:10px 15px;
	color:#433421;
	background-color:#FFF;
}

.price-tb-r{
	padding:10px 15px;
	color:#433421;
	background-color:#FFF;
}

/* link structure --------------------------------------- */

.link-tb-area{
	background-color:#57452f;
}

td.link-tb{
	padding:10px 0;
	background-color:#433421;
	text-align:center;
	vertical-align:top;
}

td.link-tb p{
	padding:10px 0 0 0;
	font-size:10px;
}

/* try structure --------------------------------------- */

#contents-area .try-area{
	padding:10px 0;
}

#contents-area .try-area .title{
	padding:0 0 0 0;
}

#contents-area .try-area .tx{
	padding:0 0 0 70px;
}

#contents-area .try-area .tx p{
	padding:3px 0;
}

/* try structure --------------------------------------- */

#contents-area .concept{
	/*width:690px;*/
	padding:10px 0 0 0;
}

#contents-area .dojyocho{
	width:110px;
	float:right;
}

#contents-area .concept p{
	padding:0 0 10px 0;
}



/* contact structure --------------------------------------- */

#contact {
	padding: 10px 0;
}



#contact dl {
	margin: 0;
}

#contact dt{
	clear: left;
	float: left;
	width: 15em;
	padding:1.5em  0;
	line-height:normal;
}

#contact dd{
	margin-left: 15em;
	padding:1.5em  0;
	border-bottom: dotted 1px #57452f;
	line-height:normal;
}

#contact dd p{
	margin-left: 0em;
}

#contact dl {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*/
	overflow: hidden;
	/* */
}

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

#contact-btn {
	padding:10px 0;
}

#contact-btn img{
	padding:0 170px 0 0;
}

#contact-btn a img{
	border:none;
	margin:0px 170px 0px 0px;
	padding:3px;
	background-color:#544533;
}

#contact-btn a:hover img{
	border:none;
	margin:0px 170px 0px 0px;
	padding:3px;
	background-color:#FFF;
}

.contact-error{
	margin:10px 0;
	padding:5px 30px;
	background-color:#544533;
	color:#CFB600;
}

.contact-error p{
	padding:2px 0;
}

/* news structure --------------------------------------- */

#news-area {
    width:820px;
	overflow: hidden; !important
}

#news-area:after {!important
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #news-area {!important
    height: 1em;
    overflow: visible;
}
/**/

#news-area #news-l{
	width:560px;
	float:left;
}

#news-area #news-r{
	width:220px;
	float:right;
}

.entry-area{
	padding:20px 0 10px 0;
}

.entry-set{
	padding:20px 0;
	border-bottom:dotted 1px #544533;
}

.entry-area .ti{
	padding:0 0 4px 0;
	color:#CFB600;
}

.entry-area .date{
	padding:0 0 8px 0;
	color:#CFB600;
}

.entry-area .txt img{
	margin:5px 0px;
	padding:3px;
	background-color:#544533;
}

.entry-area .txt a img{
	border:none;
	margin:5px 0px;
	padding:3px;
	background-color:#544533;
}

.entry-area .txt a:hover img{
	border:none;
	margin:5px 0px;
	padding:3px;
	background-color:#FFF;
}

#news-area #news-l .title-navi{
	padding:0 0 10px 0;
	text-align:center;
}

/* カレンダー */
#calendar {
    padding:0 0 15px 0;
}

.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #333;
    font-size: 10px;
    background: none;
    letter-spacing: 0.2em;
}

#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}

#calendar th {
    padding-bottom: 3px;
    font-size: 10px;
    width: 23px;
}

#calendar td {
    padding: 3px 0;
    font-size: 10px;
    line-height: 120%;
}

#news-r span.day {
    text-align: center;
    font-size: 10px;
}
#news-r span.saturday {
    color: #3399FF;
}
#news-r span.sunday {
    color: #FF99CC;
}
#news-r td.today {
    display: block;
	background:#333333;
	color:#CFB600;
}

#news-r .sbti {
    color: #CFB600;
	padding:10px 0;
	font-size:14px;
}


/* font structure --------------------------------------- */

/* ------------------------------
	link
------------------------------ */
a:link {
	color: #d7cec4;
	text-decoration: underline;
}
a:active {
	color: #d7cec4;
	text-decoration: underline;
}
a:visited {
	color: #d7cec4;
	text-decoration: underline;
}
a:hover {
	color: #d7cec4;
	text-decoration: none;
}

/* ------------------------------
	link
------------------------------ */
#contents-area a:link {
	color: #d7cec4;
	text-decoration: underline;
}
#contents-area a:active {
	color: #d7cec4;
	text-decoration: underline;
}
#contents-area a:visited {
	color: #d7cec4;
	text-decoration: underline;
}
#contents-area a:hover {
	color: #d7cec4;
	text-decoration: none;
}

/* ------------------------------
	default Size
------------------------------ */
.det{
	font-size: 12px;
	line-height: 135%;
}
.deh{
	font-size: 12px;
	line-height: 145%;
}
.det_route{
	font-size: 12px;
	line-height: 135%;
	color: #C29033;
}

/* ------------------------------
	Small Size
------------------------------ */
.smt{
	font-size: 10px;
	line-height: 135%;
}

.smh{
	font-size: 10px;
	line-height: 145%;
}
.smt_route{
	font-size: 10px;
	line-height: 135%;
	color: #C29033;
}

/* ------------------------------
	large Size
------------------------------ */
.let{
	font-size: 14px;
	line-height: 140%;
}


/* color ----------------------------------------------- */
.brown{color:#663300;}
.gold{color:#CFB600;}
.red{color:#FF0000;}
.kgreen{color:#4FD47A;}
.orange{color:#FF9900;}
.orange1{color:#FF8523;}
.white{color:#FFFFFF;}
.l_blue{color:#F3FAFD;}
.blue{color:#028DEA;}
.blue1{color: #3399FF}
.green1{color: #009999}
.green2{color: #43A452}
.green3{color: #409A07}
.grey1{color: #999999}