@charset "Shift_JIS";
/* CSS Document */
/*----------------------------------------------------------------------------------------------
	全体共通
----------------------------------------------------------------------------------------------*/
.price span{ font-size:10px; color:#656565;}
.b_box_w180{ width:172px; height:40px; font-size:12px; line-height:40px; color:#fff; text-align:left; padding-left:8px; background:#333; margin-top:20px;}
.g_box_w180{ width:172px; height:40px; font-size:12px; line-height:40px; color:#fff; text-align:left; padding-left:8px; background:#999; margin-top:20px;}
.g_box_w180 span{text-align:left; padding-left:15px; background:url(/img_cont/common/ico_arrow_white.png) no-repeat left center;}
.v_box_w180{ width:172px; height:40px; font-size:12px; line-height:40px; color:#fff; text-align:left; padding-left:8px; background:#4f474b; margin-top:20px;}
.v_box_w180 span{text-align:left; padding-left:15px; background:url(/img_cont/common/ico_arrow_white.png) no-repeat left center;}
h2 .title,
h3 .title{ font-size:18px;}
h3 .title2{ font-size:14px;}
h2 .jp_words,
h3 .jp_words{ font-size:14px; margin-top:3px\9;}
h2.bk_black,
h3.bk_black{ padding-bottom:3px; border-bottom:3px solid #000;}
h2.bk_black span.ul,
h3.bk_black span.ul{ display:block; overflow:hidden; zoom:1; padding-left:10px; background:#333; border:0;}
h2.bk_black span.ul span,
h3.bk_black span.ul span{ float:left; line-height:40px; color:#fff;}
h2.bk_black01,
h3.bk_black01{ height:40px;}
h2.bk_black01 span.ul,
h3.bk_black01 span.ul{ display:block; overflow:hidden; zoom:1; padding:3px 0 0 10px; background:#333; border:0;}
h2.bk_black01 span.ul span,
h3.bk_black01 span.ul span{ float:left; line-height:37px; color:#fff;}
h2.bk_nomal,
h3.bk_nomal{ padding-bottom:3px; margin-top:40px; border-bottom:1px solid #000;}
h2.bk_nomal span.ul,
h3.bk_nomal span.ul{ display:block; overflow:hidden; zoom:1; padding-left:10px; border-bottom:3px solid #000;}
h2.bk_nomal span.ul span,
h3.bk_nomal span.ul span{ display:block; float:left; line-height:22px; color:#000; line-height:15px\9;}
h2.bk_nomal span.ul .title,
h3.bk_nomal span.ul .title{ margin-top:6px\9 !important;}
h2.bk_nomal span.ul .title_ie,
h3.bk_nomal span.ul .title_ie{ line-height:24px\9; font-size:16px;}
h2.bk_nomal span.ul .title_ie02,
h3.bk_nomal span.ul .title_ie02{ line-height:21px\9 !important; margin-top:0\9 !important; font-size:16px;}

h4{ font-size:16px; line-height:22px; line-height:15px\9; border-bottom:1px solid #000;}
h4 span{ display:block; padding-left:10px; margin-bottom:2px; border-bottom:2px solid #000;}
/*IE11▼*/
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, h3.bk_black span.ul span { margin-top:3px; margin-bottom:2px;}
	*::-ms-backdrop, h3.bk_nomal span.ul span { line-height:18px; margin-top:3px;}
	*::-ms-backdrop, #mypage h3.bk_nomal span.ul .title{ margin-top:5px !important;}
	*::-ms-backdrop, h3.bk_nomal span.ul .title_ie{ line-height:20px !important; font-size:16px !important;}
	*::-ms-backdrop, h4{ line-height:15px;}
	*::-ms-backdrop, h3.bk_nomal span.ul .title_ie02{ line-height:21px !important; margin-top:0 !important; font-size:16px;}

} /*IE11▲*/
/*----------------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------------*/
#header_area{ margin:10px auto;font-size:12px;}
.header_000 { overflow:hidden; zoom:1; width:980px;margin:0 auto;}
.header_000 a{ display:block; color:#FFF; padding:7px 14px;}
.hd_000text{padding-bottom:5px;}
#sns_block{float:left;width:365px;}
#sns_block a{padding:0px;}
#sns_block li{float:left;width:81px; margin-right:10px;}
#sns_block li:hover img{opacity:0.7; filter:alpha(opacity=70);}
#btn_menu{ overflow:hidden; zoom:1; float:right; width:380px;}
#btn_menu li {
	background:#333;
	border-radius: 5px;
	color: #fff;
	float: left;
	margin-right:9px;
	text-align: center;
}
#btn_menu li.last-child{ margin-right:0;}
#btn_menu li:hover{opacity:0.7; filter:alpha(opacity=70);}
#header_001 {width:980px; height:58px; margin:0 auto 8px;}
.header_01{ width:980px; margin:0 auto 17px;}
.header_01 p{float:left;}
.header_01 ul {float:left;width:auto;}
p.hd_free{margin:12px 9px 0;}
p.hd_free a:hover img{opacity:0.7; filter:alpha(opacity=70);}
ul.hd_guide{margin:15px 5px 0 5px;}
ul.hd_guide li { font-size:11px; line-height:18px;}
ul.hd_guide li a:hover {text-decoration:underline;}
.header_02 {
	width:404px;
	float:right;
	background: none repeat scroll 0 0 #ccc;
	margin: 12px 0 0;
	padding: 3px;
	word-wrap: break-word;
	word-break:break-all;/* webkit */
}
.header_02 p {float:left;}
p.hd_Cart{position: relative; top:10px;left:15px;}
div.hd_Cart02{
	border:1px solid #000;
	background: #FFF;
	width:194px;
	float: right;
	position:relative;
	top:3px;
	padding: 5px;
	word-break: break-all;
	word-wrap: break-word;
}
p.hd_Cartcheck{float:right; position:relative; bottom:1px;}
p.hd_Cartcheck a:hover img{opacity:0.7; filter:alpha(opacity=70);}
/* 海外アクセス用バナー */
#buyee-alliance-banner{padding-bottom:10px;}
/* 海外アクセス用バナー */
div.list_hnavi{width:100%; height:38px; background: #333;color: #FFF;margin:0 auto;}
div.list_hnavi #search_area {/*width: 355px;*/float:right;line-height: 38px; line-height:1\9;}
div.list_hnavi #search_area select{width:110px; height:25px; font-size:10px; line-height:25px; color: #000; text-align: left; border: 1px solid #000; padding-top:2px; background:#fff; vertical-align: middle; padding-top:0px\9;}
#ie8 div.list_hnavi #search_area select{height:24px; padding-top:0;}
div.list_hnavi #search_area input[type="text"]{width:135px; height:20px; height:21px\9; border:none; padding-top:3px; padding-top:0px\9; padding-left:3px; margin:8px 3px 8px 0;}
#ie8 div.list_hnavi #search_area input[type="text"]{height:22px;}
div.list_hnavi #search_area input[type="submit"] { height:23px; line-height:25px; border:none; cursor:pointer; height:21px\9; line-height:22px\9;}
div.list_hnavi #search_area input[type="submit"]:hover {color:#666;}
#ie8 div.list_hnavi #search_area input[type="submit"]{ height:22px; line-height:23px;}
/*chrome▼*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.list_hnavi #search_area select{ height:25px; font-size:11px;}
	div.list_hnavi #search_area input[type="text"] {height:16px; padding-top:2px; padding-bottom:5px; font-size:11px; margin:7px 3px 7px 0;}
	div.list_hnavi #search_area input[type="submit"] { height:23px; line-height:28px; border:none;}
}
div.hnnavi_child{width:980px; height:38px; margin: 0 auto;font-size:11px;font-family:Adobe Garamond Pro;}
ul#dropdown li{
	float:left!important;
	text-align:center;
	word-break: break-all;
	word-wrap: break-word;
	line-height:38px;
}
ul#dropdown li a.g_link{min-height:26px;}
ul#dropdown li.menu001 a,
ul#dropdown li.menu005 a,
ul#dropdown li.menu006 a,
ul#dropdown li.menu007 a,
ul#dropdown li.menu008 a,
ul#dropdown li.menu009 a{padding:8px 7px; padding:9px 5px 3px\9;}

ul#dropdown li.menu002 a{color:#FFF;line-height:38px;}
ul#dropdown li.menu002 a:hover {color:#000;}

ul#dropdown li.menu003 a{color:#fff;line-height:38px;}
ul#dropdown li.menu003 a:hover {color:#000;}

ul#dropdown li.menu004 a{color:#fff;line-height:38px;}
ul#dropdown li.menu004 a:hover {color:#000;}

ul#dropdown li.menu010 a{color:#fff;line-height:38px;}
ul#dropdown li.menu010 a:hover {color:#000;}

ul#dropdown li.menu011 a{color:#F00;line-height:38px;}
ul#dropdown li.menu011 a:hover {color:#F00;}

ul#dropdown li.menu012 a{color:#fff;line-height:38px;}
ul#dropdown li.menu012 a:hover {color:#000;}
/*
ul#dropdown li.menu012 select{border-left-width: 0px; margin:0 10px; width: 126px;}
*/

ul#dropdown li a {
	color: #FFF;
	text-align: center;
	display: block;
	line-height:11px;
	padding:0 5px;
	padding:2px 5px 0\9;
}
ul#dropdown li a:hover {
	color: #000!important;
	background:#FFF!important;
	opacity: 1;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------------------
	dropdown
----------------------------------------------------------------------------------------------*/
#dropdown li {
	position: relative;
}
#dropdown li ul {
	display: none;
	text-align: left;
	position: absolute;
	top: 38px;
	left: -1px;
	padding: 5px;
	width: auto;
	background: #FFF;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
	border: solid 1px #ccc;
	z-index:99999;
	width:440px;
}
ul.sub_dropdown_list li{
	float:left!important;
	font-size:10px;
	width:184px;
	border-bottom:1px dashed #656565;
	margin: 0 15px!important;
	margin-bottom:8px!important;
}
ul.sub_dropdown_list li a{
	color:#000!important;
	text-align: left!important;
}
ul.sub_dropdown_list li a:hover{
	opacity:0.5!important;
	color:#000!important;
}
/*----------------------------------------------------------------------------------------------
	bread_area
----------------------------------------------------------------------------------------------*/
/*パンくず*/
#bread_area{ width:980px; margin:10px auto 20px; font-size:10px; text-align:left;}
#bread_area .bread{ overflow:hidden; zoom:1;}
#bread_area .bread ul{}
#bread_area .bread ul li{color:#9e9e9e; float:left;}
#bread_area .bread ul li a{ color:#9e9e9e;}
#bread_area .bread ul li a:hover{text-decoration:underline;}
#bread_area .bread ul li.b_next{ padding:0 1em}
#bread_area .bread ul li.last-child{ color:#000;}
/*----------------------------------------------------------------------------------------------
	container
----------------------------------------------------------------------------------------------*/
#container{ position:relative; width:980px; margin:30px auto;}
#container #content .content_inner{ width:980px; margin:30px auto; overflow:hidden; zoom:1;}
/*----------------------------------
レフトエリア
-----------------------------------*/
#leftmenu{ float:left; width:180px; height:auto; font-size:12px; line-height:1.5;}
#leftmenu .all_item{ height:54px; background:#333;}
#leftmenu .all_item:hover{opacity:0.7; filter:alpha(opacity=70);}
#leftmenu .all_item a{ width:169px; font-size:12px; line-height:54px; color:#fff; text-align:center; padding:14px 25px; margin:4px; border:1px solid #fff;}
#leftmenu .brand_list{ height:53px; background:#fff; border:1px solid #494949;}
#leftmenu .brand_list a{ width:170px; font-size:12px; line-height:53px; color:#000; text-align:center; padding:14px 25px; margin:4px; background:#e5e5e5;}
#leftmenu .brand_list a:hover{background:#fff;}

/*キーワード検索*/
#leftmenu .search_area{ margin-bottom:20px; padding-bottom:20px; background:#e5e5e5;}
#leftmenu .search_area .title{ margin-bottom:14px;}
#leftmenu .search_area form{ margin:0 7px;}
#leftmenu .search_area form .c_select_box{ margin-bottom:7px;}
#leftmenu .search_area form .c_select_box select{ width:130px; height:23px; font-size:10px; line-height:23px; color: #000; text-align: left; border: 1px solid #000; background:#fff; vertical-align: middle;}
#leftmenu .search_area form input[type="text"]{ width:130px; height:19px; border:1px solid #000;}
#leftmenu .search_area form input[type="image"]:hover{opacity:0.7; filter:alpha(opacity=70);}

/*バナーエリア*/
#leftmenu #ban_area p{margin-top:20px;}

/*カテゴリー*/
/*=============================
アコーディオン
=============================*/
/* 折り畳み部分を隠す */
.category_area ul.accordion ul {display:none;}
/* 背景 */
.category_area ul.accordion > li { background:#e5e5e5; line-height:38px;} /*１段目の背景*/
.category_area ul.accordion > li:hover{ background:#fff; color:#000;}
.category_area ul.accordion > li > p { cursor:pointer; text-align:left; padding-left:5px; border-bottom:1px dashed #cccccc;} /*１段目の背景*/
.category_area ul.accordion > li > ul > li { padding-left:5px;background:#e5e5e5;} /*2段目の背景*/
.category_area ul.accordion > li > ul > li a:hover { color:#999;}
.category_area ul.accordion > li > ul > li:last-child{ border-bottom:1px dashed #cccccc;} /*2段目の背景*/
.category_area ul.accordion > li > ul > li > p {} /*2段目の背景*/
/* アイコン */
.category_area ul.accordion a {display:block; font-size:10px; line-height:28px; color:#161616;}
.category_area ul.accordion span {display:block;}
.category_area ul.accordion > li > p span { background:url(/img_cont/leftmenu/ico_arrow_next.png) no-repeat 98% center;} /*１段目（タップ部分・閉じているとき）のアイコン*/
.category_area ul.accordion > li > p span.open {background:url(/img_cont/leftmenu/ico_arrow_down.png) no-repeat 98% center;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion > li > ul > li > a { background:url(/img_cont/leftmenu/ico_arrow_next.png) no-repeat 98% center /12px 10px;}/*２段目（リンク部分）のアイコン*/

/*価格帯から探す*/
.price_area{ background:#e5e5e5;}
.price_area form .p_select_box select{ width: 159px; height:19px; font-size: 10px; line-height:21px; color: #000; text-align: left; padding-left:10px; margin:10px; border: 1px solid #000; background:#fff; vertical-align: middle;}
.price_area form .p_select_box select option{padding-left:10px;}

/*ブランドから探す*/
.brand_area{ background:#e5e5e5;}
.brand_area .brand_detail{}
.brand_area .brand_detail ul li{ border-bottom:1px dashed #494949;}
.brand_area .brand_detail ul li:hover{ background:#fff;}
.brand_area .brand_detail ul li.brand_area_list:hover{ background:#e5e5e5;}
.brand_area .brand_detail ul li a{ display:block; font-size:12px; line-height:normal; font-weight:bold; padding:10px 5px;}
.brand_area .brand_detail ul li a:hover{ color:#000; opacity:1;}
.brand_area .brand_detail ul li.brand_area_list a:hover{ opacity:0.5;}
.brand_area .brand_detail ul li a span{ font-size:10px;}
.brand_area .brand_detail ul li.brand_area_list a{ font-weight:normal; line-height:45px;color:#fff; text-align:left; padding:0 0 0 5px; margin:14px 0; background:#333;}
.brand_area .brand_detail ul li.brand_area_list a span{ display:block; font-size:12px; line-height:45px; background: url(/img_cont/leftmenu/ico_arrow_right01.png) no-repeat 97% center;}

/*----------------------------------
メイン
-----------------------------------*/
.main{ width:760px; float:right;}
.freetext_area,
.freelink_area{margin-top:20px;}
.freelink_area #footNavA,
.freelink_area #footNavB,
.freelink_area #footNavC{margin-top:15px;}
.freelink_area #footNavB dd,
.freelink_area #footNavC dd{margin-top:5px;}
.freelink_area p,
.freelink_area dt{font-weight:bold;}
.freelink_area dd ul{position:relative;overflow:hidden;zoom:1;}
.freelink_area dd ul::after{content:"";display:block;clear:left;}
.freelink_area dd ul li{float:left;margin-right:30px;width:white-space:nowrap;line-height:1.8em;}
.freelink_area p a:hover,
.freelink_area dd ul li a:hover{text-decoration:underline;}
.kubun_caoution a:hover{text-decoration:underline;}

/*----------------------------------
 検索結果リンク
-----------------------------------*/
#pnlFastAds a{text-decoration:underline;}

/*----------------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------------*/
#footer{ position:relative; width:100%; height:90px; font-family:"小塚ゴシック Pr6N";}
#footer .footer_inner{ margin:15px auto 0;}
#footer .footer_inner .footerbox01 { height:76px; color:#fff; background:#333;}
#footer .footer_inner .footerbox01 #footernav{ overflow:hidden; zoom:1; width:980px; height:76px; color:#fff; margin:0 auto; background:#333;}
#footer .footer_inner .footerbox01 #footernav li{ float:left; line-height:76px; line-height: normal\9; margin-right:10px;}
#footer .footer_inner .footerbox01 #footernav li.first-child{width:174px; margin:0px 48px 0 11px;}
#footer .footer_inner .footerbox01 #footernav li.first-child img{ vertical-align:middle !important;}
#footer .footer_inner .footerbox01 #footernav li a{ height:auto; display:block\9; height:12px\9; margin-top:12px\9; font-size:12px; color:#fff; padding-right:10px; border-right:1px solid #fff;}
#footer .footer_inner .footerbox01 #footernav li a:hover{text-decoration:underline;}
/*IE11▼*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #footer .footer_inner .footerbox01 #footernav li.first-child{margin-top:22px;}
  *::-ms-backdrop, #footer .footer_inner .footerbox01 #footernav li{ line-height: normal; margin-top:30px;}
  *::-ms-backdrop, #footer .footer_inner .footerbox01 #footernav li a { display:block; height:12px !important;}
}
/*IE8▼*/
.ie8 #footer .footer_inner .footerbox01 #footernav li a{ height:18px;}
#footer .footer_inner .footerbox01 #footernav li.last-child a{ border:none; padding-right:0;}
#footer .footer_inner .footerbox02{ width:100%; height:29px; color:#000; background:#fff;}
#footer .footer_inner .footerbox02 #copyright{ width:980px; height:29px; line-height:29px; color:#000; margin:0 auto; background:#fff;}
#footer .footer_inner .footerbox02 #copyright ul{ font-size:10px;}
#footer .footer_inner .footerbox02 #copyright ul li{ display:inline-block; display:inline\9; zoom:1\9; }
#footer .footer_inner .footerbox02 #copyright ul li.txt{ margin-left:356px; margin-right:253px; margin-right:239px\9;}
#footer .footer_inner .footerbox02 #copyright ul li a:hover{text-decoration:underline;}

/*----------------------------------
 フロートアンカー
-----------------------------------*/
#page-top{
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:5;
	font-size:10px;
}
#page-top a{
	display:block;
	border-radius:5px;
	padding-top:8px;
	width:145px;
	height:22px;
	*height:32px;
	background:#333;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
#page-top a:hover,
#page-top a:active,
#page-top a:focus{
	background:#999;
}