/*
総合メインメニュー
--------------------------------------------------------------*/
#sougou_main_menu {
float:left;
width:1000px;
}
#sougou_main_menu li{
width:333px;
float:left;
}
#sougou_main_menu li a{
display:block;
border:1px #ccc solid;
border-bottom:3px #ccc solid;
padding:10px;
color:#333;
font-weight:bold;
font-size:1.4em;
text-align:center;
margin:10px;
transition-property: all;
transition: 0.3s linear;
}
#sougou_main_menu li a:hover {
border:1px red solid;
border-bottom:3px red solid;
color:red;
}
#sougou_main_menu li a p {
margin:5px 0;
}
/*
メインメニュー
--------------------------------------------------------------*/
#top_mainmenu {
list-style:none;
margin:20px 0;
float:left;
position:relative;
z-index:3;
background:#F6F4E7;
height:80px;
width:100%;
}
#top_mainmenu li{
float:left;
width:200px;
text-align:center;
}
#top_mainmenu li a{
display:inline-block;
text-align:center;
width:160px;
color:#333;
font-size:1.2em;
font-weight:bold;
padding:10px 0;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 19%, #f4f0c6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfcfc 19%,#f4f0c6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfcfc 19%,#f4f0c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f4f0c6',GradientType=0 ); /* IE6-9 */
border:1px #B0AA7B solid;
border-radius:5px;
padding:15px 10px;
transition-property: all;
transition: 0.3s linear;
margin:15px auto;
}
#top_mainmenu li a i {
background:red;
padding:4px 5px;
color:#fff;
border-radius:50%;
font-size:0.8em;
}
#top_mainmenu li a:hover {
color:red;
border-bottom:3px red solid;
}
#menu_left{
float:left;
text-align:center;
width:200px;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding:13px 0;
background:red;
margin-top:20px;
}
/*
ランキング
--------------------------------------------------------------*/
.s_midashi {font-size:1.6em;font-weight:bold;border-bottom:3px #000 solid;padding:5px 0;}
#rlist6 #rank_number , #rlist7 #rank_number {display:none;}
/*
おすすめ商品
--------------------------------------------------------------*/
.midashi01 {
background:#013ADF;
color:#fff;
padding:8px;
line-height:1.5;
font-weight:bold;
font-size:1.3em;
text-align:center;
}
.midashi02 {
background:#FFE600;
color:#000;
padding:8px;
line-height:1.5;
font-weight:bold;
font-size:1.3em;
text-align:center;
}
.midashi03 {
background:red;
color:#fff;
padding:8px;
line-height:1.5;
font-weight:bold;
font-size:1.3em;
text-align:center;
}
#osusume_area {
width:33.33333333%;
float:left;
}
#osusume_area ul {
margin:0 auto;
padding:0;
width:100%;
}
#osusume_area ul li {
margin:0 auto;
padding:0;
}
#osusume_area ul li a {
display:block;
margin:10px auto;
width:160px;
}
#osusume_area ul li a .item_name {
height:53px;
overflow:hidden;
margin:5px 0;
}
#osusume_area ul li a .item_stock {
text-align:right;
margin:5px 0;
}
#osusume_area ul li a .item_price {
text-align:right;
line-height:1.5;
color:red;
font-weight:bold;
font-size:1.6em;
margin:5px 0;
}
#osusume_area ul li a .item_btn {
width:100px;
border:1px #FF8000 solid;
border-radius:3px;
color:#FF8000;
padding:8px 15px;
text-align:center;
margin:0 auto;
transition:0.5s;
}
#osusume_area ul li a:hover > .item_btn {
background:#FF8000;
color:#fff;
}
/*
商品ラインナップ
--------------------------------------------------------------*/
#hyou {
width:715px;
}
#hyou , #hyou td, #hyou th {
	border: 1px solid #595959;
	border-collapse: collapse;
	text-align:center;
	vertical-align:top;
}
#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 td {
display: table-cell;
vertical-align: middle;
}
#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:#ffff00;
padding:1px 5px;
position:relative;
font-size:0.9em;
top:-10px;
}
*/
#hyou .osusume:before {
content: url(../img/osusume.png);
position:absolute;
margin-top:-25px;
margin-left:-55px;
}
#hyou .saiyasu:before {
content: url(../img/saiyasu.png);
position:absolute;
margin-top:-20px;
margin-left:-30px;
}
#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:-10px\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 .item_img p {
text-align:left;
margin:0 5px;
margin-top:5px;
}
#hyou .usb30:before {
content:"USB3.1Gen1";
position:absolute;
margin-left:-10px;
margin-top:-5px;
}
#hyou .usb30n:before {
content:"USB3.0";
position:absolute;
margin-left:-10px;
margin-top:-5px;
}
#hyou .usb31:before {
content:"USB3.1";
position:absolute;
margin-left:-10px;
margin-top:-5px;
}
#hyou .nekoposu_icon02 {
background:#000;
color:#ffff00;
padding:2px 5px;
font-size:1em;
margin-right:5px;
border-radius:3px;
}
#hyou .naire_icon02 {
background:#04B404;
color:#fff;
padding:2px 5px;
font-size:1em;
border-radius:3px;
}
@media all and (-ms-high-contrast:none){
#hyou .osusume:before {
content: url(../img/osusume.png);
position:absolute;
margin-top:-25px;
margin-left:-10px;
}
#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_setsumei {
width:800px;
}
#hyou_setsumei , #hyou_setsumei td, #hyou_setsumei th {
	border: 1px solid #999;
	border-collapse: collapse;
}
#hyou_setsumei td, #hyou_setsumei th {
	padding: 5px;
	width: 30px;
	height: 25px;
}
/*
容量別から選ぶ
--------------------------------------------------------------*/
#sd_youryou {
width:800px;
float:left;
}
#sd_youryou li{
width:200px;
float:left;
}
#sd_youryou li a{
display:block;
border:1px #ccc solid;
border-bottom:3px #ccc solid;
font-size:1.2em;
font-weight:bold;
color:#333;
padding:20px;
margin:5px;
text-align:center;
transition-property: all;
transition: 0.3s linear;
}
#sd_youryou li a:hover {
border:1px red solid;
border-bottom:3px red solid;
color:red;
}
#sd_youryou li a img {
margin-bottom:5px;
}
#subtext {
display:block;
font-weight:normal;
font-size:0.8em;
margin:5px 0;
color:#777;
text-align:left;
transition-property: all;
transition: 0.3s linear;
}
#sd_youryou li a:hover > #subtext {
color:red;
}
/*
関連商品
--------------------------------------------------------------*/
#kanren {
width:800px;
float:left;
}
#kanren li{
float:left;
width:400px;
}
#kanren li a{
float:left;
margin:10px;
display:block;
border:1px #ccc solid;
padding:10px;
width:360px;
transition-property: all;
transition: 0.3s linear;
border-radius:3px;
}
#kanren li a:hover {
border:1px red solid;
}
.name {
float:left;
font-size:1.6em;
font-weight:bold;
color:#333;
position:relative;
top:20px;
transition-property: all;
transition: 0.3s linear;
}
#kanren li a:hover > #name {
color:red;
}
#kanren li a img {
float:right;
width:100px;
height:100px;
}
/*
ポイントエリア（Q&Aなど）
--------------------------------------------------------------*/
#point_qa {
width:800px;
background:#FFFABD;
border-radius:10px;
}
#point_qa p {
padding:10px;
line-height:1.5;
}
/*
スクロールダウンメニュー
--------------------------------------------------------------*/
#scroll_headbar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #fff;
color:#666;
border-bottom:1px #ccc solid;
z-index:999999999;
box-shadow:rgba(0, 0, 0, 0.24) 0px 0px 11px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.24) 0px 0px 11px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.24) 0px 0px 11px 3px;
}
#scroll_headbar ul {
margin:0;
width:1000px;
text-align:center;
margin:5px auto;
}
#scroll_headbar ul li{
float:left;
width:11.11%;
}
#scroll_headbar ul li a{
display:block;
color:#333;
font-size:0.9em;
border:1px #fff solid;
margin-bottom:5px;
transition-property: all;
transition: 0.3s linear;
}
#scroll_headbar ul li a:hover {
border:1px red solid;
border-radius:5px;
color:red;
}
#scroll_headbar ul li a p {
margin:0;
margin-bottom:5px;
}
#back_btn {
margin:50px 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;
}