@charset "utf-8";

@import url("../packages/oohiro/css/import.css");

/**************************************
基本属性　
**************************************/

body{ margin:0; padding:0; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:url(/images/body_back.gif) repeat-x; font-size:12px;}

h1{ float:right; width:700px; padding:5px 0 0 10px; margin:0; text-align:right; color:#3d3d3d; font-weight:normal; font-size:11px; line-height:11px; letter-spacing: 0.1em;
}

#head img{ border:0; vertical-align: bottom;}
a{ overflow:hidden;}

/**リンク設定**/
a{ color:#444444;}
a:hover{ color:#CC0000;}

/**その他レイアウト調整**/
.clear{ clear:both; margin:0; padding:0;}
.clear hr{ display:none; margin:0; padding:0;}

.glid2{ clear:both; margin:0; padding:0; height:3px; background:url(/images/glid.gif) repeat-x bottom;}
.glid2 hr{ display:none; margin:0; padding:0;  }

.iputgr{ background:url(/images/input_gr.gif) repeat-x #fff; padding:4px; }
.iputsmall{ font-size="10px" }
.space5px{ padding:5px;}
.spacew5px{ padding:0 5px;}
.spaceh5px{ padding:10px 0px;}
.space5pxf10{ font-size:10px; padding:5px;}
.red14{ font-size:14px; color:#F00;}
.spaceh5_5pxglid{ padding:5px 5px; background:url(/images/glid.gif) repeat-x bottom; }
.spaceh3_5px{ padding:3px 5px;}

.pspaceh5{ margin:0; padding:5px 0;}
.glidbg{ background:url(/images/top_back_glid.gif); border:1px solid #d9d9d9; padding:6px; margin:10px 0;}
.whitebox{ border:1px solid #d9d9d9; padding:3px; background:#fff;}
.pleft280 { float:left; width:280px; margin:0;}
.pright180{ float:right; width:180px; margin:0;}
 
.whitebox231l{ border:1px solid #d9d9d9; padding:3px; background:#fff; float:left; width:225px; }
.whitebox231r{ border:1px solid #d9d9d9; padding:3px; background:#fff; float:right; width:225px; }
 

/**************************************
レイアウト属性　
**************************************/
#head{ padding:0 0 10px 0;}
#contents{ width:920px; margin:0 auto;}
#side{ float:left; width:200px;}
#sideright{ float:right; width:200px;}
#main_contents{ width:490px; float:left; padding:0 0px 0 15px;}
#main_contents1{ width:900px;}
#main_contents2{ width:700px; float:right; padding:0;}
#footers{ background: url(/images/foot_back.gif) #cfcfcf repeat-x; margin:20px 0 0 0; padding:5px 0; font-size:10px;}


/**************************************
ヘッダー属性　
**************************************/
#official{ height:25px; }
#officialrogo{ float:left; width:150px;}

#headfree{}
#head_rogo{ float:left; padding:15px 0 0 0; }
#head_copy{ float:left; padding:15px 10px 0 10px;}
#head_tel{ float:right; }
#head_inq{ text-align:right;}

#head_menu{ background:url(/images/head_grline.gif) no-repeat; padding:5px 0 0 0;}
#head_menu ul,li{ margin:0; padding:0; list-style:none;}
#head_menu li{ float:left;}
#head_under_menu{ border-top:3px solid #b60009; height:34px; background:url(/images/hehead_menu_underback_bk.gif) bottom #000;}
#head_under_menuleft{ width:440px; float:left;}

#head_under_menuright a{ color:#b8abab;}
#head_under_menuright { width:449px; height:34px; float:right; background:url(/images/head_menu_underback_red.gif) no-repeat;}
#head_under_menuright ul{ padding:6px 0 0 0; line-height:12px;}
#head_under_menuright li{ float:right; padding:5px; color:#b8abab; font-size:10px;}
.hlineleft{ border-left:1px solid #620005;}

/**************************************
サイドメニュー属性　
**************************************/
.glidgr{ background:url(/images/search_gr.gif) repeat-x; border-left:1px solid #bababa; border-right:1px solid #bababa;} 
.glidw{ border-left:1px solid #fff; border-right:1px solid #fff;} 
.glidend { background:url(/images/search_bottom.gif) no-repeat; height:5px; margin:0 0 10px 0;}
.glidend hr{ display:none; margin:0; padding:0; }

.glidtop { background: url(/images/glidtop.gif) no-repeat; height:5px; }
.glidtop hr{ display:none; margin:0; padding:0;}
.htitle{ background:url(/images/title_gr.gif) repeat-x #000; padding:8px 5px; margin:0; border:1px solid #fff; color:#fff; font-size:12px;}
.list_item li{ background:url(/images/list_item.gif) no-repeat 5px 5px; margin:0; padding:3px 3px 0px 15px;}

#categoryList{ width:194px; margin:3px auto 0; }
#categoryList ul{ width:194px; margin:-3px auto 6px; }
#categoryList ul li{ border-bottom:1px dotted #ccc; line-height:2em; }
#categoryList ul li a{ display:block; text-decoration:none; background-image:url(../../images/common/list01.gif); background-repeat:no-repeat; background-position: 5px 8px; padding-left:15px; color: #555555; }
#categoryList ul li a:hover{ background-color:#e5e5e5;}
/**************************************
新着情報属性　
**************************************/
.news { clear:both; padding :20px 0; }
.news h3{ padding:5px 0; border-bottom:1px solid #ccc;}
.news dl{ padding:5px 0px;}
.news dt{ margin:0; padding:0; list-style-type:none; width:330px; float:left;}
.news dd{ background:url(/images/news_icon.gif) no-repeat 0 2px; padding:0px 0px 0px 20px; width:120px; float:left;}

/**************************************
トップメインバナー属性　
**************************************/
.banner_leftp10{ width:150px; float:left; padding-right:18px;}
.banner_leftp{ width:150px; float:left; }


/**************************************
フッター属性　
**************************************/
#footer_contents{ width:900px; margin:0 auto;}
#footer_contents h3{ padding:5px 0; border-bottom:1px solid #ccc;}
.leftmenu{ padding:5px; border-right:1px solid #ccc; float:left;}
.leftmenuend{ padding:5px; float:left;}


/**************************************
カレンダー属性　
**************************************/
#cal_oohiro caption{ font-weight:bold;}
#cal_oohiro table{ width:90%; margin:3px auto;}
#cal_oohiro th{ padding:3px; background:#ccc; text-align:center;}
#cal_oohiro td{ padding:3px; background:#eee; text-align:center;}
#cal_oohiro .off{ padding:3px; background:#C00; color:#fff;}


/**************************************
商品一覧属性　
**************************************/
.item_leftp10{ text-align:center;  width:150px; height:230px; float:left; padding:6px; margin:10px 0; }
.item_leftp{ width:150px; float:left; }



/**************************************
ご利用案内
**************************************/
.cont-main {width:700px; margin:0 auto 25px auto;}
.info-ltit {padding:15px 0 0 0;}
.info-tit {display:block; background:#eeeeee; border:#cccccc 1px solid; padding:7px; margin:12px 0 0 0;}
.info-tit strong {font-size:14px;}
.info-main {padding:7px; border-bottom:#999999 1px dotted;}
.info-stit {padding:5px 0; font-size:14px;}
.info-txt {padding:0 15px;}
.info-txt p {display:block; margin:0; padding:5px 0; line-height:18px;}


/**************************************
ご利用案内 サイドメニュー
**************************************/
.info-side {width:200px;}
.info-smn-tt{ background:url(/images/title_gr.gif) repeat-x #000; padding:8px 5px; margin:0; border:1px solid #fff; color:#fff; font-size:12px; text-align:center;}
.info-smn {margin:0; padding:7px 0;}
.info-smn li {display:block; padding:1px 10px; margin:0; line-height:18px;}


/**************************************
はじめての方
**************************************/
.first-main {padding:15px 0;}
.first-ltit {margin:0; padding:0;}
.first-cont {padding:20px 7px; border-bottom:#999999 1px dotted;}
.first-cont .fc-l {float:left;}
.first-cont .fc-r {float:right; width:767px;}
.first-cont .fc-r .fc-txt {padding:7px 0; line-height:18px;}
.first-cont .fc-r p {margin:0; display:block; background:url(/images/first-icon.gif) no-repeat 0 4px; padding:0 0 0 17px;}
.first-img {padding:20px 0 0 0;}


/**************************************
商品属性　
**************************************/
.cart_btn_right{ width:170px; float:right; text-align:right;   }
.cart_btn_left{ width:200px; float:left;  }

.cart_box{ background:#eee; padding:5px; border:#ccc solid 1px; margin:10px 0 0 0;}



/**************************************
お問い合わせ　
**************************************/
.thank {background:url(/images/mfp-thank-bg.gif) no-repeat; text-align:center; width:650px; margin:0 auto; height:400px;}
.thank p {padding:170px 0 13px 0; font-size:12px; line-height:18px; margin:0;}



/**************************************
TOPカテゴリーリスト
**************************************/
.cate_tit {width:200px;}

.mt_-6{ margin-top:-6px!important;}



/**************************************
IZE ご購入依頼フォーム
**************************************/
#left_box  {float:left; width:325px; height:auto; display:block; padding-left:10px; margin-bottom:30px;}
#right_box {float:right; width:325px; height:auto; display:block; padding-right:10px; margin-bottom:30px;}
#item_detail {padding:0; width:auto; height:auto;}
#item_detail dl {width:auto;}
#item_detail dt {float:left; width:100px; padding:0 0 5px 0; clear:both; font-weight:bold;}
#item_detail dd {width:auto; margin-left:100px; padding:0 0 5px 10px;}
#item_detail .tx_red {font-size:10px;}
#item_detail strong {font-size:16px;}

/* 仕様 */
#spec {width:700px; margin-bottom:10px;}
#spec table { border:1px solid #fff; border-collapse:collapse; width:100%; border-spacing:2px; display:table; -moz-box-sizing:border-box; vertical-align:middle;}
.spec_detail { font-size:12px; line-height:130%;}
#spec th { background-color:#efefef; border:1px solid #ccc; padding:10px 12px; text-align:left; vertical-align:middle; width:180px;}
#spec td { border:1px solid #ccc; padding:10px 12px; vertical-align:middle; text-align:center;}
.tit_spec {font-size:16px; font-weight:bold; border-bottom:1px dotted #333;}
.tx16 {font-size:16px;}

/* 送料 */
#carriage {width:700px; margin-bottom:10px;}
#carriage table { border:1px solid #fff; border-collapse:collapse; width:100%; border-spacing:2px; display:table; -moz-box-sizing:border-box; vertical-align:middle;}
.carriage_detail { font-size:12px; line-height:130%;}
#carriage th { background-color:#efefef; border:1px solid #ccc; padding:10px 12px; text-align:left; vertical-align:middle; width:180px;}
#carriage td { border:1px solid #ccc; padding:10px 12px; vertical-align:middle; text-align:center;}
.tit_carriage {font-size:16px; font-weight:bold; border-bottom:1px dotted #333;}
.mbtm10 {margin-bottom:10px;}
.mbtm30 {margin-bottom:30px;}