@charset "utf-8";

.container .header header {
	background-color: #FFFFFF;
}
.container .header header .head01 li   {
	list-style-type: none;
	float: left;
	margin-left: 5%;
}
.container .header header .head01 {
	text-align: right;
	margin-left: 40%;
}

.container .header header .head02 li {
	float: left;
	list-style-type: none;
	width: 42%;
	margin-left: 3%;
}
.container .header header .head02  {
	list-style-type: none;
	margin-left: 2%;
}


nav {
	margin: 0px;
	padding: 0px;
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none;
}

ul.nav li {
	float: left;
}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 93.3px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background-color: #35B9FF;
	margin: 0px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-size: 12px;
	vertical-align: middle;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	/*ボタングラデーション*/
	background: -moz-linear-gradient(top,#72CCFF, #35B9FF 50%,#35B9FF 50%,#35B9FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#72CCFF), color-stop(0.5,#35B9FF), color-stop(0.5,#35B9FF), to(#35B9FF));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #BFE9FF;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background-color: #80D2FF;
	color: #E8F5FF;
}



/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、div の上部または下部にのみ配置されます。これらの div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した div の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、div のルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー div をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを左ではなく右に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて左方向にする代わりに、すべて右方向に設定)、反転してレンダリングされます。HTML ソース内で div を移動する必要はありません。

*/
.sidebar1 {
	float: left;
	width: 220px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 11px;
}

.container .content article .address li {
	list-style-type: none;
}
.container .content article .panel2_left {
	float: left;
	width: 45%;
	margin-right: 1%;
	margin-left: 1%;
}
.container .content article .panel2_right {
	float: left;
	width: 45%;
	margin-right: 1%;
	margin-left: 1%;
}
.container .content article .panel3_left {
	float: left;
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
}
.container .content article .panel3_center {
	float: left;
	width: 31%;
	margin-right: 1%;
	margin-left: 1px;
}
.container .content article .panel3_right {
	float: left;
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
}



.container .content article .address {
	text-align: center;
	width: 50%;
	margin-left: 150px;
}
.container .content article section .table_price_set  {
	margin-left: 50px;
	margin-bottom: 30px;
	margin-top: 15px;
	margin-right: 15px;
}
.container .content article .table_price_set dt {
	font-weight: bold;
	color: #333333;
	float: left;
	font-size: 18px;
}
.container .content article .table_price_set dd {
	margin-left: 70%;
	margin-bottom: 10px;
	font-weight: bold;
	color: #F69;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.container .content article section .table01  {
	margin-left: 50px;
	margin-bottom: 30px;
}



.container .content article .table01 dt {
	font-weight: bold;
	color: #333333;
	float: left;
}
.container .content article .table01 dd {
	margin-left: 12%;
	margin-bottom: 10px;
}
.orange_bold18 {
	font-weight: bold;
	color: #F60;
}
.container .content article section .table_form  {
	margin-left: 50px;
	margin-bottom: 30px;
}
.container .content article section #mailform .table_form dt {
	font-weight: bold;
	margin-left: 20px;
}
.container .content article section #mailform .table_form dd {
	margin-bottom: 15px;
	margin-left: 30px;
}

.container .footer footer .footer1  {

}




.container .footer footer .footer1 dt {
	font-weight: bold;
	color: #0099FF;
	float: left;
}
.container .footer footer .footer1 dd {
	margin-bottom: 10px;
	margin-left: 8%;
}

.waku_detergent {
	border: 1px solid #74B9FF;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
}
.container .content article section .waku_detergent h3 {
	color: #FFF;
	background-color: #62B0FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}