@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}
/*右側サイド子カテ*/
ul.small_category{list-style-type: none;
	font-size:14px;
	margin-bottom:8px;
	border-top:1px dotted #9fa09e;
	color:#9fa09e;}
ul.small_category li{ display:blok; padding:8px 0; 
  	border-bottom:1px dotted #9fa09e; }
ul.small_category li a { color:#000; }
ul.small_category li a:hover { color:#0075c2; }
/**/
/*link*/
a:link { color:#223a70; text-decoration: none; }
a:visited { color:#223a70; text-decoration: none; }
a:hover { color:#000; text-decoration: none; }
a:active { color:#223a70; text-decoration: none; }

p { margin:0; padding:0; }
h1 { margin:0; padding:0; }
h2 { margin:0; padding:0; line-height:1.5; margin-bottom:8px; }
h3 { margin:0; padding:0; line-height:1.5; margin-bottom:8px; }
h4 { margin:0; padding:0; }
/*font-size*/
.font80 { font-size:80%; }
.font125 { font-size:125%; }
.font150 { font-size:150%; }
.font200 { font-size:200%; }

.red { color:#d3381c; }
.blue { color:#1e50a2; }
.green { color:#028760; }
.orange_back { padding:8px; text-align:center; 
	background-color:#f39800; color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; }

hr { border:none; border-bottom:1px solid #a3a3a2; margin:8px 0; }

body {
	color: #000000;
	font-size: 14px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.5;
	font-size:14px;
	background-color: #f5efd1;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

.button_orange { font-size:16px; }
.button_orange a { color:#fff; border:1px solid #ee7800;
	padding:8px 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #ee7800; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8b862 5%, #ee7800 50%, #f39800 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f8b862 5%,#ee7800 50%,#f39800 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f8b862 5%,#ee7800 50%,#f39800 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b862', endColorstr='#f39800',GradientType=0 ); /* IE6-9 */
}
.button_orange a:hover { color:#fff; border:1px solid #ee7800;
	padding:8px 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #ea5506; /* Old browsers */
	background: -moz-linear-gradient(top,  #f39800 5%, #ea5506 50%, #EE7800 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f39800 5%,#ea5506 50%,#EE7800 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f39800 5%,#ea5506 50%,#EE7800 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39800', endColorstr='#EE7800',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:100%;
	text-align:left;
}
.inner { margin:0 auto; padding:0; width:960px; }
/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
  margin:0 auto; padding:0;
  width:100%;
  padding-top:16px;
  background-color:#bed5ef; 
  clear:left;
}
.header h1 { float:left; }
ul.navi { list-style-type: none; font-size:14px;
   margin: 0px auto 0px; padding: 0; }
ul.navi li { display:inline; }
ul.navi li:before { content:">"; color:#3f6eb4; padding:0 4px; }
ul.navi a { color:#000; }
ul.navi a:hover { color:#3f6eb4; }
.h_tel { margin:0; padding:0; margin-left:8px;
	font-size:32px; font-weight:bold; color:#1e50a2; }
/*-menu-*/
.menu { margin:0 auto; padding:0; width:100%; margin-top:16px;
	background-color:#3f6eb4; font-size:16px; text-align:center; }
.menu ul { list-style-type: none; margin: 0px auto 0px; padding: 0; }
.menu ul li { float:left; width:20%; margin:0; padding:0; }
.menu ul li a { display:block; padding:8px 0; 
	background-color:#3f6eb4; color:#fff; border-right:1px solid #fff; }
.menu ul li a:hover { display:block; padding:8px 0; border-right:1px solid #fff;
	background-color:#1e50a2; color:#fff; }
.menu ul li.m_first a { display:block; padding:8px 0; 
	background-color:#3f6eb4; color:#fff; border-left:1px solid #fff; }
.menu ul li.m_first a:hover { display:block; padding:8px 0; border-left:1px solid #fff;
	background-color:#1e50a2; color:#fff; }
.menu ul li.m_kau a { color:#d3e5c7; padding:6px 0; }
.menu ul li.m_kau a:hover { color:#d3e5c7; padding:6px 0; }
.menu ul li.m_kari a { color:#eecebb; padding:6px 0; }
.menu ul li.m_kari a:hover { color:#eecebb; padding:6px 0; }
/*メニュー下*/
.menu_B { margin:0 auto; padding:16px 0; width:100%;
	background-color:#d0cbb2; font-size:16px; text-align:center; }
.menu_B ul { list-style-type: none; 
  	margin: 0px auto 0px; padding: 0;
	text-align:center;}
.menu_B ul li { display:inline-block;
	font-size:18px; font-weight:700; }
.menu_B ul li a{ display:block;
	width:232px; padding:4px 0; 
  	border:1px solid #a3a3a2;
  	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #e5e4e6 50%, #fff 100%); 
	background: -webkit-linear-gradient(top,  #fff 0%,#e5e4e6 50%,#fff 100%); 
	background: linear-gradient(to bottom,  #fff 0%,#e5e4e6 50%,#fff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f3f3f3',GradientType=0 ); 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; }
.menu_B ul li a:hover{ display:block;
	width:232px; padding:4px 0; 
  	border:1px solid #a3a3a2;
  	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e4e6 0%, #fff 50%, #e5e4e6 100%); 
	background: -webkit-linear-gradient(top,  #e5e4e6 0%,#fff 50%,#e5e4e6 100%); 
	background: linear-gradient(to bottom,  #e5e4e6 0%,#fff 50%,#e5e4e6 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e4e6', endColorstr='#fff',GradientType=0 ); 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; }
/*新品商品*/
.menu_B ul li.sinpin a { color:#b7282e; }	
.menu_B ul li.sinpin a:hover { color:#e60033; }
/*中古商品*/
.menu_B ul li.tyuko a { color:#223a70; }	
.menu_B ul li.tyuko a:hover { color:#0095d9; }
/*製品一覧*/
.menu_B ul li.seiichi a { color:#e45e32; }	
.menu_B ul li.seiichi a:hover { color:#f08300; }
/*メーカー一覧*/
.menu_B ul li.manufacturer a { color:#007b43; }	
.menu_B ul li.manufacturer a:hover { color:#82ae46; }
/*ここまで*/
/*--*/

/*　画面右側メニューの幅　*/
.side {
	float: right;
	width:222px;
	padding:16px; background-color:#fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow:2px 2px 2px #a3a3a2; 
}
.side>h3 { text-align:center; padding:2px 0; margin-bottom:8px;
	background-color:#3f6eb4; color:#fff; }
.tokuten { margin:16px 0; padding:4px 0; text-align:center; 
	color:#d3381c; border-top:1px solid #a3a3a2; border-bottom:1px solid #a3a3a2; }

/*　画面左側の幅　*/
.main {
 margin:0 auto; padding:0; width:960px; 
}
.main_left {
	float: left;
	width: 680px;
}
.back_fff { padding:16px; background-color:#fff;
  margin-bottom:16px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow:2px 2px 2px #a3a3a2; }

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:both;
  margin:0 auto; padding:24px 0; 
  text-align:center; color:#a3a3a2;
}

#group-list {
	padding:5px 0px 0px;
	margin:10px 0px 0px;
}

/*　送料無料表示　*/
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

.owner_photo {
	max-width: 100%;
	height: auto;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
  width:100%;
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
  	margin:8px 0;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     padding:8px; color:#000;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     padding:8px;
}

/*margin-bottom*/
.mb8 { margin-bottom:8px; }
.mb16 { margin-bottom:16px; }
.mb32 { margin-bottom:32px; }
/*margin-right*/
.mr12 { margin-right:12px; }
.mr15 { margin-right:15px; }
.mr16 { margin-right:16px; }
/*float*/
.f_left { float:left; }
.f_right { float:right; }
.f_left550 { width:550px; float:left; }
.f_right370 { width:370px; float:right; }
img.img_left { float:left; margin-right:8px; margin-bottom:8px; }
.clear { clear:both; }
/*--*/
table.company { width:100%; margin-top:16px; border-collapse: collapse; }
table.company th,
table.company td { padding:8px; border:#333 1px solid;  }
table.company th { background-color:#bed5ef; }

/*olリスト*/
ol.rental_rule{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
}
ol.rental_rule li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.rental_rule li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
/*商品詳細、規格など*/
ol.shop_size{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin-bottom:8px;
}
ol.shop_size li{
  position: relative;
  padding-left: 25px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 25px;
}

ol.shop_size li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #9fa0a0;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 12px;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%); }
/*FAX見積もりページ*/
ul.fax { margin:0 auro; 
  padding:0; 
  margin-top:16px; 
  list-style-type:none; 
  text-align:center; 
  font-weight:700;
  font-size:16px; }
ul.fax li { display:inline-block; width:48%; }
ul.fax li a { display:block; 
  margin:4px; 
  padding:8px 0; 
  background-color:#e45e32; 
  color:#fff;
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
ul.fax li a:hover { display:block; 
  margin:4px; 
  padding:8px 0; 
  background-color:#ee7800; 
  color:#fff;
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}