@charset "shift_jis";
/*----------------------------
  CSS 担当者名 Document 2008.08
  Last Update 0000.00.00 担当者名


・共通設定
・ヘッダイメージ
・商品一覧
・納入事例





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

@import "page.css";


/*####################　共通設定　####################*/

.contentsBox table {
	border-collapse:collapse;
	border:1px solid #a4dcee;
	width:619px;
	margin:0 auto 15px;
	}

.contentsBox table th{
	background:#aed3e0;
	border-top:none;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:3px;
	text-align:center;
	color:#fff;
	width:auto;
	}
.contentsBox table th.top{border-left:1px solid #a4dcee;}
.contentsBox table th.end{border-right:1px solid #a4dcee;}

.contentsBox table td {
	border:solid #a4dcee;
	border-width:0 1px 1px;
	padding:3px;
	text-align:center;
	font-family:verdana;
	font-size:11px;
	}
.contentsBox table td.num {background:#f5f5f5; font-weight:bold;}
.contentsBox table td.title {text-align:left; background:#f0f0f0; padding-left:8px;}
.contentsBox table td.comment {background:#eaf5fa;}
.contentsBox table td.price {
	text-align:right;
	font-size:12px;
	}

.contentsBox p.button {
	margin:0 0 30px 0;
	text-align:center;
	}



/*####################　ヘッダイメージ　####################*/
#HeadImg {
	width:620px;
	height:260px;
	margin:0 auto 15px;
	}
#HeadImg h2,
#HeadImg p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#PageProducts.page01 #HeadImg {background:url(../../products/img/headimg01.jpg);}
#PageProducts.page02 #HeadImg {background:url(../../products/img/headimg02.jpg);}
#PageProducts.page03 #HeadImg {background:url(../../products/img/headimg03.jpg);}
#PageProducts.page04 #HeadImg {background:url(../../products/img/headimg04.jpg);}
#PageProducts.page05 #HeadImg {background:url(../../products/img/headimg05.jpg);}
#PageProducts.page06 #HeadImg {background:url(../../products/img/headimg06.jpg);}
#PageProducts.page07 #HeadImg {background:url(../../products/img/headimg07.jpg);}
#PageProducts.page08 #HeadImg {background:url(../../products/img/headimg08.jpg);}

#PageProducts.page01 #HeadImg {background:url(../img/header/headimg-01.jpg);}
#PageProducts.page01a #HeadImg {background:url(../img/header/headimg-01a.jpg);}
#PageProducts.page01b #HeadImg {background:url(../img/header/headimg-01b.jpg);}
#PageProducts.page01c #HeadImg {background:url(../img/header/headimg-01c.jpg);}
#PageProducts.page01d #HeadImg {background:url(../img/header/headimg-01d.jpg);}
#PageProducts.page01e #HeadImg {background:url(../img/header/headimg-01e.jpg);}
#PageProducts.page02 #HeadImg {background:url(../img/header/headimg-02.jpg);}
#PageProducts.page02a #HeadImg {background:url(../img/header/headimg-02.jpg);}
#PageProducts.page02b #HeadImg {background:url(../img/header/headimg-02.jpg);}
#PageProducts.page02c #HeadImg {background:url(../img/header/headimg-02.jpg);}
#PageProducts.page02d #HeadImg {background:url(../img/header/headimg-02.jpg);}
#PageProducts.page02h #HeadImg {background:url(../img/header/headimg-02h.jpg);}
#PageProducts.page02i #HeadImg {background:url(../img/header/headimg-02i.jpg);}
#PageProducts.page03 #HeadImg {background:url(../img/header/headimg-03.jpg);}
#PageProducts.page03a #HeadImg {background:url(../img/header/headimg-03a.jpg);}
#PageProducts.page03b #HeadImg {background:url(../img/header/headimg-03b.jpg);}
#PageProducts.page03c #HeadImg {background:url(../img/header/headimg-03c.jpg);}
#PageProducts.page03d #HeadImg {background:url(../img/header/headimg-03d.jpg);}
#PageProducts.page03e #HeadImg {background:url(../img/header/headimg-03e.jpg);}
#PageProducts.page03f #HeadImg {background:url(../img/header/headimg-03f.jpg);}
#PageProducts.page04 #HeadImg {background:url(../img/header/headimg-04.jpg);}
#PageProducts.page04a #HeadImg {background:url(../img/header/headimg-04a.jpg);}
#PageProducts.page04b #HeadImg {background:url(../img/header/headimg-04b.jpg);}
#PageProducts.page04c #HeadImg {background:url(../img/header/headimg-04c.jpg);}
#PageProducts.page04d #HeadImg {background:url(../img/header/headimg-04d.jpg);}

#PageProducts.item01 #HeadImg {background:url(../img/header/headimg-item01.jpg);}
#PageProducts.item02 #HeadImg {background:url(../img/header/headimg-item02.jpg);}
#PageProducts.item03 #HeadImg {background:url(../img/header/headimg-item03.jpg);}
#PageProducts.item04 #HeadImg {background:url(../img/header/headimg-item04.jpg);}

#PageProducts.stainless #HeadImg {background:url(../../products/img/headimg12.jpg);}
#PageProducts.twoTone #HeadImg {background:url(../../products/steel/two_tone/img/headimg-index.jpg);}
#PageProducts.twoTone.cabinet #HeadImg {background:url(../../products/steel/two_tone/img/headimg-cab.jpg);}
#PageProducts.twoTone.locker #HeadImg {background:url(../../products/steel/two_tone/img/headimg-lock.jpg);}



/*　よくある質問へのリンク
-------------------------------------*/
#HeadImg p.link {
	position:relative;
	width:182px;
	height:20px;
	}
#PageProducts.page03a #HeadImg p.link {top:214px; left:31px;}
#PageProducts.page03b #HeadImg p.link {top:212px; left:30px;}
#PageProducts.page03c #HeadImg p.link {top:202px; left:30px; width:202px;}

#HeadImg p.link a{	
	display:block;
	text-indent:-9999px;
	}
#PageProducts.page03a #HeadImg p.link a,
#PageProducts.page03b #HeadImg p.link a,
#PageProducts.page03c #HeadImg p.link a{height:28px;}	


/*　貴重品ロッカーリンク
-------------------------------------*/
#PageProducts.page02 #HeadImg ul,
#PageProducts.page02a #HeadImg ul,
#PageProducts.page02b #HeadImg ul,
#PageProducts.page02c #HeadImg ul,
#PageProducts.page02d #HeadImg ul {
	margin:0 0 0 0;
	padding:226px 0 0 75px;
	}
#PageProducts.page02 #HeadImg ul li,
#PageProducts.page02a #HeadImg ul li,
#PageProducts.page02b #HeadImg ul li,
#PageProducts.page02c #HeadImg ul li,
#PageProducts.page02d #HeadImg ul li {
	width:95px;
	height:16px;
	margin-right:4px;
	}
