@charset "utf-8";


/*----------------------------------------------------
    ■ share
----------------------------------------------------*/
.title1 {
	font-size: 22px;
	color: #FFFFFF;
	background-color: #FF0000;
	display: inline;
	padding-left: 10px;
	font-weight: bold;
	padding-right: 10px;
}
.mailbox {
	clear: both;
	padding-bottom: 20px;
}
.page_top {
	text-align: right;
	clear: both;
	padding-bottom: 15px;
}
.page_top a {
	padding-bottom: 15px;
	font-size: 13px;
}

/*----------------------------------------------------
    ■ about 消火栓広告とは
----------------------------------------------------*/

#about {
}

#about .bl1 {
}

#about .bl1 dl {
	border-bottom: 1px dotted #333333;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#about .bl1 dl dt {
	float: left;
}

#about .bl1 dl dd {
	padding-left: 240px;
}

#about .bl2 {
	border-bottom: 6px solid #FF0000;
	margin-bottom: 50px;
}


/*----------------------------------------------------
    ■ area 管轄エリア
----------------------------------------------------*/

#area {
}
#area .bl1 {
}
#area .bl1 h4 {
	font-size: 20px;
	color: #FF0000;
}
#area .bl1 li {
	text-decoration: underline;
	float: left;
	margin-right: 20px;
}

/*----------------------------------------------------
    ■ spec 仕様･サイズ
----------------------------------------------------*/

#spec {
}
#spec .bl1 {
}

/*----------------------------------------------------
    ■ price 料金･ご契約
----------------------------------------------------*/

#price {
}
#price .bl1 {
}
#price .bl2 {
}
#price .bl2 .left {
	float: left;
	width: 400px;
}
#price .bl2 .right {
}

/*----------------------------------------------------
    ■ design デザイン例
----------------------------------------------------*/

#design {
}
#design .bl1 {
}
#design .bl1 .left {
	float: left;
	padding-right: 30px;
}
#design .bl1 .right {
	float: left;
}
#design .bl1 dl {
}
#design .bl1 dl dt {
	padding-bottom: 10px;
}

#design .bl1 dl dd {
	padding-bottom: 35px;
}


/*----------------------------------------------------
    ■ example 設置事例
----------------------------------------------------*/

#example {
}
#example #contents_cnt_bg {
	background-image: url(../img/contents_cnt_bg_long.png);
}
#example .bl1 {
}
#example .bl1 .bl1_1 {
	padding-top: 20px;
}
#example .bl1 .bl1_1 .left {
	float: left;
	width: 100px;
	padding-bottom: 20px;
}
#example .bl1 .bl1_1 .right {
	float: left;
}
#example .bl1 .bl1_1 .right h3 {
	font-size: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
}
.nb_navi {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	padding-top: 20px;
	padding-bottom: 90px;
	padding-left: 40px;
}
.nb_navi li {
	float: left;
	margin-right: 10px;
}
.nb_navi li a {
	color: #FF0000;
	display: block;
}
.nb_navi li a:hover {
	text-decoration: none;
}

.nb_navi .pre {
	border-bottom: 1px dotted #FF0000;
	padding-top: 5px;
	margin-right: 23px;
}
.nb_navi .pre1 {
	padding-top: 5px;
	margin-right: 23px;
}
.nb_navi .next {
	padding-top: 5px;
	border-bottom: 1px dotted #FF0000;
	margin-left: 13px;
}
.nb_navi .next1 {
	padding-top: 5px;
	margin-left: 13px;
}
.nb_navi .on {
}
.nb_navi .on a {
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 6px 11px;
	display: block;
}
.nb_navi .off {
}
.nb_navi .off a {
	border: 1px solid #FF0000;
	padding: 6px 11px;
	display: block;
}
.nb_navi .off a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 6px 11px;
	display: block;
}
.nb_navi .nb_dot {
	color: #FF0000;
	padding-top: 5px;
}


/*----------------------------------------------------
    ■ voice お客様の声
----------------------------------------------------*/

#voice {
}
#voice .bl1 {
}
#voice .bl1 .left {
	float: left;
	width: 545px;
}
#voice .bl1 .right {
	float: right;
}
#voice .bl2 {
	clear: both;
}
#voice .bl2 .left {
	float: left;
	width: 285px;
}
#voice .bl2 .right {
	float: left;
	width: 385px;
}
#voice .bl2 .right h3 {
	font-size: 23px;
	font-weight: bold;
}
#voice .bl2 .right .left2 {
	width: 260px;
	float: left;
	font-size: 20px;
}
#voice .bl2 .right .right2 {
	float: left;
	font-size: 12px;
	width: 120px;
	letter-spacing: 0em;
	text-align: center;
}


/*----------------------------------------------------
    ■ company 会社概要
----------------------------------------------------*/

#company {
}
#company .bl1 {
}
#company .bl2 {
	background-image: url(../../company/img/img1.png);
	background-position: right bottom;
}
#company .bl2 ul {
	padding-bottom: 30px;
}
#company .bl2 h4{
	font-size: 20px;
}
#company .bl2 li {
	padding-bottom: 5px;
}
#company .bl2 span {
	font-size: 18px;
}
#company .bl2 .span1 {
	color: #FFFFFF;
	background-color: #FF0000;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
}
#company .bl2 .span2 {
}
#company .bl3 {
	padding-top: 20px;
}
#company .bl3 table {
}
#company .bl3 table td {
	border-bottom: 1px dotted #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
