@charset "utf-8";
/* CSS ドキュメント */

#left_Content {
	position: absolute;
	width: 206px;
	margin: 0px;
	padding: 0px;
	top:6px;
	left:3px;
	background: #CCCCCC;

	padding-bottom: 32768px !important;
	margin-bottom: -32768px !important;

}

#Contents {
	width: 670px;
	min-height:400px;
	height:auto !important;
	height:400px;
	margin:0 0 0 220px;
	padding:0 0 20px;

	padding-bottom: 32768px !important;
	margin-bottom: -32768px !important;

}
#page_side_menu {
	width: 200px;
	margin: 5px auto 0px;
}
#page_side_menu h3 {
	background: url(../image/left_sidetit_bg02.gif);
	height: 20px;
	padding-top:2px;
	padding-left: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#page_side_menu h3 a {
	display: inline-block;
	width: 100%;
	color: #FFFFFF;
}
#page_side_menu li {
	margin-bottom: 2px;
}


#left_Content .news_content {
	width: 200px;
	margin: 25px auto 0px;
	background: #FFFFFF;
	border: 1px solid #CC3300;
}

.news_content h3 {
	background: url(../image/left_sidetit_bg.gif) no-repeat;
	height: 20px;
	padding-top:2px;
	padding-left: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.news_content dl {
	padding: 5px;
}
.news_content dt {
	background: url(../image/list_icon01.gif) 0px no-repeat;
	padding-left: 14px;
	vertical-align:top;
	padding-top: 2px;
}
.news_content dd {
	padding-left: 14px;
}
#Contents .content_item01 {
	width: 660px;
	padding: 5px;
}
p#panlist {
	margin:0 auto 10px;
	font-size:0.8em;
	color:#333;
	overflow:hidden;
}
p#panlist a {text-decoration:none; color:#999999;}

p#panlist a:hover {text-decoration:underline; color:#75B31A;}
.content_item01 h3 {
	margin-top: 10px;
	background: url(../image/h3_subtit.gif) left bottom no-repeat;
	font-size: 140%;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 15px;
	padding-left: 25px;
}
#kokusan_maker {
	width: 660px;
	margin-top: 12px;
	position: relative;
}
#kokusan_maker div {
	background: #E4E4E4;
	padding: 8px 8px 15px;
	position: relative;
}

#yunyu_maker {
	width: 660px;
	margin-top: 20px;
	position: relative;
}
#yunyu_maker div {
	background: #E4E4E4;
	padding: 8px 8px 15px;
	position: relative;
}

ul.maker_list {
	width: 640px;
	height: 20px;
	padding-top: 12px;
}
ul.maker_list li {
	margin:0 1px 0 0;
	float:left;
	width: 110px;
	background: url(../image/list_icon03.gif) no-repeat 0px;
	padding-left: 14px;
}
.content_item01 .item_list {
	width: 650px;
	padding: 5px 5px 15px;
	margin-top: 10px;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
	position: relative;
}
div.content_item01 .item_list:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

.content_item01 .item_list div.clum1 {
	width: 600px;
	margin: 0px auto;
}

.content_item01 .item_list div.clum3 {
	width: 210px;
	float: left;
	margin-left: 5px;
}
.content_item01 .item_list div.clum2 {
	width: 300px;
	float: left;
	margin-left: 10px;
}
.item_list .item_photo {
	text-align: center;
}
.item_list h5 {
	font-weight: bold;
}
.item_list .item_price {
/*	font-family: serif;*/
	font-size: 110%;
	font-weight: bold;
	color: #f30;
}
.force-item-price {
	font-family: serif;
	font-size: 110%;
	font-weight: bold;
	color: #f30;
}


