/*ページ内リンク（ヘッダー）*/

.midashi01black {background:#000;padding:10px 0;font-size:1em;}
.midashi01black span{border-left:5px red solid;color:#fff;}
.normal-title {
font-size:1.8em;
margin:10px 0;
margin-top:40px;
border-bottom:3px #08298A solid;
padding:10px 0;
}
.normal-title span {
font-size:0.5em;
margin-left:20px;
}

/*
店長のおすすめ
----------------------------------------------------*/
#osusume {float:left;width:100%;margin-bottom:40px;}
#osusume li {float:left;width:25%;}
#osusume li a {display:block;color:#B40404;padding:10px;}
#osusume li a img {width:100%;}
#osusume li a .item_text {font-size:0.8em;color:#333;text-align:center;}
#osusume li a .item_price {font-size:1.4em;text-align:center;}
#osusume:after {display:block;clear:both;}
#osusume li a .tax_notation_contents {font-size:0.6em !important;}


#top_linkarea {
padding:10px 0;
float:left;
min-width:780px;
}
#top_linkarea ul{
float:left;
background:#eee;
min-width:780px;
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;
}
/*
オススメエリア
-------------------------------------------------*/
#top_osusume_area {
width:800px;
margin-top:70px;
}
#top_osusume_area .boxtop {
float:left;
}
#top_osusume_area .boxtop .box {
float:left;
width:390px;
margin-right:20px;
}
#top_osusume_area .boxtop .box a {
display:block;
color:#333;
}
#top_osusume_area .boxtop .box a p {
margin:0;
}
#top_osusume_area .boxtop .box a p img {
width:100%;
}
#top_osusume_area .boxtop .box a .label {
background:#DF0101;
color:#fff;
font-weight:bold;
padding:10px 0;
text-align:center;
font-size:1.2em;
width:390px;
}
#top_osusume_area .boxtop .box a .point {
background:#eee;
padding:10px;
transition:0.5s;
height:200px;
}
#top_osusume_area .boxtop .box a .point p {
margin:0;
line-height:2;
font-size:0.8em;
}
#top_osusume_area .boxtop .box a .point p span {
font-weight:bold;
}
#top_osusume_area .boxtop .box a .point .item_stock {
margin-top:10px;
}
#top_osusume_area .boxtop .box a .point .item_price {
color:red;
font-size:1.4em;
font-weight:bold;
font-style: italic;
line-height:1;
transition:0.5s;
}
#top_osusume_area .boxtop .box a .btn {
display:block;
margin:10px auto;
text-align:center;
width:370px;
}
#top_osusume_area .boxtop .box a .btn span {
background:#FFA600;
display:inline-block;
text-align:center;
margin:0 auto;
padding:10px 40px;
color:#fff;
border-radius:3px;
transition:0.5s;
}
#top_osusume_area .boxtop .box a:hover > .point {
background:#666;
}
#top_osusume_area .boxtop .box a:hover > .point > .btn span {
background:#FACC2E;
color:#000;
}
#top_osusume_area .boxtop .box a:hover > .point > .item_price {
color:#fff;
}
#top_osusume_area .boxbottom {
clear:both;
margin-top:50px;
float:left;
}
#top_osusume_area .boxbottom .box {
float:left;
width:253px;
margin-right:20px;
}
#top_osusume_area .boxbottom .box a {
display:block;
border:1px #ccc solid;
height:395px;
padding:10px;
color:#333;
border-radius:3px;
transition:0.5s;
}
#top_osusume_area .boxbottom .box a:hover {
background:#FFFAB5;
box-shadow:0px 0px 12px -1px #b4b4b4;
-moz-box-shadow:0px 0px 12px -1px #b4b4b4;
-webkit-box-shadow:0px 0px 12px -1px #b4b4b4;
}
#top_osusume_area .boxbottom .box a p {
margin:0;
font-size:0.8em;
}
#top_osusume_area .boxbottom .box a p img {
width:100%;
}
#top_osusume_area .boxbottom .box a .point {
line-height:2;
}
#top_osusume_area .boxbottom .box a .item_price {
color:red;
font-weight:bold;
font-size:1.6em;
font-style: italic;
line-height:1.2;
}
#top_osusume_area .boxbottom .box a .btn {
display:block;
margin:5px auto;
text-align:center;
width:235px;
}
#top_osusume_area .boxbottom .box a .btn span {
background:#FFA600;
display:inline-block;
text-align:center;
padding:5px 40px;
color:#fff;
border-radius:3px;
transition:0.5s;
}
#top_osusume_area .boxbottom .box a:hover > .point > .btn span {
background:red;
}
/*おすすめ*/
.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.2em;
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:2em;
}
#item_button {
border:1px #FF8000 solid;
color:#FF8000;
padding:10px 20px;
margin-top:20px;
border-radius:3px;
float:right;
font-size:1em;
    -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 {
margin:10px;
}
#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 {
clear:both;
font-size:0.8em;
font-weight:normal;
text-decoration:none;
border:1px #fff solid;
height:68px;
overflow:hidden;
color:#333;
}
#sub_area .sub_box .item_stock {
margin:5px 0;
}
#sub_area .sub_box .item_price {
font-size:1.4em;
color:red;
font-weight:bold;
margin:0;
}
#sub_area .sub_box #subitem_button {
border:1px #FF8000 solid;
color:#FF8000;
padding:10px 20px;
margin-top:20px;
border-radius:3px;
font-size:0.8em;
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;
}
/*
種類エリア
-----------------------------------------------------------------------*/
#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 #ddd solid;
border-radius:3px;
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.1em;
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;
}
/*
サイズエリア
------------------------------------*/
#size_area {
width:800px;
}
#size_area ul{
float:left;
margin:0;
list-style:none;
}
#size_area ul li{
float:left;
width:200px;
}
#size_area ul li a{
display:block;
background:#FFFDD8;
text-align:center;
border:1px #ccc solid;
border-radius:5px;
margin:5px;
padding:10px;
color:#333;
transition-property: all;
transition: 0.3s linear;
}
#size_area ul li a:hover{
background:#FFF8F8;
border:1px red solid;
color:red;
text-decoration:underline;
}
#size_area ul li a p{
font-weight:bold;
font-size:1.4em;
}
/*
関連エリア
------------------------------------*/
#kanren_area {
width:800px;
}
#kanren_area ul{
float:left;
margin:0;
list-style:none;
}
#kanren_area ul li{
float:left;
width:400px;
}
#kanren_area ul li a{
display:block;
text-align:left;
border:1px #ccc solid;
border-radius:5px;
margin:5px;
padding:20px;
color:#333;
transition-property: all;
transition: 0.3s linear;
}
#kanren_area ul li a:hover{
border:1px red solid;
color:red;
text-decoration:underline;
}
#kanren_area ul li a p{
font-weight:bold;
font-size:1.4em;
}
#kanren_area ul li a p span {
float:right;
position:relative;
top:-30px;
}
#kanren_area ul li a p span img {
width:80px;
height:80px;
}
#back_btn {
margin:100px auto;
text-align:center;
}
#back_btn a {
background:#0066cc;
padding:15px 20px;
color:#fff;
font-weight:bold;
font-size:1.2em;
border-radius:3px;
transition:0.5s;
}
#back_btn a:hover {
background:#004182;
}








#cat_title {
margin:5px 0;
font-weight:bold;
font-size:30px;
border-bottom:1px #ccc solid;
border-left:5px #0066cc solid;
padding:5px;
line-height:35px;
height:80px;

}

#cat_sub_title {
position:relative;
top:-60px;
left:15px;
color:#555;
font-weight:normal;
margin-bottom:-20px;
font-size:14px;
}