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

* {
	margin: 0px;
	padding: 0px;
}
body {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color: #333;
	background-repeat: repeat-x;
	background-image: url(images/bg.jpg);
}

a {
	text-decoration: none;
}
.body_syobel {
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #333;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#all {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	overflow: hidden;
}
.body3 {

}

#header {
	background-repeat: no-repeat;
	height: 100px;
	width: 890px;
	background-image: url(images/header032.jpg);
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
}
#body_bg {
	background-color: #FFF;
	width: 100%;
	background-image: url(images/h_bg_ver2.jpg);
	background-repeat: repeat-x;
}

#header_ver2 {
	height: 85px;
	width: 895px;
	padding-bottom: 15px;
	background-image: url(images/h_bg_ver2.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-top: 15px;
	clear: both;
}
.header_title {
	color: #C00;
	font-size: 11px;
	line-height: 1.3em;
	float: left;
}
.header_right {
	float: right;
	height: 70px;
	width: 110px;
	overflow: hidden;
}




.header_1 {
	float: left;
}

.header_linkbox {
	clear: both;
	width: 895px;
	overflow: hidden;
	padding-top: 5px;
}
.header_link {
	text-align: right;
	color: #FFF;
	font-weight: bold;
}
.header_link a {
	color: #FFF;
	font-weight: bold;
}
.header_link a:hover {
	color: #CCC;
	text-decoration: underline;
}

#header_linkbox2 {
	position: relative;
	height: 15px;
	width: 180px;
	top: -15px;
	float: right;
	font-size: 12px;
}





h1 {
	font-size: 9px;
	color: #F90;
	line-height: 10px;
	font-weight: bold;
}
.header_contact {
	float: right;
	height: 15px;
	width: 100px;
	text-indent: -9999px;
	padding-right: 10px;
}
.header_contact a {
	float: right;
	height: 15px;
	width: 100px;
	display: block;
	padding-right: 10px;
	background-image: url(images/contact_us.png);
	background-repeat: no-repeat;

}
.header_contact a:hover {
	background-image: url(images/contact_us_a.png);
	background-repeat: no-repeat;
	float: right;
	height: 15px;
	width: 100px;
	text-indent: -9999px;
	display: block;
	padding-right: 10px;
}

.header_contact_ver2 {
	float: right;
	height: 15px;
	width: 100px;
	padding-right: 10px;
	text-indent: -9999px;
}
.header_contact_ver2 a {
	float: right;
	height: 15px;
	width: 100px;
	background-image: url(images/contact_us_rosia.png);
	background-repeat: no-repeat;

}
.header_contact_ver2 a:hover {
	background-image: url(images/contact_us__a_rosia.png);
	background-repeat: no-repeat;
	float: right;
	height: 15px;
	width: 100px;
	text-indent: -9999px;
}



