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

@import url("base_class.css");
@import url("tag_level.css");

/* base_setting */

body {
	margin:0;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:170%;
	color:#666666;
}

.none {
	display:none;
}
/* reg_style */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}

/* all_setting */
.header {
	background:url(../images/menu/bg.jpg) repeat-x;
	height:97px;
}
	.header .cont {
		margin:0 auto;
		width:1000px;
		position:relative;
	}
		.header .login {
			position:absolute;
			right:0;
			top:0;
			width:174px;
			height:50px;
		}
	.header ul {
		padding:0;
		margin:0;
		width:1000px;
		height:70px;
	}
		.header li {
			float:left;
			padding:0;
			margin:0;
			list-style:none;
		}
		.header li a {
			height:70px;
			display:block;
		}
			.header li.logo {
				width:160px;
				background:url(../images/menu/logo.jpg) no-repeat;
				text-indent:-9999px;
				height:70px;
				display:block;
			}
			.header li a.index {
				width:120px;
				background:url(../images/menu/home.jpg) no-repeat;
				text-indent:-9999px;
			}
			.header li a.contract {
				width:120px;
				background:url(../images/menu/contract.jpg) no-repeat;
				text-indent:-9999px;
			}
			.header li a.inquiry {
				width:120px;
				background:url(../images/menu/inquiry.jpg) no-repeat;
				text-indent:-9999px;
			}
			.header li a.company {
				width:120px;
				background:url(../images/menu/company.jpg) no-repeat;
				text-indent:-9999px;
			}
			.header li a.service {
				width:120px;
				background:url(../images/menu/service.jpg) no-repeat;
				text-indent:-9999px;
			}
			.header li a.results {
				width:115px;
				background:url(../images/menu/results.jpg) no-repeat;
				text-indent:-9999px;
			}
			.header li a.estimate {
				width:120px;
				background:url(../images/menu/estimate.jpg) no-repeat;
				text-indent:-9999px;
			}

.footer {
	background:url(../images/menu/foot_bg.jpg) repeat-x;
	height:80px;
	padding:50px 0 0 0;
}
	.footer p {
		padding:0;
		margin:0;
		text-align:center;
	}
	.footer a {
		color:#666666;
		text-decoration:none;
	}
	.footer address {
		padding:0;
		margin:20px 0 0 0;
		text-align:center;
		text-decoration:none;
		font-style:normal;
		color:#FFCC99;
	}
		.footer address a {
			color:#FFCC99;
		}


/* index_setting */
.content {
	background:url(../images/index/content_bg.jpg) no-repeat top center;
	width:100%;
}
	.content .mainfl {
		width:1000px;
		margin:0 auto 20px auto;
	}
	.content .main01 {
		background:url(../images/index/main_01.jpg) no-repeat top center;
		height:150px;
	}
	.content .main02 {
		background:url(../images/index/main_02.jpg) no-repeat top center;
		height:210px;
	}	
	.content .main03 {
		background:url(../images/index/main_03.jpg) no-repeat top center;
		height:220px;
	}	
		.content .main04 {
			margin:0 auto;
			padding:0 0 0 24px;
			width:976px;
		}
			.content .main04 h2,.content .main04 p {
				font-size:100%;
				padding:0;
				margin:0;
			}
	.topics_cont {
		border-bottom:1px solid #999999;
		border-left:1px solid #999999;
		border-right:1px solid #999999;
		padding:10px 20px 30px 20px;
	}	
		.topics_cont p {
			padding:0;
			margin:0;
			font-size:117%;
			line-height:170%;
		}	
	.news_cont {
		border-bottom:1px solid #999999;
		border-left:1px solid #999999;
		border-right:1px solid #999999;
		padding:0 20px 20px 20px;
		margin:0 6px 0 0;
	}	
		.news_cont p {
			padding:10px 0 5px 0;
			margin:0;
			line-height:170%;
			border-bottom:dotted 2px #663300;
		}	
