@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
img { border: 0; }

body {
	font: 13px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif;
	*font-size: small;
    *font: x-small;
	background: #FFFFFF url(../images/common/body-bg.gif) repeat-y center top;
	text-align: center;
	padding: 0 0 40px 0;
}
table {
    font-size:inherit;
    font:100%;
}

p { color: #666666; margin: 0; padding: 0; }
.exxxxxlarge-txt { font-size: 182%; line-height: 120%; }
.exxxxlarge-txt { font-size: 167%; line-height: 120%; }
.exxxlarge-txt { font-size: 153.9%; line-height: 120%; }
.exxlarge-txt { font-size: 138.5%; line-height: 120%; }
.exlarge-txt { font-size: 123.1%; line-height: 120%; }
.large-txt { font-size: 108%; line-height: 140%; }
.middle-txt { font-size: 93%; line-height: 160%; }
.small-txt { font-size: 77%; line-height: 160%; }
p a:link,p a:visited { color: #FF9900; }
p a:hover,p a:active { color: #FFCC00; }
.colorfmt01 { color: #336600; }
.colorfmt02 { color: #669900; }
.colorfmt03 { color: #FF9900; }
.colorfmt04 { color: #666666; }

#container {
	text-align: left;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

#header { background: url(../images/common/header-bg.gif); }
#header-copy { color: #FFFFFF; font-size: 77%; line-height: 120%; font-weight: normal; }


#nav-wrapper { width: 240px; float: left; text-align: left; }
#nav { padding: 26px 0 0 20px; }
#nav ul { }
#nav ul li { list-style-type: none; }
#nav ul li img { vertical-align: top; }

.nav-ar { font-size: 93%; line-height: 120%; font-weight: bolder; padding: 4px 0; }
.nav-ar a:link,.nav-ar a:visited { color: #669900; text-decoration: none; padding: 0 0 0 14px; background: url(../images/common/arrow.gif) no-repeat left top; display: block; }
.nav-ar a:hover,.nav-ar p a:active { color: #99CC00; background: url(../images/common/arrow-ov.gif) no-repeat left top; }

.nav-tel01 { color: #FF9900; font-size: 77%; line-height: 120%; font-weight: bolder; }
.nav-tel02 { color: #FF9900; font-size: 182%; line-height: 120%; font-weight: bolder; }
.nav-fax { color: #FF9900; font-size: 77%; line-height: 160%; font-weight: bolder; }
.nav-mail { color: #669900; font-size: 77%; line-height: 160%; }
.nav-mail a:link,.nav-mail a:visited { color: #FF9900; }
.nav-mail a:hover,.nav-mail p a:active { color: #99CC00; }


#contents-wrapper { width: 560px; float: right; text-align: left; }
#contents { padding: 26px 30px 0 30px; }


#footer { padding: 0 30px 0 30px; }
.footer-dot01 { padding: 0 0 20px 0; }
.footer-dot02 { padding: 20px 0 10px 0; }
.footer-title { color: #336600; font-size: 93%; line-height: 140%; }
.footer-txt { color: #669900; font-size: 93%; line-height: 140%; }
.footer-txt-cft01 { color: #FF9900; }

.footer-area01 { color: #666666; font-size: 93%; line-height: 140%;  padding: 10px 0 2px 0; }
.footer-area02 { color: #666666; font-size: 77%; line-height: 140%; }
.copyright { color: #669900; font-size: 77%; line-height: 100%; }
.pagetop { float: right; }

.index-main { color: #FFFFFF; font-size: 77%; line-height: 160%; }
.index-ad { font-size: 93%; line-height: 140%; font-weight: bolder; margin: 0 0 6px 0; }
.index-ad-cft01 { color: #669900; }
.index-ad-cft02 { color: #FF9900; }
.index-ad-cft03 { color: #666666; font-size: 80%; font-weight: normal; }


.footmark { color: #666666; font-size: 10px; line-height: 140%; }
.footmark a:link,.footmark a:visited { color: #FF9900; }
.footmark a:hover,.footmark a:active { color: #FFCC00; }

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

.area-name { color: #669900; font-size: 108%; line-height: 120%; font-weight: bolder; padding: 0 0 8px 0; }
.area-table { background: #E6E6E6; margin: 0 0 10px 0; }
.area-table .td01 { background: #F3F3F3; color: #669900; font-size: 108%; line-height: 100%; font-weight: bolder; padding: 8px 8px; }
.area-table .td02 { background: #FFFFFF; padding: 8px; }
.dot480 { padding: 9px 0 6px 0; }
.form-btn { text-align: center; }

.shop-name { color: #FFFFFF; font-size: 138.5%; line-height: 100%; font-weight: bolder; vertical-align: middle; }

.form-table { background: #E6E6E6; margin: 0 0 10px 0; }
.form-table .td01 { background: #F3F3F3; color: #669900; font-size: 93%; line-height: 100%; padding: 8px 8px; width:135px; }
.form-table .td03 { background: #F3F3F3; color: #FF6600; font-size: 93%; line-height: 100%; padding: 8px 8px; width:135px; }
.form-table .td02 { background: #FFFFFF; padding: 4px; }
.inpt { width: 300px; }
.sub-btn { text-align: center; margin: 20px 0; }

.sm01,.sm04 { background: #669900; width: 6px; }
.sm02 { background: #F3F3F3; width: 100px; padding: 8px; }
.sm03 { width: 10px; }
.sm05 { background: #F3F3F3; padding: 8px; }

.sm-txt { color: #333333; font: normal normal normal 77%/100% ""; }
.sm-txt a:link,.sm-txt a:visited { color: #669900; text-decoration: none; }
.sm-txt a:hover,.sm-txt a:active { color: #99CC00; }

.company-table .td01 { background: #669900; width: 6px; }
.company-table .td02 { background: #F3F3F3; color: #666666; width: 100px; padding: 5px; vertical-align: top; }
.company-table .td03 { background: #F3F3F3; color: #666666; padding: 5px; vertical-align: top; }
.company-table a:link,.company-table a:visited { color: #FF9900; }
.company-table a:hover,.company-table a:active { color: #FFCC00; }