/* ---------------------------------------------------------
   base.css【全体】
----------------------------------------------------------*/

/* ====共通==== */
html{
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 1.8;
	color: #262626;
}
body{
	background: #F8F8F8 url(https://img21.shop-pro.jp/PA01326/000/etc/bg.gif) center top repeat-y;
	margin: 0;
}
img{
	border: none;
}

/* ====ヘッダー==== */
#header{
	width: 1020px;
	margin: 0 auto;
	padding-top: 30px;
}
#header_left{
	width: 240px;
	float: left;
}
#logo{
	margin: 0;
	padding: 0;
}
#logo img{
	vertical-align: top;
}
#header_category{
	position: relative;
	padding-top: 30px;
}
#header_category dt{
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: -1;*/
}
#header_category dl,
#header_category dd,
#header_category dd ul,
#header_category dd li{
	padding: 0;
	margin: 0;
}
#header_category dd ul{
	list-style: none;
}
#header_category dd li{
	margin-bottom: 25px;
}
#header_category dd li a{
	display: block;
}
#header_category dd li img{
	vertical-align: top;
}
#header_right{
	width: 780px;
	float: right;
}
#header_tel{
	text-align: right;
	padding: 8px 0 7px 0;
	height: 25px;
}
#header_tel img{
	vertical-align: top;
}
#header_menu{
	float: left;
	width: 490px;
	padding-top: 24px;
}
#header_menu ul,
#header_btn ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#header_menu ul li,
#header_btn ul li{
	float: left;
	margin: 0;
	padding: 0;
}
#header_menu ul li img,
#header_btn ul li img{
	vertical-align: top;
}
#header_btn{
	float: right;
	width: 290px;
}

/* ====コンテンツ==== */
#contents{
	width: 1020px;
	margin: 0 auto;
}

#search {
  padding: 10px 5px 10px 0;
  width: 240px;
  background: #F8F8F8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#search input {
  padding: 3px 8px;
  background: #E8E8E8;
  width: 68%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
#search button {
  padding: 8px 3px;
  width: 28%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #132791;
  border: none;
  color: #FFF;
  font-weight: bold;
}

#right_column{
	background: #FFFFFF url(https://img21.shop-pro.jp/PA01326/000/etc/bg_right_column.png) left top no-repeat;
	width: 700px;
	min-height: 720px;
	padding: 40px;
	margin-top: -420px;
	float: right;
	position: relative;
}
#pankuzu{
	background: #E9E9E9;
	padding: 15px;
	margin-bottom: 25px;
}
.sub_ttl{
	border-top: 3px double #043792;
	border-bottom: 3px double #043792;
	font-size: 18px;
	color: #043792;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 0 30px 0;
}
.midashi{
	font-size: 16px;
	border-bottom: 2px solid #043792;
	padding: 0 0 5px 5px;
	margin: 0 0 20px 0;
}
#product_detail{
	position: relative;
}
#product_photo{
	width: 360px;
	float: left;
	display: inline;
}
#product_photo div img{
	max-width: 100%;
}
#product_data{
	width: 300px;
	float: right;
}
.product-image-main{
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 358px;
}
.product-image-main img{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
#product_data .name{
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #F74859;
}
#product_data .name img{
	vertical-align: middle;
	margin-right: 10px;
}
#product_data .about{
	margin-bottom: 10px;
}
#product_data .data{
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
}
#product_data .data dt{
     float: left;
     width: 65px;
	 padding: 5px 0;
	font-weight: bold;
}
/*\*/
#product_data .data dt{
     clear: both;
}
/**/
#product_data .data dd{
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0 5px 65px;
	margin: 0;
}
/*\*/
*html #product_data .data dd{
     float: none;
}
/**/
*:first-child+html #product_data .data dd{
     float: none;
}
#product_data .price{
	color: #F74859;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 5px 0;
}

