@charset "utf-8";

/*-- common 
-------------------------------------------*/
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif; color: #333; }

html { overflow-y: scroll; }
body { font-size: 80%; line-height: 150%; background: url(../images/bg.jpg) repeat-x #fff; }

img { border: none; }

p { margin: 0 0 15px 0; }

.clear { clear: both; }
.strong { font-weight: bold; }

#wrapper { width: 800px; margin: 0px auto; background: url(../images/wrap-bg.jpg) no-repeat; }
#header-index { background: url(../images/header-indexbg.jpg) no-repeat; height: 74px; overflow: hidden; padding: 0px 20px; }
#header { background: url(../images/header-bg.jpg) no-repeat; height: 74px; overflow: hidden; padding: 0px 20px; }
h1 { font-size: x-small; line-height: 25px; color: #693; font-weight: normal; }
#pagebody { margin: 0 20px; background: #fff; }
.p15frm { padding: 15px; }

h2 { clear: both; font-size: 150%; }
h3 { clear: both; font-size: 120%; }
h4 { clear: both; font-size: 100%; }

.phtfrm { border: 1px solid #ccc; padding: 9px; }
.phtfrm2 { border: 1px solid #ccc; padding: 5px; }

/*-- 
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
--*/

/*-- navi yoko
-------------------------------------------*/
#navi-index { clear: both; background-image: url(../images/navi/navi-indexbg.jpg); overflow: hidden; background-repeat: no-repeat; height:36px; padding: 0 20px; }
#navi-index li { list-style-type:none; float:left; }
#navi { clear: both; background-image: url(../images/navi/navi-bg.jpg); overflow: hidden; background-repeat: no-repeat; height:36px; padding: 0 20px; }
#navi li { list-style-type:none; float:left; }


/*-- footer 
-------------------------------------------*/
#textlink { clear: both; line-height: 30px; font-size: x-small; background: url(../images/textlink-bg.jpg) no-repeat; padding: 0 15px; margin: 0 20px; }
#footer { background: url(../images/footer-bg.jpg) no-repeat; color: #333; line-height: 20px; padding: 0 35px; height: 67px; font-size: x-small; }
#copyright { float: left; color: #fff; }
#back { float: right; } /*--pagetop anchor--*/


/*-- index 
-------------------------------------------*/
#main { width: 530px; float: left; }
#appeal { padding: 15px 0 0 15px; }
#apimg { width: 120px; float: left; }
#aptxt { width: 380px; float: right; }
#aptxt h2 { margin: 0 0 15px 0; }

#column { padding: 15px 0 0 15px; }
#column01 { width: 250px; float: left; }
#column02 { width: 250px; float: right; }
.cbody { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px 15px 0; margin: 0;}
.mp0 { margin: 0px; padding: 0px; }

#ssc { width: 215px; float: right; background: url(../images/ssc-bg.jpg) no-repeat top left; }
.ssc1 { padding: 6px 15px 0px 15px; }
.ssctxt1 { padding: 10px 15px; line-height: normal; }
.ssc2 { padding: 0px 15px; }

#wn01 { padding: 0 15px; }
#info { background: url(../images/wn-bg.jpg) no-repeat top left; height: 175px; padding: 0 20px;}
#info table { width: 690px; }
#info th { width: 130px; border-bottom: 1px dotted #333; padding: 4px 0; text-align: left; }
#info td { border-bottom: 1px dotted #333; padding: 4px 0; }

/*-- cl01  
-------------------------------------------*/
.wide { padding: 0 0 3px; color: #5a9b00; border-bottom: 2px solid #5a9b00; margin: 0 0 15px; }
.dsc { padding: 0 0 45px; }

.paging1 { padding: 5px 0; border-top: 1px dashed #5a9b00; border-bottom: 1px dashed #5a9b00; color: #5a9b00; margin-bottom: 15px; }
.paging2 { padding: 5px 0; border-top: 1px dashed #5a9b00; color: #5a9b00; }


.cl01box { margin: 0 0 15px; }
.cl01frm { padding: 14px; border: 1px solid #ccc; height: 1%; }
.cl01ttl { border-left: 5px solid #5a9b00; padding: 0 0 0 5px; margin: 0 0 15px; color: #5a9b00;}
.cl01img { width: 178px; float: left; border: 1px solid #ccc;}
.cl01imgf { border: 9px solid #fff; }
.cl01dsc {  }
.cl01txt { margin: 0 15px 0 0; }

.box { padding: 0 0 15px;}
.fbox { padding: 0 0 15px; height: 1%; }
.box1 { padding: 0; border-bottom: 1px dashed #ccc; margin: 0 0 15px 0; }
.box2 { padding: 15px 0 0; border-bottom: 1px dashed #ccc; margin: 0 0 15px 0; }
.boxend { padding: 15px 0 0;}
.fbox1 {  padding: 0; border-bottom: 1px dashed #ccc; margin: 0 0 15px 0; height: 1%;}
.fbox2 {  padding: 15px 0 0; border-bottom: 1px dashed #ccc; margin: 0 0 15px 0; height: 1%;}
.fboxend { padding: 15px 0 0; height: 1%;}


/*-- shop  
-------------------------------------------*/
#prof table { width: 455px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#prof th { width: 125px; background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
#prof td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

.mr14 { margin: 0 14px 0 0; }
.fl172 { width: 172px; float: left; }

#howto ul { margin: 0 0 10px 0; }
#howto li { margin: 0 0 5px 2em; }

#contact { background: url(../images/contact-bg.jpg) no-repeat top left; padding: 50px 10px 15px 160px; line-height: 20px; }


/*-- map  
-------------------------------------------*/
#access table {}
#access th { padding: 4px 12px 4px 0; text-align: left; }
#access td {}




/*-- float  
-------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.h-cont {padding: 0 5px; }

.l160 { width: 160px; float: left; }
.r380 { width: 380px; float: right; }

.l380 { width: 380px; float: left; }
.r160 { width: 160px; float: right; }

.l260 { width: 260px; float: left; }
.r455 { width: 455px; float: right; }

.l520 { width: 520px; float: left; }
.r220 { width: 120px; float: right; }

/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #609e09; }
a:visited { color: #609e09; }
a:hover, a:active { color: #609e09; text-decoration:none; }
a:focus{ outline: none; }


/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


/*-- colors 
-------------------------------------------*/
.red { color: #c00; }
.blue { color: #00c; }
.green { color: #609e09; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }