/* common style */
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre{margin:0;padding:0;}


body {
	margin:0;
	padding:0;
	text-align		: center;

	background-color: #FFFFFF;
	color           : #000000;
	background-image: url(img/com/back.jpg);
	background-repeat:repeat-x;
	}
	
#wrap{
	width			: 800px;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: left;
}
	
a:link{
	color:#FFFFFF;			/* 色 */
	text-decoration:none;		/* 文字装飾 */
	}
a:visited{
	color:#FFFFFF;			/* F色 */
	text-decoration:none;		/* 文字装飾 */
	}
a:active{
	color:#FF0000;			/* 色 */
	text-decoration:none;		/* 文字装飾 */
	}
a:hover{
	color:#FF0000;			/* 色 */
	text-decoration:none;	/* 文字装飾 */
	}
hr {
	color           : #000055;
	height          : 1px;
	}
	
li	{
	margin:0px;
	margin-left:15px;
	list-style-image:url(img/com/dot.gif);
}
	
	
	
span.bold {
	font-weight     : bold;
	}
span.red {
	color           : red;
	}
div.bold_red {
	font-weight     : bold;
	font-size       : 14px;
	color           : red;
	}
div.bold_1 {
	font-weight     : bold;
	font-size       : 14px;
	color           : blue;
	}
div.bold_2 {
	font-weight     : bold;
	font-size       : 18px;
	color           : blue;
	}
/* main frame */
body.main {
	background-color: #FFFFFF;
        background-image: url(image/backimg9.jpg);
	font-size       : 13px;
	width           : 680px;
	}
div.main {
	padding         : 5px 30px 5px 30px;
	width           : 100%;
	}
div.main_small {
	padding         : 5px 30px 5px 30px;
	font-size       : 11px;
	width           : 680px;
	}
h1.main {
	text-align      : left;
	padding         : 0px 0px 0px 10px;
	font-size       : 18px;
	width           : 680px;
	}

div.main_title {
	text-align      : left;
	font-size       : 18px;
	font-weight     : bold;
	padding         : 0px 0px 0px 10px;
	margin-bottom   : 5px;
	width           : 680px;
	}
table.menu_in_main {
	border-style    : none;
	width           : 100%;
	}
th.menu_in_main {
	border-right    : none;
	border-left     : none;
	background-color: #4040FF;
	padding         : 3px 0px 3px 0px;
	color           : #FFFFFF;
	font-weight     : bold;
	text-align      : center;
	width           : 14.2%;
	}
td.menu_in_main {
	background-color: #FFFFFF;
	padding         : 3px 0px 3px 0px;
	color           : #000000;
	font-weight     : bold;
	text-align      : center;
	width           : 14.2%;
	}

td.non_border {
	border-style    : none;
	padding         : 3px 0px 3px 0px;
	color           : #000000;
    }
table.sub_area_top {
	width           : 680px;
	}
td.sub_area_top {
	padding         : 2px 5px 2px 5px;
	font-size       : 13px;
	width           : 680px;
	vertical-align  : top;
	}

table.sub_area {
	width           : 650px;
	}
td.sub_area {
	padding         : 2px 5px 2px 5px;
	font-size       : 13px;
	width           : 650px;
	vertical-align  : top;
	}

div.main_footer {
	font-size       : 10px;
	width           : 680px;
	}
	
#under_text{
	margin-top:25px;
	text-align:center;
}

#under_text a:link{color: #217FC4;}
#under_text a:visited{color: #217FC4;}
#under_text a:active{color: #217FC4;}
	
/* product page */
table.product {
	border-collapse : collapse:
	width           : 680px;
	}
th.product  {
	background-color: #EEEEFF;
	padding         : 2px 5px 2px 5px;
	font-size       : 15px;
	width           : 330px;
	}
td.product {
	padding         : 2px 5px 2px 5px;
	font-size       : 13px;
	width           : 330px;
	}
/* recruit page */

.recruit th{
	background-color:#217FC4;
	color:#fff;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #fff;
	border-left:1px solid #217FC4;
}

.recruit td{ 
	padding:10px;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #217FC4;
	border-right:1px solid #217FC4;
	}


