@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,900&subset=japanese');



/*水道子メーター管理社：サイト全体
----------------------------------------------*/
body {
	margin: 0px;padding: 0px;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	line-height: 2;	
	background: #fff;
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,hr {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 65px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}


/*リンク設定
----------------------------------------------*/
a {
	color:#004DA1;	
}
a:hover {
	color: #006CE3;
	text-decoration: underline;
}

a:hover img {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

/*コンテナ
----------------------------------------------*/
#container {
	margin: 0px auto;
	max-width: 1160px;
}

/*トップライン
----------------------------------------------*/
#topline {
	font-size: 14px;
	height: 30px;
	color: #FFF;
	background-color: #004DA1 !important;
	padding: 3px;
}


/*ヘッダー
----------------------------------------------*/
header {
	height: 120px;	
	margin-bottom: 30px;	
	background-color: #FFFFFF !important;
}

header .inner {
	position: relative;
	max-width: 1160px;
	margin: 0 auto;
}

#logo img {
	width: 570px;	
	padding: 10px 0px 0px 20px;	
	float: left;	
}

/*ヘッダーの電話番号*/
#toptel {
	position: absolute;
	right: 3%;
	top: 0px;
	width: 340px;
	background: #fff;
	line-height: 75px;
	padding: 10px 0px;
}

#toptel img.sp_icon{
	display: none;
}

/*メインメニュー
----------------------------------------------*/
#menubar {
	float: left;
	width: auto;
	margin: 20px 0px 10px 0px;
}
#menubar ul {
	overflow: hidden;
	border-right: 1px dashed #666;
}
/*メニュー*/
#menubar li {
	float: left;	
	text-align: center;
	width: 190px;
	border-left: dashed 1px #666;
	padding-right: 0.15rem;
	padding-left: 0;
}

#menubar li.contact {
	float: left;	
	text-align: center;
	width: 380px;
	border-left: dashed 1px #666;
	padding-right: 0.15rem;
	padding-left: 0;
}

#menubar a {
	display: block;
	text-decoration: none;
	padding: 0 10px;
	line-height: 45px;	
	border-right: 1px dashed #fff;	
	border-right: 1px dashed rgba(255,255,255,0.2);
	color:#666;	
}
#menubar a:hover {
	color:#666;
}

/*モバイルメニュー非表示*/
#menubar-s {
	display: none;
}

#menubar_hdr {
	display: none;
}


/*メインコンテンツ
----------------------------------------------*/
#main {
	float: left;	
	width: 74%;
	padding-bottom: 30px;
}
/*１カラム時のメインコンテンツ*/
.c1 #main {
	float: none;
	width: 100%;
}
/*mainコンテンツのh2タグの設定*/
#main h1{
position: relative;
padding: 0.5em;
background:#004DA1;
color: #FFF;
margin-top: 15px;
margin-bottom: 25px;
}

#main h1::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

#main h2 {
	clear: both;
	font-size: 16px;
	margin-bottom: 15px;
	color: #FFF;	
	padding: 7px 15px;
	background:#004DA1;	
	background: url(../img/title_bg01.png) no-repeat right top, linear-gradient(#004DA1,#004DA1);
}
/*mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 4px 15px;
	border: solid 1px #ccc;
	background: -webkit-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
}
/*pタグ設定*/
#main p {
	padding: 0px 15px 14px;	
}
#main h2 + p,
#main h3 + p {
	margin-top: -5px;
}

/*吹き出し
----------------------------------------------*/
/*黄色バック黒文字の設定*/
.balloon{
	position: relative;
	background: #F7DE0F;
	padding: 0.5em;
	text-align: center
}

.balloon:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #F7DE0F 
	transparent transparent transparent;
	border-width: 20px 20px 0 20px;
}

.balloon h1 {
	font-size: 32px;
	font-weight: 900;
}

/*青バック白文字+アイコンの設定*/
.balloon2{
	position: relative;
	background: #00479D;
	padding: 0.5em;
	text-align: center
}

.balloon2:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #00479D	transparent transparent transparent;
	border-width: 20px 20px 0 20px;
}

.balloon2 h1.top {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 900;
	margin-left: 100px;
}

.balloon2 img.icon {
	float: left;
	position: absolute;
	top:-25px;
	left:20px;
}


/*青バック白文字+アイコンの設定 止水栓用*/
.balloon2 h1.stop {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 900;
}

