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

#guide {
	color:#fff;
}
#guide a {
	color:#fff;
	text-decoration:underline;
}
#guide_b {
	color:#000;
}
#guide_b a {
	color:#000;
	text-decoration:underline;
}
/*背景イメージ*/
body{
	background-image: url(../images/bg_A1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body#clean_air {
	background-image: url(../images/bg_cleanair.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*ユニバーサルナビ位置調整*/
#universal_nav{
	margin:0px auto 10px;
	width: 975px;
	display: block;
}
#universal_nav2{
	margin:0px auto 10px;
	width: 975px;
	display: block;
	overflow:hidden;
}

/*メニューとアンカーボックスの重なり順設定*/
#group1 {
	position:relative;
	z-index:30;
}
#mouseover_box {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
}



/*コンテンツ　水ロゴからの位置*/
#contents {
	margin-right: auto;
	margin-left: auto;
	width: 954px;
	margin-top: 10px;
}
#contents2 {
	margin-right: auto;
	margin-left: auto;
	width: 954px;
	margin-top: 30px;
}
#tab_menu {
	width:696px;
	margin:0 auto;
	overflow:hidden;
	
}
#tab_menu a{
	display:block;
	float:left;
}
#tab_menu2 {
	width:630px;
	margin:0 auto;
	overflow:hidden;
	
}
#tab_menu2 a{
	display:block;
	float:left;
}
#tab_menu_price {
	width:680px;
	margin:0 auto;
	overflow:hidden;
	
}
#tab_menu_price a{
	display:block;
	float:left;
	padding:0px;
}
.text_water_100 {
	padding:25px;
	line-height:1.8em;
	font-size:110%;
}


/*左コンテンツエリア*/

