@charset "utf-8";
/* ===========================================================
 * 
 * 株式会社フジマ　スタイルシート
 * Last UpDate : 2024/07/10
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

@import "normalize.css";
@import "general.css";

html{
}

body{
	color:#333;
	background-color:#f5f5f5;
}

.txt{ line-height:1.5em; }


.orange{ color:#f60; }

iframe {
    border: none;
}

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link { color:#666; text-decoration:underline; }
a:visited { color:#666; text-decoration:underline; }
a:hover { color:#09f; text-decoration:none; }
a:active { color:#09f; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

h1	{ float: left; }
h1 a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

h2.top01		{ width: 540px; height: 60px; margin: 0 auto 25px auto; }
h2.top02		{ width: 960px; height: 45px; margin-bottom: 20px; }
h2.top03		{ height: 40px; }

h2.common		{ height: 120px; background-color: #039bf5; margin-bottom: 40px; }
h2.faucet		{ height: 120px; background-color: #00a1e9; margin-bottom: 40px; }
h2.energy		{ height: 120px; background-color: #0da95c; margin-bottom: 40px; }
h2.gas			{ height: 120px; background-color: #f7aa0e; margin-bottom: 40px; }
h2.air			{ height: 120px; background-color: #781793; margin-bottom: 40px; }
h2.security		{ height: 120px; background-color: #f22335; margin-bottom: 40px; }

h2.common img, h2.faucet img, h2.energy img, h2.gas img, h2.air img, h2.security img { width: 960px; height: 120px; margin: 0 auto; display: block; }


h3				{ width: 690px; margin-bottom: 30px; }
h3.top01		{ width: 300px; height: 20px; margin-bottom: 20px; }

.contentsTit{
	height:120px;
	background-color:#039bf5;
	margin-bottom:40px;
}

/*水まわり*/
.contentsTitFaucet{
	height:120px;
	background-color:#00A1E9;
	margin-bottom:40px;
}

/*省エネ工事・オール電化*/
.contentsTitEnergy{
	height:120px;
	background-color:#0DA95C;
	margin-bottom:40px;
}

/*ガス設置*/
.contentsTitGas{
	height:120px;
	background-color:#F7AA0E;
	margin-bottom:40px;
}

/*空調設備工事*/
.contentsTitAir{
	height:120px;
	background-color:#781793;
	margin-bottom:40px;
}

/*ホームセキュリティ*/
.contentsTitSecurity{
	height:120px;
	background-color:#f22335;
	margin-bottom:40px;
}

h3.h3_faucet{ color: #fff; font-size: 22px; letter-spacing: 2px; padding: 8px 10px 10px 40px; width: 690px; height: 60px; margin-bottom: 30px; background: url("/images/h3_faucet01.png") no-repeat; font-family: fot-seurat-pron, sans-serif; font-weight: 600; font-style: normal; }

h4{ color: #0086cd; font-size: 20px; padding: 10px 10px 0px 0; border-bottom: 3px solid #0086cd; margin-bottom: 30px; font-family: fot-seurat-pron, sans-serif; font-weight: 600; font-style: normal;  }
h5{ color: #0086cd; font-size: 20px; position: relative; padding-left: 25px; font-family: fot-seurat-pron, sans-serif; font-weight: 600; font-style: normal; margin-bottom: 20px; }
h5:before{ position: absolute; content: ""; top: 15px; left: 0; width: 12px; height: 12px; background-color: #0086cd; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

#wrapper{
}


/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
#topHeader {
	width: 100%;
	min-width: 960px;
	height: 500px;
	background: url(../images/bg_top01.jpg) no-repeat center center;
	background-size: cover;
}

#topHeader .topHeaderContents {
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
}

#topHeader .topHeaderTel {
	float: right;
	margin-right: 15px;
}

#topHeader .topHeaderBtnContact {
	float: right;
}

#header {
	width: 100%;
	min-width: 960px;
	height: 120px;
	background: url(../images/bg_header01.jpg) no-repeat center center;
	background-size: cover;
}

#header .headerContents {
	width: 960px;
	height: 120px;
	padding: 30px 0;
	margin: 0 auto;
}
#header .headerContents:after {
	content: "";
	display: block;
	clear: both;
}

#header .headerTel {
	float: right;
	margin-right: 15px;
}

#header .headerBtnContact {
	float: right;
}