.balloon2 img.icon2 {
	float: left;
	position: absolute;
	top:-25px;
	left:20px;
}

/*青バック白文字のみ設定*/
.balloon3{
	position: relative;
	background: #00479D;
	padding: 0.5em;
	text-align: center
}

.balloon3:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #00479D	transparent transparent transparent;
	border-width: 20px 20px 0 20px;
}

.balloon3 h1 {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 900;
}

/*白バック青文字のみ設定*/
.balloon4{
	position: relative;
	background: #FFFFFF;
	padding: 0.5em;
	text-align: center
}

.balloon4:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #FFFFFF	transparent transparent transparent;
	border-width: 20px 20px 0 20px;
}

.balloon4 h1 {
	color: #00479D;
	font-size: 32px;
	font-weight: 900;
}




/*料金表ベース
----------------------------------------------*/
#kakaku{
	background: #EFEFEF;
	padding: 2em 4em 2em 4em;
	text-align: center;
}

/*交換期限ベース
----------------------------------------------*/
#kigen{
	background: #D3EDFB;
	overflow: hidden;
}


#kigen div.fl	{
	float: left;
	width: 30%;
}

#kigen div.fr {
	float: right;
	width: 69%;}

#kigen ul {
	background: #D3EDFB;
	width: 100%;
}

#kigen li {
	position: relative;
	display: inline-block;
	width: 90%;
	background: #FFFFFF;
	margin: 15px;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#kigen li p{
	display: inline-block;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	margin: 10px 10px 10px 50px;
}

.circle {	
	position: absolute;
	top:-10px;
	left:-20px;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #00479D;
}

.circle span.ctxt {
font-size: 18px;
font-weight: 900;
line-height: 1.2;
color: #FFFFFF;
position: absolute;
display: inline-block;
left: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width : 80px;
text-align: center;
}

.circle span.ctxt span.big{
	font-size: 26px;
	font-weight: 900;
	color: #FFFFFF;
	text-align:center;
}

/*安心安全ベース
----------------------------------------------*/
#anshin{
	background: #F7DE0F;
	text-align: center;
}

#anshin ul {
	padding: 50px 0 0 0 ;
	position: relative;
}

#anshin li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	background: #FFFFFF;
	margin: 10px 10px 20px 10px;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#anshin li p{
	text-align: left;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	margin: 10px;
}


/*流れベース
----------------------------------------------*/
#flow{
	background: #EFEFEF;
	padding: 2em 2em 2em 2em;
	text-align: center;
}

#flow h1{
	color: #00479D;
	font-size: 32px;
	font-weight: 900;
	text-align: left;
	padding: 0 0 10px 0;
}

#flow h1 span {
	font-size: 40px;
}

#flow ul {
	padding: 10px 0 0 0 ;
	position: relative;
}

#flow li {
	display: inline-block;
	vertical-align: top;
	width: 21%;
	height: 80px;
	margin: 10px;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
}

/*お客様の声ベース
----------------------------------------------*/
#voice{
	background-image: url(../img/voice_back.jpg);
	background-repeat: repeat;
	overflow: hidden;
}

#voice div.fl {
	float: left;
	width: 35%;
}

#voice div.fr {
	float: right;
	width: 64%;
}

#voice ul {
}

#voice li {
	display: inline-block;
	width: 305px;
	padding: 40px 10px 10px 10px;
}

#voice img.btan {
	padding: 20px 0px 10px 0px;
}

#voice_page {
	background-image: url(../img/voice_back.jpg);
	background-repeat: repeat;
	overflow: hidden;
	text-align: center;
}

#voice_page ul {
	padding: 50px 0 0 0 ;
	position: relative;
}

#voice_page li {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	background: #FFFFFF;
	margin: 10px 10px 20px 10px;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#voice_page li p{
	text-align: left;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	margin: 10px;
}

/*対応エリアベース
----------------------------------------------*/
#area{
	background: #EFEFEF;
	padding: 2em 2em 2em 2em;
	text-align: center;
 overflow: hidden;
}

#area p{
	color: #00479D;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	margin: 10px 10px 10px 10px;
}

#area p.right{
	text-align: right;
}

/*スタッフブログベース
----------------------------------------------*/
#blog{
	background: #FFFFFF;
	padding: 1em;
	text-align: left;
	overflow: hidden;
	margin: 0px 0px 40px 0px;
}

