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

/* マージン */
.marall_10 {margin: 10px;}

.marT_0 {margin-top: 0px;}
.marT_5 {margin-top: 5px;}
.marT_10 {margin-top: 10px;}
.marT_15 {margin-top: 15px;}
.marT_20 {margin-top: 20px;}

.marB_0 {margin-bottom: 0px;}
.marB_5 {margin-bottom: 5px;}
.marB_8 {margin-bottom: 8px;}	
.marB_10 {margin-bottom: 10px;}
.marB_15 {margin-bottom: 15px;}
.marB_20 {margin-bottom: 20px;}
.marB_30 {margin-bottom: 30px;}

.marTB_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mar_T15B18 {
  margin-top: 15px;
  margin-bottom: 18px;
}



.marR_2 {margin-right: 2px;}
.marR_4 {margin-right: 4px;}
.marR_5 {margin-right: 5px;}
.marR_6 {margin-right: 6px;}
.marR_7 {margin-right: 7px;}
.marR_10 {margin-right: 10px;}
.marR_15 {margin-right: 15px;}
.marR_20 {margin-right: 20px;}
.marR_30 {margin-right: 30px;}
.marR_35 {margin-right: 35px;}
.marR_40 {margin-right: 40px;}
.marR_75 {margin-right: 75px;}
.marR_a {margin-right: auto;}

.marL_5 {margin-left: 5px;}
.marL_10 {margin-left: 10px;}
.marL_12 {margin-left: 12px;}
.marL_15 {margin-left: 15px;}
.marL_20 {margin-left: 20px;}
.marL_50 {margin-left: 50px;}
.marL_a {margin-left: auto;}

.marLR_10 {margin-left: 10px; margin-right: 10px;}
.marLR_12 {margin-left: 12px; margin-right: 12px;}

/* パディング */

.pad_all5 {padding: 5px;}
.pad_all10 {padding: 10px;}
.pad_L200 {padding-left: 200px;}
.pad_L300 {padding-left: 300px;}
.pad_LR10 {padding-left: 10px; padding-right: 10px;}
.pad_L10 {padding-left: 10px;}
.pad_R15 {padding-right: 15px;}
.pad_R35 {padding-right: 35px;}
.pad_LR15 {padding-left: 15px; padding-right: 15px;}
.pad_L15R20 {padding-left: 15px; padding-right: 20px;}
.pad_LR20 {padding-left: 20px; padding-right: 20px;}
.pad_T5 {padding-top: 5px;}
.pad_T5L15 {padding: 5px 15px;}
.pad_B10 {padding-bottom: 10px;}
.pad_T10 {padding-top: 10px;}
.pad_T20 {padding-top: 20px;}
.pad_T15LR13 {padding:15px 13px 0;}
.pad_T5B5 {padding-top: 5px; padding-bottom:5px;}
.pad_T20B17 {padding-top: 20px; padding-bottom:17px;}
.pad_T4B17 {padding-top: 4px; padding-bottom:17px;}
.pad_T5B9 {padding-top: 5px; padding-bottom:9px;}


/* テキスト */
.txt_L {text-align: left;}
.txt_C {text-align: center;}
.txt_R {text-align: right;}

.txt_vM {vertical-align: middle;}

/* 20081103見積り依頼完了画面 */
.txt_C_15 {
  text-align: center;
  padding: 15px 0;;
}

/* フロート */
.floatL {float: left;}
.floatR {float: right;}

/* ボックス */
.sub04_box1 {
	background: url(../img/bg_main4.gif) repeat-x top left #FFFFFF;
	border: 1px solid #E5E5E5;
	padding: 15px 15px 0px 15px;
	margin-bottom: 10px;
}
.sub04_box1 img {margin-right: 5px;}