#PageProducts.page02 #HeadImg ul li.menu02,
#PageProducts.page02a #HeadImg ul li.menu02,
#PageProducts.page02b #HeadImg ul li.menu02,
#PageProducts.page02c #HeadImg ul li.menu02,
#PageProducts.page02d #HeadImg ul li.menu02 {width:103px;}

#PageProducts.page02 #HeadImg ul li a,
#PageProducts.page02a #HeadImg ul li a,
#PageProducts.page02b #HeadImg ul li a,
#PageProducts.page02c #HeadImg ul li a,
#PageProducts.page02d #HeadImg ul li a{
	height:16px;
	}



/*####################　納入事例　####################*/

#ResultBox {
	width:632px;
	margin:0 -12px 15px 0;
	}
#ResultBox h2 {
	position:relative;
	width:620px;
	height:49px;
	font-size:12px;
	background-image:url(../../img/title-02.gif);
	}
#ResultBox h2 a{
	display:block;
	width:95px;
	height:38px;
	float:right;
	text-indent:-9999px;
	}

#ResultBox dl{
	display:inline;
	float:left;
	width:115px;
	margin-right:11px;
	margin-bottom:20px;
	}
#ResultBox dd{
	margin:0 4px;
	}
#ResultBox dd.date{
	font-family:verdana;
	font-size:10px;
	color:#999999;
	}
#ResultBox p.link{
	background:url(../img/contents/link-results_more.gif);
	width:620px;
	height:90px;
	margin-left:0;
	}
#ResultBox p.link a{
	position:relative;
	top:32px;
	left:422px;
	display:block;
	width:178px;
	height:28px;
	text-indent:-9999px;
	}





/*####################　商品写真・説明枠　####################*/


#ProductsBox .photo {
	float:left;
	width:266px;
	margin-bottom:25px;
	}
#ProductsBox .photo ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#ProductsBox .photo ul li{
	display:inline;
	float:left;
	margin-right:16px;
	margin-bottom:15px;
	}
#ProductsBox .photo ul li a {
	cursor:pointer;
	}

#ProductsBox .photo p {
	font-size:10px;
	color:#666666;
	margin:0 0 5px;
	}
#ProductsBox .photo p img{margin-bottom:5px;}



#ProductsBox .explanation {
	float:right;
	width:350px;
	margin-bottom:25px;
	}
#ProductsBox .explanation p {
	margin:0 0 15px;
	line-height:1.8;
	}

#ProductsBox table {
	clear:both;
	}


/*　展示ケースレイアウト
-------------------------------------*/

body.page03a #CautionBox {
	border:1px solid #ff5300;
	padding:10px;
	color:#ff5300;
	}