#blog #feed p{
	font-size: 16px;
	line-height: 1.5;
	margin: 10px 10px 10px 10px;
}

/*スタッフブログ読み込み*/
#blog #feed dl {
}
/*日付設定*/
#blog #feed	dt {
	float: left;
	width: 9em;		/*幅*/
	background: url(../img/icon_blog.png)	no-repeat;
	letter-spacing: 0.1em;
	padding-left: 2.5em;
}
/*記事設定*/
#blog #feed dd {
	padding-left: 9em;
}

/*汎用ベース
----------------------------------------------*/
#base_center {
	background: #FFF;
	padding: 2em 2em 2em 2em;
	text-align: center;
  overflow: hidden;
}


/*PAGE TOP設定
----------------------------------------------*/
#pagetop a {
	clear: both;
	color: #FFF;
	font-size: 25px;
	padding: 0px 20px;
	margin: 10px;
	background: #0080FF;
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 30px;
}

#pagetop a:hover {
	background-color:#004DA1;
	color: #FFF;
}

/*アンダー部分設定
----------------------------------------------*/
#under_menu {
	clear: both;
	color: #FFF;
	text-align: left;
	background:	#EFEFEF;
	padding: 0px 0px 50px 0px;	
}

#under {
	clear: both;
	color: #FFF;
	text-align: left;
	background:	#EFEFEF;
	padding: 0px 0px 30px 0px;	
	overflow: hidden;
}

#under_left {
	float: left;
	width: 60%;
}

#under_left img.logo {
	padding: 20px 0px 0px 0px;
}

#under_right {
	float: right;	
	width: 35%;
	text-align: center;
	padding: 20px 0px 0px 0px;
}


/*フッター設定
----------------------------------------------*/
footer {
	clear: both;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	background:	#004DA1;
	padding: 10px;
}

#footer_left {
	float: left;
	width: 40%;
}

#footert_left img.logo {
	width: 270px;	
	margin-top: 20px;
}

#footer_right {
	float: right;	
	width: 50%;
	text-align: center;
	padding: 20px 0px 0px 0px;
}


/*トップの新着情報
----------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	padding-left: 5px;
	margin-bottom: 15px;
}

#new dt {
	font-weight: bold;
	float: left;
	width: 8em;
}

#new dd {
	padding-left: 8em;
}

/*テーブル
----------------------------------------------*/

/*ta1設定*/
.ta1 {
	width: 96%;
	margin: 0 auto 15px;
}
 .ta1 td	{
	background: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #333;
	text-align: center;
	padding: 10px;	
	word-break: break-all;
}

 .ta1 .td2	{
	background: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #333;
	text-align: left;
	padding: 10px;	
	word-break: break-all;
}

.ta1 th {
	background: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #333;
	padding: 10px;
	text-align: center;
	word-break: break-all;
}

/*テーブル１行目のタイトル*/
.ta1 td.head {
	font-size: 24px;
	font-weight: 900;
  background: #EFEFEF;
	border: none;
}


.ta1 th.tatitle1 {
	width: auto;
	font-size: 18px;
	color: #FFFFFF;
	background: #009E96;
}
.ta1 td.tatitle2 {
	width: auto;
	background: #FFF;
}

.ta1 td.comment {
	background: #EFEFEF;
	border: none;
	text-align: right;
	font-size: 14px;
}

.ta1 td.comment_l {
	background: #EFEFEF;
	border: none;
	text-align: left;
	font-size: 14px;
}


/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;	/*幅*/
	text-align: center;	/*センタリング*/
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}

/*プライバシーポリシー
----------------------------------------------*/
/*ブロック全体*/

section.policy ul{
	margin:20px 0 0 30px;
}
section.policy ul li{
	list-style:outside decimal;
	font-size:0.95em;
	line-height:140%;
	margin:10px 0 0 0;
}
section.policy ul li ul{
	margin:15px 0 10px 10px;
}
section.policy ul li ul li{
	list-style:outside none;
	margin-left:20px;
	text-indent:-1.5em;
}
section.policy ul.child{
	margin:15px 0 0 10px;
}
section.policy ul.child li{
	list-style:outside none;
	margin-left:45px;
	text-indent:-1.7em;
}
section.policy p.tR{
	margin:30px 0 0 0;
	font-size:0.95em;
	line-height:140%;
	text-align:right;
}



