/* CSS Document */

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


* {margin:0; padding:0;	font-size:100%;}
body {
	text-align:center;
}

ul {list-style:none;}
ul li {background:url(../images/list-marker.gif) 1px 5px no-repeat; line-height:1em; padding:0 0 9px 8px;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#7F7F7F;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#6DB50D;}
a:hover {text-decoration:none;}

/*************** wrapper ***************/
#wrapper {
	background:url(../images/top-tail.gif) top left repeat-x;
	text-align:center;
	float: center;
	width: 920px;
	margin: 0 auto;
}

/*************** contents ***************/
#contents {
	float:left;
	background:url(../images/main-img.jpg) 4px top no-repeat;
	margin-top: 50px;
}

/***************positioning***************/
.margin1 {margin-right:8px;}
.margin2 {margin-right:10px;}

.padding1 {padding-bottom:20px;}
.padding2 {padding-bottom:13px;}
.padding3 {padding-bottom:18px;}

.strong {font-weight:bold; color:#D10000;}
.dl_title {font-size:120%; font-weight:bold; color:#00328D;}

dl.service_dl dt {margin: 20px 0 8px 0;}
dl.service_dl dd {margin: 10px;}
dl.service_dl dd ul li {line-height:1.7em;}
ul.company li {line-height:1.6em; clear: both; margin: 5px;}
span.indent { margin-left: 120px;}
span.right { float: right; clear: both;}

/*************** main ***************/
#main {
	float: left;
	width: 650px;
}
	#main_body {
		text-align: left;
		margin: 40px 0 0 80px;
	}
		#main_logo {
			border:none;
			margin: 150px 0 0 200px;
		}
		#main_catch {
			border:none;
			margin: 153px 0 0 92px;
		}

	#main_header {
		background:url(../images/top.gif) no-repeat;
		height: 80px;
		margin: 0;
		padding: 30px 0 0 40px;
	}

	#main_contents {
		background:url(../images/middle.jpg) repeat-y;
		margin: 0;
		padding: 10px 40px;
	}
		#main_contents h3 {
			color:#545050;
			font-size:1.4em;
			font-weight:bold;
			padding:0 0 15px 0;
		}
		
		#main_contents hr {
			border: 1px solid #eee;
			color:#eee;
			height: 4px;
			margin-bottom: 20px;
			width: 480px;
		}

		.right_photo {
			float:right;
			padding:0 20px 10px 20px;
		}
		
		.page_top {
			text-align: right;
			float: right;
		}

	#main_footer {
		background:url(../images/bottom.gif) no-repeat;
		height: 30px;
		margin: 0;
	}

/*************** side ***************/
#side {
	float: right;
	width: 270px;
}
	.menu {float:left; width:269px; padding-top:42px;}
	.menu li {background:url(../images/menu-tail.gif) left top repeat-x; width:269px; padding:0;}
	.menu span {display:block; background:url(../images/menu-left.jpg) left top no-repeat; width:100%;}
	.menu strong {display:block; background:url(../images/menu-right.jpg) right top no-repeat; width:100%;}
	.menu a {text-decoration:none; background:url(../images/menu-marker.jpg) 19px 40px no-repeat; font-size:2.083em; line-height:1em; color:#252525; display:block;
		padding:44px 0 38px 87px;}
	.menu a:hover, .menu .act a {background:url(../images/menu-marker-act.jpg) 19px 40px no-repeat;}

/*************** footer ***************/
#footer {
	width: 920px;
	background: #f2f3f4;
	color:#8D8D8D;
	padding:0 22px auto;
	margin: 20px 0 0 auto;
	float: left;
	clear: both;
}
	#footer a {text-decoration:underline;}
	#footer a:hover {text-decoration:none;}

	#footer .footer_head {
		background:#f2f3f4 url(../images/bot-tail.gif) repeat-x;
		height: 15px;
		width: 920px;
	}

	#footer .news {
		float: left;
		width:550px;
		text-align: left;
		margin-left: 20px;
	}
		#footer .news h3 {
			font-size: 130%;
			margin: 10px 0 10px 10px;
			font-weight:bold;
			color: #545050;
		}

		#footer .news a {
			padding-left:3px;
			margin-left:3px;
			line-height:1em;
			color:#64A50D;
		}

		#footer .news .newsArea {
			margin:0;
			padding:0 0 15px 20px;
		}
		
		#footer .news .newsArea dt {
			width:80px;
			float:left;
			font-weight:bold;
		}
		
		#footer .news .newsArea dd {
			margin:0 0 20px 0;
		}

	#footer .contact {
		width:270px;
		float:right;
		text-align: center;
		line-height:1.583em;
		color:#3B3535;
		border-left:1px solid #D3D4D4;
		margin-top: 10px;
	}
		#footer .contact a {color:#64A50D;}

		#footer .contact p.bana {
			margin:10px 0;
			padding:0;
		}

		#footer .contact p.copyright {
			font-size:8pt;
			padding:10px 0 0 0px;
		}

	#footer .footer_bottom {
		text-align: right;
		clear: both;
		width: 900px;
		margin: 10px;
	}

/*************** company ***************/
.company_table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.company_table p {
	padding:0 0 10px 0;
}

.company_table ol {
	padding:0 0 0 20px;
}

.company_table ul {
	padding:5px 0 10px 10px;
}

.company_table dd {
	margin:0 0 10px 0;
}

.company_table th {
	width:20%;
	border:1px solid #DDD;
	padding:5px 10px;
}
	.company_table th p.th_left {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.company_table th p.th_right {
		margin: 0;
		padding: 0;
		text-align: right;
	}

.company_table td {
	border:1px solid #DDD;
	padding:5px 10px;
	width: 390px;
}
	*html .company_table td {
		width: 410px;
	}

	.company_table td dt {
		font-weight: bold;
	}


/*************** contact ***************/
.contact_table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.contact_table p {
	padding:0 0 10px 0;
}

.contact_table th {
	width:35%;
	border:1px solid #DDD;
	padding:5px 10px;
}

.contact_table td {
	border:1px solid #DDD;
	padding:5px 10px;
}

.submitarea {
	margin:20px 0 10px 0;
	text-align:center;
}
	.submitarea input {
		color: #333;
		font-size: 110%;
	}
	
	.message_area {
		color: #D10000;
		font-weight: bold;
		margin-bottom: 10px;
	}

/************************************** input設定 */
textarea,
select,
input.file_input,
input.large,
input.medium,
input.short,
input.x-short,
input.xx-short,
input.xxx-short,
input.xxx {
	background: #f6f6f6;
	border: 1px solid #c8c8c8;
	padding: 0.2em;
	color: #333;
	font-size: 120%;
}

input.large {
	width: 450px;
}

input.medium {
	width: 300px;
}

input.short {
	width: 200px;
}

input.x-short {
	width: 150px;
}
input.xx-short {
	width: 100px;
}
input.xxx-short {
	width: 50px;
}