body.page03a #CautionBox strong{
	text-decoration:underline;
	}


body.page03a .contentsBox {
	margin:0 0 20px;
	padding:0;
	zoom:1;
	}

body.page03a .contentsBox p{margin:0 0 10px;}
body.page03a .contentsBox p.button{text-align:right; margin-bottom:0;}
body.page03a .contentsBox p.button a.print {
	display:block;
	float:right;
	background:url(../img/button-print.gif);
	width:139px;
	height:33px;
	margin-top:10px;
	text-align:left;
	text-indent:-9999px;
	cursor:pointer;
	}


body.page03a .contentsBox h3{
	clear:both;
	background:url(../img/contents/wall-title_s.gif) 0 0 no-repeat;
	margin:15px 0 10px;
	padding:11px 12px 8px 12px;
	color:#003366;
	font-size:12px;
	}


body.page03a .contentsBox .photo {
	float:left;
	font-size:10px;
	width:260px;
	margin:0;
	padding:0;
	}
body.page03a .contentsBox .photo ul li{
	display:inline;
	float:left;
	margin:0 16px 0 0;
	}
body.page03a .contentsBox .photo ul li a {
	cursor:pointer;
	}
body.page03a .contentsBox .data {
	float:right;
	width:355px;
	}
body.page03a .contentsBox .data p{
	font-size:10px;
	color:#999;
	margin-bottom:0;
	}


body.page03a .contentsBox table {
	width:355px;
	border:none;
	}
body.page03a .contentsBox table th{
	border:none;
	background:url(../img/line-dotted.gif) left bottom repeat-x;
	width:155px;
	padding:5px 5px 5px 10px;
	color:#666;
	font-weight:bold;
	text-align:left;
	}
body.page03a .contentsBox table th.num{width:auto; background:#f5f5f5;}

body.page03a .contentsBox table td{
	border:none;
	background:url(../img/line-dotted.gif) left bottom repeat-x;
	padding:5px 5px 5px 10px;
	text-align:left;
	}
body.page03a .contentsBox table td.price{text-align:right;}


body.page03a #OptionBox {
	zoom:1;
	background:url(../../products/img/wall-option.gif) bottom left no-repeat;
	margin-bottom:20px;
	padding-bottom:10px;
	} 
body.page03a #OptionBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

body.page03a #OptionBox ul{
	float:left;
	margin-right:12px;
	}
body.page03a #OptionBox li{
	float:left;
	margin:0 0 0 10px;
	}
body.page03a #OptionBox dl{
	float:left;
	width:295px;
	margin:6px 0 0 0;
	}
body.page03a #OptionBox dt{
	font-weight:bold;
	margin-bottom:5px;
	}


/*####################　個別商品レイアウト　####################*/
/*#ProductionBox p{
	line-height:1.5;
	font-size:14px;
	}
*/

#ProductsBox p.attention{
	clear:both;
	font-size:10px;
	margin:0 0 20px;
	}
#ProductsBox ul.photo {
	zoom:1;
	width:627px;
	margin-right:-20px;
	margin-bottom:0;
	}
#ProductsBox ul.photo:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#ProductsBox ul.photo li{
	float:left;
	height:auto;
	margin:0 8px 7px 0;
	}
#ProductsBox ul.photo li a{cursor:pointer;}
#ProductsBox ul.photo li img{
	border:1px solid #dcdcdc;
	}

#ProductsBox .feature {margin-bottom:20px;}
#ProductsBox .feature p{
	margin:0 0 10px;
	font-size:12px;
	line-height:1.5;
	}

/*　オプション部品
-------------------------------------*/
#ProductsBox #OptionBox {
	background:url(../../products/img/wall-option.gif) bottom no-repeat;
	margin-bottom:20px;
	padding-bottom:10px;
	zoom:1;
	}
#ProductsBox #OptionBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#ProductsBox #OptionBox h3{
	padding:0;
	margin:0;
	}
#ProductsBox #OptionBox ul{
	float:left;
	margin-right:12px;
	}
#ProductsBox #OptionBox li{
	float:left;
	margin:0 0 0 10px;
	}

/*　商品スペック
-------------------------------------*/
#ProductsBox .spec table {
	border:1px solid #a4dcee;
	margin-bottom:0;
	}
#ProductsBox .spec th {
	border:1px solid #a4dcee;
	background:#eaf5fa;
	color:#333;
	font-weight:normal;
	text-align:left;
	padding:5px;
	}
#ProductsBox .spec td {
	border:1px solid #a4dcee;
	text-align:left;
	padding:5px;
	font-size:12px;
	}



#ProductsBox #MemoBox,
#ProductsBox #VoiceBox {
	position:relative;
	z-index:5;
	border:1px solid #98cee0;
	margin-top:-1px;
	padding:15px 0 5px;
	}
