/* CSS Document */

body,td,th {
	font-size: x-small;
	color: #333333;
	line-height: 180%;
	text-align: center;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div {
	text-align: left;
}
form {
	margin: 0px;
	padding: 0px;
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}


/* links */
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #993366;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: underline;
	color: #FF6600;
}

a.product_links1, a.product_links2, a.product_links3, a.product_links4, a.product_links5 {
	display: block;
	margin: 0px;
	margin-left: 75px;
	margin-right: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	border-bottom: dashed 1px #999999;
	vertical-align: middle;
}
a.product_last_link {
	border: none;
	margin-bottom: 10px;
}
a.product_links1 img, a.product_links2 img, a.product_links3 img,  a.product_links4 img,  a.product_links5 img {
	vertical-align: middle;
	margin-left: -70px;
	margin-right: 10px;
	margin-top: auto;
}

a.product_links1:link, a.product_links2:link, a.product_links3:link, a.product_links4:link, a.product_links5:link {
	color: #333333;
	text-decoration: none;
}
a.product_links1:visited, a.product_links2:visited, a.product_links3:visited, a.product_links4:visited, a.product_links5:visited {
	text-decoration: none;
	color: #993366;
}
a.product_links1:active, a.product_links2:active, a.product_links3:active, a.product_links4:active, a.product_links5:active {
	text-decoration: none;
	color: #FF6600;
}

a.product_links1:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #F75244;
}
a.product_links2:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #49AAE4;
}
a.product_links3:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF9A31;
}
a.product_links4:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CE65CE;
}
a.product_links5:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #9CCF00;
}


#header {
	width: 100%;
}
#headerblock1 {
	float: left;
}
#headerblock2 {
	float: left;
	margin-left: 10px;
	position:relative;
	top: 25px
}
#headerblock3 {
	clear: both;
	text-align: right;
	margin-top: 10px;
}

/* サブメニュー1 */
#menu_list1 {
	position: static;
	margin: 0px;
	margin-bottom:15px;
	padding: 0px;
	list-style-type: none;

}
#menu_list1 li{
	background-image: url(product/images/over1.gif);
	background-position:left center;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #999999;
	display: block;
	width: 180px;
}
#menu_list1 li a{
	display: block;
	width: 180px;
	padding: 8px 0px 8px 25px;
}
#menu_list1 li a:link {
	color: #333333;
	text-decoration: none;
}
#menu_list1 li a:visited {
	text-decoration: none;
	color: #333333;
}
#menu_list1 li a:hover {
	text-decoration: none;
	color: #333333;
	background-image:url(product/images/hover1.gif);
	background-position:center left ;
	background-repeat: no-repeat;
}
#menu_list1 li a:active {
	text-decoration: none;
	color: #333333;
}
/* ----- */

/* サブメニュー2 */
#menu_list2 {
	position: static;
	margin: 0px;
	margin-bottom:15px;
	padding: 0px;
	list-style-type: none;

}
#menu_list2 li{
	background-image: url(product/images/over2.gif);
	background-position:left center;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #999999;
	display: block;
	width: 180px;
}
#menu_list2 li a{
	display: block;
	width: 180px;
	padding: 8px 0px 8px 25px;
}
#menu_list2 li a:link {
	color: #333333;
	text-decoration: none;
}
#menu_list2 li a:visited {
	text-decoration: none;
	color: #333333;
}
#menu_list2 li a:hover {
	text-decoration: none;
	color: #333333;
	background-image:url(product/images/hover2.gif);
	background-position:center left ;
	background-repeat: no-repeat;
}
#menu_list2 li a:active {
	text-decoration: none;
	color: #333333;
}
/* ----- */

/* サブメニュー3 */
#menu_list3 {
	position: static;
	margin: 0px;
	margin-bottom:15px;
	padding: 0px;
	list-style-type: none;

}
#menu_list3 li{
	background-image: url(product/images/over3.gif);
	background-position:left center;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #999999;
	display: block;
	width: 180px;
}
#menu_list3 li a{
	display: block;
	width: 180px;
	padding: 8px 0px 8px 25px;
}
#menu_list3 li a:link {
	color: #333333;
	text-decoration: none;
}
#menu_list3 li a:visited {
	text-decoration: none;
	color: #333333;
}
#menu_list3 li a:hover {
	text-decoration: none;
	color: #333333;
	background-image:url(product/images/hover3.gif);
	background-position:center left ;
	background-repeat: no-repeat;
}
#menu_list3 li a:active {
	text-decoration: none;
	color: #333333;
}
/* ----- */

/* サブメニュー4 */
#menu_list4 {
	position: static;
	margin: 0px;
	margin-bottom:15px;
	padding: 0px;
	list-style-type: none;

}
#menu_list4 li{
	background-image: url(product/images/over4.gif);
	background-position:left center;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #999999;
	display: block;
	width: 180px;
}
#menu_list4 li a{
	display: block;
	width: 180px;
	padding: 8px 0px 8px 25px;
}
#menu_list4 li a:link {
	color: #333333;
	text-decoration: none;
}
#menu_list4 li a:visited {
	text-decoration: none;
	color: #333333;
}
#menu_list4 li a:hover {
	text-decoration: none;
	color: #333333;
	background-image:url(product/images/hover4.gif);
	background-position:center left ;
	background-repeat: no-repeat;
}
#menu_list4 li a:active {
	text-decoration: none;
	color: #333333;
}
/* ----- */

