@charset "utf-8";
/* CSS Document */

/*左側=====================================*/
.goods_others_left_area {
	width: 200px;
	height: auto;
	float: left;
}
#goods_others_left_side {
	width: 200px;
	float: left;
}
#goods_others_left_side li {
	margin-bottom: 5px;
	font-weight: bold;
	width: 200px;
	height: auto;
	position: relative;
}
#goods_others_left_side li::before{
	content: "";
	display: block;
	position: absolute;
	top: .3em;
	left: -1em;
	width: 5px;
	height: 5px;
	border-top: solid #0070eb 2px;
	border-right: solid #0070eb 2px;
	transform: rotate(45deg);
}
#goods_others_left_side p {
	margin-left: -10px;
	margin-top: 20px;
	background: #009245;
	color: #fff;
	width: 170px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 12px;
}

/*右側=====================================*/
#goods_others_right_side {
	width: 560px;
	float: right;
}
.goods_title {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: double 6px #009245;
}
.goods_name {
	width: 100%;
}
.goods_name h1{
	position: relative;
	padding-left: 8px;
	margin-bottom: 10px;
}
.goods_name h1::before {
	position: absolute;
	content:"";
	background: url("../../products/goods/other/name_mark.png") top left no-repeat;
	width: 5px;
	height: 16px;
	margin-left: -8px;
}
.column1 {
	float: left;
	margin-bottom: 30px;
}
.column1 h1 {
	font-size: 110%;
}
.column1 p {
	margin-bottom: 10px;
}

.column1 dl {
    float: left;
    width: 300px;
}
.column1 dt {
    padding: 3px 0 3px 3px;
    background: #d5e186;
    font-weight: bold;
}
.column1 dd{
    padding: 2px 0 2px 6px;
}

.column1 table {
	height: 110px;
	width: 300px;
	float: left;
}
.column1 th {
	background: #d5e186;
	border-bottom: #fff solid 1px;
	text-align: left;
	width: 97px;
	padding-left: 3px;
}
.column1 td {
	border-bottom: #333 solid 1px;
	text-align: right;
	width: 199px;
	padding-right: 3px;
}
.column1 tr:last-child th,
.column1 tr:last-child td {
	border-bottom: none;
}

.column1 img {
	float: left;
	margin-right: 10px;
}
.column2 {
	float: left;
	margin-bottom: 30px;
}
.column2 h1 {
	font-size: 110%;
}
.column2 p {
	margin-bottom: 10px;
}

