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

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

1.全体構造
2.ヘッダ
3.ナビゲーション
4.コンテンツ
5.汎用スタイルシート
6.トップページ
11.フッター

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

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

#body01{ 
	color:#333;
	/* background: url(../images/back.jpg) repeat-x #fff; */
	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;
	/* background: url(../images/back02.jpg) repeat-x #fff; */
	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;
	clear:both;
	text-align:justify;
	text-justify: inter-ideograph;
}


#content{
	clear:both;
	text-align:left;
}
	
#right-content {width:200px;float:right;}

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

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 760px;
	height:82px;
	background: url(../images/header.jpg);
	margin:0px auto;
}

h1 a {
	display:block;
	height:82px;
	width:320px;
	text-indent:-9999px;
	float:left;
}

/* ナビゲーション
---------------------------------------------------- */

#navigation{
	width:761px;
	height:37px;
	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:127px; background:url(../images/navi01a.jpg) ; height:37px;}
#navi02 a{width:126px; background:url(../images/navi02a.jpg) ; height:37px;}
#navi03 a{width:127px; background:url(../images/navi03a.jpg) ; height:37px;}
#navi04 a{width:126px; background:url(../images/navi04a.jpg) ; height:37px;}
#navi05 a{width:127px; background:url(../images/navi05a.jpg) ; height:37px;}
#navi06 a{width:127px; background:url(../images/navi06a.jpg) ; height:37px;}

#navi01 a:hover{width:127px; background:url(../images/navi01b.jpg) ; height:37px;}
#navi02 a:hover{width:126px; background:url(../images/navi02b.jpg) ; height:37px;}
#navi03 a:hover{width:127px; background:url(../images/navi03b.jpg) ; height:37px;}
#navi04 a:hover{width:126px; background:url(../images/navi04b.jpg) ; height:37px;}
#navi05 a:hover{width:127px; background:url(../images/navi05b.jpg) ; height:37px;}
#navi06 a:hover{width:127px; background:url(../images/navi06b.jpg) ; height:37px;}

#navi01-on a{width:127px; background:url(../images/navi01b.jpg) ; height:37px;}
#navi02-on a{width:126px; background:url(../images/navi02b.jpg) ; height:37px;}
#navi03-on a{width:127px; background:url(../images/navi03b.jpg) ; height:37px;}
#navi04-on a{width:126px; background:url(../images/navi04b.jpg) ; height:37px;}
#navi05-on a{width:127px; background:url(../images/navi05b.jpg) ; height:37px;}
#navi06-on a{width:127px; background:url(../images/navi06b.jpg) ; height:37px;}


/* コンテンツ
---------------------------------------------------- */

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

#p01-01{background:url(../images/p01-01.jpg); width:540px;height:65px;text-indent: -9999px;clear: both;}
#p01-02{background:url(../images/p01-02.jpg); width:540px;height:67px;text-indent: -9999px;clear: both;}
#p01-03{background:url(../images/p01-03.jpg); width:200px;height:90px;text-indent: -9999px;clear: both;}

#p02-01{background:url(../images/p02-01.jpg); width:760px;height:129px; margin-top:20px;}

#p03-01{background:url(../images/p03-01.jpg); width:760px;height:129px; margin-top:20px;}
#p03-02{background:url(../images/p03-02.jpg); width:760px;height:47px;text-indent: -9999px;clear: both;}

#p04-01{background:url(../images/p04-01.jpg); width:760px;height:129px; margin-top:20px;}

#p05-01{background:url(../images/p05-01.jpg); width:760px;height:129px; margin-top:20px;}
#p05-02{background:url(../images/p05-02.jpg); width:760px;height:47px;text-indent: -9999px;clear: both;}
#p05-03{background:url(../images/p05-03.jpg); width:760px;height:47px;text-indent: -9999px;clear: both; page-break-before: always;}

#p06-01{background:url(../images/p06-01.jpg); width:760px;height:129px; margin-top:20px;}

#p07-01{background:url(../images/p07-01.jpg); width:760px;height:129px; margin-top:20px;}
#p07-02{background:url(../images/p07-02.jpg); width:760px;height:47px;text-indent: -9999px;clear: both; margin-top:20px;}


/* 汎用スタイルシート
---------------------------------------------------- */