#header .headerSec01Sec {
	height:30px;
	width:960px;
	margin:0 auto;
}

#header .headerSec01SecSitemap{
	float:right;
}

#header .headerSec02{
	height:120px;
	background-color:#09f;
}

#header .headerSec02Sec{
	height:120px;
	width:960px;
	margin:0 auto;
}

#header .headerSec02SecLogo{
	float:left;
	height:120px;
	width:410px;		/* 幅 480px */
	padding-right:70px;
}

#header .headerSec02SecContact{
	float:left;
	height:120px;
	width:380px;		/* 幅 480px */
	padding:0 10px 0 90px;
}

#header .headerSec02 a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */

#footer {
	min-width: 960px;
	height: 370px;
	color: #fff;
	overflow: hidden;
}

#footer .pageTop {
	width: 960px;
	height: 80px;
	margin: 0 auto;
	background-color: #f5f5f5;
	border-top: 1px solid #fff;
}

#footer .pageTopBtn {
	width: 60px;
	height: 60px;
	margin: 10px auto;
}

#footer .footerWrap {
	height: 260px;
	background-color: #004795;
}

#footer .footerContents {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
#footer .footerContents:after {
	content: "";
	display: block;
	clear: both;
}

#footer .footerSec01 {
	float: left;
	width: 200px;
	margin-right: 40px;
	padding-top: 65px;
}

#footer .footerSec01Logo {
	margin-bottom: 15px;
}

#footer ul.footerSitemapList {
	float: left;
	width: 165px;
	margin-right: 5px;
	padding-top: 40px;
}

#footer ul.footerSitemapList li {
	min-height: 22px;	/* アイコン高さ */
	background: url(../images/footer_ico_circle01.png) no-repeat 0 0;
	margin-bottom: 20px;
	padding: 2px 0 0 30px;
	font-size: 1.2em;
	font-weight: bold;
}

#footer ul.footerSitemapList li ul {
	padding-left: 0;
	margin: 8px 0 0 -15px;
}

#footer ul.footerSitemapList li ul li {
	min-height: 8px;	/* アイコン高さ */
	background: url(../images/footer_ico_circle02.png) no-repeat 0 5px;
	margin-bottom:8px;
	padding: 0px 0 0 12px;
	font-size:0.8em;
	font-weight: normal;
}

#footer .footerCopyright{
	width:960px;
	height:30px;
	color:#999;
	margin:0 auto;
	padding:7px 0;
}

#footer .footerCopyrightTxt{
	width:340px;
	font-size:0.8em;
	margin:0 auto;
}


#footer a:link		{ color:#fff; text-decoration:none; }
#footer a:visited 	{ color:#fff; text-decoration:none; }
#footer a:hover 	{
	color:#f90;
	text-decoration:none;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#footer a:active 	{ color:#f90; text-decoration:none; }

#footer .footerCopyright a:link		{ color:#999; text-decoration:none; }
#footer .footerCopyright a:visited 	{ color:#999; text-decoration:none; }
#footer .footerCopyright a:hover 	{ color:#ccc; text-decoration:none; }
#footer .footerCopyright a:active 	{ color:#ccc; text-decoration:none; }

#footer .pageTopBtn a img:hover, #footer .footerSec01Logo a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* nav */
#gNaviWrap {
	height:70px;
	background-image:url(../images/bg_gnavi01.png);
	background-repeat:repeat-x;
}

#gNavi {
	width:960px;
	height:70px;
	margin:0 auto 0 auto;
}

#gNavi ul {
	margin:0 auto;
}

#gNavi li {
	float: left;
	display: inline;
}

#gNavi li a {
	height:70px;
	display: block;
	background-image: url(../images/gnavi.png);
	background-repeat: no-repeat;
}


