@charset "UTF-8";
#top_img_wrap {
width:995px;
margin:0 auto;
padding:0;
margin-bottom:20px;
}
#top_img_wrap h1 {
color:#333;
font-size:1.8em;
margin:10px 0;
color:#0066cc;
}
#top_img_wrap h2 {
color:#444;
font-size:1em;
font-weight:normal;
line-height:1.5;
padding-bottom:20px;
border-bottom:3px #eee solid;
}
#body_wrapper {
width:1000px;
margin:0 auto;
margin-bottom:50px;
}
.normal-title {
font-size:2.6em;
margin:10px 0;
border-bottom:3px #04B45F solid;
padding:15px 0;
}
/*
トップナビゲーション
-----------------------------------------------------------------------*/
#top_nav {
float:left;
margin:0;
padding:0;
width:995px;
list-style:none;
margin-bottom:50px;
margin-top:0px;
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 #eee solid;
border-bottom:3px #04B45F solid;
color:#04B45F;
font-size:1.2em;
transition:0.5s;
font-weight:bold;
}
#top_nav li a:hover {
border-bottom:3px red solid;
color:red;
background:#eee;
}
#top_nav li a.outlet {
display:block;
padding:20px 0;
border-right:1px #eee solid;
border-bottom:3px #04B45F solid;
color:red;
font-size:1.2em;
transition:0.5s;
font-weight:bold;
}
#top_nav li a.outlet:hover {
border-bottom:3px red solid;
color:red;
background:#eee;
}
/*
おすすめエリア
-----------------------------------------------------------------------*/
#osusume_area {
width:995px;
overflow:hidden;
margin-top:60px;
}
#osusume_area #main{
float:left;
width:100%;
padding-bottom:10px;
border-bottom:1px #999 dashed;
background:none;
}
#osusume_area #main .main_item_img {
float:left;
width:350px;
margin:0;
margin-right:10px;
}
#osusume_area #main .main_item_img img {
width:350px;
height:350px;
}
#osusume_area #main #main_right_area {
float:left;
}
#osusume_area #main #main_right_area #imageList {
float:left;
margin:0;
padding:0;
width:240px;
}
#osusume_area #main #main_right_area #imageList li img {
width:110px;
height:110px;
}
#osusume_area #main #main_right_area #item_text {
float:left;
width:390px;
}
#osusume_area #main #main_right_area #item_text h3 {
font-size:1.2em;
line-height:1.5;
}
#osusume_area #main #main_right_area #item_text ul {
list-style:none;
margin:0;
margin:20px 0;
}
#osusume_area #main #main_right_area #main_price_area {
text-align:right;
}
#osusume_area #main #main_right_area #main_price_area a {
display:block;
}
#osusume_area #main #main_right_area #main_price_area a #main_link_btn {
float:left;
color:#FF8000;
border:1px #FF8000 solid;
border-radius:3px;
padding:15px;
font-size:1.3em;
position:relative;
top:22px;
transition:0.5s;
}
#osusume_area #main #main_right_area #main_price_area a:hover > #main_link_btn {
background:#FF8000;
color:#fff;
}
#osusume_area .rank01 {
position:absolute;
z-index:1;
margin-left:-45px;
margin-top:-48px;
}
#osusume_area .rank02 {
position:absolute;
z-index:2;
}
#osusume_area .rank02 img {
position:relative;
left:-25px;
top:-38px;
}
/*
サブエリア
---------------------------------------------------------------*/
#sub {
width:100%;
padding-top:30px;
}
#sub .item_sub_box {
width:23.3%;
float:left;
padding:10px;
}
#sub .item_sub_box a {
display:block;
width:232px;
}
#sub .item_img {
margin:5px 0;
}
#sub .item_img img {
width:232px;
border-radius:5px;
}
#sub .item_text {
color:#666;
line-height:1.5;
margin:0;
height:55px;
overflow:hidden;
}
#sub .item_price {
color:red;
font-size:1.8em;
margin:0;
font-weight:bold;
text-align:right;
}
#sub .item_stock {
text-align:right;
}
#sub_link_btn {
display:block;
width:50%;
color:#FF8000;
border:1px #FF8000 solid;
border-radius:3px;
padding:10px 15px;
font-size:1.2em;
text-align:center;
margin:15px auto;
transition:0.5s;
}
#sub .item_sub_box a:hover > #sub_link_btn {
background:#FF8000;
color:#fff;
}
/*
種類エリア
---------------------------------------------------------------*/
#shurui-area {
width:995px;
}
#shurui-area ul {
float:left;
margin:0;
padding:0;
width:100%;
}
#shurui-area ul li {
float:left;
margin:0;
padding:0;
width:25%;
text-align:center;
}
#shurui-area ul li a {
display:block;
padding:10px;
margin:5px;
border:1px #ddd solid;
border-radius:3px;
color:#333;
transition:0.5s;
}
#shurui-area ul li a img {
position:relative;
top:5px;
transition:0.5s;
}
#shurui-area ul li a p {
font-size:0.9em;
}
#shurui-area ul li a p span {
font-weight:bold;
font-size:1.15em;
line-height:1.7;
}
#shurui-area ul li a:hover {
color:red;
border:1px red solid;
}
#shurui-area ul li a:hover > img {
position:relative;
top:0px;
}
/*ページ内リンク（ヘッダー）*/
#top_linkarea {
float:left;
margin:0;
padding:0;
width:800px;
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_linkarea li{
float:left;
margin:0;
padding:0;
width:200px;
text-align:center;
}
#top_linkarea li a{
display:block;
padding:20px 0;
border-right:1px #eee solid;
border-bottom:3px #0066cc solid;
color:#333;
font-size:1.2em;
transition:0.5s;
font-weight:bold;
}
#top_linkarea li a:hover {
border-bottom:3px red solid;
color:red;
background:#eee;
}
#top_linkarea li a.outlet {
display:block;
padding:20px 0;
border-right:1px #eee solid;
border-bottom:3px #0066cc solid;
color:red;
font-size:1.2em;
transition:0.5s;
font-weight:bold;
}
#top_linkarea li a.outlet:hover {
border-bottom:3px red solid;
color:red;
background:#eee;
}
#cat_backbtn {
margin:80px auto;
text-align:center;
}
#cat_backbtn a {
display:inline-block;
color:#04B45F;
font-size:1.6em;
padding:15px 30px;
border:1px #04B45F solid;
border-radius:5px;
text-align:center;
transition:0.5s;
}
#cat_backbtn a:hover {
background:#04B45F;
color:#fff;
}

