@charset "shift_jis";

/*-----------------------------------------
###########################################
date: 2007/4
author: ishikura
###########################################
-----------------------------------------*/

/* format
=========================================*/
* { margin: 0; padding: 0; }
option { padding: 0 0.5em; } /* ユニバーサルセレクタリセットをするとselectboxの右側が切れてしまう為 */
img { border: none; vertical-align: bottom; }
ol,ul,li,dl,dt,dd { list-style-type: none; }
hr,legend { display: none; }
fieldset { border: none; }
address,em { font-style: normal; }
input,textarea { font-size: 1em; }
table,td,th{ border-collapse: collapse; empty-cells: show; font-size: 1em; }
html { overflow: -moz-scrollbars-vertical !important; } /* fxでスクロールバーの非表示によるずれ回避 */

/* clearfix
=========================================*/
/* floatした要素の親要素が高さを認識できない場合 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* body
=========================================*/
body {
font: 80%/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,
"メイリオ",Meiryo,"Trebuchet MS",Verdana,"ＭＳ Ｐゴシック",sans-serif;
color: #333;
background: url(../images/index/bg_body.gif) repeat-y;
background-position: center 0;
text-align: center;
}

* html body {
font: 80%/1.5 "ＭＳ Ｐゴシック",sans-serif;
}

/* link color
=========================================*/
/* Hides from IE-mac \*/ a { overflow: hidden;} /* End hide from IE-mac */
a:link { color: #504126; text-decoration: underline;}
a:visited { color: #504126; text-decoration: underline;}
a:hover { color: #908064; text-decoration: none;}
a:active { color: #908064; text-decoration: none;}

/* tag
=========================================*/
h1,h2,h3,h4,h5,h6 { font-size: 1em;}
.page-break { page-break-before: always;}

/*
-------------------------------------------
###########################################
 layout
###########################################
-------------------------------------------
*/

#wrap-container {
	text-align: left;
	width: 748px;
	margin: 0 auto;
	background-color: #fff;
}

#wrap-globalNavi {
	margin: 10px 0;
	font-family: "HGPｺﾞｼｯｸM";
}

#wrap-rightColumn {
	float: right;
	width: 570px;
	background: url(../images/index/bg_message_top.gif) no-repeat;
	background-position: left top;
	padding: 7px 0 0;
}

#wrap-leftColumn {
	float: left;
	width: 170px;
	font-size: 12px;
	background: url(../images/index/bg_leftColumn.gif) repeat-y;
}
#wrap-rightColumn div#wrap-message {
	background: url(../images/index/bg_message_bottom.gif) no-repeat;
	background-position: left bottom;
	margin: 0 0 7px;
	padding: 0 0 7px;
}
#wrap-rightColumn div#wrap-message div.group {
	background: url(../images/index/bg_message_body.gif) repeat-y;
	background-position: left;
	padding: 4px 19px 0 9px;
}
#wrap-rightColumn div#wrap-message div.group div.leftside { float: left; width: 300px;}
#wrap-rightColumn div#wrap-message div.group div.rightside { margin: 0 0 0 320px;}


#wrap-rightColumn div#wrap-subContents {
	width: 560px;
	background: url(../images/index/bg_subcontents.gif) repeat-y;
}

#wrap-rightColumn div#wrap-subContents div#wrap-news {
	width: 380px;
	float: left;
}

#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog {
	width: 170px;
	float: right;
}

#wrap-footer {
	clear: both;
}

#wrap-link {
	font-family: "Lucida Sans Unicode","Trebuchet MS",Verdana, Arial,Helvetica,  sans-serif;
}

/*
-------------------------------------------
###########################################
 wrap-header
###########################################
-------------------------------------------
*/

#wrap-header h1 {
	color: #7a6045;
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 2px;
	width: 748px;
}

#wrap-header a img {
	width: 143px;
	float: left;
}
#wrap-header div#wrap-flash {
	margin: 0 0 0 143px;
}

/*
-------------------------------------------
###########################################
 wrap-globalNavi
###########################################
-------------------------------------------
*/

#wrap-globalNavi ul li {
	float: left;
	text-align: center;
}

#wrap-globalNavi ul li a {
	display: block;
	padding: 18px 0 0;
	height: 22px;
	text-decoration: none;
	text-indent: -9999px;
}