/* map */
.map{width: 283px; height: 303px; float:right;}

.maptext{
	width:270px;
	height: auto;
	float:left;
	padding:10px;
	font-size:12px;
	margin-top: 50px;
}

.maptext strong {color:#217FC4; font-size:15pt; font-family:arial;}

/* text box */
.box{
	width			: 600px;
	height			: auto;
	margin-top:10px;
	line-height		: 140%;
	
	background-image: url(img/com/back_box.jpg);
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.box .text{
	margin-left		: 20px;
	margin			: 10px;
}

/* aisatsu page */
table.sub_area_aisatsu {
	border-style    : none;
	width           : 650px;
	}
td.sub_area_aisatsu {
	border-style    : none;
	padding         : 2px 5px 2px 5px;
	font-size       : 13px;
	}

/* main */
#main{
	background-image: url(img/com/back.jpg);
	background-repeat:repeat-x;
}


/* index */
.topix ul{
	margin:0px;
	padding:15px; 30px;}


#bodyid{
padding:0;
margin:0;
}
#page{
	margin-left: auto;
	background-image: url(img/com/back.jpg);
	background-repeat: repeat-x;
	background-position: 800px 0;
	border: 1px solid #CCC;
	margin-right: auto;
}
#page2{
background-image: url(img/com/back.jpg);
background-repeat: repeat-x;
width:798px;
font-size:13px;
color:#666;
text-align:center;
}
#banner{
background:#0c3566 url('img/banbg.png') repeat-x left top;
height:50px;
letter-spacing:2px;
text-align:left
}
#banner h1{
font-size:24px;
color:#fff;
margin:0;
padding:10px 20px;
}
#menu{
	border-collapse:collapse;
	background:#666;
	width:100%;
	height: 31px;
	font-weight     : bold;
}

#menu a:link{
	color:#FFF;
	font-weight:bold;
	width:100%;
	text-decoration:none;
}
#menu a:visited{
	color:#FFF;
	font-weight:bold;
	width:100%;
	text-decoration:none;
}
#menu a:active{
	color:#666;
	font-weight:bold;
	width:100%;
	text-decoration:none;
}

#menu a:hover{
	color:#666;
	font-weight:bold;
}

#menu th{
border-right-width:0;
background:#fbfbfc url('img/menubg2.png') repeat-x top left;
height:20px;
font-size:13px;
width:114px;
letter-spacing:1px;
text-align:center;
}
#menu td{
border-right-width:0;
background:#fbfbfc url('img/menubg.png') repeat-x top left;
height:20px;
font-size:13px;
width:114px;
letter-spacing:1px;
text-align:center;
}
#image{
border:1px solid #666;
background:0c3566 url('img/image.jpg') no-repeat top left;
width:600px;
height:190px;
margin:10px auto;
margin-top:0px;
}
#image h3{
background:#5555FF;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:left;
padding:5px;
margin:0px;
border-bottom:1px solid #666;
}
#left{
width:170px;
float:left;
margin-bottom:20px;
text-align:left;
}


#sidemenu{
	border-bottom-width:0;
	margin-left:10px;
}
#left h4{
border-bottom:1px solid #777;
background:#2a5385 url('img/sidebg.png') repeat-y left top;
font-size:13px;
margin:0;
padding:4px 10px;
color:#fff;
}
#left h5{
	background-image:url(img/side_menu/sub_menu.jpg);
	background-repeat:no-repeat;
background-color: #FFFFFF;
font-weight:normal;
margin:0;
padding:4px 10px;
font-size:13px;
}
#left h5 a{
width:100%;
text-decoration:none;
color:#555;
}
#left h5 a:hover{
color:#0033FF;
}
#right{
	width:610px;
	float:right;
	text-align:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#right a{
color:#4e71a9;
}
#right a:hover{
color:#0033FF;
}
#right h3{
	background:url('img/titlebg2.png') no-repeat left top;
	color:#fff;
	font-size:13px;
	text-indent:15px;
	height:26px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#right h5{
