
#midashi01black {
    background: #000;
    padding: 7px;
    font-weight: bold;
    color: #fff;
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 10px;
}

#midashi01black span {
    border-left: 5px red solid;
    padding-left: 5px;
}

#midashi02 {
    font-weight: bold;
    color: #0066cc;
    padding: 6px 0;
    font-size: 1.2em;
    border-bottom: 2px #0066cc solid;
    margin-top: 20px;
    margin-bottom: 10px;
}

ul,li {list-style:none;margin:0;padding:0;}
#l_waku {
width:1000px;
border:0px #000 solid;
margin:0 auto;
position:relative;
left:-2px;
overflow:hidden;
}


#top_img_wrap {
width:100%;
}
#top_img_wrap .top_img_main {
width:995px;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_img_main h1 {
position:absolute;
margin-top:20px;
font-size:2.5em;
color:#fff;
z-index:1;
line-height:1;
}
#top_img_wrap .top_img_main h2 {
position:absolute;
margin-top:70px;
font-weight:normal;
text-align:left;
color:#fff;
font-size:0.85em;
line-height:1.6;
z-index:1;
}
#top_img_wrap .top_img {
position:absolute;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_back {
width:100%;
background:#000;
height:280px;
}
#top_img_wrap .top_nouhin_box {
position:absolute;
color:#FFFF00;
border:1px #FFFF00 solid;
padding:8px 15px;
font-size:0.9em;
margin-top:170px;
z-index:3;
border-radius:3px;
}
#top_img_wrap .top_nouhin_box02 {
position:absolute;
color:#fff;
border:1px #DF0101 solid;
background:#DF0101;
padding:8px 15px;
font-size:0.9em;
margin-top:220px;
width:233px;
z-index:3;
border-radius:3px;
}
#body_wrapper {
width:1000px;
margin:0 auto;
}


#midashi01 {
    background: #EFF8FB;
    padding: 7px;
    font-weight: bold;
    color: #333;
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 10px;
}

#midashi01 span {
    border-left: 5px #0066cc solid;
    padding-left: 5px;
}