#wrap-globalNavi ul li.nav01 a:link,#wrap-globalNavi ul li.nav01 a:visited {
width: 150px; background: url(../images/index/navi_01.gif) no-repeat right 0;}
#wrap-globalNavi ul li.nav02 a:link,#wrap-globalNavi ul li.nav02 a:visited {
width: 89px; background: url(../images/index/navi_02.gif) no-repeat;}
#wrap-globalNavi ul li.nav03 a:link,#wrap-globalNavi ul li.nav03 a:visited {
width: 116px; background: url(../images/index/navi_03.gif) no-repeat;}
#wrap-globalNavi ul li.nav04 a:link,#wrap-globalNavi ul li.nav04 a:visited {
width: 110px; background: url(../images/index/navi_04.gif) no-repeat;}
#wrap-globalNavi ul li.nav05 a:link,#wrap-globalNavi ul li.nav05 a:visited {
width: 148px; background: url(../images/index/navi_05.gif) no-repeat;}
#wrap-globalNavi ul li.nav06 a:link,#wrap-globalNavi ul li.nav06 a:visited {
width: 133px; background: url(../images/index/navi_06.gif) no-repeat;}

#wrap-globalNavi ul li.nav01 a:hover,#wrap-globalNavi ul li.nav01 a:active {
background-position: right -40px;}
#wrap-globalNavi ul li.nav02 a:hover,#wrap-globalNavi ul li.nav02 a:active {
background-position: 0 -40px;}
#wrap-globalNavi ul li.nav03 a:hover,#wrap-globalNavi ul li.nav03 a:active {
background-position: 0 -40px;}
#wrap-globalNavi ul li.nav04 a:hover,#wrap-globalNavi ul li.nav04 a:active {
background-position: 0 -40px;}
#wrap-globalNavi ul li.nav05 a:hover,#wrap-globalNavi ul li.nav05 a:active {
background-position: 0 -40px;}
#wrap-globalNavi ul li.nav06 a:hover,#wrap-globalNavi ul li.nav06 a:active {
background-position: 0 -40px;}

/*
-------------------------------------------
###########################################
 wrap-leftColumn
###########################################
-------------------------------------------
*/

#wrap-leftColumn h3.reserve {
	text-indent: -9999px;
	height: 40px;
	background: url(../images/index/title_reserve.gif) no-repeat;
}

#wrap-leftColumn p {
	padding: 2px 8px 2px 10px;
}
#wrap-leftColumn p.reserve a {
	display: block;
	margin: 3px 0;
	
}


#wrap-leftColumn div#wrap-mobile {
	background: url(../images/index/bg_mobile.gif) repeat-y;]
	margin: 0 0 10px 0;
}

#wrap-leftColumn div#wrap-mobile form {
	padding:  2px 15px;
}

#wrap-leftColumn div#wrap-mobile form fieldset {
	padding: 4px;
	border: 1px solid #B78F54;
	background-color: #F4F3DB;
}

#wrap-leftColumn div#wrap-mobile form input#inputAddress {
	width: 80%;
}

#wrap-leftColumn div#wrap-mobile form select {
	margin: 5px 0 0;
	width: 100%;
}

#wrap-leftColumn div#wrap-mobile form input.btn {
	margin: 5px 0 0;
	float: right;
}

#wrap-leftColumn div#wrap-mobile p {
	padding: 2px 12px 2px 15px;
}

#wrap-leftColumn div#wrap-mobile div#wrap-qrcode {
	text-align: center;
	padding: 0 0 10px;
}

#wrap-leftColumn div#wrap-mobile div#wrap-qrcode p {
	margin:  2px 10px;
	padding: 5px;
	text-align: left;
	background: url(../images/index/ic_border.gif) repeat-x;
	background-position: top;
}

#wrap-leftColumn div#wrap-mobile h3 {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/index/title_mobile.gif) no-repeat;
}

#wrap-leftColumn ul {
	background: url(../images/index/bg_leftColumn_heder.gif) no-repeat; 
	padding: 10px;
}

#wrap-leftColumn ul li {
	padding: 0 0 0 10px;
	background: url(../images/index/ic_arrow.gif) no-repeat;
	background-position: 0 8px;
}

#wrap-leftColumn .link {
	padding: 10px 0 10px 10px;
	margin: 15px 0 0 0px;
	background: url(../images/index/bg_leftColumn_bottom.gif) no-repeat;
	background-position: bottom;
}

/* #wrap-leftColumn p.link a {
	display: block;
	width: 100px;
	margin: 42px 0 0 5px;
	font-size: 10px;
}

*/


* html #wrap-leftColumn p.link a { margin: 52px 0 0 5px; font-size: 10px; line-height: 1.8;}

/*
-------------------------------------------
###########################################
 wrap-rightColumn
###########################################
-------------------------------------------
*/

#wrap-rightColumn div#wrap-message div.group img {
	float: right;
	margin: 0 0 0 5px;
	background: url(../images/index/bg_message_body.gif) repeat-y;
	padding: 1px;
	border: 1px solid #ccc;
}
/*commentout by heiken at 20070615
#wrap-rightColumn div#wrap-message div.group div.leftside h2 {
	background: url(../images/index/title_message01.gif) no-repeat;
	text-indent: -9999px;
	height: 48px;
	margin: 0 0 4px;
}
 */


}
.top  {
	display: block;
	height: 85px;
	background: url(../images/index/bg_message_body.gif) repeat-y;
	margin: 0;
	padding: 1px 2px 5px 2px;
}