/*トップページのNEWアイコン
----------------------------------------------*/
.newsicon {
	background: #FF8000;
	color: #FFF;
	font-size: 12px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}

/*その他
----------------------------------------------*/
.look {color:#fff;background:#004DA1;padding:5px;border-radius: 4px;}
.mt15,.mt1em {margin-top: 15px;}
.mt30,.mt2em {margin-top: 30px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb30,.mb2em {margin-bottom: 30px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color:#004DA1;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
img.fl_icon {float: left;margin-right: 10px;margin-bottom: 10px;}

br.sp {
	display: none;
}
.big1 {
	color: #EA5550;
	font-size: 24px;
	font-weight: 900;
}
.big2 {
	color: #EA5550;
	font-size: 20px;
}
.big3 {
	color:#C90600;
	font-size: 32px;
	font-weight: 900;
}

.mini1 {font-size: 11px;}
.bold {
	font-weight: 900;
}
.sh {display: none;}

hr{
	border: 0;
	border-top: solid 1px #333;
	height:1px;
	margin: 0 0 20px 0;
}
.clear{
	clear: both;
 }

.clearfix::after{
	content: "";
	section: "";
	display: block;
	clear: both;
}



/*画面幅1150px以下の設定
=======================================================================================================*/
@media screen and (max-width:1150px){
	
/*コンテナ
----------------------------------------------*/
#container {
	max-width: 1150px;
	margin: 0px 2%;
}

/*ヘッダー
----------------------------------------------*/
header {
	height: 80px;	
	margin-bottom: 10px;	
	background-color: #FFFFFF !important;
}

#logo img {
	width: 400px;	
	padding: 15px 0px 0px 20px;	
	float: left;	
}

/*ヘッダーの電話番号*/
#toptel {
	position: absolute;
	
	right: 12%;
	top: 0px;
	width: 250px;
	background: #fff;
	line-height: 60px;
	padding: 10px 0px 0px 0px;	
}

/*メインメニュー
----------------------------------------------*/
#menubar-s {
	margin-bottom: 30px;
	overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	text-align: center;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 1%;
}
#menubar-s a {
	font-size: 16px;
	display: block;
	text-decoration: none;
	line-height: 60px;
	text-align: center;
	border: 1px solid #004DA1;
	padding: 10px 10px;
}
#menubar-s li:nth-child(even) {
	margin-right: 0;
}
/*モバイルメニュー表示*/
#menubar-s {
	display: block;
}
/*PCメニューを非表示*/
#menubar {
	display: none;
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 50px;	
	right: 30px;	
	width: 30px;
	border: 1px solid #004DA1;
	padding: 12px 10px 5px;
}

#menubar_hdr span {
	display: block;
	border-top: 3px solid #004DA1;
	margin-bottom: 7px;	
}

/*main,subコンテンツ
----------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	overflow: hidden;
}
	

/*吹き出し
----------------------------------------------*/
/*黄色バック黒文字の設定*/
.balloon{
	padding: 0.1em;
}

.balloon h1 {
	font-size: 26px;
}

/*青バック白文字+アイコンの設定*/
.balloon2{
	padding: 0.1em;
}

.balloon2 h1.top {
	font-size: 26px;
}

.balloon2 img.icon {
	width: 80px;
	top:-15px;
	left:0px;
}
	
/*青バック白文字+アイコンの設定 止水栓用*/
.balloon2 h1.stop {
	font-size: 26px;
}

.balloon2 img.icon2 {
	width: 80px;
	top:-15px;
	left:0px;
}


/*青バック白文字のみ設定*/
.balloon3{
	padding: 0.1em;
}

.balloon3 h1 {
	font-size: 26px;
}

/*白バック青文字のみ設定*/
.balloon4{
	padding: 0.1em;
}

.balloon4 h1 {
	font-size: 26px;;
}
	
/*交換期限ベース
----------------------------------------------*/
#kigen li {
	position: relative;
	display: inline-block;
	width: 85%;
	background: #FFFFFF;
	margin: 15px;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	
#kigen li p{
	font-size: 14px;
	margin: 10px 10px 10px 30px;
}

.circle {	
	width: 60px;
	height: 60px;
}

.circle span.ctxt {
	font-size: 16px;
	width :60px;
}

.circle span.ctxt span.big{
	font-size: 22px;
}
	