#maker_table {
	width: 660px;
	margin-top: 12px;
	position: relative;
}
#maker_table h4 {
	background: url(../image/caption_bg_red.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	height: 20px;
	padding-top: 5px;
}
#maker_table table {
	background: #999999;
	margin-top: 15px;
}
#maker_table th {
	background: #666666;
	color: #FFFFFF;
}
#maker_table td {
	background: #FFFFFF;
	padding: 3px;
}
#maker_table td a {
	text-decoration: underline;
	color: #00f;
}
#maker_table td a:hover {
	color: #c00;
}
.part_class1 {
	background: #FFB273 !important;
}
.part_class2 {
	background: #67E667 !important;
}
.part_class3 {
	background: #AD66D5 !important;
}
.part_newoem {
	background: #FFF173 !important;
}
#howto_looktable {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#howto_looktable h4 {
	font-weight: bold;
	color: #FFFFFF;
	background: url(../image/caption_bg_blue.gif) no-repeat;
	padding-left: 30px;
	height: 20px;
	padding-top: 5px;
}
#howto_looktable h5 {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
#howto_looktable ul {
	padding-left: 15px;
}
#howto_looktable table {
	background: #999999;
	margin-top: 5px;
	margin-left: 15px;
}
#howto_looktable th {
	background: #666666;
	color: #FFFFFF;
}
#howto_looktable td {
	background: #FFFFFF;
	padding: 3px;
}
#company_table {
	margin-top: 12px;
}
#company_table h4 {
	background: url(../image/caption_bg_red.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	height: 20px;
	padding-top: 5px;
}
#company_table table {
	margin-top: 8px;
	margin-left: 5px;
	background: #999999;
}
#company_table th {
	background: #666666;
	color: #FFFFFF;
	text-align:left;
	padding: 3px;
}
#company_table td {
	background: #FFFFFF;
	padding: 3px;
}
#company_map {
	margin-top: 12px;
}
#company_map h4 {
	background: url(../image/caption_bg_blue.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	height: 20px;
	padding-top: 5px;
}



/*
 /maker
*/
.content_item01 div.maker_list {
	width: 650px;
	padding: 5px 5px 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
	position: relative;
}
div.content_item01 div.maker_list:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

div.maker_list .maker_logo{
	width: 150px;
	float: left;
	padding: 10px 0px;
}
div.maker_list .maker_logo p,div.maker_list .img_300 p{
	text-align: center;
	vertical-align: top;
}

div.maker_list .maker_comment {
	float: left;
	width: 470px;
}

div.maker_list .maker_comment h5,div.maker_list .img_300_comment h5 {
	font-weight: bold;
	color: #CC0000;
}

div.maker_list .img_300{
	width: 300px;
	float: left;
	padding: 10px 0px;
}
div.maker_list .img_300_comment {
	float: left;
	width: 320px;
}



/*
 catalog
*/
.catalog {
	width: 660px;
	margin-top: 20px;
	position: relative;
}
.catalog div {
	background: #E4E4E4;
	padding: 8px 8px 15px;
	position: relative;
}

.catalog_list {
	width: 650px;
	padding: 5px 5px 10px;
	margin-top: 10px;
	clear: both;
	position: relative;
}
.catalog_list2 {
	width: 650px;
	padding: 5px 5px 10px;
	margin-top: 10px;
	clear: both;
	position: relative;
}
ul.catalog_list {
	width: 640px;
	height: 20px;
	padding-top: 12px;
}
ul.catalog_list li {
	margin:0 1px 0 0;
	float:left;
	width: 110px;
	background: url(../image/list_icon03.gif) no-repeat 0px;
	padding-left: 14px;
}
ul.catalog_list2 {
	width: 640px;
	height: 20px;
	padding-top: 12px;
}
ul.catalog_list2 li {
	margin:0 1px 0 0;
	float:left;
	width: 200px;
	background: url(../image/list_icon03.gif) no-repeat 0px;
	padding-left: 10px;
}
.content_item01 div.basic_list {
	padding: 10px;
}
.content_item01 div.basic_list li {
	margin:3px 1px 0 0;
	background: url(../image/list_icon03.gif) no-repeat 0px;
	padding-left: 14px;
}