.sub04_box2 {
	background: url(../img/bg_main5.gif) repeat-x top left #FFFFFF;
	border: 1px solid #E5E5E5;
	padding: 15px 15px 0px 15px;
	margin-bottom: 10px;
}
.sub04_box2 img {margin-right: 5px;}
.about_box1 {
	background: url(../img/bg_about01.gif) no-repeat top left;
	height: 100px;
	width: 607px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.about_box1 h4 {
	line-height: 20px;
	margin: 0px 0px 5px 0px;
}
.about_box1 p {
	display: block;
	background: url(../img/bg_about02.gif) no-repeat top left;
	height: 56px;
	width: 567px;
	line-height: 16px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
}
.about_box2 {
	clear: both;
	background: url(../img/bg_about03_b.gif) no-repeat bottom left;
	width: 598px;
	margin-bottom: 10px;
	padding: 0px 0px 5px 0px;
}
.about_box2 h3 {
	display: block;
	height: 22px;
	width: 578px;
	line-height: 22px;
	background: url(../img/bg_about03_t.gif) no-repeat top left;
	padding: 5px 10px 0px 10px;
	margin-bottom: 0px;
}
.about_box2 p {
	color: #7C7C7C;
	line-height: 16px;
	margin: 0px 10px;
	padding-top: 5px;
	border-top: 1px dashed #7C7C7C;
}
.faq_box01 {
	width: 556px;
	border: 2px solid #D1D1D1;
	padding: 10px 18px 0px 18px;
	margin-bottom: 20px;
}
.faq_box01 p {
	line-height: 18px;
	padding-bottom: 3px;
	margin-bottom: 0px;
	border-bottom: 1px dashed #D1D1D1;
}
.faq_box01 img {
	vertical-align: middle;
	margin-right: 5px;
}
.faq_box01 a:link {color: #000000; text-decoration: underline;} 
.faq_box01 a:visited {color: #060606; text-decoration: underline;}
.faq_box01 a:hover {color: #333333; text-decoration: underline;}
.faq_box01 a:active {color: #444444; text-decoration: none;}

.faq_h4_01 {
	padding-top: 5px;
	padding-left: 45px;
	height: 25px;
	font-size: 18px;
	color: #0066A3;
	background: url(../../support/img/ic_q.gif) no-repeat;
}

.site_box01 {
	float: left;
	height: auto;
	width: 292px;
}
.site_box01 ul {
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
.site_box01 li {
	display: block;
	line-height: 26px;
	border-bottom: 1px dashed #CCCCCC;
}
.site_box01 li.site_li_end {border-bottom: none;}
.site_box01 li a {
	display: block;
	width: 270px;
	padding: 0px 10px;
}
.site_box01 li.site_li_under a {
	width: 250px;
	padding: 0px 10px 0px 30px;
}
.site_box01 li a:hover {background-color: #FFFF99;}
.site_box01 h3 {
	background: url(../img/bg_sitemap_h3.gif) no-repeat top left;
	height: 36px;
	width: 292px;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
}
.site_box01 h3 a {
	display: block;
	color: #FFFFFF;
	text-decoration: underline;
	height: 36px;
	width: 292px;
}
.site_box01 h3 a:link { color: #FFFFFF; text-decoration: underline;}
.site_box01 h3 a:visited { color: #FFFFFF; text-decoration: underline;}
.site_box01 h3 a:hover { color: #FFFFFF; background: url(../img/bg_sitemap_h3_on.gif); text-decoration: underline;}
.site_box01 h3 a:active { color: #FFFFFF; background: url(../img/bg_sitemap_h3_on.gif); text-decoration: underline;}

.compare_box01 {
	border: 1px dashed #CCCCCC;
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
	background: url(../img/bg_compare01.gif) no-repeat top left;
}
.compare_box01 h4 {
	margin-top: 0px;
	margin-bottom: 10px;
}
.glossary_h3 {
	background: url(../img/bg_glossary03.gif);
	height: 34px;
	width: 594px;
	line-height: 34px;
	text-indent: 10px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.glossary_box01 {
	height: auto;
	width: 594px;
	background: url(../img/bg_glossary01_c.gif) repeat-y top left;
	margin: 0px;
	padding: 0px;
}
.glossary_box01_in {
	padding: 0px 30px 10px 30px;
	margin-bottom: 0px;
}
.glossary_box01_t {
	display: block;
	background: url(../img/bg_glossary01_t.gif) no-repeat top center;
	height: 15px;
	width: 594px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 0px;
	text-indent: -9999px;
}
.glossary_box01_b {
	clear: both;
	background: url(../img/bg_glossary01_b.gif) no-repeat bottom center;
	height: 15px;
	width: 594px;
	font-size: 1px;
	margin-bottom: 0px;
	text-indent: -9999px;
}
.glossary_box01 table {
	float: left;
}
.glossary_box01 td {
	height: 28px;
	width: 40px;
	padding: 2px 4px;
	border-bottom: 1px dashed #CCCCCC;
	font-size: 14px;
	text-align: center;
}
.glossary_box01 td.glossary_other {
	width: 232px;
	text-align: left;
	text-indent: 14px;
}
.glossary_box01 td a {
	display: block;
	height: 28px;
	width: 40px;
	line-height: 28px;
}
.glossary_box01 td.glossary_other a {
	width: 232px;
}
.glossary_box01 td a:link { color: #333333;}
.glossary_box01 td a:visited { color: #4F4F4F;}
.glossary_box01 td a:hover { color: #FFFFFF; background-color: #00AEEF; text-decoration: none;}
.glossary_box01 td a:active { color: #FFFFFF; background-color: #00AEEF; text-decoration: none;}

.glossary_box01 ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 10px;
}
.glossary_box01 li {
	background: url(../img/li_mark4.gif) no-repeat center left;
	border-bottom: 1px dashed #CCCCCC;
	line-height: 30px;
	text-indent: 15px;
}
.glossary_box02 {
	height: auto;
	width: 594px;
	background: url(../img/bg_glossary04_c.gif) repeat-y top left;
	margin: 0px;
	padding: 0px;
}
.glossary_box02_in {
	padding: 0px 30px;
	margin-bottom: 10px;
}
.glossary_box02_t {
	display: block;
	background: url(../img/bg_glossary04_t.gif) no-repeat top center;
	height: 15px;
	width: 594px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 0px;
	text-indent: -9999px;
}
.glossary_box02_b {
	clear: both;
	background: url(../img/bg_glossary04_b.gif) no-repeat bottom center;
	height: 15px;
	width: 594px;
	font-size: 1px;
	margin-bottom: 25px;
	text-indent: -9999px;
}

.glossary_side_box01 {
	width: 135px;
	border: 1px solid #999999;
	margin: 0px auto 15px auto;
	background-color: #FFFFFF;
	padding: 5px; 
}
.glossary_side_box01_t {
	background: url(../img/bg_glossary02_t.gif) no-repeat top center;
	height: 24px;
	width: 136px;
	text-indent: -9999px;
}
.glossary_side_box01_b {
	background: url(../img/bg_glossary02_b.gif) no-repeat top center;
	height: 5px;
	width: 136px;
	font-size: 1px;
	text-indent: -9999px;
}
.glossary_side_box01 table {
	background-color: #EDEDED;
}
.glossary_side_box01 td {
	background-color: #EDEDED;
	line-height: 25px;
	width: 27px;
	text-align: center;
}
.glossary_side_box01 td.glossary_side_other {
	width: 135px;
	text-align: left;
	text-indent: 8px;
}
.glossary_side_box01 a {
	display: block;
	height: 25px;
	width: 27px;
}
.glossary_side_box01 td.glossary_side_other a {
	width: 135px;
}
.glossary_side_box01 a:link { color: #333333;}
.glossary_side_box01 a:visited { color: #4F4F4F;}
.glossary_side_box01 a:hover { color: #FFFFFF; background-color: #00AEEF; text-decoration: none;}
.glossary_side_box01 a:active { color: #FFFFFF; background-color: #00AEEF; text-decoration: none;}

/* 幅 */
.w5 {width: 5px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w95 {width: 95px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w162 {width: 162px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w260 {width: 260px;}
.w280 {width: 280px;}