@charset "shift_jis";
/*------------------------------------------------
index(top,left,footer+iframe外枠div)部分css

///right部分はそれぞれ別css///
(TOPpage)index.html---right1.css
(コラム)colum.html---colum.css
(各カテゴリindex)index.html---right2.css
(各カテゴリ詳細page)---right3.css

///iframe内容///
iframe.css
------------------------------------------------*/


/*全共通*/
body {
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
color: #000;
line-height: 1.4em;
/*background:  url(../Images/main/line2.gif) repeat-y 50% 0 fixed;*/
background:  url(../Images/main/line3.gif) repeat-y 50% 0 fixed;
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
table { font-family: 'ＭＳ Ｐゴシック',sans-serif; font-size: 12px; color: #000; line-height: 1.2em;}

img, div, input { behavior: url("../iepngfix/iepngfix.htc")}
img { border: 0px;}
img.u05 { margin: 0 auto 5px;}
img.u15 { margin: 0 auto 15px;}

.price { color: red;}
.fml { text-decoration: line-through;}

a { text-decoration: none;}
a:link { color: #369;}
a:visited { color: #369;}
a:hover { color: #f00; text-decoration: underline; position: relative; left: 1px;}
a:active { color: #369;}
/*------------------------------------------------*/


/*color*/
/*赤*/
.red { color: red;}
.red-b { color: red; font-weight: bold;}
/*オレンジ*/
.orange { color: orange;}
.orange-b { color: orange; font-weight: bold;}
/*グリーン*/
.green { color: forestgreen;}
.green-b { color: forestgreen; font-weight: bold;}
/*青*/
.blue { color: dodgerblue;}
.blue-b { color: dodgerblue; font-weight: bold;}
/*ピンク*/
.pink { color: hotpink;}
.pink-b { color: hotpink; font-weight: bold;}
/*インディゴ(紫)*/
.indigo { color: indigo;}
.indigo-b { color: indigo; font-weight: bold;}
/*黒*/
.black { color: black;}
.black-b { color: black; font-weight: bold;}
/*------------------------------------------------*/


.relative { position: relative; width: 900px; margin: 0 auto 0;}
#top {
width: 900px;
height: 110px;
padding: 0;
margin: 0 auto 0;
border : solid #4f3816;
border-width: 0 0 1px;
background: #fc9 url(../Images/main/pd_top.jpg) no-repeat 0% 0%;
text-align: left;
position: absolute;
top: 0;
left: 0;
}
* html #top { width: 901px;}
#news {
width: 900px;
height: 45px;
margin: 110px auto 0;
background: #fff;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
/*------------------------
wrap{left/right/goods-all/footer/copy}
------------------------*/
#wrap {
width: 900px;
padding: 0;
background: url(../Images/main/wrap_bg.gif) repeat-y;
margin: 155px auto 0;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
#left { float: left; width: 200px; text-align: center; padding-bottom: 10px;}
#right { float: right; width: 695px; text-align: center;}
#goods-all { clear: both; width: 890px; margin: 0 auto 0; text-align: center; background: #fff;}
#footer { width: 900px; height: 30px; text-align: left; background: url(../Images/main/btmline.gif) repeat-x; color: #fff;}
* html #footer { width: 901px;}
#copy { width: 900px; padding: 10px 0 5px; font-size: 10px; text-align: center; color: #828282; background: #fff;}
/*------------------------------------------------*/


/*top-menu*/
#top ul { float: left; border: none; margin: 17px 0 0 0; padding: 0 0 0 15px; list-style-type: none; text-align: left;} 
* html #top ul { margin: 15px 0 0 0;}
#top li { display : inline; margin: 0 auto 0; padding: 1px 5px 1px; border: solid #CDA083; border-width: 0 1px 0 0;}
#top a { text-decoration: none;}
#top a:link { color: #fff;}
#top a:visited { color: #fff;}
#top a:hover { color: pink; text-decoration: underline; position: relative; bottom: 1px;}
#top a:active { color: pink;}

/*kensaku-form*/
.form { float: right; margin: 14px 0 0 0; padding: 0 10px 0 0;}
* html .form { margin: 11px 0 0 0;}
.form-a { margin: 0; padding: 0;}
.form-b { border: 1px solid #fff; background: #930 url(../Images/main/form-bg.gif) repeat; color: #fff; font-weight: bold; padding: 0;}
/*------------------------------------------------*/


/*left-menu*/
#okini a { margin: 0 auto 0; padding: 0;}
#okini a:hover { position: relative; left: 0px; background: none; margin: 0 auto 0; padding: 0;}
#hukidashi { position: absolute; left: -30px; top: 155px; z-index: 100;}

#left-menu img { margin: 0 auto 0;}
#left-menu ul {
width: 150px;
border: none;
margin: 0 25px 10px;
padding: 0 0 5px;
background: #fff url(../Images/main/li_bg.jpg) repeat-y;
border: solid #930;
border-width: 0 0 2px;
}  
#left-menu li {
list-style: none;
text-align: left;
width: 130px;
height: 25px;
border: double #fc6;
border-width: 0 0 3px;
margin: 0 auto 5px;
padding: 0;
voice-family: "\"}\"";
voice-family: inherit;
padding: 0 0 0 10px;
}
#left-menu a { display: block; width: 130px; height: 23px; padding: 5px 0 1px; /*font-weight: bold;*/}
#left-menu a:link { color: #900;}
#left-menu a:visited { color: #c00;}
#left-menu a:hover {color: #f60; position: relative; left: 2px; background: url(../Images/main/li_on_bg.gif) no-repeat;}
#left-menu a:active { color: #c00;}
/*------------------------------------------------*/


/*footer*/
#footer a:link { color: #fff;}
#footer a:visited { color: #fff;}
#footer a:hover { color: pink;}
#footer a:active { color: #fff;}

#footer ul { float: right; border: none; margin: 0; padding: 10px 15px 0; list-style-type: none; text-align: left;} 
#footer li { line-height: 1.2em; display : inline; padding : 0 5px 0; margin: 0 auto 0; border: solid; border-width: 0 1px 0 0;}

.add { display:block; padding: 10px 10px 0;}
/*------------------------------------------------*/


/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}

/* Win版IE7とMac版IE5対策 */
.clearfix { display: inline-block;}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1px;}

.clearfix { display: block;}
/* End hide from IE-mac */