/* individual */
#gNavi li#gNavi_01 a {
	width: 160px;
	background-position: left 0;
}
#gNavi li#gNavi_01 a:hover, #gNavi li#gNavi_01 a:active ,#gNavi li#gNavi_01 .gnavi_cr01 {
	width: 160px;
	background-position: left -70px;
}
#gNavi li#gNavi_02 a {
	width: 160px;
	background-position: -160px 0;
}
#gNavi li#gNavi_02 a:hover, #gNavi li#gNavi_02 a:active ,#gNavi li#gNavi_02 .gnavi_cr02 {
	width: 160px;
	background-position: -160px -70px;
}
#gNavi li#gNavi_03 a {
	width: 160px;
	background-position: -320px 0;
}
#gNavi li#gNavi_03 a:hover, #gNavi li#gNavi_03 a:active ,#gNavi li#gNavi_03 .gnavi_cr03 {
	width: 160px;
	background-position: -320px -70px;
}
#gNavi li#gNavi_04 a {
	width: 160px;
	background-position: -480px 0;
}
#gNavi li#gNavi_04 a:hover, #gNavi li#gNavi_04 a:active ,#gNavi li#gNavi_04 .gnavi_cr04 {
	width: 160px;
	background-position: -480px -70px;
}
#gNavi li#gNavi_05 a {
	width: 160px;
	background-position: -640px 0px;
}
#gNavi li#gNavi_05 a:hover, #gNavi li#gNavi_05 a:active ,#gNavi li#gNavi_05 .gnavi_cr05 {
	width: 160px;
	background-position: -640px -70px;
}
#gNavi li#gNavi_06 a {
	width: 160px;
	background-position: -800px 0px;
}
#gNavi li#gNavi_06 a:hover, #gNavi li#gNavi_06 a:active ,#gNavi li#gNavi_06 .gnavi_cr06 {
	width: 160px;
	background-position: -800px -70px;
}


/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */

#lNavi {
	float: left;
	width: 220px;
	margin-right: 50px;
}

#lNavi ul.lNaviMenuList {
	width: 220px;
	height: 350px;
	background: url(../images/lnavi_bg01.png) no-repeat;
	margin: 0 auto 30px auto;
	padding: 18px 10px 0 10px;
}
#lNavi ul.lNaviMenuList:after {
	content: "";
	display: block;
	clear: both;	
}

#lNavi ul.lNaviMenuList li {
	display: inline;
}

#lNavi ul.lNaviMenuList li a {
	width: 200px;
	display: block;
	background-image: url(../images/lnavi.png);
	background-repeat: no-repeat;
	margin-bottom: 11px;
}

/* individual */
#lNavi li#lNavi_01 a {
	height: 55px;
	background-position: left 0;
}
#lNavi li#lNavi_01 a:hover, #lNavi li#lNavi_01 a:active ,#lNavi li#lNavi_01 .lnavi_cr01 {
	height: 55px;
	background-position: -200px 0;
}
#lNavi li#lNavi_02 a {
	height: 55px;
	 background-position: left -55px;
}
#lNavi li#lNavi_02 a:hover, #lNavi li#lNavi_02 a:active ,#lNavi li#lNavi_02 .lnavi_cr02 {
	height: 55px;
	background-position: -200px -55px;
}
#lNavi li#lNavi_03 a {
	height: 55px;
	background-position: left -110px;
}
#lNavi li#lNavi_03 a:hover, #lNavi li#lNavi_03 a:active ,#lNavi li#lNavi_03 .lnavi_cr03 {
	height: 55px;
	background-position: -200px -110px;
}
#lNavi li#lNavi_04 a {
	height: 55px;
	background-position: left -165px;
}
#lNavi li#lNavi_04 a:hover, #lNavi li#lNavi_04 a:active ,#lNavi li#lNavi_04 .lnavi_cr04 {
	height: 55px;
	background-position: -200px -165px;
}
#lNavi li#lNavi_05 a {
	height: 55px;
	background-position: left -220px;
}
#lNavi li#lNavi_05 a:hover, #lNavi li#lNavi_05 a:active ,#lNavi li#lNavi_05 .lnavi_cr05 {
	height: 55px;
	background-position: -200px -220px;
}

#lNavi .lNaviBtn01 a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

#contents {
	width:960px;
	height:auto;
	margin:0 auto;
	padding-bottom: 80px;
	background-color:#f5f5f5;
	border-bottom:1px solid #ccc;
}
#contents:after {
	content: "";
	display: block;
	clear: both;	
}

#main {
	float: right;
	width: 690px;
}

.pankuzuWrap {
	min-width: 960px;
	width: 100%;
	height: 25px;
	background-color: #666;
}

.pankuzu {
	width:960px;
	height:25px;
	font-size:85%;
	color:#fff;
	background:url(../images/ico_home01.png) no-repeat 0 8px;
	margin:0 auto;
	padding:5px 0 0 15px;
}

.pankuzu a {
	text-decoration:none;
	color:#fff;
}

