/*===========================
　基本設定
=============================*/

/*ブラウザー固有のスタイルをリセット*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
	margin-right: 4px;
}
ul,ol,li {
	list-style:none;
}
/*フォントサイズ*/
body{
	font:14px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
	color:#292724;
	background-color:#ffffff;
}
/*フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

/*リンク*/
a {
	text-decoration:underline;
	color:#56b700;
}
a:hover {
	text-decoration:underline;
	color:#299100;
}

#toTop {
	display:block;
	margin-left:555px;
	text-indent:20px;
	background-image: url(../images/icon_totop.jpg);
	background-position:left bottom;
	background-repeat: no-repeat;
	width:120px;
	height:15px;
	font-size:110%;
	color:#fff;
	padding:3px 0px;
}
#toTop a {
	color:#fff;
}
#toTop_underpage {
	display:block;
	margin-left:480px;
	text-indent:20px;
	background-image: url(../images/icon_totop.jpg);
	background-position:left bottom;
	background-repeat: no-repeat;
	width:120px;
	height:15px;
	font-size:110%;
	padding:3px 0px;
}

/*画像を左寄せにする*/
.img_left {
	float:left;
	margin-right:10px;
}

/*画像を右寄せにする*/
.img_right {
	float:right;
	margin-left:10px;
}

/*float解除用*/
.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {zoom:1;/*for IE 5.5-7*/}


/*===========================
　共通レイアウト
=============================*/

#wrapper {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:974px;
	height:auto;
}
h1 {
	font-size:77%;
	color:#ffffff;
	text-indent:50px;
	padding-top:5px;
}
.logo {
	float:left;
}

/*ヘッダー*/

#header{
	background:url(../images/header_anime.gif) no-repeat;
	padding: 0px;
	height: 107px;
	width: 974px;
	margin: 0px auto;
	position:relative;
}
#head_nav {
	float: right;
	height: 70px;
	width: 236px;
	margin-right: 15px;
	text-indent:-9999px;
}
#header img.ribbon {
	position:absolute;
	top:0px;
	left:-26px;
}
a.headnav1 {
	height:44px;
	width:240px;
	background:url(../images/head_neworder.jpg);
	display:block;
}
a.headnav1:hover {
	height:44px;
	width:240px;
	background:url(../images/head_neworder.jpg);
	display:block;
	background-position:0px -44px;
}
a.headnav2 {
	height:24px;
	width:117px;
	background:url(../images/head_orderchange1.png);
	display:block;
	margin-left:2px;
	float:left;	
}
a.headnav3 {
	height:24px;
	width:117px;
	background:url(../images/head_orderchange2.png);
	display:block;
	float:right;
	display:block;
}

/*ユニバーサルメニュー*/

#universal_nav{
	margin:10px auto 10px;
	width: 975px;
	display: block;
}

#universal_nav li {
	float: left;

}
#universal_nav a {
	display:block;
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 162px;
}
#universal_nav a#nav_01 {
	text-indent: -9999px;
	background-image: url(../images/nav_01.png);
	background-repeat: no-repeat;
}
#universal_nav a#nav_02 {
	text-indent: -9999px;
	background-image: url(../images/nav_02.png);
	background-repeat: no-repeat;
}
#universal_nav a#nav_03 {
	text-indent: -9999px;
	background-image: url(../images/nav_03.png);
	background-repeat: no-repeat;
}
#universal_nav a#nav_04 {
	text-indent: -9999px;
	background-image: url(../images/nav_04.png);
	background-repeat: no-repeat;
}
#universal_nav a#nav_05 {
	text-indent: -9999px;
	background-image: url(../images/nav_05.png);
	background-repeat: no-repeat;
}
#universal_nav a#nav_06 {
	text-indent: -9999px;
	background-image: url(../images/nav_06.png);
	background-repeat: no-repeat;
}

