@charset "shift_jis";
/* CSS Document */

/*===============■■■インデックス■■■===============*/
.boxTopix{
	margin:20px auto 30px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
	letter-spacing: 0.06em;
	line-height: 1.8;
}
.boxTopix h2{
	font-size:16px;
	font-weight: bold;
}
.boxTopix a{
	color:#f08300!important;
}
.blockTopix01{
	display: flex;
	justify-content: center;
	margin:20px 0 30px;
}
.blockTopix01 a{
	display: block;
	width:130px;
	border:1px solid #999;
}
.blockTopix01 a img{
	width:100%;
	height:auto;
}
.blockTopix01 a:nth-of-type(2) {
	margin:0 20px;
}
.blockTopix02 a{
	padding-right:10px;
	background:url("../img/icn_blank.png") no-repeat right;
}


#BODY-INDX .box01 {
	width:620px;
	border-left:6px solid #FD0;
	padding-left:10px;
	margin-top:40px;
}
	#BODY-INDX .box01 p {
		margin-top:10px;
		text-align:left;
	}
	#BODY-INDX .box01 img {
		border:1px solid #666;
	}
	#BODY-INDX .box01 h2.h2-laiken {
		width:555px;
		height:24px;
		background:url(../img/h2_laiken.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY-INDX .box01 h2.h2-secchi {
		width:453px;
		height:24px;
		background:url(../img/h2_secchi.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY-INDX .box01 h2.h2-spd {
		width:453px;
		height:24px;
		background:url(../img/h2_spd.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY-INDX .box01 h2.h2-needs {
		width:453px;
		height:24px;
		background:url(../img/h2_needs.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY-INDX .box01 h2.h2-route {
		width:262px;
		height:24px;
		background:url(../img/h2_route.gif) no-repeat;
		text-indent:-9999px;
	}
#BODY-INDX .block01 {
	width:320px;
	margin-right:15px;
	float:left;
}
#BODY-INDX .block01 ol {
	list-style:decimal;
	margin-left:1em;
	padding-top:10px;
}

#BODY-INDX .strong {
	font-weight:bold;
}
#BODY-INDX .attention-s {
	font-size:10px;
	text-align:right;
	padding-right:10px;
}
#BODY-INDX .img03 {
	width:240px;
	float:right;
	margin-top:10px;
}
.text01 {
	width:625px;
	margin:20px 0 0 0;
	}

	#BODY-INDX .box01 .secchi {
	border:none;
	margin:10px;
	}


/*===============■■■施工事例■■■===============*/
	#BODY .box01 h2.h2-exam {
		width:453px;
		height:24px;
		margin-bottom:20px;
		background:url(../img/h2_exam.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY .box01 .txt-exam01 {
		text-indent:2em;
	}
	#BODY .img03 {
		width:240px;
		float:right;

	}
#BODY .table01 {
	width:330px;
	margin-top:20px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	float:left;
}
#BODY .table01 td {
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	padding:5px 10px;
}
#BODY .table01 td.midashi01 {
	background:#FC0;
	font-size:14px;
	font-weight:bold;
}
#BODY .table01 .exam-list li span {
	font-weight:bold;
}
#BODY .table03 {
	width:250px;
	margin-top:20px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	float:right;
}
#BODY .table03 td.midashi01 {
	background:#FC0;
	font-size:14px;
	font-weight:bold;
}
#BODY .table03 td {
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	padding:5px 10px;
}
#BODY .table03 .img02 {
	padding:10px;
}
#BODY .table03 .img02 img {
	border:1px solid #EEE;
}
#BODY .table04 {
	width:100%;
	margin-top:20px;
}
#BODY .table04 td {
	padding:5px 5px 5px 0;
	text-align:center;
}
#BODY .table04 .name td {
	padding:0px 5px 8px 0;
}
/*===============■■■講習会風景■■■===============*/
#BODY .box02,#BODY2 .box02 {
	border-left:6px solid #FD0;
	padding-left:10px;
	margin-bottom:20px;
}
	#BODY .box02 p,#BODY .box02 p {
		margin-top:10px;
		text-align:left;
	}
	#BODY .box02 img,#BODY .box02 img {
		border:1px solid #666;
	}
	#BODY .box02 h2.h2-flow {
		width:453px;
		height:24px;
		background:url(../img/h2_flow.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY .box02 h2.h2-seminor {
		width:453px;
		height:24px;
		background:url(../img/h2_seminor.gif) no-repeat;
		text-indent:-9999px;
	}
.center {
	width:585px;
	margin:0 auto 40px auto;	
}
#BODY .box03 img {
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	border:1px solid #666;
}
#BODY .box03 .caption {
	font-size:14px;
	font-weight:bold;
}


/*===============■■■お問合せ■■■===============*/
	#BODY .box02 h2.h2-contact {
		width:453px;
		height:24px;
		background:url(../img/h2_contact.gif) no-repeat;
		text-indent:-9999px;
	}
#BODY .attention {
	color:#C30;	
}
#BODY .table02 {
	width:500px;
	margin-left:60px;
}
	#BODY .table02 td,
	#BODY .table02 th {
		padding:8px;
	}
	#BODY .table02 th {
		width:80px;
		padding-right:10px;
		text-align:right;
	}
		#BODY .table02 td input,
		#BODY .table02 td textarea {
			padding:3px;
			border:1px solid #666;
		}
#BODY .box04 {
	width:150px;
	margin:10px auto;
}
#BODY .box04 input {
	margin-right:5px;
}
#BODY .box06 {
	width:400px;
	padding:10px;
	margin:15px 0 15px 0;
	border:1px solid #FC0;
	}
