@import url("../css/base.css");
@import url("../css/resizer.css");

/*共通*/

#side_navi .title {
	background-image: url(../products/images/ti.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -9999px;
	display: block;
	clear: both;
	float: none;
	height: 53px;
	width: 200px;
	padding-bottom: 15px;
}

.page_title .page_title {
	background-image: url(../products/images/ti_page.gif);
	float: left;
	height: 22px;
	width: 410px;
	text-align: left;
	text-indent: -9999px;
	display: block;
}

.page .products_box {
	clear: both;
	float: left;
	height: auto;
	width: 670px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	margin-top: 10px;
}

.products_box .text_box {
	float: left;
	height: auto;
	width: 523px;
}

.products_box .smash {
	background-image: url(../products/images/img_smash.jpg);
	float: left;
	height: 160px;
	width: 132px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 15px;
}

.products_box .kinzokuoh {
	background-image: url(../products/images/img_kinzokuoh.gif);
	float: left;
	height: 160px;
	width: 132px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 15px;
}

.products_box .flexchair {
	background-image: url(../products/images/img_flexchair.jpg);
	float: left;
	height: 160px;
	width: 132px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 15px;
}

.products_box .tx_smash {
	background-image: url(../products/images/tx_smash.gif);
	float: none;
	height: 16px;
	width: 309px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.products_box .tx_kinzokuoh {
	background-image: url(../products/images/tx_kinzokuoh.gif);
	float: none;
	height: 16px;
	width: 136px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.products_box .tx_flexchair {
	background-image: url(../products/images/tx_flexchair.gif);
	float: none;
	height: 16px;
	width: 210px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.page #pro_tool {
	float: left;
	height: auto;
	width: 670px;
	clear: both;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 10px;
	overflow: hidden;
}

.button_box {
	float: right;
	height: 30px;
	width: 118px;
}

.button_box ul {
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	clear: both;
	float:left;
}

.button_box ul li.bt_home a {
	width: 118px;
	background: url(../common/bt_home.gif) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 30px;
}

.products_box .links {
	list-style-type: none;
	clear: both;
	float:right;
	display: inline;
	padding-top: 20px;
}

.text_box .site {
	background-image: url(../common/ic_site.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	float: left;
	height: 12px;
	width: 12px;
	clear: none;
	display: block;
	text-indent: -9999px;
	padding-top: 2px;
	padding-right: 2px;
}