@charset "shift-jis";


/* リセット
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}


body {
width:100%;
font:13px Verdana,'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,Arial,Helvetica,sans-serif;
line-height: 1.8;
color:#453014;
color:#330000;
font-weight:normal;
word-break:normal;
background:#ffffff url(../images/body/body_bg.jpg) center top no-repeat;
}

ol, ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

address, caption, cite, code,
dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

img {
border: 0;
vertical-align: bottom;
}

table {
border-collapse: separate;
border-spacing: 0;
font-size:inherit;/*YUI*/
font:100%;/*YUI*/
}

caption, th, td {
text-align: left;
font-weight: normal;
}

/* クリアフィックス
-------------------------------------------------- */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

strong{font-weight:bold;color:#ff3300;}
em{font-weight:bold;color:#27ac1e;}
/*em{font-weight:normal;color:#999999;}*/

/* switchfontsize.js中サイズ13px基準（小サイズ12px 大サイズ15px）
-------------------------------------------------- */

.text10 { font-size:10px; }
.text11 { font-size:11px; }
.text12 { font-size:12px; }
.text13 { font-size:13px; }
.text14 { font-size:14px; }
.text15 { font-size:15px; }
.text16 { font-size:16px; }
.text17 { font-size:17px; }
.text18 { font-size:18px; }
.text19 { font-size:19px; }
.text20 { font-size:20px; }
.text21 { font-size:21px; }
.text22 { font-size:22px; }
.text23 { font-size:23px; }
.text24 { font-size:24px; }
.text25 { font-size:25px; }
.text26 { font-size:26px; }



/* リンク
-------------------------------------------------- */
a:link {
color: #453014;
text-decoration:underline;
}
a:visited {
color: #453014;
text-decoration:underline;
}
a:hover {
color: #453014;
text-decoration:none;
}
a:active {
color: #453014;
text-decoration:none;
}

/*下ヤジルシリンクblue*/
.underblue{padding-left:10px;background:url(../images/mark_parts/yaji_under_blue.gif) left center no-repeat;}
.underblue a:link,.underblue a:visited{color: #0044cc;text-decoration:none;padding-bottom:1px; border-bottom:1px dotted #0044cc; cursor:pointer}
.underblue a:hover,.underblue a:active{color: #0044cc;text-decoration:none;padding-bottom:1px; border-bottom:none; cursor:pointer}

/*下ヤジルシリンクgreen*/
.undergreen{padding-left:10px;background:url(../images/mark_parts/yaji_under_green.gif) left center no-repeat;}
.undergreen a:link,.undergreen a:visited{color:#27AC1E;text-decoration:none;padding-bottom:1px; border-bottom:1px dotted #27AC1E; cursor:pointer}
.undergreen a:hover,.undergreen a:active{color:#27AC1E;text-decoration:none;padding-bottom:1px; border-bottom:none; cursor:pointer}


/*透明ロールオーバー*/
a:hover img.opacity{
opacity:0.8;
filter: alpha(opacity=80);
}

.fade {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.fade:hover {
opacity: 0.8;
filter: alpha(opacity=80);
} 


/*１文字字下げ*/
.sage {
padding-left: 1em;
text-indent: -1em;
}

.gazouwaku{ 
border:1px dotted #453014;/* 外枠の色 */ 
padding:5px;/* 余白 */ 
background-color:#ffffff;/* 余白部分の色 */ 
} 


/*背景BOX*/
.bgc_usutya{background:#efe4d8;}/*薄茶色背景*/

/*線BOX*/

.line_alld1{border:1px dotted #453014;}/*ドット全線*/
.line_underd1{border-bottom:1px dotted #453014;}/*ドット全線*/
.line_topd1{border-top:1px dotted #453014;}/*ドット全線*/

.line_alls1{border:1px solid #453014;}/*全線*/
.line_unders1{border-bottom:1px solid #453014;}/*下線*/
.line_tops1{border-top:1px solid #453014;}/*上線*/

.line_alld2{border:1px dotted #efe4d8;}/*ドット全線*/
.line_underd2{border-bottom:1px dotted #efe4d8;}/*ドット全線*/
.line_topd2{border-top:1px dotted #efe4d8;}/*ドット全線*/

.line_alls2{border:1px solid #efe4d8;}/*全線*/
.line_unders2{border-bottom:1px solid #efe4d8;}/*下線*/
.line_tops2{border-top:1px solid #efe4d8;}/*上線*/



/*アフターアイコン*/

.home:before {
content:url(../images/icon_home.gif);
margin-right:5px;
font-size:11px;
vertical-align:middle;
}

/*新着new*/
.new:after { /* 要素の後に装飾指定 */
content: "NEW!"; /* 要素の後に表示させる内容を指定 */
margin-left:3px;
font-size:8px;
color:#FF3300;
vertical-align:top;
}
.newi:after {
content:url(../product/all/new_icon.png);
margin-left:3px;
font-size:8px;
vertical-align:top;
}

/*送料無料*/
.souryou:after { 
content:url(../product/all/souryou_icon.png); 
margin-left:3px;
font-size:8px;
vertical-align:bottom;
}
/*セールSALE*/
.salei:after { 
content:url(../images/mark_parts/sale_icon.png); 
margin-left:3px;
font-size:8px;
vertical-align:bottom;
}




/*画像ボーダー*/

img.iborder1{border:1px solid #eeeeee;}
img.iborder2{border:2px solid #eeeeee;}
a:hover img.iborder1{border:1px solid #648AE7;}
a:hover img.iborder2{border:2px solid #648AE7;}

/*マージンボトム*/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}

/*マージントップ*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}


/*マージントップ＆ボトム*/
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb25{margin-top:25px;margin-bottom:25px;}


/*パディング*/
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.pa25{padding:25px;}
.pa30{padding:30px;}
.pa35{padding:35px;}
.pa40{padding:40px;}
.pa45{padding:45px;}
.pa50{padding:50px;}

/*行高さ*/
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}/*デフォルト*/
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh2{line-height:2;}

/*センター配置（画像他）*/
.icenter{display:block;margin:0px auto;}

/*テキストセンター*/
.tcenter{text-align:center;}
.tright{text-align:right;}


/* フロートクリア
-------------------------------------------------- */
.flo_r{float:right;}
.flo_l{float:left;}
.clear_r{clear:right}
.clear_l{clear:left}


/*ページトップボックス*/
p.pagetopbox{background:#F1F7EF;text-align:right;margin:20px 0;}


/*wrapper
-------------------------------------------------- */
div#wrapper{
width:100%;
height:auto;
margin:0;
padding:0;
}



p.toptext{text-align:left;font-size:11px;color:#c7b299;margin:0 0 10px 0;padding:2px;}


/*headder
-------------------------------------------------- */
div#header{
clear:both;
width:950px;
height:auto;
margin:0px auto;
}

div#header h1{width:207px;height:75px;padding:0 0 10px 16px;float:left;}


div#header div#header_right{float:right;text-align:right;}
div#header div#header_right img{vertical-align:baseline;}



div#header ul#main_navi{
clear:both;
width:auto;
height:63px;
margin:0 0 20px 0;
padding:0 0 0 0;
}
div#header ul#main_navi li{
padding:0 3px 0 0;
float:left;
}



/*wrap_inner
-------------------------------------------------- */
div#wrap_inner{
width:950px;
height:auto;
margin:0px auto;
}


/*wrap_inner main_wrap
-------------------------------------------------- */
div#wrap_inner div#main_wrap{
clear:both;
width:892px;
height:auto;
padding:29px;
background:#ffffff;
}


ul#topitems{padding:10px 0px 0px 26px;}
ul#topitems li{display:inline;width:190px;margin-right:26px;float:left;}
ul#topitems li p a{text-decoration:none;}


/*wrap_inner main_wrap center_cont
-------------------------------------------------- */
div#wrap_inner div#main_wrap div#center_cont{
width:892px;
height:auto;
}


div#news{margin:4px 0 50px 0;padding:0;}
div#news table#tblnews{width:660px;padding:20px 10px;}
div#news table#tblnews th{padding:5px 5px 35px 10px;width:90px;}
div#news table#tblnews td{padding:5px 5px 35px 10px;width:570px;}
div#news table#tblnews strong{color:#ff3300;}


div#whatnew{margin:4px 0 50px 0;padding:0;}
div#whatnew div#news_inner{width:735px;height:166px;overflow:auto;font-size:13px;padding:20px;background:#f4ece4;}
div#whatnew table#tblnews{padding:0;}
div#whatnew table#tblnews th{padding:5px 5px 5px 10px;width:90px;}
div#whatnew table#tblnews td{padding:5px 5px 5px 10px;width:600px;}
div#whatnew table#tblnews strong{color:#ff3300;}

ul#mini_banner{
clear:both;
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0 10px;
}
ul#mini_banner li{
width:188px;
padding:0 46px 0 0;
text-align:center;
float:left;
line-height:1.5;
}



/*wrap_inner main_foot
-------------------------------------------------- */
#wrap_inner div#main_foot{
clear:both;
width:auto;
height:auto;
margin:0;
padding:0;
}

#wrap_inner div#main_foot div#main_foot_in{background:#ECFFE5 url(../images/main_foot/main_foot_bg.jpg) left bottom no-repeat;margin-bottom:10px;padding-bottom:30px;}
#wrap_inner div#main_foot h4{background:#369327;color:#ffffff;font-weight:bold;text-align:center;padding:5px 0;border-bottom:1px solid #ffffff;margin-bottom:15px;}
#wrap_inner div#main_foot div.mfcate_box{width:310px;float:left;border-right:1px solid #ffffff;}

dl.foot_list{padding:0px 0 5px 20px;margin:0;}
dl.foot_list a{color:#666666;text-decoration:none;}
dl.foot_list a:hover{color:#333333;}
dl.foot_list dd{padding:3px 0 3px 8px;}
dl.foot_list dd a{background:url(../images/mark_parts/listmark_black.png) left center no-repeat;display:block;padding:0 0 0 10px;}




/* ０６会社概要　company
-------------------------------------------------- */
div#company{width:auto;}
div#company table.bgtable {line-height:2;border-spacing:10px;}
div#company table.bgtable th.bgth {background:#efe4d8;text-align:center;padding:4px;}
div#company table.bgtable td.bgtd {background:#ffffff;padding:0 0 0 15px;}
div#company p.mintyou{
margin:10px 0 25px 0;
padding:10px 10px 0 10px;
height:auto;
min-height:170px;
letter-spacing:0.2em;
font-weight:bold;
}
div#company p.com_lead{
margin:0 0 10px 0;
padding:0 10px;
height:auto;
line-height:1.6;
}



/*anoil*/

ul#anseibun{
clear:both;
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0 25px;
}
ul#anseibun li{
padding:0 50px 0 0;
text-align:center;
float:left;
}


/* １０お問い合わせ　mail（contact）_thanks
-------------------------------------------------- */
div#contact{
width:auto;
text-align:left;
margin:0px auto 40px auto;
font-family:sans-serif;
}
div#contact div.contact_lead{
border: 1px solid #eeeeee;
margin: 10px auto 20px;
padding: 20px;
}
div#contact div.contact_lead span{font-size:16px;font-weight:bold;color:#FF0000}
form#mailform {padding: 5px;}
table.mailform {width: 100%;}
table.mailform tr th,table.mailform tr td {
text-align: left;
font-weight: normal;
font-size: 12px;
border-bottom: solid 1px #999999;
padding: 7px 5px 7px 5px;
}
table.mailform tr th {
width: 150px;
vertical-align:top;
}
table.mailform tr th span {
color: #CC0000;
font-size: 10px;
}
table.mailform tr th p {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #999999;
}
table.mailform tr td textarea {
width: 100%;
height: 120px;
font-size:12px;
}




ul#left_menu{padding:0px 0px 0px 20px;margin-bottom:30px;font-size:12px;}
ul#left_menu li{padding:3px 14px 3px 14px;background:url(../images/yajirushi.gif) no-repeat left bottom;height:1em;margin-bottom:25px;}




/* ０６footer
-------------------------------------------------- */

div#wrapper div#footer{
clear:both;
width:100%;
height:auto;
margin:0;
padding:0;
background:#736357;
color:#ffffff;
}

/*footer foot_inner
-------------------------------------------------- */
div#wrapper div#footer #foot_inner{
width:950px;
height:auto;
margin:0px auto;
padding:30px 0 50px 0;
background:#736357;
}
ul#foot_menu{padding:0px 0px 0px 20px;margin-bottom:30px;font-size:11px;}
ul#foot_menu li{padding:3px 14px 3px 14px;}

div#footer div#foot_inner a:link{color:#ffffff;text-decoration:underline;}
div#footer div#foot_inner a:visited{color:#ffffff;text-decoration:underline;}
div#footer div#foot_inner a:hover{color:#ffffff;text-decoration:none;}
div#footer div#foot_inner a:active{color:#ffffff;text-decoration:none;}

div#wrapper div#footer #foot_inner p{clear:both;text-align:center;font-size:11px;}

/*ソーシャルボタン*/
div#socialbox{border:1px dotted #ccc;padding:10px;margin:10px 0;}
ul#socialbtn{}
ul#socialbtn li{height:24px;float:left;margin-right:10px;}