@charset "utf-8";

/* ------------------------------------------------------------

	products style

------------------------------------------------------------ */


/* -----global navi----- */

#g-navi .navi3 a {
	background-image: url(../images/navi_03_o.gif);
}


/* -----local navi----- */

ul#l-navi li.l-navi1 a {
	background-image: url(../products/images/l-navi_01.gif);
}

ul#l-navi li.l-navi2 a {
	background-image: url(../products/images/l-navi_02.gif);
}

ul#l-navi li.l-navi1 a:hover {
	background-image: url(../products/images/l-navi_01_o.gif);
}

ul#l-navi li.l-navi2 a:hover {
	background-image: url(../products/images/l-navi_02_o.gif);
}


/* ----------products navi---------- */

ul#p-navi li.p-navi1_1 a {
	background-image: url(../products/item/images/p-navi_01_1.gif);
}

ul#p-navi li.p-navi1_2 a {
	background-image: url(../products/item/images/p-navi_01_2.gif);
}

ul#p-navi li.p-navi1_3 a {
	background-image: url(../products/item/images/p-navi_01_3.gif);
}

ul#p-navi li.p-navi1_4 a {
	background-image: url(../products/item/images/p-navi_01_4.gif);
}

ul#p-navi li.p-navi1_5 a {
	height: 27px;
	background-image: url(../products/item/images/p-navi_01_5.gif);
}

ul#p-navi li.p-navi2_1 a {
	background-image: url(../products/material/images/p-navi_02_1.gif);
}

ul#p-navi li.p-navi2_2 a {
	background-image: url(../products/material/images/p-navi_02_2.gif);
}

ul#p-navi li.p-navi2_3 a {
	background-image: url(../products/material/images/p-navi_02_3.gif);
}

ul#p-navi li.p-navi2_4 a {
	height: 27px;
	background-image: url(../products/material/images/p-navi_02_4.gif);
}


ul#p-navi li.p-navi1_1 a:hover {
	background-image: url(../products/item/images/p-navi_01_1_o.gif);
}

ul#p-navi li.p-navi1_2 a:hover {
	background-image: url(../products/item/images/p-navi_01_2_o.gif);
}

ul#p-navi li.p-navi1_3 a:hover {
	background-image: url(../products/item/images/p-navi_01_3_o.gif);
}

ul#p-navi li.p-navi1_4 a:hover {
	background-image: url(../products/item/images/p-navi_01_4_o.gif);
}

ul#p-navi li.p-navi1_5 a:hover {
	background-image: url(../products/item/images/p-navi_01_5_o.gif);
}

ul#p-navi li.p-navi2_1 a:hover {
	background-image: url(../products/material/images/p-navi_02_1_o.gif);
}

ul#p-navi li.p-navi2_2 a:hover {
	background-image: url(../products/material/images/p-navi_02_2_o.gif);
}

ul#p-navi li.p-navi2_3 a:hover {
	background-image: url(../products/material/images/p-navi_02_3_o.gif);
}

ul#p-navi li.p-navi2_4 a:hover {
	background-image: url(../products/material/images/p-navi_02_4_o.gif);
}


/* -----top----- */

#top_contents {
	width: 545px;
	margin-left: 8px;
}

#top_contents .box_left {
	float: left;
	width: 264px;
	margin-bottom: 1.5em;
}

#top_contents .box_right {
	float: right;
	width: 264px;
	margin-bottom: 1.5em;
}

.products_box {
	position: relative;
	width: 264px;
	height: 309px;
}

.products_box ul {
	position: absolute;
	list-style-type: none;
	top: 9px;
	left: 12px;
	z-index: 100;
	font-size: 1px;
	line-height: 1%;
}

.products_box ul li {
	height: 12px;
	margin-bottom: 7px;
	margin-left: 0;
}


/* -----item, material----- */

.products_head1 {
	margin-bottom: 1em;
}

.products_head1 span.colored {
	color: #53B4B8;
}


.item_left1 {
	float: left;
	width: 237px;
	margin-bottom: 1em;
}

.item_right1 {
	float: right;
	width: 286px;
	margin-bottom: 1em;
}

.item_left2,
.material_left {
	float: left;
	width: 312px
	margin-bottom: 1em;
}

.item_right2,
.material_right {
	float: right;
	width: 202px;
	margin-bottom: 1em;
}

.item_right2 ul,
.material_right ul {
	list-style-type: none;
	font-size: 1px;
	line-height: 0.01em;
}

.item_right2 ul li,
.material_right ul li {
	display: block;
	width: 58px;
	margin-left: 0;
	margin-bottom: 11px;
}

.item_right2 ul li.thumb1,
.material_right ul li.thumb1,
.item_right2 ul li.thumb2,
.material_right ul li.thumb2 {
	float: left;
	margin-right: 11px;
}

.item_right2 ul li.thumb3,
.material_right ul li.thumb3 {
	float: left;
}

.item_left1 img,
.item_left2 img,
.material_left img {
	border: 6px solid #F1F1F1;
}

.item_right1 img,
.item_right2 img,
.material_right img {
	border: 1px solid #333333;
}

.item_right1 a:hover img,
.item_right2 a:hover img,
.material_right a:hover img {
	border-color: #FF6A06;
}

.hosoku_photo_sub{
	widht: 170px;
	float: left;
	margin-right: 5px;
}
.hosoku_photo_sub img{
	display: block;
	border: 3px solid #F3F3F3;
}