@charset "shift_jis";

/* ===========================================================

   layout style

=========================================================== */

/* -----------------------------------------------------------
   #outer
----------------------------------------------------------- */
#outer{
width:960px;
margin:0 auto;
padding:0 6px 0 5px;
}



/* -----------------------------------------------------------
   #page
----------------------------------------------------------- */
#page{
width:100%;
background-color:#FFFFFF;
}



/* -----------------------------------------------------------
   #headerWrap
----------------------------------------------------------- */
/* 2014.10.23 bita-a0099 mod start */
#header{
position:relative;
width:960px;
min-height:60px;
}
* html #header{
height:60px;
}

#header .logo{
position:absolute;
left:15px;
top:7px;
}

#header .lead{
position:absolute;
left:292px;
top:7px;
}

#header .loginState {
position:absolute;
left:480px;
top:13px;
}

#header .loginState p {
margin-top:4px;
}

#header .loginBtn {
position:absolute;
left:610px;
top:13px;
}

#header .headBnr {
position:absolute;
left:710px;
top:13px;
}
/* 2014.10.23 bita-a0099 mod end */


/* -----------------------------------------------------------
   #footerWrap
----------------------------------------------------------- */
#footer{
width:960px;
clear:both;
}

/* .footNavi
----------------------------------------------------------- */
#footer .footNavi{
width:960px;
padding:8px 0;
background-color:#231815;
clear:both;
}

#footer .footNavi ul{
text-align:center;
}

#footer .footNavi ul li{
display:inline;
font-size:110%;
}

#footer .footNavi ul li.first{
padding-left:8px;
background:url(../../images/common/line_vertical01.gif) repeat-y left top;
}

#footer .footNavi ul li span{
margin-right:1px;
padding-right:8px;
background:url(../../images/common/line_vertical01.gif) repeat-y right top;
}

#footer .footNavi ul li a{
color:#FFFFFF;
}

/* .copyWrap
----------------------------------------------------------- */
#footer .copyWrap{
width:950px;
padding:5px 5px 20px;
overflow:hidden;
}

#footer .copyWrap .leftWrap{
float:left;
width:300px;
}

#footer .copyWrap .rightWrap{
float:right;
width:570px;
}

#footer .copyWrap .rightWrap .copy{
text-align:right;
}



/* ===========================================================

   #container

=========================================================== */

/* -----------------------------------------------------------
   #container
----------------------------------------------------------- */
/* 2014.10.23 bita-a0099 mod start */
#container{
width:960px;
}
/* 2014.10.23 bita-a0099 mod end */



/* -----------------------------------------------------------
   #gnavi
----------------------------------------------------------- */
/* 2014.10.23 bita-a0099 mod start */
#gnavi{
width:940px;
margin:0 auto;
padding:10px 10px 5px 10px;
background:url(../../images/common/head_gnavi_bg.gif) repeat-x left top;
position:relative;
}

#gnavi ul{
width:920px;
overflow:inherit;
}
/* 2014.10.23 bita-a0099 mod end */

#gnavi ul li{
display:inline;
float:left;
}

#gnavi ul li.btn01{
}

#gnavi ul li.btn02{
}

#gnavi ul li.btn03{
}

#gnavi ul li.btn04{
}

#gnavi ul li.btn05{
}

#gnavi ul li.btn06{
}

#gnavi ul li.btn07{
}

#gnavi ul li.btn08{
}

#gnavi ul li.btn09{
}

/* 2014.10.23 bita-a0099 add start */
/* .cartHeadWrap
----------------------------------------------------------- */
#gnavi #miniCart{
position:absolute;
top:10px;
right:10px;
width:250px;
padding:3px 10px 0 0;
}

#gnavi #miniCart .cartHeadWrap{
float:left;
width:250px;
margin-top:4px;
margin-bottom:10px;
padding-bottom:4px;
background:url(../../images/common/cart_head_bg_bottom02.png) no-repeat left bottom;
}

#gnavi #miniCart .cartHeadWrap .inner{
width:250px;
margin-top:-4px;
padding-top:4px;
background:url(../../images/common/cart_head_bg_top02.png) no-repeat left top;
}