.header_rogo {
	background-image: url(images/header_titele.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 136px;
	text-indent: -9999px;
}
.header_rogo a {
	background-image: url(images/header_titele.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 136px; display: block
}
.header_rogo a:hover {
	background-image: url(images/header_titele2.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 136px;
	text-indent: -9999px;
}

.header_left {
	float: left;
	height: 70px;
	width: 170px;
	text-indent: -9999px;
	padding-left: 10px;

}
.header_center {
	float: left;
	width: 600px;
}
.header_rogo_ver2 {
	background-image: url(images/rogo.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 160px;
}
.header_rogo_ver2 a {
	display: block;
	height: 60px;
	width: 160px;
}

.header_rogo_ver2 a:hover { background-image: url(images/rogo2.jpg); background-repeat: no-repeat; width: 160px; height: 60px;}



#main {
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
}
#top {
	clear: both;
	overflow: hidden;
	width: 860px;
	height: auto;
}


#navi_box {
	clear: both;
	height: 30px;
	width: 860px;
}
#navi_box ul {
	list-style-type: none;
}
.navi_01 {
	background-image: url(images/navi01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi_01 a {
	float: left;
	height: 30px;
	width: 172px;
}
.navi_01 a:hover { background-image:url(images/navi01_a.gif); width: 172px; height: 30px; float: left;}
.navi_02 {
	background-image: url(images/navi02.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi_02 a {
	float: left;
	height: 30px;
	width: 172px;
}
.navi_02 a:hover { background-image:url(images/navi02_a.gif); width: 172px; height: 30px; float: left;}

.navi_03 {
	background-image: url(images/navi03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi_03 a {
	float: left;
	height: 30px;
	width: 172px;
}
.navi_03 a:hover { background-image:url(images/navi03_a.gif); width: 172px; height: 30px; float: left;}

.navi_04 {
	background-image: url(images/navi04.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi_04 a {
	float: left;
	height: 30px;
	width: 172px;
}

.navi_04 a:hover { background-image:url(images/navi04_a.gif); width: 172px; height: 30px; float: left;}

.navi_05 {
	background-image: url(images/navi05.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi_05 a {
	float: left;
	height: 30px;
	width: 172px;
}

.navi_05 a:hover { background-image:url(images/navi05_a.gif); width: 172px; height: 30px; float: left;}



#navi_box2 {
	clear: both;
	height: 160px;
	width: 860px;
}
#navi_box2 ul {
	list-style-type: none;
	clear: both;
	height: 30px;
	width: 860px;
}
.navi2_01 {
	background-image: url(images/navi_ver2_01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi2_01 a {
	float: left;
	height: 30px;
	width: 172px;
}
.navi2_01 a:hover { background-image: url(images/navi2_a_01.gif); width: 172px; height: 30px; float: left;}
.navi2_02 {
	background-image: url(images/navi_ver2_02.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi2_02 a {
	float: left;
	height: 30px;
	width: 172px;
}
.navi2_02 a:hover { background-image: url(images/navi2_a_02.gif); width: 172px; height: 30px; float: left;}

.navi2_03 {
	background-image: url(images/navi_ver2_03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi2_03 a {
	float: left;
	height: 30px;
	width: 172px;
}
.navi2_03 a:hover { background-image: url(images/navi2_a_03.gif); width: 172px; height: 30px; float: left;}

.navi2_04 {
	background-image: url(images/navi_ver2_04.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi2_04 a {
	float: left;
	height: 30px;
	width: 172px;
}

.navi2_04 a:hover { background-image: url(images/navi2_a_04.gif); width: 172px; height: 30px; float: left;}

.navi2_05 {
	background-image: url(images/navi_ver2_05.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 172px;
	text-indent: -9999px;
}
.navi2_05 a {
	float: left;
	height: 30px;
	width: 172px;
}

.navi2_05 a:hover { background-image: url(images/navi2_a_05.gif); width: 172px; height: 30px; float: left;}





.main_2 {
	padding-top: 20px;
	clear: both;
	overflow: hidden;
	padding-bottom: 13px;
}
.main_3 {
	float: left;
	height: auto;
	width: 560px;
	padding-right: 20px;
}
.left_menu {
	float: left;
	height: auto;
	width: 560px;
}
.title {
	background-image: url(images/title_bg.jpg);
	height: 23px;
	width: 545px;
	font-size: 11px;
	padding-top: 7px;
	padding-left: 20px;
	color: #FFF;
	background-repeat: no-repeat;
}
.title2 {
	background-image: url(images/left_main240_bg.jpg);
	height: 23px;
	width: 550px;
	font-size: 13px;
	padding-top: 7px;
	padding-left: 10px;
	color: #FFF;
	background-repeat: repeat-x;
}
.title2 img {
	padding-right: 10px;
}


.regular_series {
	clear: both;
	height: 100px;
	width: 560px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.regular_series ul {
	list-style-type: none;
}
.regular_01 {
	float: left;
	height: 100px;
	width: 173px;
	padding-right: 20px;
}

.regular_02 {
	float: left;
	height: 100px;
	width: 173px;
	padding-right: 20px;
}

.regular_03 {
	float: left;
	height: 100px;
	width: 173px;
}
.series_left {
	float: left;
	width: 173px;
	padding-right: 20px;
	padding-top: 20px;
}
.series_left_scoop {
	padding-top: 20px;
}



.series_center {
	float: left;
	width: 173px;
	padding-right: 20px;
	padding-top: 20px;
}
.series_center_cleaning {
	padding-top: 20px;
}



.series_right {
	float: left;
	width: 173px;
	padding-top: 20px;
}
.series_title {
	padding-bottom: 5px;
}
.rignt_title {
	background-image: url(images/right_title_bg.jpg);
	height: 23px;
	width: 260px;
	font-size: 11px;
	padding-top: 7px;
	padding-left: 20px;
	color: #FFF;
	background-repeat: no-repeat;
}
.rignt_title_products {
	height: 23px;
	width: 275px;
	font-size: 14px;
	color: #300;
	padding-top: 7px;
	padding-left: 5px;
}

.rignt_title2 {
	font-size: 12px;
	color: #000;
	display: block;
	height: 20px;
	padding-top: 10px;
	padding-left: 5px;
	width: 275px;
	background-image: url(images/main_left240_title_bg.gif);
	background-repeat: no-repeat;
}




.right_menu {
	float: right;
	height: auto;
	width: 280px;
	background-repeat: no-repeat;
}
.right_news {
	padding-top: 10px;
	height: 150px;
	width: 280px;
	overflow: scroll;
}
.right_news ul {
	padding-left: 10px;
	list-style-type: none;
}
.right_news ul li {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 5px;
}


.rignt {
	text-align: right;
	padding-bottom: 10px;
	font-size: 11px;
}
.series_left img {
	padding-bottom: 5px;
}
.series_center img {
	padding-bottom: 5px;
}
.series_right img {
	padding-bottom: 5px;
}

.link_top {
	text-align: right;
	padding-bottom: 10px;
}

.link_top a {
	color: #999;
	text-decoration: underline;
}
.link_top a:hover {
	color: #900;
	text-decoration: underline;
}

.right_companyinformation {
	list-style-type: none;
	display: block;
}
.right_companyinformation li a img {
	padding-right: 5px;
	padding-left: 5px;
}



.right_companyinformation li a {
	height: 18px;
	width: 278px;
	padding-top:5px;
	display: block;
	color: #300;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.right_companyinformation li a {
	color: #333;
}
.right_companyinformation li a:hover {
	height: 18px;
	width: 278px;
	padding-top:5px;
	display: block;
	color: #900;
	background-color: #EBE6E0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.right_link_bg {
	background-image: url(images/link_bg.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 260px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.font_height p {
	line-height: 1.2em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.asaka_link_list {
	padding-left: 30px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/point_6.png);
	padding-right: 5px;
	padding-top: 5px;
}
.asaka_link_list li {
	padding-bottom: 7px;
}
.asaka_link_list li a {
	color: #F30;
}
.asaka_link_list li a:hover {
	color: #300;
	text-decoration: underline;
}
.asaka_link_list li a img {
	padding-right: 5px;
	vertical-align: text-top;
}




.left_main240 li a img {
	padding-right: 5px;
	padding-left: 5px;
}
.left_main240 {
	height: auto;
	width: 240px;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.left_main240_h2 {
	background-image: url(images/main_240_h2.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 215px;
	color: #FFF;
	padding-left: 25px;
	padding-top: 7px;
	font-size: 10px;
	display: block;
}
.left_main240_title {
	height: 20px;
	padding-top: 10px;
	font-size: 11px;
	color: #000;
	width: 240px;
	padding-left: 5px;
	background-image: url(images/main_left240_title_bg.gif);
	background-repeat: no-repeat;
}

.left_main240 ul {
	display: block;
}


.left_main240 ul li a {
	height: 20px;
	width: 240px;
	padding-top:6px;
	display: block;
	color: #333;
	background-color: #FFF;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.left_main240 li a:hover {
	height: 20px;
	width: 240px;
	padding-top:6px;
	display: block;
	color: #930;
	background-color: #EBE6E0;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

}
.left_main240 li a img {
	padding-right: 5px;
	padding-left: 5px;
}
.left_main240_company {
	height: auto;
	width: 240px;
	padding-top: 30px;
	padding-bottom: 20px;
}
.left_main240_company2 {
	width: 240px;
}
.asaka_p {
	font-size: 10px;
}

.pa_left_link {
	padding-bottom: 5px;
	padding-left: 5px;
}

.left_link_list {
	height: auto;
	width: 220px;
	padding-left: 10px;
	padding-top: 10px;
	list-style-type: none;
}
.left_link_list li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 230px;
}



.left_title {
	padding-top: 5px;
	padding-bottom: 5px;
}

.company_h2 {
	font-size: 12px;
	height: 22px;
	width: 230px;
	padding-top: 5px;
	color: #000;
	padding-left: 10px;
}


.pa_botom20 table {
	border-collapse: collapse; border: #999 solid 1px;}

.pa_botom20 table td {
	height:30px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.tr_color {
	background: #ebe6e0;
}


.right_top {
	padding-bottom: 20px;
}


.right_main {
	float: right;
	height: auto;
	width: 600px;
	overflow: hidden;
}
.right_h3 {
	background-image: url(images/h3_bg.gif);
	height: 30px;
	width: 590px;
	font-size: 11px;
	padding-top: 7px;
	padding-left: 10px;
	background-repeat: no-repeat;
	clear: both;
}
.content {
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
	width: 600px;
	height: auto;
}
.left_content {
	float: left;
}
.right_content {
	float: right;
	height: auto;
	width: 400px;
	overflow: hidden;
	padding-top: 15px;
}
.content_ul {
	list-style-type: none;
	padding-bottom: 20px;
	padding-left: 15px;
}
.content_ul li {
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-image: url(images/point2.gif);
	padding-left: 5px;

}
.picture_box {
	clear: both;
	padding-top: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
.left_picture400 {
	float: left;
	height: auto;
	width: 400px;
}
.right_picture200 {
	float: right;
	height: auto;
	width: 180px;
	padding-left: 20px;
}
.picture_box2 {
	width: 600px;
	overflow: hidden;
	padding-top: 10px;
}
.picture_1 {
	float: left;
	height: 150px;
	width: 186px;
	padding-right: 20px;
}
.picture_2 {
	float: left;
	height: 150px;
	width: 186px;
    padding-right: 19px;

}
.picture_3 {
	float: left;
	height: 150px;
	width: 186px;
}
.mail {
	clear: both;
	height: 100px;
	width: 600px;
	background-image: url(images/mail_bg.jpg);
	background-repeat: no-repeat;
}
.mail_p {
	color: #000;
	padding-top: 15px;
	font-size: 14px;
	text-align: center;
}
.mail_p2 {
	text-align: center;
	padding-top: 15px;
}



.right_jan {
	text-align: right;
}
.top_link {
	clear: both;
	height: 15px;
	padding-top: 20px;
}
.top_link_img {
	text-align: right;
	background-image: url(images/go_to_top.gif); background-repeat: no-repeat;
	height: 15px;
	width: 60px;
	float: right;
}
.top_link_img a { width: 60px; height: 15px; display: block;
}
.top_link_img a:hover {
	text-align: right;
	background-image: url(images/go_to_top1.gif); background-repeat: no-repeat;
	height: 15px;
	width: 60px;
	float: right;
}





#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 890px;
	padding-top: 20px;
	padding-right: 10px;
	clear: both;
	font-size: 12px;
}






#footer p {
	text-align: right;
	color: #FFF;
	line-height: 1.5em;
}
#footer_ver2 {
	background-image: url(images/f_bg_ver2.jpg);
	background-repeat: repeat-x;
	height: 100px;
	width: 100%;
}
#footer_ver2_center {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
	padding-top: 20px;
}
#footer_ver2_center p {
	color: #000;
}
.red {
	color: #C00;
	text-decoration: underline;
}
.red a {
	color: #900;
	text-decoration: underline;
}
.red a:hover {
	color: #300;
	text-decoration: underline;
}

.center {
	text-align: center;
}

.white a{
	color: #FFF;
	text-decoration: underline;
}
.white a:hover {
	color: #CCC;
}
.pa_top5 {
	padding-top: 5px;
}
.pa_top10 {
	padding-top: 10px;
}
.pa_top_botom10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pa_botom10 {
	padding-bottom: 10px;
}
.pa_top20 {
	padding-top: 20px;
}


.pa_top_botom20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pa_top15 {
	padding-top: 15px;
	padding-left: 5px;
}

.pa_botom15 {
	padding-bottom: 15px;
}



.pa_botom20 {
	padding-bottom: 20px;
}
.pa_left_10 {
	padding-left: 10px;
}
.pa_left20 {
	padding-left: 20px;
}

.strong {
	font-weight: bold;
}
.align_right {
	text-align: right;
}
.font_10 {
	font-size: 10px;
}
.font_9 {
	font-size: 9px;
}
