@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img {
	border: 0;
}

p,li,th,td {
	font-size: 10pt;
	text-align: justify;
	text-justify: distribute;
	line-height: 1.5;
}

a:hover {
	text-decoration: none;
}

table {
	border-collapse: collapse;
}

address {
	font-weight: normal;
	font-style: normal;
}

.left {
	float: left;
}

.right {
	float: right;
}

.ta_c {
	text-align: center;
}

.ta_l {
	text-align: left;
}

.ta_r {
	text-align: right;
}

table#insatsu_tbl {
	width: 90%;
}


h3 { font-size: 12pt;}
h4 { font-size: 12pt;}
h5 { font-size: 10pt;}


/* firefoxで右スクロールバーを常に標示（バーの有無で生じるズレを防ぐ） */
body		{ overflow-y: scroll;}
*html body	{ overflow-y:visible;}
*+html body { overflow-y:auto;}


/* clearfix */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.cf {display: block;} /* End hide from IE-mac */


#belt {
	height: 20px;
	background:url(../images/belt.jpg) repeat-x center 0;
}
#belt_green {
	height: 20px;
	background:url(../images/belt_green.jpg) repeat-x center 0;
}

#container {
	width: 860px;
	margin: 0 auto;
}

#header {
}

#header .right h1 {
	font-size: 14px;
	margin: 10px 0 0 0 ;
}

#header .right p {
	margin: 0px 0;
	text-align: right;
	font-size: 26px;
	font-weight: bold;
	font-family: Ariel;
	color: #CC0000;
}
#header .right p.green {
	margin: 0px 0;
	text-align: right;
	font-size: 26px;
	font-weight: bold;
	font-family: Ariel;
	color: #006666;
}

#header .right p img {
	padding: 0px 0 0 0;
}
#header .right p span {
	background: #CC0000;
	padding: 0 5px;
	color: #fff;
}

#header .left p {
	margin: 5px 0;
}


#menu {
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float: left;
}

#top {
}



#left {
	width: 180px;
	margin: 0 20px 0 0;
	float: left;
}

#left h3 {
	margin: 0;
}

#left ul {
	margin: 0;
	padding: 0;
	background: #F6F6F6;
	list-style: none;
}

#left ul li {
	padding: 7px 0 3px 30px;
	background: url(../images/icon_sidemenu.gif) 8px 10px no-repeat;
	border-bottom: 1px dotted #999;
}

#left ul li a {
	color: #000;
	display: block;
}

#right {
	width: 200px;
	margin: 0 0 0 20px;
	float: right;
	background: #F3F3F3;
}

*html #right {
	margin: 0 0 0 15px;
}

#right .box {
	margin: 10px;
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
}

#right .box h3 {
	margin: 0;
	font-size: 10pt;
	text-align: center;
	color: #359A7C;
	border-bottom: 1px solid #359A7C;
}

#right .box p {
	font-size: 10pt;
	line-height: 1.3;
}

#right .box .btn {
	margin: 10px 0;
}

#right .box .btn p {
	margin: 0;
	text-align: center;
}

#right .box .number {
	width: 167px;
	height: 47px;
	margin: 10px 0;
	background: url(../images/bg_green.gif) no-repeat;
}

#right .box .number p {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#right .box .number .tel { font-size: 12pt; }
#right .box .number .fax { font-size: 10pt; }

#right .box address {
	background: #f6f6f6; 
	font-size: 10pt;
	line-height: 1.5;
	padding: 5px;
	text-align: right;
}

#right .box address span {
	float: left;
}




#contents {
	float: left;
}

.two {
	width: 640px;
}

.three {
	width: 440px;
}

#contents h2 {
	width: 640px;
	font-size: 24pt;
	margin: 5px 0 20px 0;
}

#contents h3 {
	width: auto;
	margin: 10px 0;
	background: url(../images/icon_h3.gif) 5px 2px no-repeat;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #000;
}


.update {
	width: 440px;
}

.update ul {
	padding: 0;
	margin: 10px 5px;
	list-style: none;
}

.update ul li {
	padding: 10px 0 0px 20px;
	border-bottom: 1px dotted #999;
	background: url(../images/icon_list.gif) 5px 10px no-repeat;
}

.update ul li span {
	margin: 0 10px 0 0;
	font-weight: bold;
}

.company .left {
	width: 200px;	
}

.company .right {
	width: 420px;
}

.company .right table {
	width: 420px;
	border: 1px solid #666;
}

.company .right table th {
	width: 80px;
	padding: 5px;
	text-align: center;
	border: 1px solid #666;
}

.company .right table td {
	width: 340px;
	padding: 5px;
	border: 1px solid #666;
}

.company .right table td ul {
	padding: 0 0 0 20px;
}

.insatsu table {
	width:330px;
	margin: 30px auto 125px auto;
	border: 1px solid #000;
}

.insatsu table th {
	padding: 5px;
	border: 1px solid #000;
}

.insatsu table td {
	padding: 5px;
	border: 1px solid #000;
}


