@charset "utf-8";



/*===========================================================

水広場様　静的ページ個別用スタイルシート:top_2.css

============================================================*/



/* メインコンテンツ　

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

#main{

	clear:both;

	width:960px;

	text-align:left;

	padding:8px 3px 0 4px;

}

/* IE6.0 */

*html #main{

	width:760px;

}



#main:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



#visual{

	width:753px;

	margin:0px 0 0 4px;

}



#main_conts{

	width:960px;

	margin-bottom:25px;

}





/* 見出し

----------------------------------------------------------- 

h1{

	width:574px;

	height:25px;

	margin-top:5px;

	margin-bottom:0;

	background:url(/material/images/top/h1_bg.gif) no-repeat left top;

	color:#333333;

	font-size:14px;

	font-weight:bold;

	text-indent:12px;

	line-height:25px;

}

*/



/* ボックス

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

.box01{

	float:left;

	width:485px;

	margin-left: 0px;

}

.box01 img{

	margin-bottom: 3px;

}



.box02{

	float:right;

	width:246px;

}

.box02-1{

	float:right;

	width:246px;

	margin-right: 4px;

}



.box02-1 img{

	margin-bottom: 2px;

}



.box02 img{

	margin-bottom:2px;

}



.box03{

	float:left;

	width:574px;

}

.box03 .new{

	width:574px;

	margin-top:7px;

	margin-bottom:7px;

	border-top:none;

}

* html .box03 .new{

	width:574px;

}

.box03 .new th{

	padding:5px;

	color:#333333;

	font-weight:bold;

	vertical-align:top;

	line-height:1.2em;

}

.box03 .new td{

	font-size: 13px;

	padding:5px;

	color:#333333;

	vertical-align:top;

	line-height:1.2em;

}



.box03 ul.img li{

	display:inline;

	margin-right:22px;

}

* html .box03 ul.img li{

	margin-right:18px;

}

*:first-child+html .box03 ul.img li{

	margin-right:18px;

}

.box03 ul.img li.r{

	margin-right:0;

}

.box04{

	float:right;

	width:160px;



}

.box04-1{

	float:right;

	width:160px;

	margin-top:7px;

	margin-right: 4px;



}



.box04-1 img{

	margin-bottom:6px;

}



.box04 img{

	margin-bottom:6px;

}





.new{

	width:574px;

	margin-top:2px;

	margin-bottom:2px;

	border-top:none;

}

.new{

	width:574px;

}

.new th{

	padding:1px;

	color:#333333;

	font-weight:bold;

	vertical-align:top;

	line-height:1em;

}

.new td{

	font-size: 13px;

	padding:1px;

	color:#333333;

	vertical-align:top;

	line-height:1em;

}



.box05left{

	float: left;

	width: 370px;

	margin-top:2px;

	margin-bottom:2px;

}



.box05right{

	float:right;

	width:370px;

	margin-right:4px;

	margin-top:2px;

	margin-bottom:2px;

}



/* search

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



#search{

	width:753px;

}



#search .form{

	width:753px;

	height:27px;

	margin-bottom:0;

	background:url(/material/images/top/search_bg_01.gif) no-repeat left top;

	line-height:27px;

}

#search .form input.key{

	width:235px;

	margin:6px 3px 0 463px;

	border:1px solid #7f9db9;

	vertical-align:middle;

}

#search .form input.btn{

	height:21px;

	margin-top:3px;

	vertical-align:middle;

}



* html #search .form input.key {margin-top:2px;}

* html #search .form input.btn {margin-top:2px;}

*:first-child+html #search .form input.key {margin-top:3px;}

*:first-child+html #search .form input.btn {margin-top:3px;}



#search .box{

	width:738px;

	padding:10px 0 10px 13px;

	background:url(/material/images/top/search_bg_02.gif) no-repeat left bottom;

	border:1px solid #c7c7c7;

	border-top:none;

}

* html #search .box{

	width:753px;

}



#search .box .left{

	float:left;

	width:185px;

}

#search .box .left img{

	behavior: expression(IEPNGFIX.fix(this));

	margin-bottom:10px;

}



#search .box .right table a{

	display:block;

	width:116px;

	height:25px;

	padding-left:12px;

	color:#333333;

	font-size:12px;

	text-decoration:none;

	line-height:24px;

}



#search .box .right table.cat_01{

	float:left;

	margin-right:15px;

}

* html #search .box .right table.cat_01{

	margin-right:8px;

}

#search .box .right table.cat_01 td{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_03.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}



#search .box .right table.cat_02{

	float:left;

	margin-right:15px;

}

* html #search .box .right table.cat_02{

	margin-right:8px;

}

#search .box .right table.cat_02 td.c01{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_04a.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_02 td.c02{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_04b.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_02 td.c03{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_04c.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_02 td.c04{

	width:116px;

	height:25px;

	

	background:url(/material/images/top/search_bg_04d.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_02 td.c05{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_04e.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}



#search .box .right table.cat_03{

	float:left;

	margin-right:0;

}

#search .box .right table.cat_03 td.c01{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_05.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_03 td.c02{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_06a.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_03 td.c03{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_06b.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_03 td.c04{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_06c.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_03 td.c05{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_06d.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}

#search .box .right table.cat_03 td.c06{

	width:116px;

	height:25px;

	background:url(/material/images/top/search_bg_06e.gif) no-repeat left bottom;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}



#search .box table.cat_04{

	clear:both;

	margin-top:10px;

	margin-right:0;

	font-size:12px;

}

#search .box table.cat_04 td{

	width:25%;

	padding:2px;

	text-align:left;

	font-size:12px;

}

#search .box table.cat_04 td a.p_01{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_01.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_02{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_02.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_03{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_03.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_04{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_04.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_05{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_05.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_06{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_06.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_07{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_07.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_08{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_08.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_09{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_09.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_10{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_10.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_11{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_11.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_12{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_12.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_13{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_13.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_14{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_14.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_15{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_15.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_16{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_16.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_17{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_17.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}

#search .box table.cat_04 td a.p_18{

	display:block;

	width:137px;

	height:27px;

	background:url(/material/images/top/btn_purpose_18.gif) no-repeat left top;

	line-height:27px;

	padding-left:30px;

}



* html #search .box table.cat_04 td a.p_01{width:167px;}

* html #search .box table.cat_04 td a.p_02{width:167px;}

* html #search .box table.cat_04 td a.p_03{width:167px;}

* html #search .box table.cat_04 td a.p_04{width:167px;}

* html #search .box table.cat_04 td a.p_05{width:167px;}

* html #search .box table.cat_04 td a.p_06{width:167px;}

* html #search .box table.cat_04 td a.p_07{width:167px;}

* html #search .box table.cat_04 td a.p_08{width:167px;}

* html #search .box table.cat_04 td a.p_09{width:167px;}

* html #search .box table.cat_04 td a.p_10{width:167px;}

* html #search .box table.cat_04 td a.p_11{width:167px;}

* html #search .box table.cat_04 td a.p_12{width:167px;}

* html #search .box table.cat_04 td a.p_13{width:167px;}

* html #search .box table.cat_04 td a.p_14{width:167px;}

* html #search .box table.cat_04 td a.p_15{width:167px;}

* html #search .box table.cat_04 td a.p_16{width:167px;}

* html #search .box table.cat_04 td a.p_17{width:167px;}

* html #search .box table.cat_04 td a.p_18{width:167px;}





/* enp

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



#enp{

	width:753px;

	margin-top:10px;

	padding:0;

}



#enp a{

	text-decoration:none;

}



#enp a:link,

a:visited{

	color:#333333;

	text-decoration:none;

}

#enp a:hover,

a:active{

	color:#333333;

	text-decoration:underline;

}



#enp .box01{

	float:left;

	width:180px;

	height:103px;

	padding:0;

	background:url(/material/images/top/enp_bg_01.jpg) no-repeat left top;

}



#enp .box02{

	float:left;

	width:224px;

	height:103px;

	padding:0;

	background:url(/material/images/top/enp_bg_02.jpg) no-repeat left top;

}

#enp .box02 table{

	width:204px;

	height:60px;

	margin:13px 0 0 12px;

}

#enp .box02 table td{

	text-align:left;

	vertical-align:top;

}

#enp .box02 table td.btn{

	text-align:right;

	vertical-align:bottom;

}



#enp .box03{

	float:left;

	width:177px;

	height:103px;

	padding:0;

	background:url(/material/images/top/enp_bg_03.jpg) no-repeat left top;

}

#enp .box03 table{

	width:161px;

	height:60px;

	margin:13px 0 0 9px;

}

#enp .box03 table td{

	text-align:left;

	vertical-align:top;

}

#enp .box03 table td.btn{

	text-align:right;

	vertical-align:bottom;

}



#enp .box04{

	float:left;

	width:172px;

	height:103px;

	padding:0;

	background:url(/material/images/top/enp_bg_04.jpg) no-repeat left top;

}

#enp .box04 table{

	width:150px;

	height:60px;

	margin:13px 0 0 12px;

}

#enp .box04 table td{

	text-align:left;

	vertical-align:top;

}

#enp .box04 table td.btn{

	text-align:right;

	vertical-align:bottom;

}



.spaceb1{

	margin-top: 10px;

}



.purposetxt{

	font-size:5px;

}



ul#header_menu_01 li#menu_right{

	background:url(none);

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-weight:bold;

}





/* 09ウォーターギフト特集

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

.textcss {  font-size: 125%;

line-height: 150%; 

color: #333333;}

p {color:#333333;}



.column_r {

width: 180px;

padding: 10px;

background-color:#FFCC66;

background-image:url(/material/images/09summer/column_btm.gif);

background-repeat:no-repeat;

background-position:bottom;

}

.colout_r{

width:200px;

margin:10px;

background-image:url(/material/images/09summer/column_top.gif);

background-repeat:no-repeat;

padding-top:10px;

}



.bar{font-size:130%; 

border-left:20px solid #ff9900;

padding:8px 0 8px 10px;

background-color:#ededed;

}

.style1 {

	font-size: 15px;

	color: #ffffff;

	padding-left:10px;

	font-weight:bolder;

}



div.etc {
	width:550px;
	margin: 0.5em 0.5em;

}

div.etc a {

  background:url(/material/images/09summer/reten01-003.gif) no-repeat left top; 

  display:block;

  margin: 0.5em 0.5em;

  border-bottom: 2px dotted #FF9900;

  padding: 0 0 5px 30px;

}



p.price{

  background:url(/material/images/09summer/yen1_2.gif) no-repeat left center;

  float:right;

  padding-left:15px;

  text-align:left;

  width:4.8em;  

}

p.cl{clear:both

}





/* 水源ツアー

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

#box {

	CLEAR: both;

	DISPLAY: block;

	width: 550px;

	margin-top: 15px;

}

#box LI {

	clear:both;

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/material/images/tour/line_dash.gif) no-repeat 0px 7px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 550px; PADDING-TOP: 15px

}

* HTML #box LI {

	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 14px

}

* + HTML #box LI {

	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 14px

}

#box LI.start {

	clear:both;

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}



#box LI .image {

	FLOAT: left; WIDTH: 122px

}

#box LI .image P IMG {

	VERTICAL-ALIGN: middle

}

#box LI .info {

	FLOAT: left; WIDTH: 298px

}

#box LI .btn {

	FLOAT: left;

	WIDTH: 100px;

	margin-left: 10px;

}

#box LI .info P IMG {

	MARGIN: 0px 0px 0px 5px

}

#box LI .info .link02 {

	MARGIN: 1px 0px 4px

}

#box LI .info .link02 a {

	color:#CC0000;

}

* HTML #box LI .info .link02 {

	MARGIN: 1px 0px

}

* + HTML #box LI .info .link02 {

	MARGIN: 1px 0px

}

#box LI .info .text {

	WORD-BREAK: break-all; LINE-HEIGHT: 1.5

}