.maker_table {
	width: 660px;
	margin-top: 12px;
	position: relative;
}
.maker_table h4 {
	background: url(../image/caption_bg_red.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	height: 20px;
	padding-top: 5px;
}
.maker_table table {
	background: #999999;
	margin-top: 15px;
}
.maker_table th {
	background: #666666;
	color: #FFFFFF;
}
.maker_table td {
	background: #FFFFFF;
	padding: 3px;
}
.maker_table td a {
	text-decoration: underline;
	color: #00f;
}
.maker_table td a:hover {
	color: #c00;
}

.content_item01 div.itemside_list {
	width: 650px;
	padding: 5px 5px 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
	position: relative;
}
div.content_item01 div.itemside_list:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

div.itemside_list .itemside_photo{
	width: 260px;
	float: left;
	padding: 10px 0px;
	text-align: center;
}
div.itemside_list .itemside_photo p,div.itemside_list .img_300 p{
	text-align: center;
	vertical-align: top;
}

div.itemside_list .itemside_comment {
	float: left;
	width: 380px;
}
div.itemside_list .itemside_comment h5,div.itemside_list .img_300_comment h5 {
	font-weight: bold;
}
div.itemside_list .itemside_comment h5 {
	font-size: 115%;
	border-left: solid 6px #009;
	padding: 5px;
}
div.itemside_list .itemside_comment p {
	line-height: 1.4em;
}
div.itemside_list .img_300{
	width: 300px;
	float: left;
	padding: 10px 0px;
}
div.itemside_list .img_300_comment {
	float: left;
	width: 320px;
}

/*サブテーブル キャプションをウインドウヘッダとして*/
table.item-subtable {
	width: 95%;
	border: solid 1px #009;
}
table.item-subtable caption {
	margin: 0px;
	padding-left: 10px;
	background: #009;
	color: white;
	font-weight: bold;
	text-align: left;
}
table.item-subtable th {
	vertical-align: top;
	text-align: left;
	background: #ccf;
}
table.item-subtable td {
	vertical-align: top;
}


/* カタログ汎用 */
table.items {
	width: 100%;
	margin-bottom: 8px;
}
table.items th {
	padding: 4px;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background: #666;
	color: #fff;
}
table.items td {
	padding: 4px;
	font-size: 110%;
	text-align: left;
	vertical-align: bottom;
	border-bottom: dashed 1px #666;
	padding-top: 4px;
}
table.items td.price {
	font-family: serif;
	font-weight: bold;
	font-size: 115%;
	color: #f30;
	vertical-align: bottom;
	text-align: right;
	padding-left: 10px;
	white-space: nowrap !important;
	border-bottom: dashed 1px #666;
}



h4.no_x {
	padding: 10px 20px;
	font-weight: bold;
	font-size: 100%;
}
h4.no_x + div {
	padding: 10px 16px 20px;
	line-height: 1.4em;
	border-bottom: dashed 1px #cccccc;
}
.no_1 {
	padding-left: 20px;
	background: url(../image/icon_no1.gif) no-repeat left;
}
.no_2 {
	padding-left: 20px;
	background: url(../image/icon_no2.gif) no-repeat left;
}
.no_3 {
	padding-left: 20px;
	background: url(../image/icon_no3.gif) no-repeat left;
}
.no_4 {
	padding-left: 20px;
	background: url(../image/icon_no4.gif) no-repeat left;
}
.no_5 {
	padding-left: 20px;
	background: url(../image/icon_no5.gif) no-repeat left;
}
.no_6 {
	padding-left: 20px;
	background: url(../image/icon_no6.gif) no-repeat left;
}
.no_7 {
	padding-left: 20px;
	background: url(../image/icon_no7.gif) no-repeat left;
}
.no_8 {
	padding-left: 20px;
	background: url(../image/icon_no8.gif) no-repeat left;
}
.no_9 {
	padding-left: 20px;
	background: url(../image/icon_no9.gif) no-repeat left;
}
#maker_table h5 {
	font-size: medium;
	margin-top: 0.6em;
}
#Contents .content_item01 .content_text01 ol {
	margin-left: 20px;
}



.bank table {
	background: #ffffff;
	margin-top: 15px;
}
.bank th {
	background: #7c91a6;
	color: #FFFFFF;
}
.bank td {
	background: #FFFFFF;
	padding: 3px;
}
.bank table tr th td {
    border:#CCCCCC solid 1px;
}