#left {
	width: 700px;
	float: left;
	margin-bottom:10px;
}
.left_text_box {
	padding:25px 50px;
	line-height:1.8em;
	font-size:110%;
}
.left_center_box {
	width:640px;
	clear: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.left_center_under {
	width:520px;
	clear: left;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background:#FFF;
	border:#999999 solid 1px;
	padding:50px;
	font-size:100%;
	line-height:1.6em;
}

.left_center_under2 {
	width:600px;
	clear: left;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background:#FFF;
	border:#999999 solid 1px;
	padding:30px;
	font-size:100%;
	line-height:1.6em;
}
.left_center_under3 {
	width:600px;
	clear: left;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background:#FFF;
	border:#999999 solid 1px;
	padding:30px 20px;
	font-size:100%;
	line-height:1.6em;
}

/*過去NEWS用*/
.left_center_under4 {
	width:600px;
	clear: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background:#FFF;
	border:#999999 solid 1px;
	padding:15px;
	font-size:100%;
	line-height:1.6em;
}



/*角丸ボックス-白*/
.kakumaru_box {
	background:url(../images/box_back_center.png) repeat-y;
	overflow:hidden;
	margin:0px auto;
}
.text_kakumaru_box {
	padding:20px 35px 20px 10px;
	width:400px;
	line-height:1.7em;
	float:right;
}
.image_kakumaru_box {
	float:left;
	padding-left:7px;
	position: fixed;
	background-position: bottom;
}

/*角丸ボックス-緑*/
.kakumaru_box_green {
	background:url(../images/b_box_back_center.png) repeat-y;
	overflow:hidden;
	padding: 20px 35px 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.box_green {
	padding: 20px 35px 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#1CD679;
	border: #999 1px solid;
	overflow:hidden;
}
	



/*ビジネス　角丸ボックス*/

.kakumaru_image1 {
	background-image:url(../images/business_box_image1.jpg);
	background-repeat: no-repeat;
	background-position: 3px -5px;
	overflow:hidden;
	width:633px;
	margin-left:8px;
	margin-bottom:8px;
}
.kakumaru_image2 {
	background-image:url(../images/business_box_image2.jpg);
	background-repeat: no-repeat;
	background-position: 3px -15px;
	overflow:hidden;
	width:633px;
	margin-left:8px;
	margin-bottom:15px;
}
.kakumaru_image3 {
	background-image:url(../images/business_box_image3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	width:633px;
	margin-left:8px;
}
.waku_1 {
	width:500px;
	float:right;
	overflow:hidden;
	background-color:#DFFEEB;
	margin-top:20px;
	padding:2px;
	border: 1px solid #666;
}
.waku_1_text {
	padding:0px 15px 10px;
	line-height: 1.4em;
}
.waku_img {
	float:left;
	margin-top:20px;
}

/*ビジネス　右サイドエリア*/
.white_box {
	background-color:#FFFFFF;
	border:1px solid #999;
	padding:2px;
}
.white_box_text {
	margin:10px;
	line-height:1.4em;
}
.white_box img {
	padding-bottom:2px;
}

/*料金　0円エリア*/
.sonota {
	overflow:hidden;
}
.area_3 {
	width:630px;
	margin:0px auto;
	overflow:hidden;
}
.en_right {
	width:383px;
	float:right;
	padding:0px 15px 5px 5px;
}
.en_left {
	width:215px;
	float:left;
	padding:0;
}
.en_area {
	width:620px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
}
.en_text {
	padding:20px;
	line-height:1.5em;
	font-size:113%;
}
.price_3_area {
	width:600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.price_3_area dl {
	width:90%;
	margin:0px auto 10px;
	line-height:20px;
}
.price_3_area dt {
	float:left;
	width:200px;
	color:#33CC33;
	clear:left;
	margin-top:10px;
}
.price_3_area dl dd {
	padding-top:20px;
	border-bottom: 1px solid #ccc;
	height:auto;
	padding-bottom: 15px;
	padding-left: 220px;
}
.order_3_area {
	width:600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.order_3_area dl {
	width:90%;
	margin:0px auto 10px;
	line-height:20px;
}
.order_3_area dt {
	float:left;
	width:200px;
	color:#33CC33;
	clear:left;
	margin-top:10px;
}
.order_3_area dl dd {
	padding-top:20px;
	border-bottom: 1px solid #ccc;
	height:auto;
	padding-bottom: 15px;
	padding-left: 180px;
}
ul.water_price {
	margin-bottom:10px;
}
#price_other1 {
	width:45%;
	float:left;
	padding:0px 15px;
}
#price_other2 {
	width:45%;
	float:left;
	padding:0px 10px;
}
img.pad {
	padding:10px;
}


/*料金　その他*/
.syurui {
	background:url(../how-to-order/images/shizuku.gif) no-repeat left center;
	height:50px;
	text-indent:50px;
	width: 550px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 55px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 150%;
	display: block;
}
.houhou1 {
	padding: 35px 0px 5px 95px;
	width: 529px;
	height: 300px;
	background-image: url(../how-to-order/images/houhou_back1.jpg);
	background-repeat: no-repeat;
	margin: 0px 5px;
}
.houhou2 {
	width: 529px;
	height: 70px;
	background-image: url(../how-to-order/images/houhou_back2.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 95px;
}
.houhou3 {
	width: 529px;
	height: 96px;
	background-image: url(../how-to-order/images/houhou_back2.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 95px;
}
.kakumaru_box2 {
	background:url(../images/box_back_center.png) repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 20px;
}
.text_kome {
	padding:15px 0px 10px;
	line-height:1.5em;
}
.houhou_title_text {
	font-size:200%;
	color:#0066FF;
	padding-left: 15px;
}
dl.matome {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}
dl.matome dt {
	float:left;
	padding-right:20px;
	margin-top:10px;
	clear:left;
}
dl.matome dd {
	padding:30px 0px 10px;
	font-size:120%;
	border-bottom: 1px dotted #999;  
}
.matome_img {
	padding:30px 0px 0px 2px;
}
#left_order {
	position:relative;
	width: 700px;
	float: left;
	margin-bottom:10px;
	z-index:10;　/*メニューとの重なり調整用*/
}
img.hamidashi_1 {
	position:absolute;
	left:-36px;
}
.kakumaru_box_ribbon {
	background:url(../images/box_back_center.png) repeat-y;
	overflow:hidden;
	margin:50px auto 0px;
}
.box_left {
	width:280px;
	height:378px;
	padding:53px 20px 10px;
	float:left;
	background-image: url(../how-to-order/images/order_2box_left.png);
	background-repeat: no-repeat;
}
.box_right {
	background:url(../how-to-order/images/order_2box_right.png) no-repeat;
	width:280px;
	height:378px;
	padding:53px 20px 10px;
	float:right;
}

/*クリーンエアー用（server.cssより転記）*/
.honbun_box {
	margin:5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.eco_img2 {
	float:left;
	clear:left;
	padding:10px 20px;
}
.honbun_box {
	margin:5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
h2.server_titlebar {
	background:url(../water-server/images/server_titlebar.jpg) no-repeat;
	width:700px;
	height:40px;
	text-indent:2em;
	font-size:150%;
	color:#fff;
	line-height: 42px;
}

.waku2 {
	border:#CCCCCC solid 1px;
	background-color:#FCFBF1;
	padding:10px;
}

table.kakaku {
	padding:6px;
	font-size:95%;
}

/*安心ページ用*/
.safety_top_waku {
	background-color:#fff3f3;
	border:solid 1px #FF6699;
	padding:10px;
	overflow: hidden;
	line-height: 1.8em;
}

ul.pdf_list {
	width:520px;
	clear: left;
	margin-left: 35px;
}
ul.pdf_list li {
	display:block;
	width:125px;
	height:20px;
	float:left;
	background-image: url(../images/icon_3g_24.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
}
ul.pdf_list a {
	color:#333;
}
.safe_kako {
	background:url(../images/safe_check_s.png) left center no-repeat;
	text-indent:35px;
	height:30px;
	line-height:30px;
}
.seisekisyo {
	padding-left:35px;
}

/*=======FAQ========*/
#faq_list {
	width:600px;
}
#faq_list li a {
	display:block;
	width:510px;
	height:61px;
	text-decoration:none;
	color:#151825;
	padding:25px 0px 0px 90px;
	margin:2px 0px;
}
#faq_list a.faq_1 {
	background:url(../images/faq_list_1.jpg) no-repeat;
}
#faq_list a.faq_1:hover {
	background:url(../images/faq_list_1.jpg) no-repeat 0px -86px;
}
#faq_list a.faq_2 {
	background:url(../images/faq_list_2.jpg) no-repeat;
}
#faq_list a.faq_2:hover {
	background:url(../images/faq_list_2.jpg) no-repeat 0px -86px;
}
#faq_list a.faq_3 {
	background:url(../images/faq_list_3.jpg) no-repeat;
}
#faq_list a.faq_3:hover {
	background:url(../images/faq_list_3.jpg) no-repeat 0px -86px;
}
#faq_list a.faq_4 {
	background:url(../images/faq_list_4.jpg) no-repeat;
}
#faq_list a.faq_4:hover {
	background:url(../images/faq_list_4.jpg) no-repeat 0px -86px;
}
#faq_list a.faq_5 {
	background:url(../images/faq_list_5.jpg) no-repeat;
}
#faq_list a.faq_5:hover {
	background:url(../images/faq_list_5.jpg) no-repeat 0px -86px;
}
#faq_list a.faq_6 {
	background:url(../images/faq_list_6.jpg) no-repeat;
}
#faq_list a.faq_6:hover {
	background:url(../images/faq_list_6.jpg) no-repeat 0px -86px;
}