font-weight:normal;
margin:0 10px 5px 0;
padding:10px;
font-size:13px;
line-height:120%;
}
#right table{
	width			: 95%;
	font-size		: 13px;
	color			: #000000;
	line-height		: 120%;
	border-collapse : collapse;
	border			: 0px solid #000000;
}
#right td{
}
#pagetop{
font-size:13px;
padding:20px 10px 0 0;
text-align:right;
}
#copy{
	margin-top:5px;
	background-color:#217FC4;
	height:30px;
clear:both;
color:#fff;
padding:10px 10px;
text-align:center;
}
#omo{
display:none;
}

#documents table{
	width			: 95%;
	font-weight		: normal;
	font-size		: 13px;
/*	color			: #4e71a9;*/
	color			: #000000;
	line-height		: 120%;
	border-collapse : collapse;
	border			: 0px solid #000000;
}

#documents td{
	font-weight		: normal;
	font-size		: 13px;
/*	color			: #4e71a9;*/
	color			: #000000;
	line-height		: 120%;
	padding-top		: 5px;
	padding-bottom	: 10px;
	padding-left	: 10px;
	padding-right	: 15px;
	border			: 0px solid #000000;
}

#list-title table{
	width			: 97%;
	font-weight		: normal;
	font-size		: 13px;
	line-height		: 120%;
	margin-top		: 10px;
	margin-bottom	: 0px;
	border-collapse : collapse;
	border-top		: 1px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 1px solid #000000;
	border-right	: 1px solid #000000;
}

#list-title a{
	color			: #ffffff;
}
#list-title a:hover{
	color			: #ff0000;
}

#list-title th{
	width			: 75%;
	font-weight		: bold;
	font-size		: 13px;
	color			: #ffffff;
	background-color: #336699;
	line-height		: 120%;
	text-align		: left;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 10px;
	padding-right	: 15px;
	border-top		: 0px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 0px solid #000000;
}

#list-title td{
	width			: 25%;
	font-weight		: normal;
	font-size		: 12px;
	color			: #ffffff;
	background-color: #336699;
	line-height		: 120%;
	text-align		: right;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 10px;
	padding-right	: 10px;
	border-top		: 0px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 0px solid #000000;
}

#list table{
	width			: 97%;
	font-weight		: normal;
	font-size		: 13px;
	color			: #4e71a9;
	background-color: #FFFFFF;
	line-height		: 120%;
	margin-top		: 0px;
	border-collapse : collapse;
	border-top		: 1px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 1px solid #000000;
	border-right	: 1px solid #000000;
}

#list th{
	width			: 17%;
	font-weight		: bold;
	font-size		: 13px;
	color			: #4e71a9;
	color			: #000000;
	background-color: #eef0ff;
	line-height		: 120%;
	text-align		: center;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 5px;
	padding-right	: 5px;
	border-top		: 0px solid #000000;
	border-bottom	: 1px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 1px solid #000000;
}

#list td{
	width			: 83%;
	font-weight		: normal;
	font-size		: 13px;
/*	color			: #4e71a9;*/
	color			: #000000;
	background-color: #FFFFFF;
	line-height		: 120%;
	text-align		: left;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 10px;
	padding-right	: 15px;
	border-top		: 0px solid #000000;
	border-bottom	: 1px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 0px solid #000000;
}

#list-title-product table{
	width			: 97%;
	font-weight		: normal;
	font-size		: 13px;
	line-height		: 120%;
	margin-top		: 10px;
	margin-bottom	: 0px;
	border-collapse : collapse;
	border-top		: 1px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 1px solid #000000;
	border-right	: 1px solid #000000;
}

#list-title-product a{
	color			: #ffffff;
}
#list-title-product a:hover{
	color			: #ff0000;
}

#list-title-product th{
	width			: 60%;
	font-weight		: bold;
	font-size		: 13px;
	color			: #ffffff;
	background-color: #336699;
	line-height		: 120%;
	text-align		: left;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 10px;
	padding-right	: 15px;
	border-top		: 0px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 0px solid #000000;
}

