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

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

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

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

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

body{ 
	color:#fff;
	background: url(../img/back.jpg) repeat-x #340000;
	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: #bebc07;}
a:visited {text-decoration: none;color: #bebc07;}
a:hover {text-decoration: underline;color: #bebc07;}
a:active {text-decoration: none;color: #bebc07;}


/* 基本ページ幅 */

#wrapper{
	width:802px;
	margin:0px auto;
	clear:both;
	background:url(../img/wrapper-back.jpg)  no-repeat;
}

#container{
	width:760px;
	padding:20px;
	margin:0px auto;
	clear:both;
}

#content{text-align:left;}

#content02{
	text-align:left;
	background:#3b0101;
	padding:5px 16px 20px 16px;
}

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

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

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 800px;
	height:84px;
	background: url(../img/header.jpg) -17px 0px;
	margin:0px auto;
}

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

.topbanner{
	width:248px;
	text-align:right
	padding-top:17px;
	float:left;
}
.bottombanner{
	clear:both;
	margin-top:10px;
	}
.bntile{
	float:left;
	display:block;
	/*border-bottom:3px solid #340000;*/
	width:252px;
	padding-bottom:26px;
	text-align:center;
	height:1%;
	overflow:hidden;
}

#search{ width:200px;float:right; margin-right:20px; display:block; display:inline;}

.form-box{ float:left; width:110px;margin-top:33px;}

.form-button{ float:right;margin-top:35px;}

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

#navigation{width:801px;float:left; margin-left:1px; display:block; display:inline;}

#navigation li a{text-decoration:none;display:block;}

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

#navigation strong {visibility:hidden;} 

#navi01 a{width:114px; background:url(../img/navi01a.jpg) ; height:49px;}
#navi02 a{width:114px; background:url(../img/navi02a.jpg) ; height:49px;}
#navi03 a{width:115px; background:url(../img/navi03a.jpg) ; height:49px;}
#navi04 a{width:114px; background:url(../img/navi04a.jpg) ; height:49px;}
#navi05 a{width:114px; background:url(../img/navi05a.jpg) ; height:49px;}
#navi06 a{width:115px; background:url(../img/navi06a.jpg) ; height:49px;}
#navi07 a{width:114px; background:url(../img/navi07a.jpg) ; height:49px;}

#navi01 a:hover{width:114px; background:url(../img/navi01b.jpg) ; height:49px;}
#navi02 a:hover{width:114px; background:url(../img/navi02b.jpg) ; height:49px;}
#navi03 a:hover{width:115px; background:url(../img/navi03b.jpg) ; height:49px;}
#navi04 a:hover{width:114px; background:url(../img/navi04b.jpg) ; height:49px;}
#navi05 a:hover{width:114px; background:url(../img/navi05b.jpg) ; height:49px;}
#navi06 a:hover{width:115px; background:url(../img/navi06b.jpg) ; height:49px;}

#navi01-on a{width:114px; background:url(../img/navi01b.jpg) ; height:49px;}
#navi02-on a{width:114px; background:url(../img/navi02b.jpg) ; height:49px;}
#navi03-on a{width:115px; background:url(../img/navi03b.jpg) ; height:49px;}
#navi04-on a{width:114px; background:url(../img/navi04b.jpg) ; height:49px;}
#navi05-on a{width:114px; background:url(../img/navi05b.jpg) ; height:49px;}
#navi06-on a{width:115px; background:url(../img/navi06b.jpg) ; height:49px;}
#navi07-on a{width:114px; background:url(../img/navi07b.jpg) ; height:49px;}

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