#gnavi #miniCart .cartHeadWrap .inner .cartHead{
width:250px;
line-height:1;
zoom:1;
}

#gnavi #miniCart .cartHeadWrap .inner .cartHead .amount{
float:left;
width:145px;
padding-left:26px;
background:url(../../images/parts/icon_cart_head02.png) no-repeat 5px 5px;

}

#gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl{
width:141px;
padding-left:4px;
background-color:#FFFFFF;
}

#gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl dt{
float:left;
width:4.5em;
clear:both;
}

#gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl dd{
padding-right:3px;
text-align:right;
}
* html #gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl dt,
* html #gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl dd{
padding-top:1px;
}
*:first-child+html #gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl dt,
*:first-child+html #gnavi #miniCart .cartHeadWrap .inner .cartHead .amount dl dd{
padding-top:1px;
}

#gnavi #miniCart .cartHeadWrap .inner .cartHead .watch{
float:left;
width:78px;
}

#gnavi #miniCart .cartHeadWrap .inner .cartHead .watch a{
display:block;
min-height:26px;
background:url(../../images/parts/btn_cart_head02.png) no-repeat 5px 5px;
text-indent:-9999px;
overflow:hidden;
}
* html #gnavi #miniCart .cartHeadWrap .inner .cartHead .watch a{
height:26px;
}
/* 2014.10.23 bita-a0099 add end */

/* -----------------------------------------------------------
   #searchHead
----------------------------------------------------------- */
/* 2014.10.23 bita-a0099 mod start */
#searchHead{
width:915px;
min-height:40px;
margin:0 auto 5px;
padding:10px 0 0 5px;
}
* html #searchHead{
height:48px;
}

/* .searc01
----------------------------------------------------------- */
#searchHead .searc01{
float:left;
width:730px;
overflow:hidden;
}

#searchHead .searc01 .box01{
float:left;
width:26px;
padding:6px 6px 0 0;
}

#searchHead .searc01 .box02{
float:left;
width:435px;
padding:1px 0 0 0;
}

#searchHead .searc01 .box02 .text input{
width:427px;
height:30px;
padding:0 0 0 5px;
font-size:120%
}

#searchHead .searc01 .box02 ul{
width:435px;
padding-left:1px;
overflow:hidden;
}

#searchHead .searc01 .box02 ul li{
display:inline;
}

#searchHead .searc01 .box02 ul li span{
vertical-align:middle;
}

#searchHead .searc01 .box02 ul li span.radio{
}

#searchHead .searc01 .box02 ul li span.text{
padding-right:10px;
padding-left:3px;
}

#searchHead .searc01 .box03{
float:left;
padding-top:1px;
padding-left:2px;
}

#searchHead .searc01 .box03 span{
vertical-align:middle;
}

#searchHead .searc01 .box04{
float:left;
width:204px;
margin:1px 0 0 0;
}

#searchHead .searc01 .box04 select{
width:200px;
margin-top:0px;
background:#ffffff;
background-image:url(../../images/common/search_head_select_bg.png);
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #aaaaaa;
color:#0C2245;
font-size:14px;
height:34px;
line-height:34px;
text-align:left;
text-indent:5px;
vertical-align:middle;
}
/* 2014.10.23 bita-a0099 mod end */
/* 2016/04/06 bita-a0179 add start */
#searchHead2{
width:750px;
min-height:40px;
margin:0 auto 5px;
padding:10px 0 0 5px;
}
* html #searchHead2{
height:48px;
}
#searchHead2 .searc01{
float:left;
width:740px;
overflow:hidden;
}
#searchHead2 .searc01 .box01{
float:left;
width:26px;
padding:6px 6px 0 0;
}
#searchHead2 .searc01 .box02{
float:left;
width:644px;
padding:1px 0 0 0;
}
#searchHead2 .searc01 .box02 .text input{
width:634px;
height:30px;
padding:0 0 0 5px;
font-size:120%
}
#searchHead2 .searc01 .box03{
float:left;
padding-top:1px;
padding-left:2px;
}
#searchHead2 .searc01 .box03 span{
vertical-align:middle;
}
/* 2016/04/06 bita-a0179 add end */