.attention02 {
	color:#069;
	font-weight:bold;
	}
	
/*===============■■■雷保護関連機器■■■===============*/
#BODY .box01 h2.h2-products {
	width:453px;
	height:24px;
	margin-bottom:20px;
	background:url(../img/h2_products.gif) no-repeat;
	text-indent:-9999px;
}
#BODY .box05 {
		border-bottom:2px dotted #999;
}
*+html #BODY .box05 {
		margin-bottom:20px;
		paddingf-bottom:20px;
		border-bottom:2px dotted #999;
}
	#BODY .box05 .box02 h2.h2-exam02 {
		width:453px;
		height:24px;
		background:url(../img/h2_exam02.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY .box05 .box02 h2.h2-spd02 {
		width:453px;
		height:24px;
		background:url(../img/h2_spd02.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY .box05 .box02 h2.h2-test {
		width:598px;
		height:51px;
		background:url(../img/h2_inpulse.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY .box05 .box02 h2.h2-resist {
		width:453px;
		height:24px;
		background:url(../img/h2_resist.gif) no-repeat;
		text-indent:-9999px;
	}
	#BODY .box05 table {
		width:100%;
		margin-bottom:20px;
	}
	#BODY .box05 table img {
		border:1px solid #666;
	}
	#BODY .box05 table .img01 {
		width:312px;
	}
#BODY .box05 .spd {
	width:auto;
	margin:0 auto 30px auto;
	}
#BODY .box05 .spd img {
		border:1px solid #666;
	}
/*リンク*/
	#BODY .box05 .box02 h2.h2-links {
		width:115px;
		height:22px;
		background:url(../img/h2_links.gif) no-repeat;
		text-indent:-9999px;
		}
	#BODY .box05 .links img {
	border:1px solid #CCC;
	margin-bottom:-3px;
	}
	#BODY .box05 .links h3 {
	margin:20px 0 10px 0;
	color:#555;
	font-size:14px;
	font-weight:bold;
	}
	#BODY .box05 .links p {
	border-bottom:1px dotted #DDD;
	padding-bottom:10px;
	}
	#BODY .box05 .links span {
	margin-left:20px;
	}
	
/*===============■■■会社案内■■■===============*/
#BODY .box07 {
	border-left:6px solid #FD0;
	padding-left:10px;
	}
#BODY .box07 .block02 {
	overflow:hidden;
	}
#BODY .box07 .block02 p {
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
	}
#BODY .h2-company {
	background:url(../img/h2_company.gif) no-repeat;
	text-indent:-9999px;
	}
dl.company-list {
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
	}
dl.company-list dt {
	width:90px;
	float:left;
	clear:both;
	margin-top:5px;
}
dl.company-list dd {
	width:500px;
	float:left;
	margin-top:5px;
}
dl.company-list li {
	list-style:disc;
	}
	

/*===============■■■アクアリウムリース■■■===============*/
.aqua-img {
	margin-bottom:20px;
	}
.h2-aqua {
	background:url(../img/h2_aqua.gif) no-repeat;
	text-indent:-9999px;
	}
.h3-aquaplan {
	background:url(../img/h3_aqua01.gif) no-repeat;
	text-indent:-9999px;
	}
.h3-step01 {
	background:url(../img/h3_aqua_step01.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
.h3-step02 {
	background:url(../img/h3_aqua_step02.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
.h3-step03 {
	background:url(../img/h3_aqua_step03.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
dl.plan {
	margin:15px 0 0 0;
	}
.plan dt {
	display:inline;
	padding:2px 5px;
	border:1px solid #555;
	}
.plan dd {
	margin:5px 0 0 0;
	}
.plan li {
	list-style:disc;
	margin:0 0 0 15px;
	}
.box08 {
	margin:35px 0 0 0;
	}
#choices {
	margin-bottom:20px;
	}
#choices:after {
	content:"";
	display:block;
	clear:both;	
	}
.choice {
	width:206px;
	float:left;
	margin:0 10px 0 0;
	}
.mgn0 {
	margin:0;
	}
.choice img {
	margin:0 0 6px 0;
	}
.choice span {
	margin:0 0 0 1.2em;
	}
.choice .explain {
	background:#ccc;
	padding:5px;
	margin:10px 0 0 0;
	}
.choice select {
	margin:0 0 0 20px;
	}
.next {
	text-align:center;
	}
.fish {
	display:inline;
	}
.option {
	margin:15px 0 20px 20px;
	list-style:disc;
	}
.maintenance {
	padding:8px 30px;
	background:#ccc;
	border:1px solid #999;
	}
.maintenance input {
	margin:0 6px 0 0;
	position:relative;
	top:3px;
	}
.btn_aqua {
	width:469px;
	margin:30px auto 0;
	}
.btn_aqua a:hover {
	margin:1px 0 0 0;filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}

/*===============■■■アクアリウムリース申込フォーム■■■===============*/
.h2-aqua_form {
	background:url(../img/h2_aqua_form.gif) no-repeat;
	text-indent:-9999px;
	}
.h2-aqua_thanks {
	background:url(../img/h2_thanks.gif) no-repeat;
	text-indent:-9999px;
	}
input#sendbtn{
	width:469px;
	height:73px;
	background:url(../img/btn_aqua.gif) no-repeat;
	border:0;
	text-indent:-9999px;
}
ul#error{
	padding:10px;
	margin:0 0 15px 0;
	background:#FFF4F4
}
ul#error li{
	color:#C00;
	padding:0 0 4px 0;
}