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

/* スタイル
----------------------------------------------------------- */

/* table */
div.main_box table {
	width: 50%;
	margin: 15px 20px 40px 20px;
}
div.main_box table th {
	color: #fff;
	padding: 6px 18px;
	background: #f57a30;
	border: 1px solid #f57a30;
	border-bottom: none;
}
div.main_box table td {
	padding: 6px 18px;
	background: #f9f9f9;
	border: 1px solid #54575f;
}
div.main_box table td.table_top {
	border-top: none;
}

/* 詳細 */
div.main_box div.modular {
	overflow: hidden;
	zoom: 1;
}
div.main_box div.modular dl.material {
	overflow: hidden;
	margin: 15px 24px 0 24px;
}
div.main_box div.modular dl.material dt {
	float: left;
	margin: 0 10px 0 0;
	width: 60px;
}
div.main_box div.modular dl.material dd {
	overflow: hidden;
	zoom: 1;
}


/* 色変更 */
div.box_tabpage2_inner div.product_box dl dt {
	background: #f2dcef;
}
div.box_tabpage3_inner div.product_box dl dt {
	background: #e1f2d1;
}




/* タブ切り替え */
#tabcontrol {
	margin: 0 0 25px 0;
}

/* タブ */
#tabcontrol {
	margin: 0 0 25px 0;
}
#tabcontrol li {
	display: inline-block;
	margin: 0 5px 0 0;
}
#tabcontrol li a {
	border-radius: 0.75em;
	padding: 0.5em 1em;
	text-decoration: none;
	color: black;
	font-weight: bold;
	position: relative;
}
#tabcontrol li:nth-child(1) a {
	padding: 0.5em 2.4em;
	background-color: #ffd6bd;
}
#tabcontrol li:nth-child(2) a {
	background-color: #a1e2ef;
}
#tabcontrol li:nth-child(3) a {
	background-color: #f2dcef;
}
#tabcontrol li:nth-child(4) a {
	background-color: #e1f2d1;
}

/* タブにマウスポインタが載った際（任意） */
#tabcontrol a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 950px) {
}


@media screen and (max-width: 768px) {
	
}


@media screen and (max-width: 480px) {

}