@charset "Shift_JIS"; 		/* 文字コードセット */



/*///目次/////////////////////////////



1.全体構造

2.ヘッダ

3.ナビゲーション

4.コンテンツ

5.汎用スタイルシート

6.トップページ

11.フッター



////目次 終了/////////////////////////*/



/* 全体構造

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

* {margin:0px;padding: 0px;} /* 各ブラウザの独自解釈をリセット */



#body01{ 

	color:#333;

	text-align:center; /* IE5.5以前用中央揃え */

	font-size: 0.8em; /* 基本フォントサイズ */

	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

	line-height: 1.5em; /* 基本の行間 */

}



#body02{ 

	color:#333;

	text-align:center; /* IE5.5以前用中央揃え */

	font-size: 0.8em; /* 基本フォントサイズ */

	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

	line-height: 1.5em; /* 基本の行間 */

}



html{overflow:scroll;}



a{ outline:none; }

a img{ border:none;background:transparent;}



a:link {text-decoration: none;color: #0000ff;}

a:visited {text-decoration: none;color: #0000ff;}

a:hover {text-decoration: underline;color: #0000ff;}

a:active {text-decoration: none;color: #0000ff;}





/* 基本ページ幅 */



#wrapper{

	width:760px;

	margin:0px auto;

	padding:20px 0px ;

	clear:both;

	text-align:justify;

	text-justify: inter-ideograph;

}

	

#right-content {width:530px;float:right;}



#left-content {width:210px;float:left;}



/* ヘッダ

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

#header {

	width: 760px;

	height:100px;

	background: url(../images02/header.jpg) no-repeat;

	margin:0px auto;

}



h1 a {

	display:block;

	height:100px;

	width:400px;

	text-indent:-9999px;

	float:left;

}





/* ナビゲーション

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

#navigation{

	width:761px;

	margin:0px auto;

	clear:both;

}



#navigation li a{text-decoration:none;float: left;}



#navigation li {list-style-type:none;display:block;float: left;}



#navigation strong {visibility:hidden;} /* ナビゲーション文字の非表示 */





#navi01 a{width:152px; background:url(../images02/navi01a.jpg) ; height:46px;}

#navi02 a{width:152px; background:url(../images02/navi02a.jpg) ; height:46px;}

#navi03 a{width:152px; background:url(../images02/navi03a.jpg) ; height:46px;}

#navi04 a{width:152px; background:url(../images02/navi04a.jpg) ; height:46px;}

#navi05 a{width:152px; background:url(../images02/navi05a.jpg) ; height:46px;}



#navi01 a:hover{width:152px; background:url(../images02/navi01b.jpg) ; height:46px;}

#navi02 a:hover{width:152px; background:url(../images02/navi02b.jpg) ; height:46px;}

#navi03 a:hover{width:152px; background:url(../images02/navi03b.jpg) ; height:46px;}

#navi04 a:hover{width:152px; background:url(../images02/navi04b.jpg) ; height:46px;}

#navi05 a:hover{width:152px; background:url(../images02/navi05b.jpg) ; height:46px;}



#navi01-on a{width:152px; background:url(../images02/navi01b.jpg) ; height:46px;}

#navi02-on a{width:152px; background:url(../images02/navi02b.jpg) ; height:46px;}

#navi03-on a{width:152px; background:url(../images02/navi03b.jpg) ; height:46px;}

#navi04-on a{width:152px; background:url(../images02/navi04b.jpg) ; height:46px;}

#navi05-on a{width:152px; background:url(../images02/navi05b.jpg) ; height:46px;}



/* サイドナビゲーション

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

.sidenavi-h4{ }

#navi06{margin-bottom:10px;}

#navi07{margin-bottom:10px;}

#navi08{margin-bottom:10px;}

#navi09{margin-bottom:10px;}





/* カタログナビゲーション

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



#left-content h4{ font-size:100%; padding-left:10px;}



#cl-navigation{

	width:210px;

	background:url(../images02/sidenavi-back.jpg) repeat-y;

}



#cl-navigation ul{ margin-bottom:10px;}



#cl-navigation li{

	background: url(../images02/side-navi-icon.jpg) left no-repeat;

	background-position:15px 5px ;

	list-style-type: none;

	text-indent:22px;

	font-size:90%;

}



#cl-navigation li a{ color:#333; text-decoration:none;}

#cl-navigation li a:hover{ color:#333; text-decoration:underline;}



/* あわあわナビゲーション

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

#p02-navigation{

	width:760px;

	margin:20px auto;

	height:32px;

	clear:both;

	border-bottom:4px solid #1f97e2;

}



#p02-navigation li a{text-decoration:none;float: left;}



#p02-navigation li {list-style-type:none;display:block;float: left;}



#p02-navigation strong {visibility:hidden;} /* ナビゲーション文字の非表示 */



#p02-navi01 a{width:165px;background:url(../images02/p02-navi01a.jpg) ;height:32px;margin-right:10px;}

#p02-navi02 a{width:165px;background:url(../images02/p02-navi02a.jpg) ;height:32px;margin-right:10px;}

#p02-navi03 a{width:165px;background:url(../images02/p02-navi03a.jpg) ;height:32px;}



#p02-navi01 a:hover{width:165px;background:url(../images02/p02-navi01b.jpg) ;height:32px;margin-right:10px;}

#p02-navi02 a:hover{width:165px;background:url(../images02/p02-navi02b.jpg) ;height:32px;margin-right:10px;}

#p02-navi03 a:hover{width:165px;background:url(../images02/p02-navi03b.jpg) ;height:32px;}



#p02-navi01-on a{width:165px;background:url(../images02/p02-navi01b.jpg) ;height:32px;margin-right:10px;}

#p02-navi02-on a{width:165px;background:url(../images02/p02-navi02b.jpg) ;height:32px;margin-right:10px;}

#p02-navi03-on a{width:165px;background:url(../images02/p02-navi03b.jpg) ;height:32px;}



/* コンテンツ

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



h2{text-indent: -9999px;clear: both;}



#p01-01{background:url(../images02/p01-01.jpg); width:530px;height:245px;text-indent: -9999px;clear: both;}

#p01-02{background:url(../images02/p01-02.jpg); width:530px;height:42px;text-indent:-9999px;clear: both;}

#p01-02 a {display:block;display:inline;height:16px;width:39px;float:left;margin:19px 0px 0px 78px;text-indent: -9999px;clear: both;}



#p02-01{background:url(../images02/p02-01.jpg); width:760px;height:207px;margin:0px auto; text-indent:-9999px;clear: both;}

#p02-02{background:url(../images02/p02-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p02-03{background:url(../images02/p02-03.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-04{background:url(../images02/p02-04.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-05{background:url(../images02/p02-05.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-06{background:url(../images02/p02-06.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-07{background:url(../images02/p02-07.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-08{background:url(../images02/p02-08.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p02-09{background:url(../images02/p02-09.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-10{background:url(../images02/p02-10.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}

#p02-11{background:url(../images02/p02-11.jpg); width:760px;height:38px;text-indent: -9999px;clear: both;}



#p03-02{background:url(../images02/p03-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p03-03{background:url(../images02/p03-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p03-04{background:url(../images02/p03-04.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}



#p04-02{background:url(../images02/p04-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p04-03{background:url(../images02/p04-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}



#p05-01{background:url(../images02/p05-01.jpg); width:760px;height:207px;margin:0px auto;text-indent: -9999px;text-indent: -9999px;clear: both;}

#p05-02{background:url(../images02/p05-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p05-03{background:url(../images02/p05-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p05-04{background:url(../images02/p05-04.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p05-05{background:url(../images02/p05-05.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p05-06{background:url(../images02/p05-06.jpg); width:760px;height:29px; margin-bottom:15px; margin-top:15px;text-indent: -9999px;clear: both;}



#p06-02{background:url(../images02/p06-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p06-03{background:url(../images02/p06-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}



#p07-01{background:url(../images02/p07-01.jpg); width:760px;height:207px;margin:0px auto;text-indent: -9999px;clear: both;}

#p07-02{background:url(../images02/p07-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-03{background:url(../images02/p07-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-04{background:url(../images02/p07-04.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-05{background:url(../images02/p07-05.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-06{background:url(../images02/p07-06.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-07{background:url(../images02/p07-07.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-08{background:url(../images02/p07-08.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-09{background:url(../images02/p07-09.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p07-10{background:url(../images02/p07-10.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}



#p08-02{background:url(../images02/p08-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p08-03{background:url(../images02/p08-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p08-04{background:url(../images02/p08-04.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p08-05{background:url(../images02/p08-05.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}



#p09-02{background:url(../images02/p09-02.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}

#p09-03{background:url(../images02/p09-03.jpg); width:760px;height:29px; margin-bottom:15px;text-indent: -9999px;clear: both;}



#p10-01{background:url(../images02/p10-01.jpg); width:530px;height:107px;text-indent: -9999px;clear: both;}

#p10-02{background:url(../images02/p10-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p10-03{background:url(../images02/p10-03.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p10-04{background:url(../images02/p10-04.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p10-05{background:url(../images02/p10-05.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



#p11-02{background:url(../images02/p11-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



#p12-02{background:url(../images02/p12-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p12-03{background:url(../images02/p12-03.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p12-04{background:url(../images02/p12-04.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p12-05{background:url(../images02/p12-05.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p12-06{background:url(../images02/p12-06.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p12-07{background:url(../images02/p12-07.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



#p13-02{background:url(../images02/p13-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



#p14-01{background:url(../images02/p14-01.jpg); width:530px;height:107px;text-indent: -9999px;clear: both;}

#p14-02{background:url(../images02/p14-02.jpg); width:530px;height:64px;text-indent: -9999px;clear: both;}



#p15-01{background:url(../images02/p15-01.jpg); width:530px;height:107px;text-indent: -9999px;clear: both;}

#p15-02{background:url(../images02/p15-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p15-03{background:url(../images02/p15-03.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p15-04{background:url(../images02/p15-04.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p15-05{background:url(../images02/p15-05.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



#p16-01{background:url(../images02/p16-01.jpg); width:530px;height:107px;text-indent: -9999px;clear: both;}

#p16-02{background:url(../images02/p16-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}

#p16-03{background:url(../images02/p16-03.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



#p17-01{background:url(../images02/p17-01.jpg); width:530px;height:107px;text-indent: -9999px;clear: both;}

#p17-02{background:url(../images02/p17-02.jpg); width:530px;height:44px;text-indent: -9999px;clear: both;}



/* 汎用スタイルシート

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



.red{ color:#FF0000;}



#page-top {clear:both;text-align:right;}



.orange{color:#f78200;}



.clear{ clear:both;}



/* トップページ

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



.main{ margin-bottom:20px;}



#banner-ul{ clear:both;}



#banner01{margin-bottom:20px; list-style:none;}

#banner02{margin-bottom:20px;list-style:none;}

#banner03{list-style:none;}



#wn-table {width: 530px; margin:7px auto 15px auto;}



.icon {width:20px; text-align:center; vertical-align:middle; padding:8px 0px 8px 0px; border-bottom:1px dotted #cccccc;}



.day {width: 23px; text-align:left; vertical-align:top; padding:8px 0px 8px 0px;border-bottom:1px dotted #cccccc;}



.word {width:311px; vertical-align:top;  padding:8px 0px 8px 0px;border-bottom:1px dotted #cccccc;}



/* あわあわ水素くん(商品説明)

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



.p02-left-p{float:left; width:540px;}



.p02-img-right{ float:right; margin-bottom:20px;}



.p02-p{ padding-bottom:20px;}



.p02-ul{ padding-bottom:20px;}

.p02-ul li{list-style:none; padding-bottom:10px;}



.p02-right-p{float:right; width:540px;}



.p02-img-left{ float:left; margin-bottom:20px;}



/* あわあわ水素くん(販売情報)

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



#p03-table{border-collapse:collapse;width:760px;margin-bottom:20px;}



#p03-table th{ width:130px;text-align:left;border:1px solid #ccc; background:#f9f9f9; padding:10px;}



#p03-table td{border:1px solid #ccc; padding:10px;}



.p03-button{ text-align:left; clear:both; }



.adobe-left{ float:left;}



.adobe-right{ float:left; width:398px; padding-left:10px;}



.button-right{ float:right; margin-bottom:20px; display:inline; display:block;}



#p03-left-table{border-collapse:collapse;width:470px;float:left;margin-bottom:20px;}



#p03-left-table th{ width:180px;text-align:left;border:1px solid #ccc; background:#f9f9f9; padding:10px;}



#p03-left-table td{ text-align:center;border:1px solid #ccc; padding:10px;}



.p03-img-right{ float:right; margin:20px 0px;}



.p03-bottom-left-p{ float:left; width:480px;}



.p03-bottom-right-box{ float:right; width:236px;} 



.p03-bottom-button{ margin:20px 0px ;}



.p03-03-p{ width:738px;clear:both;padding:10px;border:1px solid #ccc; background:#fee5c8; margin-bottom:20px; font-weight:bold;}



/* あわあわ水素くん(お問い合わせ)

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



.p04-p{ padding-bottom:20px;}



#contact-table {

	width:760px;

	margin:5px auto 0px auto;

}

.main {

	padding:4px 20px 4px 20px;

	border-bottom:2px solid #FFFFFF;

	border-right:2px solid #FFFFFF;

	background-color:#f9f9f9;

	line-height:170%;

	background-image:url(../images02/contact-list.jpg);

	background-position:left;

	background-repeat:repeat-y;

	width:200px;

	text-align:left;



}



.sub {

	padding:4px 0 4px 10px;

	border-bottom:2px solid #FFFFFF;

	background-color:#f9f9f9;

	line-height:170%;

	text-align:left;

}



.p04-sub-title{border-left:6px solid #1f97e2;border-bottom:1px dotted #ccc;margin:15px 0px; text-indent:5px;}



.form00-on{width:150px;ime-mode: active;} /* 全角(氏名・フリガナ等) */

	

.form00-off{width:150px;ime-mode: inactive;}/*半角(電話番号・FAX番号)*/



.year01{width:50px;ime-mode: inactive;}/*年*/



.year02{width:25px;ime-mode: inactive;}/*月・日*/



.form02-on{width:300px;ime-mode: active;}/* 全角(住所や建物名) */



.form02-off{width:300px;ime-mode: inactive;}/*半角(メールアドレス)*/



.form03-on{width:80px;ime-mode:inactive;}/*半角(郵便番号)*/



.form03{width:400px;ime-mode:active;height:100px}/*全角(お問い合わせ内容)*/

.form04{width:300px;ime-mode:active;height:100px}/*全角(お問い合わせ内容)*/



#submit-button{ text-align:center; margin:20px 0px;}



/* マグネエースクリーン(商品説明)

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

.p05-left-p{ float:left; width:450px;}



.p05-img-right{ float:right; margin-bottom:20px;}



.p05-ul{ margin-bottom:15px;}

 

.p05-ul li{ list-style:none; margin-bottom:5px; border-left:3px solid #1f97e2; text-indent:5px;}



.p05-table{ width:760px; border-collapse:collapse; margin-bottom:20px;}



.p05-th01{ text-align:left;border:1px  solid #ccc; background:#f9f9f9; padding:10px;}



.p05-main{ text-align:center;border:1px  solid #ccc;padding:10px; width:200px;}



.p05-sub{text-align:center;border:1px  solid #ccc;padding:10px; width:200px;}



.p05-th02{ text-align:left;border:1px  solid #ccc; background:#dfedf7; padding:10px;}



.p05-main02{ text-align:center;border:1px  solid #ccc;padding:10px; width:200px; background:#dfedf7;}



.p05-sub02{text-align:center;border:1px  solid #ccc;padding:10px; width:200px;background:#dfedf7;}



.p05-th03{ text-align:left;border:1px  solid #ccc; background:#fee5c8; padding:10px;}



.p05-main03{ text-align:center;border:1px  solid #ccc;padding:10px; width:200px; background:#fee5c8;}



.p05-sub03{text-align:center;border:1px  solid #ccc;padding:10px; width:200px;background:#fee5c8;}



.p05-06-p{ background:#f9f9f9; border:1px solid #ccc; padding:10px; margin:10px 0px;}



/* マグネエースクリーン(お問い合わせ)

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



.p06-p{ padding-bottom:20px;}



/* きもちよか(商品説明)

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



.p07-p{ padding-bottom:20px;}



.p07-left-p{ float:left; width:540px;}



.p07-img-right{ float:right; margin-bottom:20px;}



.p07-right-p{ float:right; width:540px;}



.p07-img-left{ float:left; margin-bottom:20px;}



.p07-point-01{ background:url(../images02/p07-point-1.jpg) left top no-repeat; float:left; width:400px; padding:25px 0px 30px 150px;}

.p07-point-02{ background:url(../images02/p07-point-2.jpg) left top no-repeat; float:left; width:400px; padding:25px 0px 30px 150px;}

.p07-point-03{ background:url(../images02/p07-point-3.jpg) left top no-repeat; float:left; width:400px; padding:25px 0px 30px 150px;}

.p07-point-04{ background:url(../images02/p07-point-4.jpg) left top no-repeat; float:left; width:400px; padding:25px 0px 30px 150px;}

.p07-point-05{ background:url(../images02/p07-point-5.jpg) left top no-repeat; float:left; width:400px; padding:25px 0px 50px 150px;}



.p07-middle-p{ clear:both; background:#f9f9f9; padding:10px; border:1px solid #ccc; width:738px; margin-bottom:20px;}



/* きもちよか(販売情報)

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

#p08-left-table{border-collapse:collapse;width:470px;float:left;margin-bottom:20px;}



#p08-left-table th{ width:180px;text-align:left;border:1px solid #ccc; background:#f9f9f9; padding:10px;}



#p08-left-table td{ text-align:center;border:1px solid #ccc; padding:10px;}



.p08-img-right{ margin:40px 0px 0px 50px;}



.p08-p{ padding-bottom:20px;}



.p08-price-p{ padding:10px; border:1px solid #ccc; background:#f9f9f9; margin-bottom:20px;}



/* 中ページタブナビゲーション

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

#p10-navigation{

	width:530px;

	margin:0px auto 20px auto;

	height:32px;

	clear:both;

	border-bottom:4px solid #1f97e2;

}



#p10-navigation li a{text-decoration:none;float: left;}



#p10-navigation li {list-style-type:none;display:block;float: left;}



#p10-navigation strong {visibility:hidden;} /* ナビゲーション文字の非表示 */



#p10-navi01 a{width:125px;background:url(../images02/p10-navi01a.jpg) ;height:32px;margin-right:10px;}

#p10-navi02 a{width:125px;background:url(../images02/p10-navi02a.jpg) ;height:32px;margin-right:10px;}

#p10-navi03 a{width:125px;background:url(../images02/p10-navi03a.jpg) ;height:32px;margin-right:10px;}

#p10-navi04 a{width:125px;background:url(../images02/p10-navi04a.jpg) ;height:32px;}



#p10-navi01 a:hover{width:125px;background:url(../images02/p10-navi01b.jpg) ;height:32px;margin-right:10px;}

#p10-navi02 a:hover{width:125px;background:url(../images02/p10-navi02b.jpg) ;height:32px;margin-right:10px;}

#p10-navi03 a:hover{width:125px;background:url(../images02/p10-navi03b.jpg) ;height:32px;margin-right:10px;}

#p10-navi04 a:hover{width:125px;background:url(../images02/p10-navi04b.jpg) ;height:32px;}



#p10-navi01-on a{width:125px;background:url(../images02/p10-navi01b.jpg) ;height:32px;margin-right:10px;}

#p10-navi02-on a{width:125px;background:url(../images02/p10-navi02b.jpg) ;height:32px;margin-right:10px;}

#p10-navi03-on a{width:125px;background:url(../images02/p10-navi03b.jpg) ;height:32px;margin-right:10px;}

#p10-navi04-on a{width:125px;background:url(../images02/p10-navi04b.jpg) ;height:32px;}



/* 笑顔クラブ

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

.p10-img-right{ float:right; margin-bottom:20px;}



.p10-left-p{ float:left; width:359px;}



.p10-p{ padding-bottom:20px;}



.p10-04-p{padding:10px; border:1px solid #ccc; background:#f9f9f9; margin-bottom:20px;}



.p10-img-left{ float:left; margin-bottom:20px;}



.p10-bottom-p{ padding-bottom:20px;}



.adobe-left02{ float:left;margin-bottom:20px;}



.adobe-right02{ float:left; width:398px; padding-left:10px; margin-bottom:20px;}



.p10-button-right{ float:right; margin-bottom:20px;}



.p10-button-right02{text-align:right;margin:20px 0px;}



.p10-bottom-left-p{ float:left; width:480px;}



.p10-bottom-right-box{ float:right; width:236px;} 



.p10-bottom-button{ margin:20px 0px ;}



/* 会員企業一覧

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



.p11-table{ width:530px; border-collapse:collapse;}



.p11-title{ border:1px solid #ccc; padding:5px; background:#f9f9f9; text-align:center; width:20px;}

.p11-main{ border:1px solid #ccc; padding:5px;background:#f9f9f9;width:150px;}

.p11-sub{ border:1px solid #ccc; padding:5px;background:#f9f9f9;}



.p11-title02{border:1px solid #ccc; padding:5px; text-align:center;width:20px; }

.p11-main02{ border:1px solid #ccc;padding:5px; width:150px;}

.p11-sub02{ border:1px solid #ccc;padding:5px; }



/*  サイドビジネス

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

.p12-02-ul{ float:left; width:300px;}



.p12-02-ul li{list-style:none;margin-bottom:10px;border-left:3px solid #1f97e2;text-indent:5px; margin-left:10px;}



.p12-img-right{ float:right; margin-bottom:20px; margin-right:10px;}

.p12-02-p{ padding:10px 10px 20px 10px; clear:both;}



.p12-03-dl{ float:left; width:300px;}



.p12-03-dl dt{}



.p12-03-dl dd{}



.p12-06-p{ padding:10px; background:#f9f9f9; border:1px solid #ccc; margin-bottom:20px;}



.p12-07-p{padding:10px;border:1px solid #ccc; background:#fee5c8; margin:20px 0px; }



.p12-06-left-p{ float:left; width:300px;  padding-bottom:20px;}



/* ご入会フォーム

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

.p13-p{ padding-bottom:20px;}



#p13-table {

	width:530px;

	margin:5px auto 0px auto;

}

.p13-main {

	padding:4px 20px 4px 20px;

	border-bottom:2px solid #FFFFFF;

	border-right:2px solid #FFFFFF;

	background-color:#f9f9f9;

	line-height:170%;

	background-image:url(../images02/contact-list.jpg);

	background-position:left;

	background-repeat:repeat-y;

	width:130px;

	text-align:left;

}



.p13-sub {

	padding:4px 0 4px 10px;

	border-bottom:2px solid #FFFFFF;

	background-color:#f9f9f9;

	line-height:170%;

	text-align:left;

}

/* 製品紹介(小カテゴリー)

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

.cl-box{ float:left; width:244px; margin:0px 10px 20px 10px; display:block; display:inline;}



.cl-box p{ float:left; width:115px; font-size:90%; padding:10px 0px 10px 10px ;}



.cl-img-right{ float:right;}



.cl-button{ clear:both;}



.cl-h3{ background:url(../images02/cl-h3-back.jpg) no-repeat; font-size:100%;  font-weight:normal; height:29px; text-indent:10px; line-height:230%;}



/* 製品紹介(一覧ページ)

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

.page-change{

	background: #f9f9f9;

	border:1px dotted #ccc;

	padding:3px;

	margin:20px 0px;

	text-indent:5px;

	width:522px;

	clear:both;

}



.cl-list-box{ float:left; width:156px; margin:0px 10px 20px 10px; display:block; display:inline;}

.cl-list-h3{ background:url(../images02/cl-h3-back02.jpg) no-repeat; font-size:100%; font-weight:normal; height:29px; text-indent:10px; line-height:230%;}

.cl-list-box p{font-size:90%; padding:10px 0px 0px 0px ;}



.cl-list-box img{ margin:10px 0px ;}

.cl-list-button{ clear:both; text-align:center;}



.cl-select{ margin:20px 0px;}



/* 製品紹介(詳細ページ)

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

.cl-detail-h3{ background:url(../images02/cl-h3-back03.jpg) no-repeat; font-size:100%; font-weight:normal; height:29px; text-indent:27px; line-height:230%;}



.cl-h4{ border-left:4px solid #1f97e2; border-bottom:1px dotted #ccc; text-indent:6px; margin:20px 0px 15px 0px ; font-size:100%; font-weight:normal;}



.cl-h4-p{ padding-bottom:20px;}



.p14-bottom-p{ padding-bottom:20px;}



.product03-left-photo{ float:left; width:255px; margin:20px 0px 20px 0px; display:inline; display:block;}



.product03-right-photo{ float:right; width:255px; margin:20px 0px 20px 0px;display:inline; display:block;}



/* 会社概要

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

.p15-left-p{ float:left; width:350px;}



.p15-img-right{ float:right; margin-bottom:20px;}



.p15-03-table{ width:530px;border-collapse:collapse; margin:20px 0px 20px 0px ;}



.p15-03-table th{ width:150px;padding:5px;border:1px solid #ccc; background:#f9f9f9; text-align:left;}



.p15-03-table td{padding:5px;border:1px solid #ccc;}



.p15-04-ul{ margin-bottom:10px;}



.p15-04-ul li{list-style:none;margin-bottom:10px;border-left:3px solid #1f97e2;text-indent:5px; margin-left:10px;}



.p15-bottom-p{ padding:10px; border:1px solid #ccc; background:#fee5c8; margin-bottom:20px;}



/* 特定商取引法・プライバシーポリシー

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



.p16-table{  width:530px;border-collapse:collapse; margin:0px 0px 20px 0px ;}



.p16-table th{width:160px;padding:5px;border:1px solid #ccc; background:#f9f9f9; text-align:left;}



.p16-table td{padding:5px;border:1px solid #ccc;}



.p16-03-p{ padding-bottom:10px;}



/* お問い合わせ・ご注文フォーム

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



.p17-p{ padding-bottom:20px;}



#p17-table {

	width:530px;

	margin:5px auto 0px auto;

}

.p17-main {

	padding:4px 20px 4px 20px;

	border-bottom:2px solid #FFFFFF;

	border-right:2px solid #FFFFFF;

	background-color:#f9f9f9;

	line-height:170%;

	background-image:url(../images02/contact-list.jpg);

	background-position:left;

	background-repeat:repeat-y;

	width:130px;

	text-align:left;

}



.p17-sub {

	padding:4px 0 4px 10px;

	border-bottom:2px solid #FFFFFF;

	background-color:#f9f9f9;

	line-height:170%;

	text-align:left;

}



/* フッター

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



#footer-link {

	text-align:left;

	font-size:80%;

	color:#fff;

	clear:both;

	width:760px;

	padding-top:3px;

}



#footer-link ul{padding:5px 0px 0px 0px;}



#footer-link li{

	display:inline;

	padding:0px 8px 0px 8px;

	border-right:1px solid #ccc;

}



#footer-link li a{color:#f9f9f9;}

#footer-link .nobd{border-right:none;}





#footer-back{ background: url(../images02/footer-back.jpg) repeat-x ; clear:both;}

#footer{ background: url(../images02/footer.jpg) ; width:760px;height:88px;; margin:0px auto; clear:both;}

#footer p{ visibility:hidden;}



/* 独立ページのフッター

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

#p02-footer-back{ background: url(../images02/p02-footer-back.jpg) repeat-x ; clear:both;}

#p02-footer{ background: url(../images02/p02-footer.jpg) ; width:760px;height:67px;; margin:0px auto; clear:both;}

#p02-footer p{ visibility:hidden;}

.fixed-nav{border-bottom:4px solid #1f97e2; height:32px; overflow:hidden; margin-bottom:20px;}
.fn1{
	width:100px;
	border-right:7px solid #fff;
	float:left;}
.fn2{
	width:100px;
	border-right:8px solid #fff;
	float:left;}
.fn3{
	width:100px;
	float:left;}
.fn4{
	width:100px;
	float:right;}