/*下層ページ用メニューマウスオーバー設定
（top用にはtop.cssに_topで設定）*/
#div_02{display:none;position:absolute;margin-top:-10px;margin-left:162px;width:161px; height:164px;}
#div_03{display:none;position:absolute;margin-top:-10px;margin-left:322px;width:161px; height:164px;}
#div_04{display:none;position:absolute;margin-top:-10px;margin-left:486px;width:161px; height:164px;}
#div_05{display:none;position:absolute;margin-top:-10px;margin-left:648px;width:161px; height:164px;}
#div_02 img { vertical-align:bottom;}
#div_03 img { vertical-align:bottom;}
#div_04 img { vertical-align:bottom;}
#div_05 img { vertical-align:bottom;}


/*2カラムー右サイドバー*/
#right_side {
	float: right;
	width: 240px;
}

/*右サイド*/

.side_nav {
}

#nari_banner a{
	display:block;
	text-indent: -9999px;
	background-image: url(../images/side_navi_nari.jpg);
	background-repeat: no-repeat;
	height: 212px;
	width: 240px;
	margin:0 0 5px 0;
}
#nari_banner a:hover {
	background-position:0 -212px;
}
#nari_banner_cm{
	width:240px;
	height:215px;
	background:url(../images/side_navi_nari_bg.jpg) no-repeat;
	margin:0 0 5px 0;
	position:relative;
}
#nari_banner_cm a{
	position:absolute;
	left:10px;
	bottom:12px;
}
#nari_banner_cm iframe{
	position:absolute;
	left:10px;
	top:53px;
}

/*右サイドナビ　水リンクエリア*/
.side_nav a {
	display:block;
	margin: 0px;
	padding-bottom: 2px;
}
.side_nav a:hover {
	display:block;
	margin: 0px;
	padding: 0px;
	background-position:-240px 0px;
	padding-bottom: 2px;
}

a#s_nav_01 {
	text-indent: -9999px;
	background-image: url(../images/side_navi_01.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 240px;
}
a#s_nav_02 {
	text-indent: -9999px;
	background-image: url(../images/side_navi_02.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 240px;
}
a#s_nav_03 {
	text-indent: -9999px;
	background-image: url(../images/side_navi_03.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 240px;
}
a#s_nav_04 {
	text-indent: -9999px;
	background-image: url(../images/side_navi_04.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 240px;
}
a#s_nav_05 {
	text-indent: -9999px;
	background-image: url(../images/side_navi_b_1.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 240px;
	margin-bottom:25px;
}
a#s_nav_business {
	text-indent: -9999px;
	background-image: url(../images/side_navi_business.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 240px;
	margin-bottom:25px;
}

/*右サイドナビ　フォームリンクエリア*/
a#s_nav_order1 {
	text-indent: -9999px;
	background-image: url(../images/sidenav_neworder.jpg);
	background-repeat: no-repeat;
	display:block;
	width:240px;
	height:142px;
}
a#s_nav_order2 {
	text-indent: -9999px;
	background-image: url(../images/sidenav_suborder_1.jpg);
	background-repeat: no-repeat;
	display:block;
	width:240px;
	height:44px;
}
a#s_nav_order3 {
	text-indent: -9999px;
	background-image: url(../images/sidenav_suborder_2.jpg);
	background-repeat: no-repeat;
	display:block;
	width:240px;
	height:44px;
}

#side_textlink ul {
	padding:10px 10px;
	line-height:30px;
	font-size:110%;
}

#side_textlink ul li {
	background-image: url(../images/icon_01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
	line-height: 30px;
}

/*フッターエリア*/

#footer {
	background-image: url(../images/footer_back.jpg);
	background-repeat: repeat;
	clear:both;
	height:236px;
	margin-top:20px;
}
#footer_box {
	width:875px;
	height:196px;
	background-image:url(../images/footer_box_back.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
}
#footer_box a {
	color:#fff;
	font-size:90%;
}
#footer_box ul {
	height:180px;
	width:200px;
	line-height:1.9em;
	float:left;
}
#footer_box p.copyright {
	clear:left;
	text-align:center;
}


/* hタグ設定 & テキスト設定 */
.blue_bar {
	background-color:#0073ff;
	line-height:25px;
	color:#fff;
	font-size:116%;
	text-indent:10px;
	margin-bottom:15px;
	border-left:#333 5px solid;
}
	