.column2 dl {
    float: left;
    width: 100%;
	margin-top: 1em;
}
.column2 dt {
    padding: 3px 0 3px 3px;
    background: #d5e186;
    font-weight: bold;
}
.column2 dd{
    padding: 2px 0 2px 6px;
}
.column2 dd li {
	display: inline-block;
	width: 50%;
}
.column2 img {
	float: left;
	margin-right: 10px;
}
.go_to_shop_ready p {
	float: left;
	height: 13px;
	width: 300px;
	background: #ccc;
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
    color: #eee;
}
.go_to_shop p {
	float: left;
	height: 13px;
	width: 300px;
	background: #009245;
	background: linear-gradient(to bottom, #39b54a 0%,#3cbc4f 49%,#009b45 50%,#006837 100%,#9dd53a 100%,#009245 100%); 
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
}
.go_to_shop a:link,
.go_to_shop a:visited {
	color: #fff;
	display:block;
}
.go_to_shop p:hover {
	background: #39b54a;
	background: linear-gradient(to bottom, #009245 0%,#9dd53a 0%,#006837 0%,#009b45 50%,#3cbc4f 51%,#39b54a 100%);
}
.go_to_shop2 p {
	float: left;
	height: 13px;
	width: 100%;
	background: #009245;
	background: linear-gradient(to bottom, #39b54a 0%,#3cbc4f 49%,#009b45 50%,#006837 100%,#9dd53a 100%,#009245 100%); 
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
}
.go_to_shop2 a:link,
.go_to_shop2 a:visited {
	color: #fff;
	display:block;
}
.go_to_shop2 p:hover {
	background: #39b54a;
	background: linear-gradient(to bottom, #009245 0%,#9dd53a 0%,#006837 0%,#009b45 50%,#3cbc4f 51%,#39b54a 100%);
}
.go_to_shop_ready p {
	float: left;
	height: 13px;
	width: 300px;
	background: #ccc;
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
    color: #eee;
}
.go_to_shop_ready2 p {
	float: left;
	height: 13px;
	width: 100%;
	background: #ccc;
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
    color: #eee;
}
.detail_1 {
	float: left;
	margin-bottom: 10px;
}
.detail_1 p {
	padding-top: 0;
	width: 222px;
	line-height: 1.5;
	float: left;
}
.detail_1 p::before {
	content:url(../../products/goods/other/check.png);
	width: 219px;
	height: 16px;
	padding: 3px 0 3px 3px;
	display: block;
	background: #e6e6e6;
	margin-bottom: 5px; 
}
.detail_2 {
	float: left;
	margin-bottom: 10px;
}
.detail_2 p {
	padding-top: 0;
	width: 230px;
	line-height: 1.5;
	float: left;
}
.detail_2 p::before {
	content:url(../../products/goods/other/check.png);
	width: 227px;
	height: 16px;
	padding: 3px 0 3px 3px;
	display: block;
	background: #e6e6e6;
	margin-bottom: 5px; 
}
.photo_boundary {
	border: solid 1px #CCC;
}
.img_space img {
	margin-bottom: 8px;
}
.last-align {
	text-align-last: left;
	padding-left: 1em;
	box-sizing: border-box;
}

/*マーカーのようなラインをつける*/
.beige {
	background: linear-gradient(transparent 60%, #c69c6d 60%);
}
.salmon_pink {
	background: linear-gradient(transparent 60%, #e38a75 60%);
}
.Yellow_green {
	background: linear-gradient(transparent 60%, #a9d46d 60%);
}
/*写真にNEWマークをつける*/
.products_new_sign::before {
	content: url(../../products/goods/other/new_L.png);
	display:block;
	width: 65px;
	height: 49px;
	position: absolute;
	margin-left:-5px;
	z-index: 1;
}
/*注釈テキスト(在庫完了品)*/
.completed_product {
	font-size: 75%;
}
/*左メニュー NEWマーク用 aタグにクラス指定*/
a.new_m::after {
	content: "NEW";
	display: inline-block;
	background: red;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 0.5em;
}
/*=====================================================
旧ページベースのデザイン用
=======================================================*/
.sticker {
    margin-bottom: 30px;
    float: left;
}
.sticker h3 {
    font-size:120%;
    border-left: solid 6px #009245;
    padding-left: 5px;
}
.sticker p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.wear {
    margin-bottom: 30px;
    float: left;
}
.wear h3 {
    font-size:120%;
    border-left: solid 6px #009245;
    padding-left: 5px;
}
.wear p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.wear_discption {
	margin-top: 10px;
}
.st_imgA {
    width: 200px;
    float: left;
}
.st_imgA ul {
    text-align: center;
}
table.goods_listA {
    float: left;
    width: 350px;
    margin-left: 10px;
}
	
table.goods_listA th {
    border: solid 1px #666;
    text-align: center;
    padding: 2px 0;
    font-weight: bold;
    background: #99ccff;
}
table.goods_listA td {
   border: solid 1px #666;
   text-align: center;
   padding: 2px 0; 
}
table.goods_listA th.remarks {
    width: 120px;
}
table.goods_listA td.remarks {
    width: 120px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}
table.goods_listA td.price {
    text-align: right;
    padding-right: 3px;
}
table.goods_listA td.part_no {
    text-align: left;
    padding-left: 3px;
}