/*安心安全ベース
----------------------------------------------*/
#anshin li p{
	text-align: left;
	background: #FFFFFF;
	font-size: 14px;
	line-height: 1.5;
	margin: 10px;
}


/*お客様の声ベース
----------------------------------------------*/

#voice li {
	display: inline-block;
	width: 45%;
	padding: 40px 10px 10px 10px;
}

#voice img.btan {
	width: 90%;
	padding: 20px 10px 20px 10px;
}

/*対応エリアベース
----------------------------------------------*/
#area p{
	font-size: 14px;
}


/*スタッフブログベース
----------------------------------------------*/
#blog #feed p{
	font-size: 14px;
}

/*スタッフブログ読み込み*/
#blog #feed dl {
	line-height: 2.5;
	font-size: 14px;
}


	

/*その他
----------------------------------------------*/
body.s-n #sub {
	display: none;
}

.big2 {
	color: #EA5550;
	font-size: 16px;
}


}

/*画面幅600px以下の設定
=======================================================================================================*/
@media screen and (max-width:600px){
	
/*トップライン
----------------------------------------------*/
#topline {
	font-size: 14px;
	height: 45px;
	color: #FFF;
	line-height: 1.5;
}

/*ヘッダー
----------------------------------------------*/
header {
	margin-bottom: 10px;	
}

#logo img {
	width: 70%;	
	padding: 20px 0px 0px 20px;	
	float: left;	
}

/*ヘッダーの電話番号*/
#toptel {
	position: absolute;
	right: 80px;
	top: 8px;
	width: 50px;
}
	
#toptel img.pc_tel {
	display: none;
}
#toptel img.sp_icon {
	display:block;
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	right: 15px;
	top: 70px;	
}
	
/*料金表ベース
----------------------------------------------*/
#kakaku{
	background: #EFEFEF;
	padding: 2em 1em;
	text-align: center;
}

/*交換期限ベース
----------------------------------------------*/
#kigen div.fl	{
	float: none;
	width: 90%;
	margin: 1em;
}

#kigen div.fr {
	float: none;
	width: 92%;
	margin: 1em;
	}

#kigen li {
	width: 85%;
}

#kigen li p{
	font-size: 12px;
	margin: 10px 10px 10px 30px;
}

.circle {	
	width: 60px;
	height: 60px;
}

.circle span.ctxt {
	font-size: 14px;
	width :60px;
}

.circle span.ctxt span.big{
	font-size: 22px;
}

/*安心安全ベース
----------------------------------------------*/
#anshin ul {
	padding: 30px 0 0 0 ;
}

#anshin li {
	display: inline-block;
	width: 80%;
	margin: 10px;
	padding: 10px;
}

#anshin li p{
	font-size: 12px;
	line-height: 1.5;
	margin: 10px;
}

	
/*流れベース
----------------------------------------------*/
#flow{
	padding: 1em;
}

#flow h1{
	font-size: 16px;
}

#flow h1 span {
	font-size: 24px;
}

#flow ul {
	padding: 10px 0 0 10px ;
	position: relative;
}

#flow li {
	display: block;
	vertical-align: top;
	width: 90%;
	height: auto;
	font-size: 12px;
	line-height: 1.5;
	display: list-item;
	list-style-type: decimal;
}

/*お客様の声ベース
----------------------------------------------*/
#voice  {
	text-align: center;
}

#voice div.fl {
	float: none;
	width: 100%;
}

#voice div.fr {
	float: none;
	width: 90%;
}

#voice ul {
}


#voice li {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 15px;
}

#voice img.btan {
	padding: 10px 10px 10px 30px;
}

#voice_page ul {
	width: 100%;
	padding: 30px 0 0 0 ;
}

#voice_page li {
	display: inline-block;
	width: 85%;
	margin: 10px auto;
	padding: 10px;
}

#voice_page li p{
	font-size: 14px;
	line-height: 1.3;
}


/*対応エリアベース
----------------------------------------------*/
#area{
	padding: 1em;
}


  
/*汎用ベース
----------------------------------------------*/
#base_center {
	padding: 1em;
}

  
/*テーブル
----------------------------------------------*/

/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 5px;
}
 .ta1 td	{
	padding: 10px 5px 10px 5px;	
}

 .ta1 .td2	{
	padding: 10px 5px 10px 5px;	
}

/*テーブル１行目のタイトル*/
.ta1 td.head {
	font-size: 16px;
}

