@charset "Shift_JIS"; 		/* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造
2.ヘッダ
3.ナビゲーション
4.コンテンツ
5.汎用スタイルシート
6.トップページ
7.立花の水素水
8.会社概要
9.お問い合わせ
10.水道水について
11.良い水・悪い水の見分け方
12.フッター

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;} /* 各ブラウザの独自解釈をリセット */

/* トップページのみのbody */

body { 
	color:#333333;
	background:#c4e1ff;
	text-align:center; /* IE5.5以前用中央揃え */
	font-size: 0.8em; /* 基本フォントサイズ */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5em; /* 基本の行間 */
}

html{overflow:scroll}

a{ outline:none; }
a img{ border:none;background:transparent;}

a:link {text-decoration: none;color: #0000ff;}
a:visited {text-decoration: none;color: #0000ff;}
a:hover {text-decoration: underline;color: #0000ff;}
a:active {text-decoration: none;color: #0000ff;}


/* 基本ページ幅 */

#wrapper{
	width:1000px;
	margin:0px auto;
	text-align:left;
	background:url(../images/all-back.jpg) repeat-y;
}
	
#container {
	width:816px;
	margin:0px auto;
	text-align:left;
}

#content{ width:776px; margin:0px auto;text-align:justify;
	text-justify: inter-ideograph;}

/* ヘッダ
---------------------------------------------------- */
#header {
	color: #666666;
	width: 816px;
	height:101px;
	background-image: url(../images/header.jpg);
	margin:0px auto;
}

h1 a {
	display:block;
	height:101px;
	width:320px;
	text-indent:-9999px;
	float:left;
}

#head-navigation{ float:right; width:160px;margin-top:78px; margin-right:0px; font-size:80%;}

#head-navigation li {list-style-type:none;display:block;float: left;}

#head-navigation li a{text-decoration:none;float:left; width:80px;}

#head-navigation li a:hover{text-decoration:underline;}

/* ナビゲーション
---------------------------------------------------- */
#navigation{
	width: 776px;
	margin:0px auto;
	clear:both;
}

#navigation li a{text-decoration:none;float: left;}

#navigation li {list-style-type: none;display: block;float: left;}

#navigation strong {visibility: hidden;} /* ナビゲーション文字の非表示 */

#navi01 a{width:194px; background:url(../images/navi01a.jpg) ; height:40px; }
#navi02 a{width:194px; background:url(../images/navi02a.jpg) ; height:40px; }
#navi03 a{width:194px; background:url(../images/navi03a.jpg) ; height:40px; }
#navi04 a{width:194px; background:url(../images/navi04a.jpg) ; height:40px; }

#navi01 a:hover{width:194px; background:url(../images/navi01b.jpg) ; height:40px; }
#navi02 a:hover{width:194px; background:url(../images/navi02b.jpg) ; height:40px; }
#navi03 a:hover{width:194px; background:url(../images/navi03b.jpg) ; height:40px; }
#navi04 a:hover{width:194px; background:url(../images/navi04b.jpg) ; height:40px; }

#navi01-on a{width:194px; background:url(../images/navi01b.jpg) ; height:40px;}
#navi02-on a{width:194px; background:url(../images/navi02b.jpg) ; height:40px; }
#navi03-on a{width:194px; background:url(../images/navi03b.jpg) ; height:40px; }
#navi04-on a{width:194px; background:url(../images/navi04b.jpg) ; height:40px; }

/* コンテンツ
---------------------------------------------------- */

h2{text-indent: -9999px;clear: both;}

h3{text-indent: -9999px;clear: both;}

h4{
	font-size:110%;
	width:650px;
	margin:0px auto;
	padding:2px 0px 2px 5px;
	border-left:4px solid #e90000;
	text-indent:3px; 
	clear:both;
}

#p01-01{background:url(../images/p01-01.jpg); width:776px;height:53px;}
#p01-02{background:url(../images/p01-02.jpg); width:776px;height:53px;}
#p01-03{background:url(../images/p01-03.jpg); width:776px;height:55px;}

#p02-01{background:url(../images/p02-01.jpg); width:776px;height:125px;}
#p02-02{background:url(../images/p02-02.jpg); width:776px;height:58px;}
#p02-03{background:url(../images/p02-03.jpg); width:776px;height:58px;}
#p02-04{background:url(../images/p02-04.jpg); width:776px;height:58px;}
#p02-05{background:url(../images/p02-05.jpg); width:776px;height:58px;}

#p03-00{background:url(../images/p03-00.jpg); width:776px;height:58px;}
#p03-01{background:url(../images/p03-01.jpg); width:776px;height:125px;}
#p03-02{background:url(../images/p03-02.jpg); width:776px;height:58px;}
#p03-03{background:url(../images/p03-03.jpg); width:776px;height:58px;}

#p04-01{background:url(../images/p04-01.jpg); width:776px;height:125px;}

#p05-01{background:url(../images/p05-01.jpg); width:776px;height:125px;}
#p05-02{background:url(../images/p05-02.jpg); width:776px;height:58px;}
#p05-03{background:url(../images/p05-03.jpg); width:776px;height:58px;}
#p05-04{background:url(../images/p05-04.jpg); width:776px;height:58px;}