.pankuzu a:hover {
	text-decoration:none;
	color:#f90;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


/************** トップページ **************/

#topImg {
	width:960px;
	height:340px;
	margin:0 auto 40px auto;
}

#topMenu {
	width:100%;
	min-width: 960px;
	height:370px;
	background:url(../images/bg_top02.png) no-repeat center center;
	background-size:cover;
	margin-bottom:40px;
	padding-top:20px;
}

#topMenu ul.topMenuNav {
	position:relative;
	width:960px;
	height:160px;
	margin:0 auto;
}
#topMenu ul.topMenuNav:after {
	content:"";
	display:block;
	clear:both;
}
#topMenu ul.topMenuNav li {
	position:absolute;
}
#topMenu ul.topMenuNav li.topMenuNav_01 {
	left:30px;
}
#topMenu ul.topMenuNav li.topMenuNav_02 {
	left:215px;
}
#topMenu ul.topMenuNav li.topMenuNav_03 {
	left:400px;
}
#topMenu ul.topMenuNav li.topMenuNav_04 {
	left:585px;
}
#topMenu ul.topMenuNav li.topMenuNav_05 {
	left:770px;
}

#topMenu ul.topMenuNavDetail {
	width: 960px;
	height: 105px;
	margin: 0 auto;
	padding: 0 5px;
}
#topMenu ul.topMenuNavDetail:after {
	content: "";
	display: block;
	clear: both;
}
#topMenu ul.topMenuNavDetail li {
	float: left;
	width: 160px;
	margin-left: 25px;
}


.top_bnr{ background-color: #f5f5f5; text-align: center; padding: 20px; }
.top_bnr a:hover{ opacity: .6; }


#contents .topSec01 {
	padding-bottom:35px;
	border-bottom:1px solid #ccc;
}
#contents .topSec01:after {
	content:"";
	display:block;
	clear:both;
}

#contents .topCheckSec {
	float: left;
	width: 300px;
	margin-left: 30px;
}
#contents h2.top02 + section.topCheckSec {
	margin-left: 0;
}

#contents .topCheckSecTxt01 {
	height: 160px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-size: 1.3em;
	margin-bottom: 10px;
	overflow: hidden;
}

#contents .topCheckSecTxt {
	width:200px;
	height:175px;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-size:0.9em;
	overflow:hidden;
	margin-bottom:10px;
}

#contents .topSec02 {
	padding-top: 40px;
	border-top: 1px solid #fff;
	overflow: hidden;
}

#contents .topFBSec {
	float: left;
	width: 400px;
	overflow: hidden;
	background-color: #fff;
	margin: 0 40px 30px 0;
}

#contents .topNews {
	float: left;
	width: 520px;
	overflow: hidden;
}

#contents .topNewsSec {
	height: 430px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
	padding: 0 24px; /* ボーダー2pxマイナス*/
	overflow: scroll;
	overflow-x: hidden;	
	margin-bottom: 30px;
}

#contents ul.topNewsList li {
	width: 470px;
	font-size: 1.3em;
	padding: 15px 0;
	border-bottom: 1px dotted #0086cd;
}

#contents ul.topNewsList .topNewsDate {
	float: left;
	width: 100px;
	margin-right: 10px;
	color: #0085cc;
}

#contents ul.topNewsList .topNewsSecTxt {
	float: left;
	width: 360px;
}

#contents ul.topNewsList li:after {
	content: "";
	display: block;
	clear: both;
}

#contents ul.topNewsList li a:hover {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#contents ul.topNewsList li a:link, #contents ul.topNewsList li a:visited {
	text-decoration: none;
}

#contents ul.topBannerList {
	float: left;
	width: 550px;
	margin-top: -12px;
}
#contents ul.topBannerList:after {
	content: "";
	display: block;
	clear: both;
}

#contents ul.topBannerList li {
	float: left;
	width: 260px;
	margin: 12px 15px 0 0;
}

#contents ul.topBannerList li a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#contents .topContactSec {
	float:left;
	width: 400px;
	height: 234px;
	background:url(../images/bg_top_contact01.png) no-repeat;
	margin-left: 10px;
}

#contents .topContactSecBtn {
	width: 300px;
	margin: 173px auto 0 auto;
}


/************** フジマの特徴 advantage **************/

#main .advantageSec {
	width:690px;
}
#main .advantageSec:after {
	content: "";
	display: block;
	clear: both;
}