.ta1 th.tatitle1 {
	font-size: 13px;
}

.ta1 td.comment {
	font-size: 11px;
}

.ta1 td.comment_l {
	font-size: 11px;
}




/*その他
----------------------------------------------*/
br.sp {
	display: inline;
}

}



/*画面幅480px以下の設定
=======================================================================================================*/
@media screen and (max-width:480px){

/*全体の設定
----------------------------------------------*/
body {
	font-size: 12px;
	line-height: 1.5;
}

/*トップライン
----------------------------------------------*/
#topline {
	font-size: 12px;
	height: 35px;
}

	
/*ヘッダー
----------------------------------------------*/
header {
	height: 70px;
}
	
#logo img {
	width: 65%;	
	float: left;	
}

/*ヘッダーの電話番号*/
#toptel {
	position: absolute;
	right: 60px;
	top: 8px;
	width: 40px;
}

/*メインメニュー
----------------------------------------------*/
/*メニューブロックの設定*/

#menubar-s li {
	float: none;
	width: 100%;
	margin-right: 0;
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 60px;	
	right: 10px;	
	width: 20px;
	border: 1px solid #004DA1;
	padding: 8px 8px 5px;
}

#menubar_hdr span {
	display: block;
	border-top: 3px solid #004DA1;
	margin-bottom: 5px;	
}

/*吹き出し
----------------------------------------------*/
/*黄色バック黒文字の設定*/
.balloon{
	padding: 0.3em;
}

.balloon h1 {
	font-size: 16px;
}

/*青バック白文字+アイコンの設定*/
.balloon2{
	padding: 0.3em;
}

.balloon2 h1.top {
	font-size: 16px;
}

.balloon2 img.icon {
	width: 100px;
	top:-15px;
	left:10px;
}

/*青バック白文字+アイコンの設定 止水栓用*/
.balloon2 h1.stop {
	font-size: 16px;
}

.balloon2 img.icon2 {
	width: 60px;
	top:-15px;
	left:0px;
}

/*青バック白文字のみ設定*/
.balloon3{
	padding: 0.3em;
}

.balloon3 h1 {
	font-size: 16px;
}

/*白バック青文字のみ設定*/
.balloon4{
	padding: 0.3em;
}

.balloon4 h1 {
	font-size: 16px;;
}

/*スタッフブログベース
----------------------------------------------*/
#blog #feed	dl {
	padding-bottom: 1em;
}
	
/*日付設定*/
#blog #feed	dt {
	width: 95%;		/*幅*/
}
/*記事設定*/
#blog #feed dd {
	padding: 0 1em 1em 2em;
	width: 95%;		/*幅*/
	line-height: 1.2;
}

/*フッター設定
----------------------------------------------*/
footer {
	color: #FFF;
	text-align: left;
	background: #004DA1;
	background-image: url("../img/footer_back.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:100% 100%;
	padding: 0px 0px 50px 0px;	
	overflow: hidden;
}

#copyright_left {
	float: left;
	width: 100%;
}

#copyright_left img.logo {
	width: 220px;	
	margin-top: 20px;
}

#copyright_map {
	float: right;	
	width: 100%;
	text-align: center;
	padding: 20px 0px 0px 0px;
}

#copyright_map iframe {
	width: 100%;
	}


/*フッターメニュー
----------------------------------------------*/
/*ボックス全体*/
#footermenu {
	display: none;
}



/*トップページ新着情報
----------------------------------------------*/
#new dl{
	padding-left: 5px;
	margin-bottom: 15px;
}

#new dt {
	font-size: 10px;
	font-weight: bold;
	float: left;
	width: 6em;
}

#new dd {
	padding-left: 6em;
}

/*トップページのNEWアイコン
----------------------------------------------*/
.newsicon {
	background: #FF8000;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px 0 0;
}


/*その他
----------------------------------------------*/
.ws,.wl {width: 95%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.sh {display: block;}
.pc {display: none;}
.big1 {
	font-size: 14px;
}
.big2 {
	font-size: 14px;
}
.big3 {
	font-size: 14px;
}

}



/*画面幅360px以下の設定
=======================================================================================================*/
@media screen and (max-width:360px){

/*ヘッダー（ロゴが入った最上段のブロック）
----------------------------------------------*/
/*ロゴ画像*/
#logo img {
	padding: 26px 0px 0px 10px;	
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	right: 15px;
}
	


}