ul,li {list-style:none;margin:0;padding:0;}
#l_waku {
width:995px;
margin:0 auto;
}


#mini_bnr_ichiran{
margin:0;
padding-top:20px;
float:left;
width:98%;

}
#mini_bnr_ichiran p{
float:left;
margin:0;
padding:0;
margin-right:10px;
}
#mini_bnr_ichiran a img{
border:1px #eee solid;
border-radius:3px;
width:220px;
}
#mini_bnr_ichiran span{
display: inline-block;
width: 100%;
text-align:center;
font-size:0.8em;
color:#666;
position:relative;
top:3px;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari縲，hrome縺ｪ縺ｩ */
-ms-user-select: none; /* IE10縺九ｉ */
overflow: hidden;
height: 22px;
}
#mini_bnr_ichiran ul{
list-style:none;
margin:0;
margin-right:10px;
padding:0;
float:left;
width: 100%;
}
#mini_bnr_ichiran ul li{
float:left;
list-style:none;
margin-bottom:10px;
width: 25%;
}
#mini_bnr_ichiran .etc_tokusyu{
width:100%;
}
#mini_bnr_ichiran .etc_tokusyu a{
float:right;
text-align:right;
color:#0066cc;
border-radius:3px;
padding:3px 8px;
margin-right:10px;
transition:0.5s;
text-decoration:none;
}
#mini_bnr_ichiran .etc_tokusyu a:hover{
color:red;
}