/*メインCSS*/
/*font-family*/
/*font-family: "Times New Roman",Times,serif;*/
/*font-family: "MS P明朝", "細明朝体", serif;*/
/*font-family: "MS Pゴシック", Osaka, Sans-Serif;*/

/*スクロールバーの色を設定します*/
body{
	scrollbar-face-color:white;
	scrollbar-track-color:#white;
	scrollbar-arrow-color:#0099CC;
	scrollbar-highlight-color:#3399CC;
	scrollbar-shadow-color:#336666;
	scrollbar-3dlight-color:#006666;
	scrollbar-darkshadow-color:#006666;
	background-color:#FFFEFD;
	color: #666666;
	background-image:url("../images/back_01.gif");
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;

}

/*リンク表示*/
a{
	color: #000099;
	text-decoration: none;
	font-weight: bold;
	font-family: "MS Pゴシック", Osaka, Sans-Serif;
	}

/*見出しh1*/
h1{
	background-image:url("../images/head_back_01.gif");
	height: 60px;
	margin:5px 0px 0px 0px;
	padding:0px;
	}


p{
	line-height:150%;
	font-size:90%;
	text-align:left;
	color:#000000;
	}

/*画像左回り--------------------------------------*/
.img_l{
	float:left;
	margin:0px 10px 0px 0px;
	}


/*画像右回り---------------------------------------*/
.img_r{
	float:right;
	margin:0px 0px 0px 10px;
	}

/*見出し3　幅はメインにて550px装飾はライトブルーにてエル字型ライン-------------------*/
h3{
	margin:20px 10px 15px 10px;
	border-left:solid 3px #00CCCC;
	border-bottom:solid 1px #00CCCC;
	padding-left:5px;
	line-height:150%;
	color:#003366;
	text-align:left;
	clear:both;
	}


/*見出し4　幅はメインにて540px装飾はライトブルー枠に黄色のバック-----------------------*/
h4{
	margin:20px 15px 5px 15px;
	border:solid 1px #00CCCC;
	background-color:#FFFFCC;
	padding-left:5px;
	line-height:150%;
	font-size:90%;
	color:#003366;
	text-align:left;
	clear:both;
	}

/*見出し5　幅はメインにて540px装飾はライトブルー枠に黄色のバック-----------------------*/
.p_index{
	margin:5px 5px 10px 5px;
	/*border:solid 1px #00CCCC;
	background-color:#FFFFCC;*/
	padding-left:5px;
	line-height:150%;
	font-size:120%;
	color:#003366;
	text-align:left;
	clear:both;
font-family: "MS Pゴシック", Osaka, Sans-Serif;
	}



/*基本レイアウト2段構成ここから-----------------------------------------------*/

.contents{
	width:780px;
	margin-top:5px;
	}

.main01{
	float:right;
	width:570px;
	}

/*ナビバーは200px幅にて*/
.navigation{
	margin:0px 0px 0px 10px;
	padding:0xp 0px 0px 0xp;
	width:190px;
	text-align:center;
	}

/*基本レイアウト2段構成ここまで-----------------------------------------------*/

/*パンくずここから-----------------------------------------------*/

.bread{
	margin:0px 0px 2px 0px;
	padding-left:30px;
	font-size:80%;
	line-height:20px;
	height:20px;
	background-image:url("../images/back_bread.gif");
	background-repeat:repeat-x;
	background-color:#336699;
	color:#FFFFFF;
	}
.bread a{
	color:#FFFFFF;
	}

.bread a:hover{
	color:#FFD700;
	}

/*パンくずここまで-----------------------------------------------*/

.title{
	width:560px;
	margin:0px 5px 0px 5px;
	padding:20px 0px 0px 0px;
	background-image:url("../images/title_001.gif");
	background-position:top center;
	background-repeat:no-repeat;
	}

.title_bottom{
	margin-bottom:0px;
	background-image:url("../images/title_002.gif");
	background-position:bottom center;
	background-repeat:no-repeat;
	}

.title h2{
	margin:0px;
	padding:0px 0px 14px 30px;
	color:#006699;
	text-align:left;
	}


/*メニューレイアウトここから-----------------------------------------------*/
/*メニューは幅190pxにて計算*/


/*メニューの見出し共通設定*/
.navigation h2{
	background-image:url("../images/white.gif");
	margin:0px;
	}

.navigation a{
	display:block;
	}

.navigation ul{
	list-style-type:none;
	margin:3px 10px 0px 10px;
	padding:0px 5px 0px 5px;
	text-align:left;
	line-height:20px;
	}

.navigation li{
	font-size:80%;
	}

.navigation li a img{
	border:0px;
	}

.navigation li a{
	padding-left:5px;
	height:20px;
	background-image:url("../images/menu/back_menu_common.gif");
	background-position:left top;
	border:solid 1px #999999;
	font-size:90%;
	border-left:solid 4px #666666;

	}

.navigation li a:hover{
	background-position:left bottom;
	border-left:solid 4px #CCCCCC;

	}


/*サブメニューの表記----------------------------*/

/*商品紹介*/

.menu_goods{
	background-image:url("../images/menu/back_goods_02.gif");
	background-repeat:repeat-y;
	}

.menu_goods a{
	color:#006699;
	}

.menu_goods li a{
	border-left:solid 4px #006699;
	}

.menu_goods li a:hover{
	border-left:solid 4px #0099FF;
	}



/*WEB-SHOP*/

.menu_shop{
	margin-top:5px;
	background-image:url("../images/menu/back_webshop_02.gif");
	background-repeat:repeat-y;
	}

.menu_shop a{
	color:#CC6600;
	}


.menu_shop li a{
	border-left:solid 4px #CC6600;
	}

.menu_shop li a:hover{
	border-left:solid 4px #FF9933;
	}


/*ウォーターキングクラブ*/

.menu_club{
	margin-top:5px;
	background-image:url("../images/menu/back_wkc_02.gif");
	background-repeat:repeat-y;
	}

.menu_club a{
	color:#336633;
	}

.menu_club li a{
	border-left:solid 4px #336633;
	}

.menu_club li a:hover{
	border-left:solid 4px #CCFF66;
	}


/*代理店*/

.menu_agency{
	margin-top:5px;
	background-image:url("../images/menu/back_agency_02.gif");
	background-repeat:repeat-y;
	}

.menu_agency a{
	color:#666666;
	}

.menu_agency li a{
	border-left:solid 4px #666666;
	}

.menu_agency li a:hover{
	border-left:solid 4px #CCCCCC;
	}


/*メニューその他*/

.menu_etc{
	margin-top:10px;
	
	}

.information{
	margin-top:10px;
	background-image:url("../images/menu/information_02.gif");
	background-repeat:repeat-y;
	}

.information p{
	margin:0px 10px;
	font-size:12px;
	font-family:"MS Pゴシック","Osaka",Sans-Serif;
	text-align:left;
	}


/*メニューレイアウトここまで-----------------------------------------------*/


/*コピーライトレイアウトここから-----------------------------------------------*/

address{
	font-family: "MS P明朝", "細明朝体", serif;
	font-size: 80%;
	font-style: normal;
	text-align: left;
	padding-top: 5px;
	margin-top: 30px;
	clear: both;
	border-top:dotted 1px #999999;
	text-align:center;
	}

address a{
	color: #666666;
	text-decoration: none;
	}

/*コピーライトレイアウトここまで-----------------------------------------------*/

.top_bunner{
	width:560px;
	margin:0 0 10px 5px;
	}