#main .advantageSecTxt {
	width: 690px;
	margin-bottom: 30px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	font-weight: 600;	
}

#main .advantageSec01 {
	float:left;
	width:355px;
	margin-right:35px;
}

#main .advantageSec01Txt {
	width:355px;
	margin-bottom:30px;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-size: 1.3em;
	font-weight: 600;	
}

#main ul.advantageList01 li {
	min-height: 40px;
	color: #0085cc;
	font-size: 1.3em;
	font-weight: bold;
	padding: 8px 0 0 65px;
	margin-top: 12px;
}
#main ul.advantageList01 li:first-child {
	margin-top: 0;
}

#main ul.advantageList01 li.faucet {
	background:url(../advantage/images/ico_faucet01.png) no-repeat 0 0;
}
#main ul.advantageList01 li.energy {
	background:url(../advantage/images/ico_energy01.png) no-repeat 0 0;
}
#main ul.advantageList01 li.gas {
	background:url(../advantage/images/ico_gas01.png) no-repeat 0 0;
}
#main ul.advantageList01 li.air {
	background:url(../advantage/images/ico_air01.png) no-repeat 0 0;
}
#main ul.advantageList01 li.security {
	background:url(../advantage/images/ico_security01.png) no-repeat 0 0;
}

#main .advantageSec02 {
	float:left;
	width:300px;
}

#main .advantageSec03 {
	width: 705px;
	margin: -20px 0 20px -15px;
}
#main .advantageSec03:after {
	content: "";
	display: block;
	clear: both;
}

#main .advantageSec a:link		{ color:#0085cc; text-decoration:none; }
#main .advantageSec a:visited	{ color:#0085cc; text-decoration:none; }
#main .advantageSec a:hover		{
	color:#f90;
	text-decoration:none;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#main .advantageSec a:active	{ color:#f90; text-decoration:none; }

#main dl.advantageList02 {
	float: left;
	width: 220px;
	margin: 20px 0 0 15px;
}

#main dl.advantageList02 dt {
	margin-bottom: 10px;
}

#main dl.advantageList02 dd {
	line-height:1.8em;
	letter-spacing: 0.1em;
	font-size: 1.3em;
}
#main dl.advantageList02 dd.dd01 {
	background-color: #0086cd;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: 15px;
	text-align: center;
	padding: 8px 0;
	font-weight: bold;
}
#main dl.advantageList02 dd.dd02 {
	color: #0086cd;
	font-size: 1.3em;
	margin-bottom: 15px;
	font-weight: bold;
}

/************** 無料調査 check **************/

#main .checkSec {
	width:690px;
}
#main .checkSec:after {
	content: "";
	display: block;
	clear: both;
}

#main .checkSecTxt01 {
	line-height:1.8em;
	font-size: 1.3em;
	margin-bottom:35px;
}

#main .checkSecImg01 {
	width: 335px;
	float: left;
}

.check_sec{ margin-top: 40px; }
.check_sec:before{ clear: both; content: ""; display: block; }
.check_sec h4{ margin-top: 40px; }
.check_sec01{}
.check_sec01 p{ line-height: 1.8em; font-size: 1.3em; margin-bottom: 35px; }
.check_sec01 p span{}
.check_sec_list{ display: flex; justify-content: space-between; }
.check_sec_item{ flex-basis: 48%; }
.check_sec_item img{ margin-bottom: 10px; }
.check_sec_item p{ font-size: 14px; }
.check_sec01_b{ font-weight: bold; }
.check_table{ border-collapse: collapse; margin-bottom: 20px; }
.check_table th{ font-size: 14px; background-color: #eee; border: 1px solid #ccc; padding: 10px; font-size: 15px; }
.check_table td{ font-size: 14px; background-color: #fff; padding: 10px; font-size: 15px; border: 1px solid #ccc; }

.travel_expenses{font-size: 17px;}
.travel_expenses span{display: block; margin-bottom: 5px; font-weight: 700;}



/************** 住宅設備 facilities **************/
	
#main .facilitiesSec {
	width:690px;
	overflow:hidden;
}
#main .facilitiesSec:after {
	content: "";
	display: block;
	clear: both;
}

#main .facilitiesSecTxt {
	width:690px;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-size:1.1em;
}

#main .facilitiesSec01 {
	float:left;
	width:445px;
	margin-right:35px;
	overflow:hidden;
}