#p06-01{background:url(../images/p06-01.jpg); width:776px;height:125px;}
#p06-02{background:url(../images/p06-02.jpg); width:776px;height:58px;}


/* 汎用スタイルシート
---------------------------------------------------- */

.red{ color:#FF0000;}

.clear{ clear:both;}

.page-top {
	clear: both;
	text-align:right;
	margin:30px 0px 20px 0px;
}

.orange{ color:#f79905;}


/* トップページ
---------------------------------------------------- */

#flash{ width:760px; height:200px; padding:28px 8px 28px 8px; margin:0px auto; clear:both; background:url(../images/flash-back.jpg);}

.p01-01-p{ padding:0px 10px 25px 10px;}

#wn-table {width: 766px; margin:5px auto 0px auto;}

.icon {width:15px; text-align:left; vertical-align:middle; padding:5px 0px 5px 5px; border-bottom:1px dotted #cccccc;}

.day {width: 80px; text-align:left; vertical-align:top; padding:5px 0px;border-bottom:1px dotted #cccccc;}

.word {width:666px; vertical-align:top; padding:5px 0px;border-bottom:1px dotted #cccccc;}

/* 立花の水素水
---------------------------------------------------- */

.p02-02-p{ padding:5px 10px 25px 10px;}

.p02-03-p{ 
	float:right;
	width:500px;
	padding-right:10px;
	margin:5px 0px;
	line-height: 2.0em;
	padding-bottom:10px;
	
}

.p02-03-p strong {
	border-left:4px solid #f79905;
	background:#f9f9f9; padding-left:5px; 
}



.p02-img-left{ float:left;}

.p02-dl{ width:500px;padding-right:10px;
	margin:5px 0px;
	padding-bottom:10px; float:right;}

.p02-dt{
	width:223px;
	border-left:4px solid #f79905;
	background:#f9f9f9;
	margin:0px 5px 10px 0px;
	text-indent:10px;
	float:left;
	clear:left;
}

.p02-dd{ margin-bottom:20px;}

/* 会社概要
---------------------------------------------------- */

.p03-00-p{ padding:0px 10px 25px 10px;}

.company-dl{ width:746px; margin:10px auto 0px auto;}

.company-dt{
	width:125px;
	border-left:4px solid #f79905;
	background:#f9f9f9;
	margin:0px 5px 10px 0px;
	text-indent:10px;
	float:left;
	clear:left;
}

.company-dd{ margin-bottom:20px;}

.map{ float:right; margin-top:10px; padding-left:20px;}

.p03-dl{float:left; width:150px; padding-left:10px;}

.p03-dt{
	width:180px;
	border-left:4px solid #f79905;
	margin:5px 5px 3px 3px;
	text-indent:10px;
}

.p03-dd{ margin-bottom:20px;border-bottom:1px solid #dddddd; width:180px;}

.p03-map-button{ clear:both; text-align:right; padding-top:20px;}

/* お問い合わせ
---------------------------------------------------- */

.p04-02-p{ padding:20px 10px 10px 10px;}

.contact-table {
	width:756px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

.main{
	width:180px;
	padding:5px;
	border-bottom:1px dotted #0099FF;
	background:#f8f8f8;
}

.sub{
	width:556px;
	padding:5px;
	border-bottom:1px dotted #0099FF;
}

.contact-title{
	font-size:11pt;
	text-align:center;
	border-bottom:2px solid #0099FF;
	background:#efefef;
}

.form00-on{width:150px;ime-mode: active;}
	
.form00-off{width:150px;ime-mode: inactive;}

.form01-on{width:250px;ime-mode: active;}

.form01-off{width:250px;ime-mode: inactive;}

.form02-on{width:300px;ime-mode: active;}

.form03-on{width:80px;ime-mode:inactive;}

.form02-off{width:300px;ime-mode: inactive;}
	
.form03{width:300px;ime-mode:active;height:100px}

#submit-button{ text-align:center; margin-top:20px;}

/* 水道水について
---------------------------------------------------- */

.p05-left-p{ padding:5px 20px 10px 10px; float:left; width:480px;}

.p05-img-right{ float:right; padding-right:10px; padding-bottom:20px; padding-top:5px;}


/* 良い水・悪い水の見分け方
---------------------------------------------------- */

.p06-02-p{ padding:5px 10px 10px 10px;}

.p06-02-middle{ border-left:4px solid #f79905;width:752px; padding:3px 0px; text-indent:5px; font-weight:bold; background:#f9f9f9; margin:0px auto;}

#p06-img-center{ text-align:center; width:756px; margin:0px auto;}



/* フッター
---------------------------------------------------- */

#foot-menu{ text-align:center; font-size:75%; margin-bottom:3px; width:776px;}

#foot-menu li{ display:inline; margin-right:1em; border-left:1px solid #666666; padding-left:11px;}

#foot-menu li a{ color:#333333;}

#foot-menu06{ padding-right:1em; border-right:1px solid #666666;}

#footer{ background:url(../images/footer.jpg) ; width:776px; height:34px; margin:0px auto;}
#footer p{ visibility: hidden;}