/* サブメニュー5 */
#menu_list5 {
	position: static;
	margin: 0px;
	margin-bottom:15px;
	padding: 0px;
	list-style-type: none;

}
#menu_list5 li{
	background-image: url(product/images/over5.gif);
	background-position:left center;
	background-repeat: no-repeat;
	border-bottom: dashed 1px #999999;
	display: block;
	width: 180px;
}
#menu_list5 li a{
	display: block;
	width: 180px;
	padding: 8px 0px 8px 25px;
}
#menu_list5 li a:link {
	color: #333333;
	text-decoration: none;
}
#menu_list5 li a:visited {
	text-decoration: none;
	color: #333333;
}
#menu_list5 li a:hover {
	text-decoration: none;
	color: #333333;
	background-image:url(product/images/hover5.gif);
	background-position:center left ;
	background-repeat: no-repeat;
}
#menu_list5 li a:active {
	text-decoration: none;
	color: #333333;
}
/* ----- */

#out_frame {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
#out_frames {
	width: 840px;
	_width: 860px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
h1#logo {
/*
	float: left;
	margin: 6px 10px 4px 20px;
*/
}
h1#logo a {
	display: block;
	width: 290px;
	height: 45px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1#logo+p {
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
}
#body {

}

#main_graphic {
	display: block;
	width: 840px;
	height: 236px;
	background-image: url(images/topimg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-indent: -9999px;
}
#main_graphic_contents {
	line-height: 150%;
	font-size: small;
	margin-top: 35px;
	margin-left: 15px;
}
.product_box {
	display: block;
	height: 600px; 
	width: 200px;
}
.product_box p{
	margin: 0px;
	padding: 0px;
	padding-top: 13px;
}

h2.product_title a{
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	width: 200px;
	height: 47px;
}

h2#product_title1 {
	background-image: url(images/btn_red.gif);
}
h2#product_title2 {
	background-image: url(images/btn_blue.gif);
}
h2#product_title3 {
	background-image: url(images/btn_yellow.gif);
}
h2#product_title4 {
	background-image: url(images/btn_violet.gif);
}
h2#product_title5 {
	background-image: url(images/btn_green.gif);
}

#product_box1,#product_box2,#product_box3 {
	background-image: url(images/bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
#product_box1 {
	float: left;
}
#product_box2 {
	float: left;
}
#product_box3 {
	float: left;
}
#top_page_right {
	width: 227px;
	float: right;
}

#boshu {
	margin-top: 20px;
	background-color:#EEE;
	padding: 8px;
	border: 1px solid #999;
	font-size: normal;
}
#boshu h4 {
	display: block;
	padding-left: 25px;
	padding-top: 3px;
	width: 180px;
	height: 20px;
	background-image: url(product/images/bar6s.gif);
	background-repeat: no-repeat;
	color: #0E0544;
}
#boshu p{
	margin: 5px 0 10px 10px;
}

h2#news_title {
	display: block;
	width: 227px;
	height: 43px;
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 6px;
}
#top_page_right dl {
	border-bottom: dashed 1px #999999;
	padding: 7px 0px;
	margin: 0px;
}
#top_page_right dl dt {
	float: left;
	padding-left: 2px;
	margin: 0px;
}
#top_page_right dl dd {
	display: block;
	padding-right: 10px;
	margin-left: 60px;
}
#footer {
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 30px 0px 5px;
}

/* サブページ　共通部分以外 */
#contents {
	margin-top: 15px;
	padding: 10px 20px 0px;
	border-top :solid 5px #080647;
}

#sub_page_left {
	width: 200px;
	float: left;
}
#sub_page_right {
	font-size: medium;
	width: 565px;
	float: right;
	padding-left:25px;
	border-left: dashed 1px #999999;
}
h2.sub_page_menu_title a{
	display: block;
	width: 180px;
	height: 54px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h2#sub_page_menu_title1 {
/*	background-image: url(product/images/pro_ttl1.gif); */
	background-image: url(images/btn_red.gif);
	background-repeat: no-repeat;
}
h2#sub_page_menu_title2 {
	background-image: url(images/btn_blue.gif);
	background-repeat: no-repeat;
}
h2#sub_page_menu_title3 {
	background-image: url(images/btn_yellow.gif);
	background-repeat: no-repeat;
}
h2#sub_page_menu_title4 {
	background-image: url(images/btn_violet.gif);
	background-repeat: no-repeat;
}
h2#sub_page_menu_title5 {
	background-image: url(images/btn_green.gif);
	background-repeat: no-repeat;
}