.red{ color:#FF0000;}

.green{ color:#457409;}

.orange{ color:#ff9b05;}

#page-top {
	clear:both;
	text-align:right;
	width:760px;
	padding:20px 0px;
	height:12px;
}

.clear{clear:both;}

/* トップページ
---------------------------------------------------- */

#flash{
	width:748px;
	height:251px;
	clear:both;
	padding:6px;
	margin:14px 0px;
	background:url(../images/flash-back.jpg) no-repeat;
}

.p01-img-left{ float:left;}

.p01-ul{ float:right; list-style:none;width:198px;}

.p01-ul li{background:url(../images/p01-icon.jpg) left no-repeat; padding-left:10px; margin-bottom:10px;}

#p01-button{ clear:both; text-align:right;}

#wn-dl{ background:#f5fee8; border-bottom:1px solid #79a046; padding-top:5px;}

#wn-dl dt{ background:url(../images/wn-icon.jpg) left no-repeat;padding:5px 10px 5px 20px; margin-left:10px;}

.wn-dd{ padding:0px 10px 5px 23px;border-bottom:1px dotted #ccc;}

#back-number{ padding:10px 10px 10px 0px;text-align:right;border-bottom:none;}

/* 商品紹介(一覧ページ)
---------------------------------------------------- */
#catalog-select{ padding:10px; background:#f9f9f9;}

.cl-box{ border:1px solid #ccc; background:url(../images/cl-back.jpg); padding:10px; margin-top:20px;}

.cl-box h3{ border-bottom:1px solid #ccc; font-size:100%; margin-bottom:15px;}

.cl-photo-left{ float:left; width:234px; margin-right:20px;}

.p02-table{ float:right;width:484px;border-collapse:collapse; background:#fff; text-align:left;}

.p02-table th{ width:30%;background:#f5fee8;border:1px solid #ccc; padding:5px;}

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

.pdf-detail-button{clear:both; text-align:right;}

.pdf{ margin-right:20px;}

/* 商品紹介(詳細ページ)
---------------------------------------------------- */
.p02-detail-h3{ background: url(../images/p02-h3-back.jpg) no-repeat; padding:6px 0px 10px 30px; font-size:100%;}

.cl-left-box{ width:500px;float:left;}

.cl-left-box p{ padding:15px 20px 20px 10px;}

.cl-right-box{ width:234px;float:right; padding-top:20px;}

.cl-detail-photo{ margin-bottom:20px;} 

#p02-detail-table{ margin:0px 0px 20px 10px;width:490px;border-collapse:collapse; background:#fff; text-align:left;}

#p02-detail-table th{ width:25%;background:#f5fee8;border:1px solid #ccc; padding:5px;}

#p02-detail-table td{ border:1px solid #ccc;padding:5px;}

.back-button{ clear:both;text-align:right; margin-bottom:20px;}

/* LED電球使用時の比較
---------------------------------------------------- */
.p03-p{ background:#f9f9f9; border:1px solid #ccc; padding:10px; margin:20px 0px;}

.p03-contact-button{ text-align:right;}

/* 環境への考え
---------------------------------------------------- */
#backnumber-year{ border-bottom:1px solid #ccc; padding-bottom:10px;}

#p04-table{ width:760px;text-align:left;}

#p04-table th{padding:10px 0px;width:10%; font-weight:normal;border-bottom:1px dotted #ccc;}

#p04-table td{padding:10px 0px;border-bottom:1px dotted #ccc;}

/* 会社概要
---------------------------------------------------- */

.company-table{
	width:760px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px auto 30px auto;
}

.company-table th {
	width:100px;
	border-right:1px solid #dddddd;
	padding:5px 10px 5px 15px;
	background:url(../images/company-list.jpg) no-repeat;
	background-position:2px 8px;
	vertical-align:text-top;
	text-align:left;
} 

.company-table td {padding:5px 10px 5px 5px;}

#accses-dl{ float:left; width:270px;}

#accses-dl dt{border-bottom:1px solid #ccc;}

#accses-dl dd{padding:5px 0px 20px 0px;}

.google-map{ clear:both; text-align:right;padding-top:20px;}

/* 個人情報保護方針
---------------------------------------------------- */

.p06-h3{background:#457409;padding:5px; color:#fff; margin:20px 0px 15px 0px; font-size:100%; text-indent:5px;}

#p06-bottom-p{background:#f9f9f9;border:1px solid #ccc;padding:10px;margin-top:20px;}


/* お問い合わせ
---------------------------------------------------- */

#contact-table {
	width:760px;
	margin:0px auto 0px auto;
}
.main {
	padding:6px 20px 6px 20px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	background-color:#f9f9f9;
	line-height:170%;
	background-image:url(../images/contact-list.jpg);
	background-position:left;
	background-repeat:repeat-y;
	width:200px;
	text-align:left;
}

.sub {
	padding:6px 0 6px 10px;
	border-bottom:2px solid #FFFFFF;
	background-color:#f9f9f9;
	line-height:170%;
	text-align:left;
}

.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:400px;ime-mode: active;}/* 全角(住所や建物名) */

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

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

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

#submit{
	text-align:center;
	float:right;
	width:90px;
	padding:10px;
	background:url(../images/form-back.jpg) repeat-y;
	margin:20px auto 20px auto;
}

#reset{
	float:left;
	width:605px;
	padding:10px;
	background:#efefef;
	margin:20px 0px 20px 0px;
}

.map{ float:right;}

/* フッター
---------------------------------------------------- */

#footer-link {
	text-align:left;
	font-size:75%;
	background:url(../images/footer-back.jpg) repeat-x;
	border-top:1px solid #ccc;
	color:#333;
	clear:both;
}

#footer-link ul{width:776px; padding-top:7px;margin:0px auto;}

#footer-link li{
	display:inline;
	padding:0px 8px;
	border-right:1px solid #ccc;
}

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

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

#footer{background:url(../images/footer.jpg) no-repeat;margin:0px auto;width:760px;height:27px;}

#footer p{visibility:hidden;}