.sort{
	margin-bottom: 15px;
	border-bottom: 2px solid #F74859;
}
.sort .caption{
	float: left;
	text-align: center;
	width: 130px;
	margin-right: 6px;
	padding: 14px 0;
}
.sort .caption span{
	background: url(https://img21.shop-pro.jp/PA01326/000/etc/icon_arrow_sort.jpg) right center no-repeat;
	padding-right: 16px;
}
.sort .sort_btn{
	display: block;
	width: 128px;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	padding: 14px 0;
	text-align: center;
	float: left;
	margin-right: 6px;
	color: #333333;
	text-decoration: none;
}
.sort .sort_btn.active,
.sort .sort_btn:hover{
	background: #F74759;
	color: #FFFFFF;
}
.pager{
	margin-bottom: 15px;
}
.pager .f_left{
	float: left;
}
.pager .f_right{
	float: right;
}
.products_num_display{
	text-align: center;
	padding: 10px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#products_list{
	margin-bottom: 30px;
}
#products_list ul{
	zoom: 1;
	list-style: none;
	margin-right: -20px;
	_margin-right: -20px;
}
#products_list ul li{
	float: left;
	width: 160px;
	margin: 0 20px 20px 0;
}
#products_list ul li p{
	margin: 0;
}
#products_list ul li .item_photo{
	border: 1px solid #DDDDDD;
	margin-bottom: 5px;
	text-align: center;
}
#products_list ul li .item_photo img{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	max-height: 158px;
}
.item_name{
	font-size: 18px;
	line-height: 1.3;
}
.item_name a{
	color: #043792;
}
.item_price{
	color: #F74659;
	margin-bottom: 5px;
}

/* ====フッター==== */
#footer{
	background: url(https://img21.shop-pro.jp/PA01326/000/etc/bg_footer.gif) left top repeat-y;
	width: 1020px;
	margin: 0 auto;
}
#footer_wrap{
	background: url(https://img21.shop-pro.jp/PA01326/000/etc/bg_footer_navigation.png) left top no-repeat;
	padding-bottom: 50px;
	font-size: 12px;
}
#footer_wrap img{
	vertical-align: top;
}
#footer_navigation{
	float: left;
	width: 510px;
	padding-top: 93px;
	text-align: right;
}
#footer_navigation .logo{
	margin: 0 35px 15px 0;
	padding: 0;
}
#footer_navigation ul{
	list-style: none;
	margin: 0 35px 5px 0;
	padding: 0;
}
#footer_navigation ul li{
	background: url(https://img21.shop-pro.jp/PA01326/000/etc/footer_navi_line.gif) right 4px no-repeat;
	padding-right: 15px;
	margin-right: 10px;
	display: inline-block;
	/display: inline;
}
#footer_navigation ul li.last{
	background: none;
	padding-right: 0;
	margin-right: 0;
}
#footer_navigation ul li a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer_navigation ul li a:hover{
	text-decoration: underline;
}
#footer_company{
	float: right;
	width: 510px;
	padding-top: 75px;
}
#footer_company .logo{
	float: left;
	padding-left: 42px;
	margin-right: 20px;
}
#footer_company .company{
	float: left;
	width: 270px;
	color: #FFFFFF;
	margin: 0;
	padding: 17px 0 0 0;
}
#footer_company .company dt{
	font-size: 14px;
}
#footer_company .company dd{
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

/* ====特定商取引法==== */
.table{
	width: 100%;
	margin-bottom: 60px;
	border-collapse: collapse;
}
.table th,
.table td{
	border: 1px solid #F8F8F8;
	text-align: left;
	vertical-align: top;
	padding: 15px;
}
.table th{
	background: #F8F8F8;
	border: 1px solid #FFFFFF;
	width: 30%;
}
#sk,
#payment_method{
	margin-bottom: 60px;
}

/* ====会社概要==== */
.company_box{
	margin-bottom: 60px;
}
#company_data .photo{
	float: left;
	width: 200px;
}
#company_data .data{
	float: right;
	width: 500px;
}
#company_data .data table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #DDDDDD;
}
#company_data .data table th,
#company_data .data table td{
	text-align: left;
	vertical-align: top;
	border: 1px solid #DDDDDD;
	padding: 10px;
}
#company_data .data table th{
	background: #DDDDDD;
	border-bottom: 1px solid #FFFFFF;
	width: 100px;
}
#company_data .data table td dl{
	margin: 10px 0 0 0;
}
#company_data .data table td dd{
	margin-left: 0;
}