#main .facilitiesSec01Txt01 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5em;
}

#main .facilitiesSec01Txt02 {
	line-height: 1.8em;
	margin-bottom: 15px;
	font-size: 1.3em;
}

#main .facilitiesSec01Btn {
	width: 220px;
}
#main .facilitiesSec01Btn a {
	display: block;
	overflow: hidden;
	width: 220px;
	height: 35px;
	margin: 0 auto;
	background: url(../facilities/images/btn_detail01.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
#main .facilitiesSec01Btn a:hover {
	background-position: 0 -35px;
}


/************** 水まわり / 省エネ工事・オール電化 / ガス設備 / 空調設備 / ホームセキュリティー **************/

#main .commonSec {
	width: 690px;
}

#main .commonSecTxt01 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
}

#main .commonSecTxt02 {
	line-height: 1.8em;
	font-size: 1.3em;
}

#main table.commonTb {
	width: 690px;
	border-collapse: separate;
	border-spacing: 0;
	border-left: 1px solid #ccc;
}

#main table.commonTb th {
	color: #fff;
	background-color: #666;
	vertical-align: middle;
	padding: 9px 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main table.commonTb td {
	background-color: #fff;
	vertical-align: middle;
	text-align: center;
	padding: 9px 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main table.commonTb tr td.td01 {
	text-align: left;
}
#main table.commonTb th.th01 {
	width: 55%;
}
#main table.commonTb th.th02 {
	width: 30%;
}
#main table.commonTb th.th03 {
	width: 15%;
}

#main .areaTit01 {
	color: #0085cc;
	min-height: 25px;
	font-size: 1.25em;
	font-weight: bold;
	background: url(../images/ico_circle01.png) no-repeat 0 0;
	padding: 1px 0 0 35px;
	margin-bottom: 15px;
}

#main .areaTxt01 {
	font-size: 1.1em;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}


/************** ガス設置 gas **************/

#main .gasSec {
	width:690px;
	overflow:hidden;
	margin-bottom:40px;
}

#main .gasSec ul {
	width:550px;
	margin-top:30px;
}

#main .gasSec ul li {
	float:left;
	width:260px;
	color:#0085cc;
	padding:1px 0 0 35px;
	margin:0 0 10px 15px;
	font-size:1.35em;
	font-weight:bold;
	background:url(../images/ico_circle01.png) no-repeat;
}
	

/************** 企業情報 company **************/

#main .companySec {
	width:690px;
	overflow:hidden;
}

#main .companySecTxt {
	float: left;
	width: 460px;
	line-height: 1.8em;
	font-size: 1.3em;
	margin: 0 35px 0 10px;
}

#main .companySecImg {
	float: left;
	font-size: 1.2em;
	margin-right: 10px;
}

#main .companySec table {
	width:690px;
	border-collapse:separate;
	border-spacing:0;
	font-size:1.2em;
}

#main .companySec table th {
	width:25%;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:10px 15px;
	border-bottom:1px dotted #0086cd;
}

#main .companySec table td {
	vertical-align:middle;
	padding:10px 15px;
	border-bottom:1px dotted #0086cd;
}

/************** サイトマップ sitemap **************/

#main .sitemapSec {
	width: 690px;
}

#main .sitemapSec a:link, #main .sitemapSec a:visited { color:#0085cc; text-decoration:none; }
#main .sitemapSec a:hover, #main .sitemapSec a:active { color:#f90; text-decoration:none; }
#main .sitemapSec a:hover {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#main ul.sitemapList {
	font-size: 1.3em;
	color: #0085cc;
}

#main ul.sitemapList li {
	min-height: 25px;
	padding: 1px 0 0 35px;
	margin: 0 0 30px 45px;
	font-weight: bold;
	background: url(../sitemap/images/ico_circle01.png) no-repeat;
}

#main ul.sitemapList li ul {
	font-size: 0.9em;
	margin-top: 20px;
}

#main ul.sitemapList li ul li {
	min-height: 17px;
	padding-left: 20px;
	margin: 0 0 20px 35px;
	font-weight: normal;
	background: url(../sitemap/images/ico_circle02.png) no-repeat 0 4px;
}


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

#main .contactSec {
	width: 690px;
}

.confirmTit {
	margin-bottom:10px;
	padding:5px 0 5px 10px;
	font-weight:bold;
	font-size:1.1em;
	border-left:2px solid #039bf5;
}