.gray_bar {
	background-color:#999;
	line-height:25px;
	color:#fff;
	font-size:116%;
	text-indent:10px;
	margin-bottom:15px;
	border-left:#333 5px solid;
}
.pickup_bar {
	color:#0073ff;
	font-size:150%;
	line-height:25px;
	text-indent:70px;
	background-image: url(../water-server/images/pickup.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
}
.white_bar {
	background-color:#fff;
	line-height:25px;
	color:#000;
	font-size:116%;
	text-indent:10px;
	margin-bottom:15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #093;
}
.nonbar_txt_m {
	font-size:140%;
	margin-bottom:13px;
}
.serif_m {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:150%;
	line-height:1.5em;
	font-weight:normal;
}
.text_s {
	font-size:85%;
}
.text_blue {
	color:#0066FF;
}
.text_blue_l {
	color:#0066FF;
	font-size:138.5%;
}

.text_blue_2l {
	color:#0066FF;
	font-size:153.9%;
	font-weight:bold;
}
.text_green {
	color:#030;
}

.text_white {
	color:#fff;
}
.text_red {
	color:#F00;
}
.text_price_main {
	font-size:105%;
	line-height:1.6em;
	padding-top: 25px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 40px;
}
.text_2l_bold {
	font-size:150%;
	font-weight:bold;
	line-height:1.6em;
	padding-top:30px;
	text-align:center;
}
.text_icon {
	background-image: url(../images/pict02_03.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	display: block;
	height: 20px;
	width: 150px;
	line-height: 20px;
	margin-left: 520px;
}

/*「始めましょう」バナー設定*/
h4.order {
	width:700px;
	height:162px;
	margin:10px 0px;
}

h4.order a{
	display:block;
	width:700px;
	height:162px;
	position:relative;
}
h4.order a p{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/banner_order.png) no-repeat 0px 0px;
	
	width:700px;
	height:162px;
}
h4.order a:hover p{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/banner_order.png) no-repeat 0px -163px;
	
	width:700px;
	height:162px;
}


/*　その他のお水　*/
h4.other_water {
	font-size:160%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:30px 0px 5px;
	border-bottom:solid 1px #0066FF;
	font-weight:normal;
}
ul.other_water_list li{
	padding:1px 0px;
}


/*左コンテンツエリア　背景色*/
.back_pale_blue {
	background-color:#e2f4ff;
	padding-bottom: 10px;
	border:#CCCCCC solid 1px;
}

/*左コンテンツエリア　画像をセンター揃え*/
.img_center {
	margin:8px 0px;
	width:700px;
	text-align:center;
}

.box {
	margin:10px auto;
}
.box2 {
	margin:0px auto;
}
.box3 {
	margin:70px auto 0px;
}
.box4 {
	margin:20px auto;
}
/*画像のマージン*/
img.pad_tate {
	padding:3px 0px;
}
img.sukima {
	vertical-align:bottom;
}
#info {

	font-weight: normal;
}


/* 申し込みボタン
-----------------------------------------*/
.b_order {
	height:43px;
	width:460px;
	margin:10px 150px;
	padding:3px 7px 5px;
	font-size:110%;
	background-image: -moz-linear-gradient(top, #fff, #ededed);
	background-image: -ms-linear-gradient(top, #fff, #ededed);
	background-image: -o-linear-gradient(top, #fff, #ededed);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ededed));
	background-image: -webkit-linear-gradient(top, #fff, #ededed);
	background-image: linear-gradient(top, #fff, #ededed);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #abbfd1;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(087,087,087,0.7);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(087,087,087,0.7);
}
h3.b_order_icon {
	background:url(../images/title_icon_order_1.png) no-repeat left center;
	height:42px;
	line-height:45px;
	text-indent:50px;
	float:left;
}
h3.b_order_icon a {
	text-decoration:none;
	color: #00249a;
}
h3.b_order_icon a:hover {
	color:#FF9900;
}

/* その他
-----------------------------------------*/

a:hover img.hoverimg
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}