.insatsu .div1 {
	margin: 0 0 40px 0;
}

.insatsu .div1 .left {
	width: 250px;
}

.insatsu .div1 .right {
	width: 350px;
}


.insatsu .div2 .left {
	width: 220px;
}

.insatsu .div2 .right {
	width: 380px;
	padding: 20px 0 0 0;
}

.insatsu .div2 ul {
	margin: 0;
	padding: 0 0 0 10px;
}

.insatsu .div2 li {
	width: 170px;
	float: left;
}

.insatsu .div3 {
	margin: 40px 0 0 0;
}

.insatsu .div3 .left {
	width: 310px;
}

.insatsu .div3 .right {
	width: 320px;
}


.saitai table {
	width:330px;
	margin: 30px auto 125px auto;
	border: 1px solid #000;
}

.saitai table th {
	padding: 5px;
	border: 1px solid #000;
}

.saitai table td {
	padding: 5px;
	border: 1px solid #000;
}

.saitai .div1 {
	margin: 0 0 60px 0;
}


.saitai .div1 .left  { width: 300px; }
.saitai .div1 .right { width: 330px; }


.saitai .div3 {
	margin:60px 0 0  0;
}

.saitai .div2 .left {
}

.saitai .div2 .left p {
	text-align: center;
}


.koutei h5 {
	margin: 0;
}

.koutei div div {
	margin: 0 0 40px 0;
}

.setsubi table#setsubi_tbl {
	width:600px;
	margin: 0px auto;

}

.setsubi table#setsubi_tbl th {
	padding: 5px;
	border-right: 1px soid #000;
}

.setsubi table#setsubi_tbl td {
	padding: 5px;

}

.setsubi table#insatsu_tbl {
	width:400px;
	margin: 0px auto;
	border: 1px solid #000;
}

.setsubi table#insatsu_tbl th#setsubi_tbl {
	padding: 5px;
	border: 1px solid #000;
}

.setsubi table#insatsu_tbl td {
	padding: 5px;
	border: 1px solid #000;
}



.mitsumori .div1 {
	width: 580px;
	margin: 20px auto;
}

.mitsumori .div1 .left p {
	text-align: center;
	margin: 3px 0;
}

.border {
	width: 540px;
	margin: 0 auto 40px auto;
	padding: 20px;
	border: 1px solid #999;
}

.toiawase .border {
	margin: 0 auto 20px auto;
}

.border p {
	text-align: center;
	margin: 0;
}

.border .left{
	width: 400px;
}

.border .right{
	width: 140px;
}

.border .left .number {
	font-size: 24pt;
	color:#339966;
}

.mitsumori .border .right p {
	margin: 20px 0 0 0;
	font-size: 14pt;
}

.toiawase .border .right p {
	margin: 10px 0 0 0;
	font-size: 14pt;
}

.toiawase .div1 {
	width: 580px;
	margin: 20px auto;
}

.toiawase .border table {
	width: 560px;
}

.toiawase .border table th {
	text-align: right;
	padding: 5px;
}

.toiawase .border table td {
	padding: 5px;
	color: #999999;
}

.product {
	margin: 0 0 35px 0;
	padding: 5px 0 0 0;
}




.product .image p {
	float: left;
	height: 102px;
	margin: 0 10px;
}

*html .product .image p {
	margin: 0 8px;
}

.image p a img {
	border: 1px solid #000;
}

.image p a:hover img {
	border: 1px solid #f00;
}

.itemlist {
	margin: 0 0 20px 0;
}

.itemlist .unit {
	width: 418px;
	margin: 0 0 10px 0;
	padding: 10px;
	border:1px solid #999;
	background: #f6f6f6;
}

.itemlist .unit h4 {
	margin: 7px 0 7px 0;
	padding: 0 0 3px 0;
	font-size: 10pt;
	color: #D41008;
	border-bottom: 1px solid #D41008;
}

.itemlist .unit h4 a {
	color: #D41008;
	text-decoration: none;
}


.itemlist .unit p {
	margin: 0;
}

.itemlist .unit .image {
	width: 102px;
	float: left;
}

.itemlist .unit .text {
	width: 300px;
	float: right;
}


.return p {
	text-align: right;
}



#footer {
	margin: 10px 0;
	border-top: 5px solid #CE0505;
}

#footer ul {
	margin: 0 0 0 170px;
	padding: 5px 0 0 0;
	list-style: none;
	
}

#footer li {
	float: left;
	margin: 0px 20px 0 5px;
}

#footer address {
	margin: 5px;
	font-size: 10pt;
	text-align: center;
}


#footer_green {
	margin: 10px 0;
	border-top: 5px solid #006666;
}

#footer_green ul {
	margin: 0 0 0 170px;
	padding: 5px 0 0 0;
	list-style: none;
	
}

#footer_green li {
	float: left;
	margin: 0px 20px 0 5px;
}

#footer_green address {
	margin: 5px;
	font-size: 10pt;
	text-align: center;
}