h2{text-indent: -9999px;clear: both;}
h3{clear: both; font-size:100%; background:#4c0202;border-left:6px solid #220000; padding:5px;}
h4{ border-bottom:1px solid #660000;font-size:100%;font-weight:normal;padding:10px 0px 3px 10px;}

#p01-01{background:url(../img/p01-01.jpg); width:760px;height:38px;}
#pwn-01{background:url(../img/pwn-01.jpg); width:760px;height:76px;}
#p02-01{background:url(../img/p02-01.jpg); width:760px;height:76px;}
#p03-01{background:url(../img/p03-01.jpg); width:760px;height:76px;}
#p04-01{background:url(../img/p04-01.jpg); width:760px;height:76px;}
#p05-01{background:url(../img/p05-01.jpg); width:760px;height:76px;}
#p06-01{background:url(../img/p06-01.jpg); width:760px;height:76px;}
#p07-01{background:url(../img/p07-01.jpg); width:760px;height:76px;}
#p08-01{background:url(../img/p08-01.jpg); width:760px;height:76px;}
#p09-01{background:url(../img/p09-01.jpg); width:760px;height:76px;}
#p10-01{background:url(../img/p10-01.jpg); width:760px;height:76px;}
#p11-01{background:url(../img/p11-01.jpg); width:760px;height:76px;}
#p12-01{background:url(../img/p12-01.jpg); width:760px;height:76px;}


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

.clear{ clear:both;}

.red{color:#FF0000;}

#page-top{clear:both; width:744px; text-align:right; margin:20px auto 18px auto; padding-right:16px;}




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

#flash{width:760px;height:300px; margin-bottom:20px;}

#wn-box{
	background:#3b0101;
	padding:10px 16px 20px 16px;
}

#iframe-box{
	width:728px;
	margin:0px auto 0px auto;
	height:110px;
	overflow:auto;
}

#wn-table {width:708px;margin:0px auto;background:#3b0101; }

.icon {width:2%;text-align:left;vertical-align:middle;border-bottom:1px dotted #660000; padding:10px 0px 10px 5px;}

.day {width:12%;text-align:left;vertical-align:top;border-bottom:1px dotted #660000; padding:10px 0px 10px 7px;}

.word{width:86%;vertical-align:top;border-bottom:1px dotted #660000; padding:10px 0px 8px 0px;}

#p01-bottom-p{width:750px;color:#fff; text-align:right; padding:20px 10px 0px 0px;}

#p01-bottom-p a:link, p01-bottom-p a:visited{color:#fff; text-decoration:underline;}
#p01-bottom-p a:hover{color:#fff; text-decoration:none;}


/* WN02詳細ページ
---------------------------------------------------- */

.wn-p{ padding:10px;background:#4c0202; margin:15px 0px 20px 0px;}

.pwn-table{ margin:10px auto 0px  auto;width:728px; text-align:center;}

.pwn-photo01{ padding:10px 5px 20px 0px;}

.pwn-photo02{ padding:10px 5px 20px 5px;}

.pwn-photo03{ padding:10px 0px 20px 5px;}


.wn-pdf-box01{ width:220px; float:left; padding:10px; display:block; display:inline;}
.wn-pdf-box01 img{float:left;}
.wn-pdf-box01 p{float:right; width:130px; padding-top:25px;}

.wn-pdf-box02{padding:10px;width:220px; float:left; display:block; display:inline;}
.wn-pdf-box02 img{float:left; padding-left:}
.wn-pdf-box02 p{float:right; width:130px;padding-top:25px;}

.wn-pdf-box03{padding:10px;width:220px; float:left; display:block; display:inline;}
.wn-pdf-box03 img{float:left;}
.wn-pdf-box03 p{float:right; width:130px;padding-top:25px;}


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

.p02-p{ padding:15px 11px 0px 11px;}

#contact-table {
	width:726px;
	margin:20px auto 20px auto;
}
.main {
	padding:6px 20px 6px 20px;
	border-bottom:1px solid #660000;
	border-right:1px solid #660000;
	background-color:#4c0202;
	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:1px solid #660000;
	background-color:#4c0202;
	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:100px}/*全角(お問い合わせ内容)*/

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

/* ACHIVEMENT(施工例)
---------------------------------------------------- */

.p05-photo-box01{float:left;border:1px solid #660000;padding:2px;width:223px;display:block;display:inline;margin:15px 0px 20px 0px;}

.p05-photo-box02{float:left;border:1px solid #660000;padding:2px;width:223px;display:block;display:inline;margin:15px 20px 20px 20px;}

.p05-photo-box03{float:left;border:1px solid #660000;padding:2px;width:223px;display:block;display:inline;margin:15px 0px 20px 0px;}

.p05-p{background:#4c0202;padding:5px 16px 5px 16px; margin-bottom:20px;clear:both;}

/* SHOWROOM(ショールーム)
---------------------------------------------------- */
.p06-p{padding:15px 11px 20px 11px;}

.p06-map-p{padding:15px 11px 20px 11px; text-align:right;}


/* COMPANY(会社概要)
---------------------------------------------------- */

.company-table{width:728px;margin:20px auto 40px auto;border-collapse:collapse;}

.company-table th{
	padding:6px 20px 6px 20px;
	border:1px solid #660000;
	background:#4c0202;
	width:150px;
	font-weight:normal;
	text-align:left;
}

.company-table td{
	padding:6px 0 6px 10px;
	border:1px solid #660000;
	text-align:left;
}

.company-table02{width:728px;margin:20px auto;border-collapse:collapse;}

.company-table02 th{
	padding:6px 20px 6px 20px;
	border:1px solid #660000;
	background:#4c0202;
	width:100px;
	font-weight:normal;
	text-align:left;
}

.company-table02 td{
	padding:6px 0 6px 10px;
	border:1px solid #660000;
	text-align:left;
}

/* ログイン
---------------------------------------------------- */
#login-table{width:728px;border-collapse:collapse;text-align:left; margin:20px 0px;}

#login-table th{padding:10px;width:22%;border:1px solid #660000;}

#login-table td{padding:10px;width:78%;border:1px solid #660000;}

.password-form{ width:450px;}

.first-p{padding:10px;background:#220000; margin-bottom:20px;}

.reminder-p{padding:10px;background:#220000;}


/* 会員登録
---------------------------------------------------- */

.p02-p{ padding:15px 11px 0px 11px;}

#entry-table {
	width:726px;
	margin:20px auto 20px auto;
}
.entry-main {
	padding:6px 20px 6px 20px;
	border-bottom:1px solid #660000;
	border-right:1px solid #660000;
	background-color:#4c0202;
	line-height:170%;
	background-image:url(../images/contact-list.jpg);
	background-position:left;
	background-repeat:repeat-y;
	width:200px;
	text-align:left;
}

.entry-sub {
	padding:6px 0 6px 10px;
	border-bottom:1px solid #660000;
	background-color:#4c0202;
	line-height:170%;
	text-align:left;
}

.confirm-p{padding:10px;background:#220000;}


/* パスワードをお忘れの方
---------------------------------------------------- */
#reminder-table{width:728px;border-collapse:collapse;text-align:left; margin:20px 0px;}

#reminder-table th{padding:10px;width:22%;border:1px solid #660000;}

#reminder-table td{padding:10px;width:78%;border:1px solid #660000;}

.reminder-p{padding:10px;background:#220000; margin-bottom:20px;}

/* 製品紹介・ブランド
---------------------------------------------------- */
.brand-button{ text-align:right; margin:20px 0px 0px 0px;} 

.select-p{ padding:10px;}

.product-box{border:1px solid #660000;float:left;width:200px;display:block;display:inline;padding:10px;margin:0px 10px 20px 10px;}

.product-photo{margin-top:10px;}

/* 製品紹介・ブランド(パターン1)

.product-table{ width:728px;border-collapse:collapse; text-align:left; margin:15px 0px 5px 0px;}
.product-table td{padding:10px;border:1px solid #660000;}

.photo-td{width:30%; text-align:center;}

.color-td{text-align:center;}

.td-left{}

.td-tight{}


.td01{width:14%;text-align:center;}
.td02{width:14%;text-align:center;}
.td03{width:14%;text-align:center;}
.td04{width:14%;text-align:center;}
.td05{width:14%;text-align:center;

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

.product-photo{margin-top:10px;}

/* 製品紹介・ブランド(パターン2)
---------------------------------------------------- */

.paging{background:#220000; padding:5px; margin-top:15px;}

.product-table{width:728px;border-collapse:collapse; text-align:left; margin:15px 0px 20px 0px;}
.product-table td{padding:7px 10px 5px 10px;border:1px solid #660000;}

.photo-td{width:30%; text-align:center;}

.color-td{width:25%;text-align:center;}

.td-left{}

.td-tight{}

.td-title01{text-align:center;background:#220000;}
.td-title02{text-align:center;background:#220000;}
.td-title03{text-align:center;background:#220000;}

.td01{text-align:center;}
.td02{text-align:center;}
.td03{text-align:center;}

.td04{text-align:center; background:#220000;}

.td05{ letter-spacing:20px;}

.detail-button{ text-align:right; margin-bottom:20px;}


/* ブランド
---------------------------------------------------- */

.brand-photo{margin:20px 0px;}
.brand-p{ padding:10px;background:#220000; margin-top:20px;}

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

#footer-link {
	text-align:left;
	font-size:80%;
	color:#fff;
	background:#4c0202;
	clear:both;
	width:728px;
	margin:0 auto 0 auto;
	padding:5px 0px;
}

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

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

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

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

#footer{width:760px;height:32px;margin:0px auto;background:url(../img/footer.gif) no-repeat;}

#footer p{ visibility:hidden;}