#company .bl3 table .td1 {
	width: 25%;
}
#company .bl3 table .td2 {
	width: 75px;
}
#company .bl4 {
	background-image: url(../../company/img/img2.png);
	background-repeat: repeat-x;
}

/*----------------------------------------------------
    ■ ins_firefighting 消防設備点検・提案業務
----------------------------------------------------*/

#ins_firefighting {
}
#ins_firefighting .bl1 {
}
#ins_firefighting .bl1 .bl1_1 {
	background-image: url(../../ins_firefighting/img/img1.png);
	background-position: right bottom;
}
#ins_firefighting .bl1 .bl1_1 dl {
}
#ins_firefighting .bl1 .bl1_1 dt {
	float: left;
}
#ins_firefighting .bl1 .bl1_1 dd {
	padding-left: 18px;
}
#ins_firefighting .bl1 .bl1_1 .dd1 {
	padding-left: 18px;
	width: 390px;
}
#ins_firefighting .bl1 .bl1_2 {
	background-image: url(../../ins_firefighting/img/img2.png);
	background-position: right center;
}
#ins_firefighting .bl1 .bl1_2 dl {
}
#ins_firefighting .bl1 .bl1_2 dt {
	float: left;
}
#ins_firefighting .bl1 .bl1_2 dd {
	padding-left: 18px;
}
#ins_firefighting .bl1 .bl1_2 .dd1 {
	padding-left: 18px;
	width: 390px;
}
#ins_firefighting .bl2 {
	padding-top: 30px;
}

#ins_firefighting .bl2 .bd_ti1 {
	font-size: 17px;
	display: inline;
	padding-left: 10px;
	font-weight: bold;
	padding-right: 10px;
	border: 1px solid #000000;
}
#ins_firefighting .bl2 .bl2_1 {
	background-image: url(../../ins_firefighting/img/img3.png);
	background-position: right center;
	height: 170px;
}
#ins_firefighting .bl2 .bl2_1 h3 {
	font-size: 16px;
}
#ins_firefighting .bl3 {
}


/*----------------------------------------------------
    ■ ins_disaster 防災用品点検・提案業務
----------------------------------------------------*/

#ins_disaster {
}
#ins_disaster .bl1 {
}
#ins_disaster .bl2 {
}
#ins_disaster .bl2 .ul1 {
	float: left;
	width: 320px;
}
#ins_disaster .bl2 .ul2 {
	float: left;
	width: 320px;
}
#ins_disaster .bl2 li {
	float: left;
	font-size: 23px;
	font-weight: bold;
	width: 320px;
}
#ins_disaster .bl2 .bl2_2 {
	background-image: url(../../ins_disaster/img/img2.png);
	background-position: right bottom;
}
#ins_disaster .bl2 .left {
	float: left;
	width: 360px;
}
#ins_disaster .bl2 .right {
	float: left;
	width: 310px;
}


/*----------------------------------------------------
    ■ stakeholders 消防署関係の方へ
----------------------------------------------------*/

#stakeholders {
}
#stakeholders .bl1 {
}

#stakeholders .bl1 p {
	font-size: 40px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

/*----------------------------------------------------
    ■ q_a よくある質問
----------------------------------------------------*/

#q_a {
}
#q_a .bl1 {
}
#q_a .bl1 dl {
	padding-top: 20px;
	border-bottom: 1px dotted #000000;
}
#q_a .bl1 dl dt {
	float: left;
	padding-bottom: 20px;
}
#q_a .bl1 dl dd {
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 20px;
}

/*----------------------------------------------------
    ■ privacy プライバシー
----------------------------------------------------*/

#privacy {
}
#privacy .bl1 dl {
	padding-top: 20px;
	padding-bottom: 60px;
}
#privacy .bl1 dl dt {
	float: left;
	padding-bottom: 20px;
}
#privacy .bl1 dl dd {
	padding-left: 20px;
	padding-bottom: 20px;
}

/*----------------------------------------------------
    ■ contact お問い合わせ
----------------------------------------------------*/

#contact .bl1 {
}
#contact .bl1 table {
	width: 100%;
	margin-bottom: 60px;
}
#contact .bl1 table td{
	padding: 20px;
	border: 1px solid #CCCCCC;
}
#contact .bl1 table .td1{
	width: 30%;
}
#contact .bl1 table .td2{
	width: 70%;
}
#contact .bl1 table .ipt_name{
	width: 180px;
}
#contact .bl1 table .ipt_ad{
	width: 410px;
}
#contact .bl1 table .ipt_tel{
	width: 180px;
}
#contact .bl1 table .ipt_mail{
	width: 410px;
}
#contact .bl1 table .ipt_txt{
	width: 410px;
}
#contact .bl1 table .ipt_otr{
	width: 0px;
}
#contact .bl1 table .bt1{
	text-align: center;
}