#wrap-rightColumn div#wrap-message div.group div.leftside h2 a {
	display: block;
	background: url(../images/index/title_message01.gif) no-repeat;
	text-indent: -9999px;
	height: 48px;
	margin: 0 0 4px;
}

#wrap-rightColumn div#wrap-message div.group div.rightside h2 a {
	display: block;
	background: url(../images/index/title_message02.gif) no-repeat;
	text-indent: -9999px;
	height: 28px;
	margin: 0 0 4px;
}
#wrap-rightColumn div#wrap-message div.group div.rightside a:link img,
#wrap-rightColumn div#wrap-message div.group div.rightside a:visited img {
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1; /*Fx*/
}
#wrap-rightColumn div#wrap-message div.group div.rightside a:hover img,
#wrap-rightColumn div#wrap-message div.group div.rightside a:active img {
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.5; /*Fx*/
}

#wrap-rightColumn div#wrap-message div.group div.rightside dl dt {
	background: url(../images/index/title_message03.gif) no-repeat;
	text-indent: -9999px;
	height: 28px;
	margin: 6px 0 4px;
}
#wrap-rightColumn div#wrap-message div.group div.rightside dl dd a {
	display: block;
	padding: 2px 0 2px 12px;
	background: url(../images/index/ic_arrow.gif) no-repeat;
	background-position: 2px 9px;
}
#wrap-rightColumn div#wrap-message div.group div.rightside dl dd a:link { background-position: 2px 9px;}
#wrap-rightColumn div#wrap-message div.group div.rightside dl dd a:visited { background-position: 2px 9px;}
#wrap-rightColumn div#wrap-message div.group div.rightside dl dd a:hover { background-position: 4px 9px;}
#wrap-rightColumn div#wrap-message div.group div.rightside dl dd a:active { background-position: 4px 9px;}

/*
-------------------------------------------
###########################################
 wrap-subContents
###########################################
-------------------------------------------
*/

#wrap-rightColumn div#wrap-subContents div#wrap-news h3 {
	height: 44px;
	text-indent: -9999px;
	background: url(../images/index/title_news.gif) no-repeat;
	margin: 0 0 5px;
}

#wrap-rightColumn div#wrap-subContents div#wrap-news dl {
	padding: 0 10px;
}

#wrap-rightColumn div#wrap-subContents div#wrap-news dl dt {
	width: 120px;
	float: left;
	padding: 8px 0 2px;
}

#wrap-rightColumn div#wrap-subContents div#wrap-news dl dd {
	margin: 0 0 0 120px;
	padding: 8px 0 2px 10px;
	background: url(../images/index/ic_arrow.gif) no-repeat;
	background-position: 0 14px;
}

#wrap-rightColumn div#wrap-subContents div#wrap-news p.listView {
	margin: 5px 10px 15px;
	padding: 5px 0 10px 0;
	background: url(../images/index/ic_border.gif) repeat-x;
	background-position: top;
}
#wrap-rightColumn div#wrap-subContents div#wrap-news p.listView a {
	text-indent: -9999px;
	display: block;
	float: right;
	width: 144px;
	height: 11px;
	background: url(../images/index/btn_news_list.gif) no-repeat;
}

#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog h3 {
	height: 44px;
	text-indent: -9999px;
	background: url(../images/index/title_lohasblog.gif) no-repeat;
}

#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog dl {
	padding: 0 10px;
}

#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog dl dt {
	margin: 8px 0 3px;
	padding: 0 0 0 5px;
	line-height: 1;
	font-weight: bold;
	text-indent: -9999px;
	height: 12px;
}
#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog dl dt.title01 { background: url(../images/index/blog_01title.gif) no-repeat;}
#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog dl dt.title02 { background: url(../images/index/blog_02title.gif) no-repeat;}
#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog dl dt.title03 { background: url(../images/index/blog_03title.gif) no-repeat;}
#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog dl dt.title04 { background: url(../images/index/blog_04title.gif) no-repeat;}

#wrap-rightColumn div#wrap-subContents div#wrap-lohasBlog p {
	padding: 5px 10px;
	font-size: 10px;
}

/*
-------------------------------------------
###########################################
 wrap-footer
###########################################
-------------------------------------------
*/

#wrap-footer {
	text-align: center;
	border-top: 1px solid #E1E0BF;
	width: 749px;
	margin: 0 auto;
	padding: 5px 0 0;
	font-size: 10px;
	clear: both;
}