/* サブページタイトル h2*/
h2#page_name1 {
	display: block;
	padding-left: 40px;
	padding-top: 9px;
	width: 565px;
	height: 21px;
	background-image: url(product/images/bar1.gif);
	background-repeat: no-repeat;
	font-size: medium;
	color: #0E0544;
}
h2#page_name2 {
	display: block;
	padding-left: 40px;
	padding-top: 9px;
	width: 565px;
	height: 21px;
	background-image: url(product/images/bar2.gif);
	background-repeat: no-repeat;
	font-size: medium;
	color: #0E0544;
}
h2#page_name3 {
	display: block;
	padding-left: 40px;
	padding-top: 9px;
	width: 565px;
	height: 21px;
	background-image: url(product/images/bar3.gif);
	background-repeat: no-repeat;
	font-size: medium;
	color: #0E0544;
}
h2#page_name4 {
	display: block;
	padding-left: 40px;
	padding-top: 9px;
	width: 565px;
	height: 21px;
	background-image: url(product/images/bar4.gif);
	background-repeat: no-repeat;
	font-size: medium;
	color: #0E0544;
}
h2#page_name5 {
	display: block;
	padding-left: 40px;
	padding-top: 9px;
	width: 565px;
	height: 21px;
	background-image: url(product/images/bar5.gif);
	background-repeat: no-repeat;
	font-size: medium;
	color: #0E0544;
}
h2#page_name6 {
	display: block;
	padding-left: 40px;
	padding-top: 9px;
	width: 565px;
	height: 21px;
	background-image: url(product/images/bar6.gif);
	background-repeat: no-repeat;
	font-size: medium;
	color: #0E0544;
}

/* サブページタイトル h3*/
h3#typename1 {
	margin: 40px 0 15px 0;
	padding:3px 10px;
	font-size: medium;
	color: #0E0544;
	border-left: solid 5px #F75244;
	border-bottom: solid 1px #F75244;
}
h3#typename2 {
	margin: 40px 0 15px 0;
	padding:3px 10px;
	font-size: medium;
	color: #0E0544;
	border-left: solid 5px #49AAE4;
	border-bottom: solid 1px #49AAE4;
}
h3#typename3 {
	margin: 40px 0 15px 0;
	padding:3px 10px;
	font-size: medium;
	color: #0E0544;
	border-left: solid 5px #FF9933;
	border-bottom: solid 1px #FF9933;
}
h3#typename4 {
	margin: 40px 0 15px 0;
	padding:3px 10px;
	font-size: medium;
	color: #0E0544;
	border-left: solid 5px #CC66CC;
	border-bottom: solid 1px #CC66CC;
}
h3#typename5 {
	margin: 40px 0 15px 0;
	padding:3px 10px;
	font-size: medium;
	color: #0E0544;
	border-left: solid 5px #99CC00;
	border-bottom: solid 1px #99CC00;
}

/* サブページタイトル h4*/
h4.midashi1 {
	margin: 0px;
	padding: 0px 20px;
	font-size: medium;
	background-image: url(product/images/maru1_m.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
h4.midashi2 {
	margin: 0px;
	padding: 0px 20px;
	font-size: medium;
	background-image: url(product/images/maru2_m.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
h4.midashi3 {
	margin: 0px;
	padding: 0px 20px;
	font-size: medium;
	background-image: url(product/images/maru3_m.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
h4.midashi4 {
	margin: 0px;
	padding: 0px 20px;
	font-size: medium;
	background-image: url(product/images/maru4_m.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}
h4.midashi5 {
	margin: 0px;
	padding: 0px 20px;
	font-size: medium;
	background-image: url(product/images/maru5_m.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}


#sub_page_right h3+p {
	margin: 5px 0px;
	padding: 0px;
}
#product_img_table {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 10px 0px 30px;
}
#product_img_table td {
/*	text-align: left; */
}

.product_img_table_left_td,.product_img_table_right_td {
	width: 180px;
}
h4+ul {
	margin: 10px 0px 30px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 120%;	
}
h4+ul li{
	margin: 3px 0px;
	line-height: 120%;
}
#product_size_table {
	width: 100%;
	border-collapse:collapse;
	border-right: 1px solid #999;
	margin: 10px 0px 0px;
}
#product_size_table th{
	background-color: #f0f0f0;
	padding: 5px;
	font-weight: normal;
	border-bottom:solid 3px #999999;
	border-top:solid 3px #999999;
}
#product_size_table td{
	font-weight: normal;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;	
}
#product_size_table th,#product_size_table td{
	border-left: solid 1px #999999;
}

#company_table {
	width: 550px;
	border-collapse:collapse;
	margin: 10px;
}
#company_table th{
	width: 200px;
	background-color: #f0f0f0;
	font-weight: normal;
	border-left:solid 3px #999999;
	border-right:solid 3px #999999;
	border-bottom: solid 1px #999999;
	padding: 5px;
}
#company_table td{
	font-weight: normal;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 5px;
}
#company_table th.top,#company_table td.top{
	border-top: solid 1px #999999;
}

#contact_table td {
	font-size: medium;
}

.smallfont {font-size: x-small;}

.temp {
	color: #FF0000;
	font-weight: bold;
}

.must {
	color: #FF0000;
	font-size: small;
}