#ProductsBox #MemoBox h3,
#ProductsBox #VoiceBox h3{
	margin:0 15px 15px;
	padding:0;
	background:none;
	}
#ProductsBox #MemoBox p,
#ProductsBox #VoiceBox p{
	margin:0 15px 10px;
	line-height:1.5;
	font-size:12px;
	}

#ProductsBox p.button {margin-top:30px; margin-bottom:0; clear:both;}
#ProductsBox  p.button a.print {
	display:block;
	background:url(../img/button-print.gif);
	width:139px;
	height:33px;
	margin:0 auto;
	text-indent:-9999px;
	cursor:pointer;
	}

/*####################　ステンレス　####################*/

#PageProducts.stainless #ProductsBox .copyTxt{margin-bottom:25px; clear:both;}
#PageProducts.stainless #ProductsBox .copyTxt.end{margin-top:25px;}
#PageProducts.stainless #ProductsBox .copyTxt h3 {
	background:none;
	margin:0 0 0 8px;
	padding:0;
	}

#PageProducts.stainless #ProductsBox div.wrap{
	background:none;
	width:620px;
	clear:both;
	margin:0 0 3px;
	padding:0;
	}
#PageProducts.stainless #ProductsBox div.wrap dl{
	width:148px;
	float:left;
	border:solid 1px #e9e9e9;
	margin-right:4px;
	display: inline;
	}
#PageProducts.stainless #ProductsBox div.wrap dt{
	text-align:center;
	margin:4px auto 0; 
	}

#PageProducts.stainless #ProductsBox div.wrap dd {
	display:inline;
	float:left;
	width:112px;
	margin:4px 0 8px 8px;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	}
#PageProducts.stainless #ProductsBox div.wrap dd.btn {
	width:18px;
	display:inline;
	float:right;
	margin:0 8px 5px 0;
	}
#PageProducts.stainless #ProductsBox div.itemBox dd a{	
	display:block;
	width:16px;
	height:16px;
	background:url(../../products/stainless/img/icon_pdf.gif) right top no-repeat;
	}

/*####################　ツートンシリーズ　####################*/

#PageProducts.twoTone .contentsBox h3{
	background:none;
	padding:0;
	}
#PageProducts.twoTone .contentsBox p{
	margin:0 0 1em;
	line-height:1.7;
	}
#PageProducts.twoTone #Cabinet {
	background:url(../../products/steel/two_tone/img/img-cab.jpg) 0 0 no-repeat;
	padding:0 20px 0 242px;
	}
#PageProducts.twoTone #Locker {
	background:url(../../products/steel/two_tone/img/img-locker.jpg) right 0 no-repeat;
	padding:20px 205px 0 20px;
	min-height:250px;
	_height:255px;
	}
#PageProducts.twoTone .contentsBox p.more {margin:20px 0;}
#PageProducts.twoTone .contentsBox.sample h3 {display:none;}





#PageProducts.twoTone .contentsBox .explanation .photo {
	width:353px;
	margin-right:-5px;
	font-size:0;
	}
#PageProducts.twoTone .contentsBox .explanation .photo li{
	float:left;
	margin-right:5px;
	}

#PageProducts.twoTone .contentsBox table {margin-bottom:50px;}
#PageProducts.twoTone .contentsBox td {
	padding:10px 5px;
	font-size:10px;
	}
#PageProducts.twoTone .contentsBox td ul {margin:0 20px;}
#PageProducts.twoTone .contentsBox td ul li {
	float:left;
	clear:left;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:2px 0 2px 20px;
	_padding:2px 0 5px 20px;
	text-align:left;
	letter-spacing:1px;
	white-space:nowrap;
	}
#PageProducts.twoTone .contentsBox ul li.color01 {background-image:url(../../products/steel/two_tone/img/ico-sb.gif);}
#PageProducts.twoTone .contentsBox ul li.color02 {background-image:url(../../products/steel/two_tone/img/ico-sg.gif);}
#PageProducts.twoTone .contentsBox ul li.color03 {background-image:url(../../products/steel/two_tone/img/ico-sr.gif);}
#PageProducts.twoTone .contentsBox ul li.color04 {background-image:url(../../products/steel/two_tone/img/ico-sy.gif);}
#PageProducts.twoTone .contentsBox ul li.color05 {background-image:url(../../products/steel/two_tone/img/ico-sn.gif);}
#PageProducts.twoTone .contentsBox ul li.color06 {background-image:url(../../products/steel/two_tone/img/ico-sw.gif);}


#PageProducts.twoTone .contentsBox td.price {
	font-family:verdana;
	font-size:12px;
	}
#PageProducts.twoTone .contentsBox td.name {
	font-weight:normal;
	background:#f5f5f5;
	}




/*####################　おおみだし　####################*/


/*　こみだし
-------------------------------------*/





/*end*/