h3#faq {
	display:block;
	width:510px;
	height:61px;
	text-decoration:none;
	color:#151825;
	padding:25px 0px 0px 90px;
	margin:20px 0px 5px 0px;
	font-weight:normal;
}
h3.faq_title_1 {
	background:url(../images/faq_title_1.jpg) no-repeat;
}
h3.faq_title_2 {
	background:url(../images/faq_title_2.jpg) no-repeat;
}
h3.faq_title_3 {
	background:url(../images/faq_title_3.jpg) no-repeat;
}
h3.faq_title_4 {
	background:url(../images/faq_title_4.jpg) no-repeat;
}
h3.faq_title_5 {
	background:url(../images/faq_title_5.jpg) no-repeat;
}
h3.faq_title_6 {
	background:url(../images/faq_title_6.jpg) no-repeat;
}
.faq_q {
	font-size:120%;
	color:#0073ff;
	width:500px;
	margin-left:80px;
	margin-bottom:10px;
	border-bottom:#CCC solid 1px;
	padding-left:10px;
}
.faq_a {
	font-size:110%;
	width:500px;
	margin-left:80px;
	margin-bottom:10px;
	border-bottom:#CCC solid 1px;
	padding-left:10px;
}

/*角丸背景*/
div.round-top {
	width: 640px;
	padding: 7px 0 0;
	background-image: url(../images/box_back_top.png);
	background-position: center top;
	background-repeat: no-repeat;
}
div.round-middle {
	padding: 7px 0 0;
	background-image: url(../images/box_back_center.png);
	background-position: center top;
	background-repeat: repeat-y;
}
div.round-bottom {
	margin-top:0px;
	padding: 0;
	background-image: url(../images/box_back_foot_pb.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*過去一覧用*/
#news {
	margin:25px 0px;
	margin-right: 30px;
}
#news dl {
	width:90%;
	margin:0px auto 15px;
	line-height:30px;
}
#news dt {
	background:url(../images/pict05_15.png) no-repeat left center;
	float:left;
	width:150px;
	color:#33CC33;
	text-indent:25px;
}
#news dl dd {
	padding-left: 5em;
	border-bottom: 1px solid #ccc;
}