#wrap-footer-up-list ul {
	display: block;
	border-left: 1px solid #7B705C;
	margin: 5px 0 0 100px;
	_margin:10px 0 0 100px;
}

#wrap-footer-down-list ul {
	display: block;
	border-left: 1px solid #7B705C;
	margin: 15px 0 0 150px;
	_margin: 30px 0 0 150px;
}

#wrap-footer-down-list2 ul {
	display: block;
	border-left: 1px solid #7B705C;
	margin: 15px 0 0 150px;
	_margin: 10px 0 0 150px;
	
}

#wrap-footer li {
	float: left;
	border-right: 1px solid #7B705C;
	padding: 0 4px;
}

#wrap-footer ul li a {
	display: block;
	text-indent: -9999px;
	height: 10px;
}
#wrap-footer ul li.nav01 a { background: url(../images/common_files/footer_nav01.gif) no-repeat; width: 34px;}
#wrap-footer ul li.nav02 a { background: url(../images/common_files/footer_nav02.gif) no-repeat; width: 126px;}
#wrap-footer ul li.nav03 a { background: url(../images/common_files/footer_nav03.gif) no-repeat; width: 42px;}
#wrap-footer ul li.nav04 a { background: url(../images/common_files/footer_nav04.gif) no-repeat; width: 67px;}
#wrap-footer ul li.nav05 a { background: url(../images/common_files/footer_nav05.gif) no-repeat; width: 42px;}
#wrap-footer ul li.nav06 a { background: url(../images/common_files/footer_nav06.gif) no-repeat; width: 59px;}
#wrap-footer ul li.nav07 a { background: url(../images/common_files/footer_nav07.gif) no-repeat; width: 59px;}
#wrap-footer ul li.nav08 a { background: url(../images/common_files/footer_nav08.gif) no-repeat; width: 62px;}
#wrap-footer ul li.nav09 a { background: url(../images/common_files/footer_nav09.gif) no-repeat; width: 67px;}
#wrap-footer ul li.nav10 a { background: url(../images/common_files/footer_nav10.gif) no-repeat; width: 57px;}
#wrap-footer ul li.nav11 a { background: url(../images/common_files/footer_nav11.gif) no-repeat; width: 41px;}
#wrap-footer ul li.nav12 a { background: url(../images/common_files/footer_nav12.gif) no-repeat; width: 93px;}
#wrap-footer ul li.nav13 a { background: url(../images/common_files/footer_nav13.gif) no-repeat; width: 93px;}
#wrap-footer ul li.nav14 a { background: url(../images/common_files/footer_nav14.gif) no-repeat; width: 87px;}
#wrap-footer ul li.nav15 a { background: url(../images/common_files/footer_nav15.gif) no-repeat; width: 86px;}
#wrap-footer ul li.nav16 a { background: url(../images/common_files/footer_nav16.gif) no-repeat; width: 25px;}
#wrap-footer ul li.nav17 a { background: url(../images/common_files/footer_nav17.gif) no-repeat; width: 80px;}
#wrap-footer ul li.nav18 a { background: url(../images/common_files/footer_nav18.gif) no-repeat; width: 105px;}


#wrap-footer img {
	position: relative;
	margin: 15px auto;
	_margin:-15px auto 10px auto;
}


.clear {
	clear: both;
	font-size: 1px;
}


/*
-------------------------------------------
###########################################
 wrap-link
###########################################
-------------------------------------------
*/





#wrap-link h2 {
	font-size: 16px;
	color: #B88F53;
	letter-spacing: 0.5em;
	border-bottom: 1px solid #E1E0BF;
	margin: 5px 5px 5px 3px;
}

#wrap-link ul { margin: 0 0 3px;}
* html #wrap-link ul { margin: 0 0 3px -3px; padding: 0 0 3px;}

#wrap-link ul li {
	width: 239px;
	float: left;
	border: 1px solid #ccc;
	margin: 0 0 3px 3px;
	padding: 2px;
	height: 48px;
	font-size: 12px;
}

#wrap-link ul li a {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#wrap-link ul li a:link { background: url(../images/index/bg_link.gif) repeat;}
#wrap-link ul li a:visited { background: url(../images/index/bg_link.gif) repeat;}
#wrap-link ul li a:hover { background: #504126 none; color: #fff;}
#wrap-link ul li a:active { background: #504126 none; color: #fff;}

#wrap-link ul li img {
	border: 1px solid #555;
	float: left;
	margin: 2px 3px 0 0;
	display: none;
}

#wrap-link ul li span.text {
	display: block;
	background: url(../images/index/ic_linktext.gif) no-repeat;
	background-position: 0 4px;
	text-indent: 10px;
	font-size: 10px;
}