/*===========================================*/
/*==余白関連==*/
/*===========================================*/
/*Margin All*/
.mar_a_05{ margin: 5px;} .mar_a_10{ margin: 10px;} .mar_a_15{ margin: 15px;} .mar_a_20{ margin: 20px;} .mar_a_25{ margin: 25px;} .mar_a_30{ margin: 30px;} .mar_a_35{ margin: 35px;} .mar_a_40{ margin: 40px;} .mar_a_45{ margin: 45px;} .mar_a_50{ margin: 50px;} .mar_a_55{ margin: 55px;} .mar_a_60{ margin: 60px;}
/*Margin Top*/
.mar_t_05{ margin-top: 5px;} .mar_t_10{ margin-top: 10px;} .mar_t_15{ margin-top: 15px;} .mar_t_20{ margin-top: 20px;} .mar_t_25{ margin-top: 25px;} .mar_t_30{ margin-top: 30px;} .mar_t_35{ margin-top: 35px;} .mar_t_40{ margin-top: 40px;} .mar_t_45{ margin-top: 45px;} .mar_t_50{ margin-top: 50px;} .mar_t_55{ margin-top: 55px;} .mar_t_60{ margin-top: 60px;}
/*Margin Right*/
.mar_r_05{ margin-right: 5px;} .mar_r_10{ margin-right: 10px;} .mar_r_15{ margin-right: 15px;} .mar_r_20{ margin-right: 20px;} .mar_r_25{ margin-right: 25px;} .mar_r_30{ margin-right: 30px;} .mar_r_35{ margin-right: 35px;} .mar_r_40{ margin-right: 40px;} .mar_r_45{ margin-right: 45px;} .mar_r_50{ margin-right: 50px;} .mar_r_55{ margin-right: 55px;} .mar_r_60{ margin-right: 60px;}
/*Margin Bottom*/
.mar_b_05{ margin-bottom: 5px;} .mar_b_10{ margin-bottom: 10px;} .mar_b_15{ margin-bottom: 15px;} .mar_b_20{ margin-bottom: 20px;} .mar_b_25{ margin-bottom: 25px;} .mar_b_30{ margin-bottom: 30px;} .mar_b_35{ margin-bottom: 35px;} .mar_b_40{ margin-bottom: 40px;} .mar_b_45{ margin-bottom: 45px;} .mar_b_50{ margin-bottom: 50px;} .mar_b_55{ margin-bottom: 55px;} .mar_b_60{ margin-bottom: 60px;}
/*Margin Left*/
.mar_l_05{ margin-left: 5px;} .mar_l_10{ margin-left: 10px;} .mar_l_15{ margin-left: 15px;} .mar_l_20{ margin-left: 20px;} .mar_l_25{ margin-left: 25px;} .mar_l_30{ margin-left: 30px;} .mar_l_35{ margin-left: 35px;} .mar_l_40{ margin-left: 40px;} .mar_l_45{ margin-left: 45px;} .mar_l_50{ margin-left: 50px;} .mar_l_55{ margin-left: 55px;} .mar_l_60{ margin-left: 60px;}
/*Padding All*/
.pad_a_05{ padding: 5px;} .pad_a_10{ padding: 10px;} .pad_a_15{ padding: 15px;} .pad_a_20{ padding: 20px;} .pad_a_25{ padding: 25px;} .pad_a_30{ padding: 30px;} .pad_a_35{ padding: 35px;} .pad_a_40{ padding: 40px;} .pad_a_45{ padding: 45px;} .pad_a_50{ padding: 50px;} .pad_a_55{ padding: 55px;} .pad_a_60{ padding: 60px;}
/*Padding Top*/
.pad_t_05{ padding-top: 5px;} .pad_t_10{ padding-top: 10px;} .pad_t_15{ padding-top: 15px;} .pad_t_20{ padding-top: 20px;} .pad_t_25{ padding-top: 25px;} .pad_t_30{ padding-top: 30px;} .pad_t_35{ padding-top: 35px;} .pad_t_40{ padding-top: 40px;} .pad_t_45{ padding-top: 45px;} .pad_t_50{ padding-top: 50px;} .pad_t_55{ padding-top: 55px;} .pad_t_60{ padding-top: 60px;}
/*Padding Right*/
.pad_r_05{ padding-right: 5px;} .pad_r_10{ padding-right: 10px;} .pad_r_15{ padding-right: 15px;} .pad_r_20{ padding-right: 20px;} .pad_r_25{ padding-right: 25px;} .pad_r_30{ padding-right: 30px;} .pad_r_35{ padding-right: 35px;} .pad_r_40{ padding-right: 40px;} .pad_r_45{ padding-right: 45px;} .pad_r_50{ padding-right: 50px;} .pad_r_55{ padding-right: 55px;} .pad_r_60{ padding-right: 60px;}
/*Padding Bottom*/
.pad_b_05{ padding-bottom: 5px;} .pad_b_10{ padding-bottom: 10px;} .pad_b_15{ padding-bottom: 15px;} .pad_b_20{ padding-bottom: 20px;} .pad_b_25{ padding-bottom: 25px;} .pad_b_30{ padding-bottom: 30px;} .pad_b_35{ padding-bottom: 35px;} .pad_b_40{ padding-bottom: 40px;} .pad_b_45{ padding-bottom: 45px;} .pad_b_50{ padding-bottom: 50px;} .pad_b_55{ padding-bottom: 55px;} .pad_b_60{ padding-bottom: 60px;}
/*Padding Left*/
.pad_l_05{ padding-left: 5px;} .pad_l_10{ padding-left: 10px;} .pad_l_15{ padding-left: 15px;} .pad_l_12{ padding-left: 12px;}.pad_l_20{ padding-left: 20px;} .pad_l_25{ padding-left: 25px;} .pad_l_30{ padding-left: 30px;} .pad_l_35{ padding-left: 35px;} .pad_l_40{ padding-left: 40px;} .pad_l_45{ padding-left: 45px;} .pad_l_50{ padding-left: 50px;} .pad_l_55{ padding-left: 55px;} .pad_l_60{ padding-left: 60px;}
/*===========================================*/
/*==文字関連==*/
/*===========================================*/
/*html=12px基準*/
.font-4{ font-size: 66.7%;} .font-3{ font-size: 75%;} .font-2{ font-size: 83.3%;}.font-1{ font-size: 91.7%;} .font_normal{ font-size: 100%;} .font1{ font-size: 108.3%;}.font2{ font-size: 116.7%;} .font3{ font-size: 125%;} .font4{ font-size: 133.3%;}.font5{ font-size: 141.7%;} .font6{ font-size: 150%;} .font7{ font-size: 158.3%;}.font8{ font-size: 166.7%;} .font9{ font-size: 175%;} .font10{ font-size: 183.3%;}.font11{ font-size: 191.7%;} .font12{ font-size: 200%;}
/*文字色*/
.c_red{ color: #D91318;} .c_crimson{ color: #CC0000;} .c_blue{ color: #003366;}.c_green{ color: #669933;} .c_yellow{ color: #FFCC00;} .c_white{ color: #FFFFFF;}.c_black{ color: #333333;} .c_pink{ color: #FF99CC;} .c_brown{ color: #CC6600;} .c_gray{ color: #999999;}
.c_orange{ color: #FF6600;}
/*太字*/
.bold{ font-weight: bold;}
.no_bold{ font-weight: normal;}
/*アンダーライン*/
.underline{
	text-decoration: underline;
}
/*リンクの下線状態逆転*/
a.no_under{ text-decoration: none;} a.no_under:hover{ text-decoration: underline;}
/*===========================================*/
/*==フロート関連==*/
/*===========================================*/
.f_left{ float: left;} .f_right{ float: right;} .clear{ clear: both;}
/*===========================================*/
/*==文字寄せ関連==*/
/*===========================================*/
.left{ text-align: left;} .right{ text-align: right;} .center{ text-align: center;}
/*===========================================*/
/*==ボーダー関連==*/
/*===========================================*/
.border{ border: 1px solid #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;}.border-top{ border-top: 1px solid #333333;}.border-right{ border-right: 1px solid #333333;}.border-bottom{ border-bottom: 1px solid #333333;}.border-left{ border-left: 1px solid #333333;}.borderless{ border: none;}
/*===========================================*/
/*==クリアフィックス==*/
/*===========================================*/
.clearfix{ zoom: 100%;}.clearfix:after{ display: block; clear: both; content: "."; height: 0.1px; font-size: 0.1em; line-height: 0; visibility: hidden;
} .clearfix{ display: inline-block;}
/*\*/
*html .clearfix{ height: 1px;} .clearfix{ display: block;}
/**/
/*===========================================*/
/*==ロールオーバー時画像透過==*/
/*===========================================*/
.opacity:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}