@charset "UTF-8";

/* コムネットinquiry.htmlで使用しているパーツのCSSです ------------------------- */

/* inquiry.html ---------------------------------------------------------------- */

.boxInquiry01 {
	margin: 0 auto 20px;
	width: 660px;
	background-color: #eff8fc;
	border: 1px solid #c0e4f2;
	padding: 13px 15px;
	line-height: 1.8;
}
	.boxInquiry01 .tit {
		font-weight: bold;
		font-size: 115%;
	}

.ulInquiryNavi01 {
	width: 690px;
	margin: 0 auto 25px
}
	.ulInquiryNavi01 li {
		float: left;
		margin-right: 15px;
	}

.boxInquiry02Wrap {
	background: url(../../images/center/bg_index_service_mid02.gif) repeat-y left top;
	margin-bottom: 15px;
}
	.boxInquiry02 {
		background: url(../../images/center/bg_index_service_top01.gif) no-repeat left top;
		padding-top: 5px;
	}
		.boxInquiry02In {
			background: url(../../images/center/bg_index_service_btm01.jpg) no-repeat left bottom;
			padding: 0 5px 20px;
		}
	.boxInquiry02 h4 {
		margin-bottom: 20px;
	}
	.boxInquiry02 h5 {
		background: url(../../images/center/bg_inquiry_line01.gif) repeat-x left bottom;
		padding-bottom: 5px;
		margin-bottom: 12px;
		font-size: 115%;
		font-weight: bold;
	}
	.boxInquiry02 .inner {
		padding: 0 20px;
	}
	.boxInquiry02 .flL {
		width: 168px;
	}	
	.boxInquiry02 .flR {
		width: 490px;
	}	
	.boxInquiry02 .more {
		margin: -28px auto 0;
		width: 117px;
		height: 20px;
		text-indent: -9999px;
		position: relative;
		z-index: 99;
	}
	.boxInquiry02 .more.hard {
		background: url(../../images/center/btn_inquiry01_no.png) no-repeat right top;
	}
	.boxInquiry02 .more.soft {
		background: url(../../images/center/btn_inquiry02_no.png) no-repeat right top;
	}
	.boxInquiry02 .more.cn {
		background: url(../../images/center/btn_inquiry03_no.png) no-repeat right top;
	}
		.boxInquiry02 .bl-hover .more.hard {
			background: url(../../images/center/btn_inquiry01_on.png) no-repeat right top;
		}
		.boxInquiry02 .bl-hover .more.soft {
			background: url(../../images/center/btn_inquiry01_on.png) no-repeat right top;
		}
		.boxInquiry02 .bl-hover .more.cn {
			background: url(../../images/center/btn_inquiry01_on.png) no-repeat right top;
		}
	.boxInquiry02 .btn {
		text-align: center;
		margin-top: -28px;
	}	
	.boxInquiry02 .note01 {
		margin-top: 10px;
		color: #FF0000;
		font-size: 86%;
	}	
	.boxInquiry02 .note02 {
		margin-bottom: 10px;
		text-align: right;
		color: #FF0000;
		font-size: 93%;
	}	
	.boxInquiry02 ul {
		margin-bottom: 23px;
	}
		.boxInquiry02 ul li .txt {
			font-size: 93%;
		}
		.boxInquiry02 ul .arrow {
			padding-left: 13px;
			font-size: 93%;
		}
		.boxInquiry02 ul.hard .arrow {
			background: url(../../images/center/ico_arrow01.gif) no-repeat left 0.3em;
		}
		.boxInquiry02 ul.soft .arrow {
			background: url(../../images/center/ico_arrow03.gif) no-repeat left 0.3em;
		}
		.boxInquiry02 ul.cn .arrow {
			background: url(../../images/center/ico_arrow02.gif) no-repeat left 0.3em;
		}
	.boxInquiry02 dl {
		overflow: hidden;
		*zoom: 1;
		margin-bottom: -8px;
	}
		.boxInquiry02 dt,
		.boxInquiry02 dd {
			margin-bottom: 8px;
		}
		.boxInquiry02 dt {
			clear: left;
			float: left;
			width: 7em;
			text-align: center;
			background-color: #CCCCCC;
			border: 1px solid #999999;
			font-size: 72%;
		}
		.boxInquiry02 dd {
			xmargin: 8px 0 0 6.5em;
			margin-left: 6.5em;
			font-size: 93%;
		}