/*
トップナビゲーション
-----------------------------------------------------------------------*/
#top_nav {
float:left;
margin:0;
padding:0;
width:995px;
list-style:none;
margin-bottom:50px;
margin-top:30px;
border:1px #ccc solid;
border-bottom:none;
border-radius:5px;
box-shadow: 0 9px 12px -9px #222;
}
#top_nav li {
float:left;
margin:0;
padding:0;
width:248.75px;
text-align:center;
}
#top_nav li a {
display:block;
padding:20px 0;
border-right:1px #ccc solid;
border-bottom:3px #08298A solid;
background:#eee;
color:#08298A;
font-size:1.2em;
transition:0.5s;
font-weight:bold;
}
#top_nav li a:hover {
border-bottom:3px red solid;
color:red;
background:#fff;
}
#top_nav li a.outlet {
display:block;
padding:20px 0;
border-bottom:3px #08298A solid;
color:red;
font-size:1.2em;
transition:0.5s;
font-weight:bold;
background:#FDEEEE;
}
#top_nav li a.outlet:hover {
border-bottom:3px red solid;
color:red;
background:#fff;
}
/*
種類エリア
-----------------------------------------------------------------------*/
#shurui_area {
list-style:none;
margin:20px auto;
padding:0;
margin-left:10px;
}
#shurui_area li {
float:left;
margin:0;
margin-right:20px;
margin-bottom:20px;
width:230px;
}
#shurui_area li a {
display:block;
color:#666;
padding:10px;
border:1px #ccc solid;
border-radius:5px;
text-align:center;
transition-property: all;
transition: 0.3s linear;
}
#shurui_area li a:hover {
color:red;
box-shadow:0px 0px 9px 0px #d0d0cd;
-moz-box-shadow:0px 0px 9px 0px #d0d0cd;
-webkit-box-shadow:0px 0px 9px 0px #d0d0cd;
}
#shurui_area li a img {
position:relative;
top:10px;
transition:0.5s;
}
#shurui_area li a:hover > img {
position:relative;
top:-2px;
}
#shurui_area li a h4 {
font-size:1.4em;
margin:0;
padding:0;
}
#shurui_area li a p , #shurui_area li a h4 {
line-height:1.5;
font-weight:normal;
font-size:0.8em;
margin:15px 0;
}
#shurui_area a #hv_btn {
position:absolute;
font-size:1.4em;
margin-left:195px;
margin-top:-15px;
}
#shurui_area span {
font-weight:bold;
font-size:1.2em;
}
/*
関連エリア
-----------------------------------------------------------------------*/
#kanren_area {
list-style:none;
margin:20px auto;
padding:0;
margin-left:10px;
}
#kanren_area li {
float:left;
margin:0;
margin-right:20px;
margin-bottom:20px;
width:180px;
}
#kanren_area li a {
display:block;
color:#666;
padding:10px;
border:1px #ccc solid;
border-radius:5px;
text-align:center;
transition-property: all;
transition: 0.3s linear;
}
#kanren_area li a:hover {
color:red;
box-shadow:0px 0px 9px 0px #d0d0cd;
-moz-box-shadow:0px 0px 9px 0px #d0d0cd;
-webkit-box-shadow:0px 0px 9px 0px #d0d0cd;
}
#kanren_area li a img {
position:relative;
top:10px;
transition:0.5s;
width:160px;
height:160px;
margin-bottom:10px;
}
#kanren_area li a:hover > img {
position:relative;
top:-2px;
}
#kanren_area li a h4 {
font-size:1em;
margin:10px 0;
padding:0;
height:30px;
}
#kanren_area a #hv_btn {
position:absolute;
font-size:1.4em;
margin-left:195px;
margin-top:-15px;
}
#kanren_area span {
font-weight:bold;
font-size:0.9em;
line-height:1;
}
/*
絞り込み検索エリア
-----------------------------------------------------------------------*/
#siborikomi section{
margin:0;
}
#siborikomi .midashi{
font-weight:bold;
border-bottom:1px #000 solid;
padding:10px;
margin:0;
margin-bottom:10px;
font-size:1.4em;
}
#siborikomi ul {
float:left;
list-style:none;
margin:0;
padding:10px;
background:#333;
width:995px;
}
#siborikomi .shurui_img img {
border-radius:5px;
}
#siborikomi ul li {
width:225px;
border:1px #ccc solid;
border-radius:3px;
padding:15px 5px;
float:left;
color:#333;
background:#fff;
margin-right:10px;
margin-bottom:10px;
}
#siborikomi ul label {
float:left;
padding:0px;
cursor:pointer;
}
#siborikomi ul li input {
float:left;
margin:0;
padding:0;
}
#siborikomi .siborikomi_text {
float:left;
margin:0;
padding:0;
font-size:1.2em;
padding-left:5px;
}
/*ページ内リンク（ヘッダー）*/
#top_linkarea {
padding:10px 0;
float:left;
width:800px;
}
#top_linkarea ul{
float:left;
background:#eee;
width:800px;
padding:0;
}
#top_linkarea li{
float:left;
width:18.3%;
padding:5px;
}
#top_linkarea li a{
display:block;
text-align:center;
border:1px #999 solid;
border-radius:5px;
background:#fff;
color:#666;
padding:8px 0;
margin:5px;
width:100%;
}
#top_linkarea li .outlet{
display:block;
text-align:center;
border:1px #B40404 solid;
border-radius:5px;
background:#fff;
color:#B40404;
padding:8px 0;
margin:5px;
width:100%;
}
#top_linkarea li a:hover {
background:#FFE747;
color:#000;
}
#top_linkarea li .outlet:hover {
background:#B40404;
color:#fff;
}
/*おすすめ*/
.main_title {
font-weight:bold;
color:#0066cc;
border-bottom:3px #0066cc solid;
padding:5px 0;
font-size:1.7em;
margin-top:25px;
}
.main_title span {
font-weight:normal;
font-size:0.7em;
color:#666;
}
#osusume_area {
float:left;
}
#osusume_area .main_box a{
display:block;
border:1px #ccc solid;
border-radius:5px;
width:800px;
float:left;
}
#osusume_area .item_img {
margin:20px;
float:left;
}
#osusume_area .item_img img {
width:250px;
height:250px;
}
#osusume_area .right {
float:left;
margin:20px 0;
width:480px;
}
#osusume_area .item_name {
margin:0;
font-weight:bold;
font-size:1.3em;
text-decoration:underline;
color:#000;
line-height:1.8;
}
#osusume_area .item_stock {
margin:0;
margin-top:20px;
}
#osusume_area .item_price {
margin:10px 0;
color:red;
font-weight:bold;
font-size:2.5em;
}
#item_button {
border:1px #FF8000 solid;
color:#FF8000;
padding:10px 20px;
margin-top:20px;
border-radius:5px;
float:right;
font-size:1.2em;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#osusume_area .main_box a:hover > .right #item_button {
background:#FF8000;
color:#fff;
}
#sub_area {
width:820px;
overflow:hidden;
}
#sub_area .sub_box a{
display:block;
float:left;
width:190px;
margin-right:15px;;
}
#sub_area .item_img {
}
#sub_area .sub_box .item_img img{
width:160px;
height:160px;
}
#osusume_area .main_box .item_img span img{
height:80px;
width:80px;
position:absolute;
}
#sub_area .sub_box .item_img span img{
height:62px;
width:62px;
position:absolute;
}
#sub_area .sub_box .item_name {
font-size:1em;
font-weight:normal;
text-decoration:none;
border:1px #fff solid;
height:68px;
overflow:hidden;
}
#sub_area .sub_box .item_stock {
margin:5px 0;
}
#sub_area .sub_box .item_price {
font-size:1.8em;
}
#sub_area .sub_box #subitem_button {
border:1px #FF8000 solid;
color:#FF8000;
padding:10px 20px;
margin-top:20px;
border-radius:5px;
font-size:1.2em;
text-align:center;
margin:10px auto;
width:120px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#sub_area .sub_box a:hover > #subitem_button {
background:#FF8000;
color:#fff;
}
/*
関連エリア
------------------------------------*/
#type_area {
}
#type_area .type_wrap {
float:left;
width:100%;
}
#type_area .type_wrap .type_wrap_box {
float:left;
width:24%;
margin:5px;
}
#type_area ul li .title_link {
margin:0;
}
#type_area ul li .title_link a {
background:#08298A;
color:#fff;
border:1px #08298A solid;
text-align:center;
font-weight:bold;
display:block;
padding:10px;
border-radius:5px 5px 0 0;
transition:0.5s;
}
#type_area ul li .title_link a:hover {
background:red;
border:1px red solid;
}
#type_area ul li .title_link a i {
margin-left:10px;
}
#type_area ul li .title_link span {
background:#08298A;
color:#fff;
border:1px #08298A solid;
text-align:center;
font-weight:bold;
display:block;
padding:10px;
border-radius:5px 5px 0 0;
transition:0.5s;
}
#type_area ul li .box {
border:1px #ccc solid;
border-top:none;
float:left;
width:238px;
height:170px;
}
#type_area ul li .box2 {
border:1px #ccc solid;
border-top:none;
text-align:center;
width:238px;
height:100px;
}
#type_area ul li .box ul img {
float:left;
margin-left:10px;
}
#type_area ul li .box ul li {
text-align:right;
line-height:1.5;
margin:10px;
}
#type_area ul li .box ul li a {
color:#0080FF;
text-decoration:underline;
}
#type_area ul li .box ul li a:hover {
color:red;
}
#type_area ul li a {
display:block;
}
#type_area ul li a:hover > .title_link {
background:red;
border:1px red solid;
}
#type_area ul li a .title_link {
background:#08298A;
color:#fff;
border:1px #08298A solid;
text-align:center;
font-weight:bold;
display:block;
padding:10px;
border-radius:5px 5px 0 0;
transition:0.5s;
}
#type_area ul li a .title_link i {
margin-left:10px;
}
/*
タブメニュー
-----------------------------------------------------------*/
ul.tab {
	float:left;
    list-style: none;
    border-bottom:3px red solid;
    width:995px;
    margin:0;
    padding:0;
    margin-top:20px;
}
ul.tab li {
    float: left;
    width:163px;
    margin:0 3px;
    padding: 10px 0;
    background-color: #fff;
    color: red;
    cursor: pointer;
    text-align:center;
    border:1px red solid;
    border-bottom:none;
    border-radius:5px 5px 0 0;
    font-size:0.7em;
}
ul.tab li p {
margin:0;
}
ul.tab li:hover {
border:1px red solid;
border-bottom:none;
background:red;
}
ul.tab li p {
font-size:1.5em;
text-align:center;
}
ul.tab li:hover {
    color: #fff;
}
ul.tab li.active {
    background-color: red;
    border:1px red solid;
    color: #fff;
    font-weight:bold;
    border-bottom:none;
}
div.tabContent {
    clear: both;
    padding:0;
    width: 995px;
    display: none;
    background:#FFFDD2;
    margin-bottom:20px;
}
div.active {
    display: block;
}
#back_btn {
margin:80px auto;
text-align:center;
}
#back_btn a {
background:#0066cc;
padding:6px 20px;
color:#fff;
font-weight:bold;
font-size:2em;
border-radius:10px;
}
#back_btn a:hover {
background:#004182;
}
#qa_btn a{
display:inline-block;
float:right;
background:#fff;
color:#0066cc;
border:1px #0066cc solid;
padding:10px 30px;
border-radius:5px;
text-align:center;
transition:0.5s;
}
#qa_btn a:hover {
background:#0066cc;
color:#fff;
}
/*
商品ラインナップ
--------------------------------------------------------------*/
#hyou {
width:715px;
}
#hyou , #hyou td, #hyou th {
	border: 1px solid #595959;
	border-collapse: collapse;
	text-align:center;
	vertical-align:center;
}
#hyou .hyou_head {
width:80px;
height:50px;
font-weight:bold;
color:#000;
font-size:1.2em;
}
#hyou .hyou_head p {
background:#eee;
padding:25px 0;
margin:0;
}
#hyou .item_price {
color:red;
font-weight:bold;
}
#hyou td a {
display:block;
}
#hyou .item_img {
vertical-align:middle;
padding:10px 0;
}
#hyou .item_img p {
margin:0;
margin-top:3px;
font-size:0.8em;
line-height:1.2;
}
#up_down {
float:left;
height:940px;
width:80px;
}
#up_down .body {
margin:0;
margin-top:0;
}
#hyou .nekopos:after {
content:"ネコポス";
background:#000;
color:#fff;
font-weight:bold;
padding:1px 10px;
position:relative;
top:-10px;
}
#hyou .osusume:before {
content: url(../img/osusume.png);
position:absolute;
margin-top:-25px;
margin-left:-73px;
}
#hyou .saiyasu:before {
content: url(../img/saiyasu.png);
position:absolute;
margin-top:-25px;
margin-left:-55px;
}
#hyou .naire:before {
content: url(../img/naire.png);
position:absolute;
margin-top:-10px;
margin-left:-55px;
}
#hyou .osusume:before {
content: url(../img/osusume.png);
position:absolute;
margin-top:-25px\9;
margin-left:-18px\9;
}
#hyou .saiyasu:before {
content: url(../img/saiyasu.png);
position:absolute;
margin-top:-25px\9;
margin-left:-10px\9;
}
#hyou .naire:before {
content: url(../img/naire.png);
position:absolute;
margin-top:-10px\9;
margin-left:-15px\9;
}
#hyou .icon_label {
display:block;
border:1px #0066cc solid;
color:#0066cc;
padding:2px;
border-radius:5px;
font-size:0.8em;
margin:5px;
min-width:60px;
}
@media all and (-ms-high-contrast:none){
#hyou .osusume:before {
content: url(../img/osusume.png);
position:absolute;
margin-top:-25px;
margin-left:-18px;
}
#hyou .saiyasu:before {
content: url(../img/saiyasu.png);
position:absolute;
margin-top:-25px;
margin-left:-10px;
}
#hyou .naire:before {
content: url(../img/naire.png);
position:absolute;
margin-top:-10px;
margin-left:-15px;
}
}
#hyou .item_price {font-size:1.2em;margin:0;}
#hyou .item_stock {margin:0;}
#setumei {
}
#setumei .title{
font-size:1.4em;
font-weight:bold;
}
#setumei .text{
line-height:1.5;
}
#setumei .sub_title{
font-weight:normal;
font-size:1.3em;
margin:5px 0;
padding:0;
}
#setumei ul li{
list-style-type: square;
margin-left:15px;
line-height:1.5;
}


