@charset "utf-8";

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

html { overflow-y: scroll; }
body { background: #333; font-size: 80%; line-height: 150%; color: #ccc;}

img { border: none; }

p { padding: 0 0 15px 0; }

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

#wrapper { width: 1000px; margin: 0px auto; background: url(../images/bg.jpg) repeat-y #333 top center; }
#wrapper2 { margin: 0px 100px; }
h1 { background: #666; color: #ccc; line-height: 20px; font-size: x-small; padding: 0px 20px; height: 20px; overflow: hidden; }
#header {  background: url(../images/header-bg.jpg) no-repeat #666 top left; height: 60px; overflow: hidden; padding: 0 20px; }
#logo { width: 175px; float: left; }
#mainimg { padding: 0; }
h2 { padding: 0 0 20px 0; }
h3 { padding: 0 0 20px 0; }

#pagebody ul { margin: 0; }
#pagebody li { margin: 0 0 15px 2em; }

/*-- snavi
-------------------------------------------*/
#snavi { width: 198px; float: right; }
#snavi ul {padding: 44px 0 0 0; }
#snavi li { padding: 0 0 0 4px; float: left; list-style-type: none; }

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

#pagebody { padding: 0 20px; }
#fla { padding: 0 0 15px 0; }

/*-- ssc
-------------------------------------------*/
.ssc { padding: 0 0 15px 0; height: 55px; }
.sscl { width: 372px; float: left; }
.sscr { width: 372px; float: right; }
.ss-in{border:1px dashed #666; padding:10px;}
.kazari{background: url(../images/kazari1.jpg) repeat-x top; padding:10px; border-top:1px solid #666;}

/*-- index - cl02
-------------------------------------------*/
.cl02 { clear: both; padding: 5px 0 15px 0;}
#cl02 { height: 1%; background: url(../images/cl02/cl02s-bg.jpg) repeat-y top center; }
#cl02 a, #cl02 a:link, #cl02 a:visited, #cl02 a:active, #cl02 a:hover { border: none; }
.cl02box { width: 380px; float: left; background: url(../images/cl02/cl02s-bg2.jpg) no-repeat bottom left; }
.cl02inbox { padding: 15px 10px; height: 1%; }
.cl02simg { width: 90px; float: left; }
.cl02stxt { width: 260px; float: right; }
.cl02sttl { border-left: 10px solid #037bad; padding: 0 0 0 5px; color: #037bad; font-size: 100%; margin: 0 0 10px 0; }

/*-- index - appeal
-------------------------------------------*/
#appeal { clear: both; border-top: 20px solid #000; width: 480px; float: left; background: url(../images/appeal-bg.jpg) no-repeat top left; }
#appeal h2 { padding: 0 0 15px 0; }
.appeal { padding: 0 180px 0 0; }

/*-- index - wn02
-------------------------------------------*/
#wn02 { border-top: 20px solid #000; float: right; width: 255px; }
#wn02 h2 { padding: 0 0 5px 0; }
#wn02 iframe { width: 255px; border: 0; height: 270px; }





h4 { clear: both; font-size: 100%; padding: 0 0 15px 0;}




/*-- contact 
-------------------------------------------*/
.info { font-size: 150%; font-weight: bold; line-height: 250%; margin: 0 100px; padding: 0 0 20px 0;}
#pp ol { margin: 0; }
#pp li { margin: 0 0 10px 2em; }

/*-- mf01 
-------------------------------------------*/
form { color: #ccc; }
input { color: #333; line-height: 24px; height: 24px; }
form table { width: 760px; border-top: 1px dotted #666; }
form th { border-bottom: 1px dotted #666; padding: 6px 12px 6px 0; text-align: right; }
form td { width: 600px; border-bottom: 1px dotted #666; padding: 6px 0; }
#contbtn { padding: 6px; text-align: center; line-height: inherit; height: inherit; }
#contbtn input { line-height: normal; height: auto; }
.form-s { width: 100px; }
.form-m { width: 200px; }
.form-l { width: 300px; }
select, option { color: #333; }
textarea { width: 600px; }


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


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

.fl { float: left; }
.fr { float: right; }


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

/*-- footer 
-------------------------------------------*/
#footer { clear: both; background: #333; font-size: x-small; border: 20px solid #000; padding: 0 10px; height: 61px; overflow: hidden; }
#textlink { line-height: 30px; border-bottom: 1px solid #000; }
#copyright { line-height: 30px; float: left; }
#back { float: right; } /*--pagetop anchor--*/


/*-- index 
-------------------------------------------*/
.toplink { float: left; width: 300px; }

#main {}
#main ul { margin-left: 0em; }
#main ol { margin-left: 0em; }
#main li { margin-left: 2em; }


/*--  
-------------------------------------------*/


/*--
.il160 { width: 160px; float: left; }
.tr380 { width: 380px; float: right; }

.tl160 { width: 160px; float: left; }
.ir380 { width: 380px; float: right; }
--*/

.box { clear: both; padding: 0 0 20px 0; }
.boxend { clear: both; padding: 0; }
.fbox { clear: both; padding: 0 0 20px 0; height: 1%; }
.fboxend { clear: both; padding: 0; height: 1%; }

.l220 { width: 220px; float: left; }
.r520 { width: 520px; float: right; }

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

.phtfrm { background: #333; padding: 10px; }
.pht200 { width: 200px; }

.br20 { padding: 0 20px 0 0; }

.itembox { width: 240px; float: left; border-bottom: 15px solid #000; }
.itemfrm { background: #333; padding: 10px; }

.l372 { width: 372px; float: left; }
.r372 { width: 372px; float: right; }
sup { font-size: xx-small; }

.brand { width: 372px; }
.brndbox { width: 180px; padding: 10px 10px 10px 0; border-bottom: 1px dotted #666; }
.brndtxt { padding: 10px 0; border-bottom: 1px dotted #666; }

#shopinfo table { width: 520px; border-top: 1px dotted #666; }
#shopinfo th { border-bottom: 1px dotted #666; padding: 6px 12px 6px 0; text-align: right; }
#shopinfo td { border-bottom: 1px dotted #666; padding: 6px 0; }

/* takahshi insert */
.fcorange{
	color:#6CF;}