/* .searc02
----------------------------------------------------------- */
#searchHead .searc02{
float:left;
width:257px;
overflow:hidden;
}

#searchHead .searc02 span,
#searchHead .searc02 span img{
display:inline;
vertical-align:middle;
}
body:first-of-type #searchHead .searc02 span img{
padding-top:2px;
vertical-align:top;
}

#searchHead .searc02 span.text{
padding:0 10px;
}

#searchHead .searc02 span.text input{
width:65px;
}

/* 2014.10.23 bita-a0099 del */



/* -----------------------------------------------------------
   #topicPath
----------------------------------------------------------- */
#topicPath{
position:relative;
width:920px;
margin:0 auto 10px;
clear:both;
}

#topicPath.button{
min-height:31px;
margin:0 auto 10px;
overflow:hidden;
}
* html #topicPath.button{
height:31px;
}

#topicPath .path{
padding-right:197px;
line-height:1.2;
color:#8C8C8C;
}

#topicPath .path a,
#topicPath .path strong{
display:inline-block;
padding:0 5px;
}

#topicPath .bookmark{
position:absolute;
right:0;
top:0;
width:181px;
height:31px;
}



/* ===========================================================

   contents

=========================================================== */
#contents{
width:920px;
margin:0 auto 10px;
overflow:hidden;
clear:both;
zoom:1;
}

/* ===========================================================

   3/8追加

=========================================================== */
teble .teble_frame{
border:1px solid #CCCCCC;
border-collapse:collapse;
}

.img_center{
text-align:center;
}

th#vbottom{
vertical-align:bottom;
}

.list_price{
text-align:right;
font-weight:bold;
font-size:110%;
color:#FF0000;
}

/* ===========================================================

2015/3/19　追加

=========================================================== */

.result_img{/*商品画像枠を固定してセンタリング表示*/
text-align:center;
/*	display:table-cell; 20150319 非表示*/ 
height:64px;
width:25%;/*親table要素に対しての割合*/
padding-top:5px;
padding-bottom:5px;
vertical-align:middle;
/*ie6 ie7 hack（table-cell非対応）*/
layout-grid-line:64px;
width:100%;/*親要素に対しての割合*/
height:70px; /*画像高さ固定　20150319*/
margin:0 auto;
}
.itemNameBox {
  overflow:hidden;
  height:3.5em;
  text-align:left;
  margin-bottom:5px;
}
/* -----------------------------------------------------------
   c21add
----------------------------------------------------------- */
th#vmiddle{
vertical-align:middle;
}

/* 20100827 add */
/* ===========================================================

   灯油用　1007
 
=========================================================== */

/* ヘッダー画像 */
#header_toyu{
position:relative;
width:960px;
min-height:120px;
background:url(../../images/common/head_toyu_bg.png) no-repeat left top;
}
* html #header_toyu{
height:120px;
}

#header_toyu .logo{
position:absolute;
left:10px;
top:20px;
}

/* ===========================================================

   灯油用_partner　1007
 
=========================================================== */

/* ヘッダー画像 */
#header_toyu_pa{
position:relative;
width:960px;
min-height:120px;
background:url(../../images/common/head_toyu_pa_bg.png) no-repeat left top;
}
* html #header_toyu_pa{
height:120px;
}

#header_toyu_pa .logo{
position:absolute;
left:10px;
top:20px;
}
/* 20100827 add */


/* ===========================================================

   outer_modifi  20170228 add start

=========================================================== */
#outer_modifi{
width:1060px;
margin:0 auto;
/*
margin-top:0px;
margin-left:20px;
margin-right:20px;
margin-bottom:10px;
*/
overflow:hidden;
clear:both;
zoom:1; 
}

/* ===========================================================

   header_modifi

=========================================================== */
#header_modifi{
position:relative;
min-height:60px;
}

#header_modifi .logo, #header_modifi .lead, #header_modifi .loginState, #header_modifi .loginBtn{
position:absolute;
top:7px;
}

#header_modifi .logo{
left:15px;
top:7px;
}