/* sub_setting */
.page {
	width:1000px;
	margin:0 auto;
}
	.page h1 {
		height:20px;
		text-indent:-99999px;
	}
	.scrap {
		margin:0 0 10px 30px;
	}
	.page h2 {
		width:970px;
		height:40px;
		margin:0 auto;
		text-indent:-99999px;
	}
		.page h2.contract {
			background:url(../images/contract/title.jpg) no-repeat;
		}
		.page h2.inquiry {
			background:url(../images/inquiry/title.jpg) no-repeat;
		}
		.page h2.privacy {
			background:url(../images/privacy/title.jpg) no-repeat;
		}
		.page h2.service01 {
			background:url(../images/service/title01.jpg) no-repeat;
		}
		.page h2.service02 {
			background:url(../images/service/title02.jpg) no-repeat;
		}
		.page h2.service11 {
			background:url(../images/service/title11.jpg) no-repeat;
		}
		.page h2.service27 {
			background:url(../images/service/title27.jpg) no-repeat;
		}
		.page h2.service21 {
			background:url(../images/service/title21.jpg) no-repeat;
		}
		.page h2.service22 {
			background:url(../images/service/title22.jpg) no-repeat;
		}
		.page h2.service23 {
			background:url(../images/service/title23.jpg) no-repeat;
		}
		.page h2.service24 {
			background:url(../images/service/title24.jpg) no-repeat;
		}
		.page h2.service25 {
			background:url(../images/service/title25.jpg) no-repeat;
		}
		.page h2.service26 {
			background:url(../images/service/title26.jpg) no-repeat;
		}
		.page h2.service27 {
			background:url(../images/service/title27.jpg) no-repeat;
		}
		.page h2.estimate {
			background:url(../images/estimate/title01.jpg) no-repeat;
		}
		.page h2.sitemap {
			background:url(../images/sitemap/title.jpg) no-repeat;
		}
		.page h2.mypage {
			background:url(../images/mypage/title.jpg) no-repeat;
		}
	.page .text {
		width:870px;
		margin:10px auto 0 auto;
	}
		.page .text p {
			margin:10px 0 0 0;
			color:#333333;
		}
	
/* contract */
.con_frame {
	width:750px;
	margin:20px auto;
	border:1px solid #CCCCCC;
}
	.con_text {
		overflow:auto;
		height:400px;
	}
	.con_text p {
		margin:0;
		padding:5px 0 10px 10px;
		color:#000000;
		line-height:180%;
		font-size:117%;
	}
	.con_text h3 {
		margin:0;
		font-size:117%;
		padding:5px 5px 10px 5px;
		border-bottom:2px #CCCCCC solid;
	}
form.contract {
	width:750px;
	margin:0 auto;
	text-align:center;
	font-size:117%;
}
	form.contract button {
		background:url(../images/contract/agree.jpg) no-repeat;
		width:370px;
		height:75px;
		text-indent:-9999px;
	}


/* inquiry */
form.inquiry {
	width:750px;
	margin:0 auto;
	color:#333333;
}
	form.inquiry p {
		padding:0;
		margin:0;
	}
	form.inquiry em {
		background:none;
		color:#FF0000;
	}
	form.inquiry dl,form.inquiry dt,form.inquiry dd {
		padding:0;
		margin:0;
		float:left;
	}
	form.inquiry dl {
		background:url(../images/inquiry/form_bg.gif) repeat-y;
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
	}
	form.inquiry dl.st {
		border-top:1px solid #CCCCCC;
	}
	form.inquiry dt {
		float:left;
		width:228px;
		padding:10px;
		background:#FFFFCC;
	}
	form.inquiry dd {
		float:left;
		width:479px;
		padding:10px;
	}
	.submit {
		margin:30px auto;
		width:650px;
		text-align:center;
	}
		.submit img {
			margin:0;
			padding:0;
		}
	
/* privacy */
.priv_frame {
	width:870px;
	margin:20px auto;
}
	.priv_text {
		overflow:auto;
		height:200px;
	}

/* payment */
.flow {
	width:800px;
	margin:0 auto;
}
	.flow p {
		padding:0;
		margin:10px 10px 20px 10px;
	}
	.flow.submit {
		padding:0;
		margin:10px auto;
	}

/* service */
.banner {
		width:970px;
		margin:0 auto;
}
.index_frame {
		width:970px;
		margin:20px auto;
}
	.index_cmn {
		float:left;
		width:480px;
	}
	.index_cmn p {
		padding:0;
		margin:0 20px 0 20px;
		line-height:170%;
	}
.service_text {
	width:870px;
	margin:20px auto;
}
	.service_text p {
		line-height:170%;
		color:#333333;
		font-size:117%;
	}
.three_coumn {
	width:930px;
	margin:0 auto;
}
.cont_foot {
	width:950px;
	margin:0 auto;
}

/* estimate */
.estimate_data {
	border:#CCCCCC 1px solid;
	padding:20px 30px 30px 30px;
	width:870px;
	margin:0 auto;
	position:relative;
}
.estimate_data .price {
	position:absolute;
	right:30px;
	top:20px;
	background:url(../images/estimate/price.jpg) no-repeat;
	padding:70px 0 0 80px;
	width:220px;
	height:80px;
}
.estimate_data .price strong {
	font-size:292%;
	color:#003366;
	line-height:140%;
}
	.estimate_data .common {
		margin:5px 0 0 50px;
	}
		.estimate_data .common p {
			margin:0;
			padding:0 0 10px 0;
		}
			.estimate_data .common .area {
				width:500px;
				height:150px;
			}
.estimate_button {
	margin:20px auto 0 auto;
	height:70px;
	width:220px;
}