@charset "utf-8";

/* all */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	background-color: ;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	background-image: url(../img/main_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color:#333333;
}
.no_img {
	background-image: none;
	background-repeat: no-repeat;
}
p {
	margin: 0px;
}
a:link {
	color: #53A6C9;
}
a:hover,a:active {
	color: #FF6600;
}
a:visited{
	color: #663366;
}
img{
	border: none;
}
input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h1, h2, h4 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #00782D;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
h5 {
	color: #666666;
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}
h6 {
	color: #666666;
	margin-bottom: 0px;
	font-size: 0.9em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding: 0px;
}
#container {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

/* clearfix---------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }

/* space */
.s0 {
	margin: 0px;
	padding: 0px;
}
.mb_10 {
	margin-bottom: 10px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mrtb_5 {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.mlrb_10 {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.mlr_10_b_10 {
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
.mt_5 {
	margin-top: 5px;
}
.mt_10 {
	margin-top: 10px;
}
.mlb_10 {
	margin-left: 10px;
	margin-bottom: 10px;
}
.clear {
	clear: both;
}
.clear_ie {
	clear: both;
	margin-bottom: 10px;
	/margin-bottom: 0px;
}



/* header */
#header {
	width: 900px;
	height: 100px;
	background-image: url(../img/header.jpg);
	margin: 0px;
	padding: 0px;
}
#header_l {
	width: 400px;
	float: left;
}
#header_r {
	width: 450px;
	float: right;
}

/* contets_box */
#contets_box {
	margin: 10px;
}

/* top */
#tc_left {
	float: left;
	width: 450px;
}
#tc_left p {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#tc_day {
	color: #CCCCCC;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom: 0px;
}
#tc_left_head {
	width: 450px;
	height: 20px;
}
.news {
	width: 450px;
	height: 20px;
	background-image: url(../img/news_head.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#tc_right {
	float: right;
	width: 420px;
}
#t_space {
	height: 10px;
	background-image: url(../img/stripe_1.png);
}
#pr {
	float: left;
	width: 252px;
}
#plugin {
	float: right;
	width: 158px;
}

/* footer */
#footer {
	text-align: right;
	clear: both;
	color: #B3B3B3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3B3B3;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
}
#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
	color: #B3B3B3;
}

/* product */
#pro_l {
	width: 680px;
	float: left;
}
#pro_r {
	width: 190px;
	float: right;
	background-image: url(../img/stripe_1.png);
}
#pro_r1 {
	margin-left: 10px;
	width: 180px;
	background-color: #FFFFFF;
}
#pro_r ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	list-style: none;
}
#pro_r li {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.product {
	width: 680px;
	height: 100px;
	background-image:url(../img/product_header.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.p_caution {
	width: 680px;
	height: 20px;
	background-image: url(../img/p_caution.gif);
	margin-bottom: 10px;
	margin-top: 20px;
}
#p_box {
	width: 680px;
}
#pc_box {
	width: 660px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#p_box1 {
	width: 480px;
	border: thin solid #CCCCCC;
	/border: 0.1em solid #CCCCCC;
	margin-left: 10px;
	/margin-left: 5px;
	margin-bottom: 10px;
	margin-right: 0px;
	float: left;
}
#p_box2 {
	float: right;
	width: 160px;
	margin-right: 10px;
	/margin-right: 5px;
}
#p_box3 {
	border: thin solid #CCCCCC;
	/border: 0.1em solid #CCCCCC;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.p_tb {
	background-color:#999999;
}
.even {
	background-color: #F4F4F4;
}
.odd {
	background-color: #FFFFFF;
}
#pro_l th {
	color: #616161;
	text-align: left;
	border-right-width: thin;
	/border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: thin;
	/border-left-width: 0.1em;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#pro_l td {
	border-right-width: thin;
	/border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: thin;
	/border-left-width: 0.1em;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	vertical-align: top;
}
#pc_box ul {
	list-style: none;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#pc_box li {
	background-image: url(../img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* company */
.company {
	width: 680px;
	height: 100px;
	background-image:url(../img/company_header.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

/* mail */
.mail {
	width: 680px;
	height: 100px;
	background-image:url(../img/mail_header.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}










/* mian */
#main {
	width: 590px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	_margin-right: 5px;/* IE6only */
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#main p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: justify;
}
.at_right {
	text-align: right;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.logo_right {
	float: right;
}

/* contents */
#contents_head {
	background-image: url(../eco_img/contents_head.gif);
	height: 10px;
	width: 590px;
	_margin-bottom: -3px;/* IE6only */
}
#contents_body {
	background-image: url(../eco_img/contents_body.gif);
	width: 570px;
	padding-right: 10px;
	padding-left: 10px;
}
#contents_body2 {
	background-image: url(../eco_img/contents_body2.gif);
	width: 570px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: bottom;
}
#contents_foot {
	background-image: url(../eco_img/contents_foot.gif);
	height: 10px;
	width: 590px;
	margin-bottom: 10px;
	_margin-bottom: 7px;/* IE6only */
	background-repeat: no-repeat;
}
#contents_body ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#contents_body li {
	background-image: url(../eco_img/list_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#contents_body_p ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#contents_body_p li {
	background-image: url(../eco_img/list_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#contents_body th {
	color: #FFFFFF;
	background-color: #CCCCCC;
}


#contents_body2 h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body h4 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63C5DC;
	font-size: 12px;
}
#contents_body h5 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 12px;
}