#list-title-product td{
	width			: 40%;
	font-weight		: normal;
	font-size		: 12px;
	color			: #ffffff;
	background-color: #336699;
	line-height		: 120%;
	text-align		: right;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 10px;
	padding-right	: 10px;
	border-top		: 0px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 0px solid #000000;
}
#list-product table{
	width			: 97%;
	font-weight		: normal;
	font-size		: 13px;
	color			: #4e71a9;
	background-color: #FFFFFF;
	line-height		: 120%;
	margin-top		: 0px;
	border-collapse : collapse;
	border-top		: 1px solid #000000;
	border-bottom	: 0px solid #000000;
	border-left		: 1px solid #000000;
	border-right	: 1px solid #000000;
}

#list-product td{
	width			: 50%;
	font-weight		: normal;
	font-size		: 13px;
	color			: #000000;
	background-color: #FFFFFF;
	line-height		: 120%;
	text-align		: left;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 10px;
	padding-right	: 15px;
	border-top		: 0px solid #000000;
	border-bottom	: 1px solid #000000;
	border-left		: 0px solid #000000;
	border-right	: 0px solid #000000;
}

#maillist table{
	font-weight		: normal;
	font-size		: 13px;
	color			: #000000;
	line-height		: 120%;
	border-collapse : collapse;
	border			: 1px solid #000000;
}

#maillist th{
	font-size		: 15px;
	color			: #000000;
	line-height		: 120%;
	padding-top		: 5px;
	padding-bottom	: 5px;
	padding-left	: 5px;
	padding-right	: 5px;
	border			: 1px solid #000000;
	background-color: #BBBBFF;
}

#maillist td{
	font-weight		: normal;
	font-size		: 13px;
	color			: #000000;
	line-height		: 120%;
	padding-top		: 5px;
	padding-bottom	: 5px;
	padding-left	: 5px;
	padding-right	: 5px;
	border			: 1px solid #000000;
}

#report table{
	font-weight		: normal;
	font-size		: 11px;
	color			: #000000;
	line-height		: 120%;
	border-collapse : collapse;
	border			: 2px solid #000000;
	table-layout		: fixed;
}

#report th{
	font-size		: 11px;
	color			: #000000;
	line-height		: 120%;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 5px;
	padding-right	: 5px;
	border			: 1px solid #000000;
}

#report td{
	font-weight		: normal;
	font-size		: 11px;
	color			: #000000;
	line-height		: 120%;
	padding-top		: 3px;
	padding-bottom	: 3px;
	padding-left	: 5px;
	padding-right	: 5px;
	border			: 1px solid #000000;
}
.color {
	color: #217FC4;
}

/* company */
.company th{
	background-color:#217FC4;
	color:#fff;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #fff;
	border-left:1px solid #217FC4;
}

.company td{ 
	padding:10px;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #217FC4;
	border-right:1px solid #217FC4;
	}
	
.company2 th{
	width:110px;
	background-color:#217FC4;
	color:#fff;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #fff;
	border-left:1px solid #217FC4;
}
.company2 td{ 
	padding:4px;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #217FC4;
	border-right:1px solid #217FC4;
	}

.company strong{color:#217FC4; font-weight:bold;}

/* kaihatu */
.system{
	width: 600px;
	height:auto;
	background-image:url(img/com/back_box.jpg);
	background-repeat:repeat-x;}
	
.system img{
	width: 185px;
	height: 113px;
	float:right;
	padding:10px;}
	
.system text{
	width:300px;
	height:auto;
	float:left;}
	
/* product */
.tokucyo{
	width:370px;
	float: left;
	margin-left: 10px;
}
.kankyo{
	width:250px;
	margin-left:10px;
	float: left;
	margin-bottom: 20px;
}
.syukinou{
	width:250px;
	margin-left:10px;
	float: left;
	margin-bottom: 20px;
}
.product_img{width:185px; float:right;}

/* form */
.form{
	width:500px;
	height:auto;
	background-color:#fff;
	margin-top: 150px;
	margin-bottom: 150px;
	border: 1px solid #CCC;
	margin-right: auto;
	margin-left: auto;
}

.contact th{
	font-size:12px;
	background-color:#217FC4;
	color:#fff;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #fff;
	border-left:1px solid #217FC4;
}

.contact td{ 
	font-size:12px;
	background-color:#fff;
	padding:10px;
	border-top:1px solid #217FC4;
	border-bottom:1px solid #217FC4;
	border-right:1px solid #217FC4;
	}