#header_modifi .lead{
left:292px;
top:7px;
}

#header_modifi .loginState{
left:580px;
top:13px;
}

#header_modifi .loginState input[type="text"] {
margin-bottom:3px;
}

#header_modifi .loginBtn{
left:709px;
top:13px;
}

#header_modifi .headBnr {
position:absolute;
left:809px;
top:13px;
}

/* ===========================================================

   #container_modifi

=========================================================== */
/* 
   #container_modifi
----------------------------------------------------------- */
#container_modifi{
width:1060px;
}

#container_modifi #gnavi{
width:1040px;
margin:0;
}

/* 
   #searchHead_modifi [検索ボックス]
----------------------------------------------------------- */
#searchHead_modifi{
width:1020px;
min-height:40px;
margin:10px auto;
}

#searchHead_modifi .searc01 {

}

#searchHead_modifi .searc01 .box01 {
float:left;
width:26px;
padding:6px 6px 0 5px;
}
#searchHead_modifi .searc01 .box02 {
float:left;
width:530px;
padding:1px 0 0 0;
}

#searchHead_modifi .searc01 .box02 .text input {
width:525px;
height:30px;
font-size:120%;
padding:0px 0px 0px 5px;
}
#searchHead_modifi .searc01 .box04 {
float:left;
width:204px;
margin:1px 0 0 0;
}

#searchHead_modifi .searc01 .box04 select {
width:200px;
margin-top:0px;
background:#ffffff;
background-image:url(../../images/common/search_head_select_bg.png);
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #aaaaaa;
color:#0C2245;
font-size:14px;
height:34px;
line-height:34px;
text-align:left;
text-indent:5px;
vertical-align:middle;
}

#searchHead_modifi .searc01 .box03 {
float:left;
padding-top:1px;
padding-left:2px;
}


/* 
   #topicPath_modifi
----------------------------------------------------------- */
#topicPath_modifi{
position:relative;
padding:0 20px;
clear:both;
}

#topicPath_modifi .button{
min-height:31px;
margin:0 auto 10px;
overflow:hidden;
}

* html #topicPath_modifi .button{
height:31px;
}

#topicPath_modifi .path{
padding-right:197px;
line-height:1.2;
color:#8C8C8C;
}

#topicPath_modifi .path a,
#topicPath_modifi .path strong{
display:inline-block;
padding:0 5px;
}

#topicPath_modifi .bookmark{
position:absolute;
right:0;
top:0;
width:181px;
height:31px;
}

/* ===========================================================

   contents_modifi_2017.2.

=========================================================== */
#contents_modifi{
margin:0 auto 10px;
padding:10px 20px;
overflow:hidden;
clear:both;
zoom:1;
}

/* ===========================================================

   footer_modifi_2017.2.

=========================================================== */
#footer_modifi{
width:1060px;
clear:both;
}

/* .footNavi_modifi
----------------------------------------------------------- */
#footer_modifi .footNavi_modifi{
width:1060px;
padding:8px 0;
background-color:#231815;
clear:both;
}

#footer_modifi .footNavi_modifi ul{
text-align:center;
}

#footer_modifi .footNavi_modifi ul li{
display:inline;
font-size:110%;
}

#footer_modifi .footNavi_modifi ul li.first{
padding-left:8px;
background:url(../../images/common/line_vertical01.gif) repeat-y left top;
}

#footer_modifi .footNavi_modifi ul li span{
margin-right:1px;
padding-right:8px;
background:url(../../images/common/line_vertical01.gif) repeat-y right top;
}

#footer_modifi .footNavi_modifi ul li a{
color:#FFFFFF;
}

/* .copyWrap_modifi
----------------------------------------------------------- */
#footer_modifi .copyWrap_modifi{
width:1050px;
padding:5px 5px 20px;
overflow:hidden;
}

#footer_modifi .copyWrap_modifi .leftWrap{
float:left;
width:300px;
}

#footer_modifi .copyWrap_modifi .rightWrap{
float:right;
width:570px;
}

#footer_modifi .copyWrap_modifi .rightWrap .copy{
text-align:right;
}
/* 20170228 add end */