/* news */
#contents_body_n {
	background-image: url(../eco_img/news_bg.gif);
	width: 570px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: bottom;
	padding-bottom: 10px;
}
#contents_body_n h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body_n h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body_n h4 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63C5DC;
	font-size: 12px;
}
#contents_body_n h5 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 12px;
}

/* news_frame */
#contents_body_nf {
	background-image: url(../eco_img/news_bg2.gif);
	width: 550px;
	background-position: bottom;
	margin-bottom: 10px;
}
#contents_body_nf p {
	background-image: url(../eco_img/list_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#contents_body_nf h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body_nf h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body_nf h4 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63C5DC;
	font-size: 12px;
}
#contents_body_nf h5 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 12px;
}
#contents_foot2 {
	background-image: url(../eco_img/contents_foot2.gif);
	height: 20px;
	width: 590px;
	margin-bottom: 10px;
	_margin-bottom: 7px;/* IE6only */
	background-repeat: no-repeat;
	margin-top: -9px;
	_margin-top: -0px;
}

/* product */
#contents_body_p {
	background-image: url(../eco_img/product_bg.gif);
	width: 570px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: bottom;
}
#contents_body_p h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/* personal */
#contents_body_pe {
	background-image: url(../eco_img/personal_bg.gif);
	width: 570px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: bottom;
}
#contents_body_pe h3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#contents_body_pe h4 {
	font-weight: bold;
	color: #63C5DC;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63C5DC;
	font-size: 12px;
}

/* sub */
#sub {
	width: 180px;
	float: left;
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	_margin-left: 5px;/* IE6only */
}
#p_head {
	width: 180px;
	height: 17px;
	padding: 0px;
	background-image: url(../eco_img/p_head.gif);
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sub_body_p {
	width: 180px;
	background-image: url(../eco_img/sub_body.jpg);
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sub_head {
	width: 180px;
	height: 42px;
	padding: 0px;
	background-image: url(../eco_img/sub_head.jpg);
	display: block;
	cursor: pointer;
}
#sub_body {
	width: 180px;
	padding: 0px;
	background-image: url(../eco_img/sub_body.jpg);
	margin-top: 0px;
}
#sub_foot {
	width: 180px;
	height: 10px;
	padding: 0px;
	margin-bottom: 10px;
	background-image: url(../eco_img/sub_foot.jpg);
	background-repeat: no-repeat;
}
#sub ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
}
#sub li {
	background-image: url(../eco_img/list_green.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #008C00;
}
#sub li a{
	text-decoration: none;
}
#sub li a:link {
	color: #008C00;
}
#sub li a:hover, #sub li a:active {
	color: #FF6600;
}
#sub li a:visited{
	color: #008C00;
}
#sub_body_p ul {
	padding-top: 5px;
}
#sub_body_p li {
	background-image: url(../eco_img/list_green.gif);
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 5px center;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #008C00;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}