@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.08
  Last Update 2008.09.00 Date



・共通設定
・製品情報
・お問い合わせフォーム
・ページ送り
・関連商品
・基本仕様



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

@import "page.css";


/*####################　共通設定　####################*/
.contentsBox {
	margin-bottom:30px;
	}
.contentsBox h2 {
	margin-bottom:10px;
	}
.contentsBox h3 {
	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;
	}
.contentsBox p {
	margin: 10px 10px;
	line-height:1.8;
	}


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

.contentsBox table th{
	background:#aed3e0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:100px;
	padding:10px 5px;
	text-align:left;
	color:#fff;
	}
.contentsBox table th.top{border-top:1px solid #a4dcee;}
.contentsBox table th.end{border-bottom:1px solid #a4dcee;}

.contentsBox table td {
	border:solid #a4dcee;
	border-width:1px 0;
	padding:10px;
	font-family:verdana;
	}
.contentsBox td p {
	margin:0 0 10px;
	line-height:1.5;
	}
.contentsBox table td li{
	margin-bottom:5px;
	background:url(../img/ico-arrow_gray.gif) 0 4px no-repeat;
	padding-left:10px;
	}


/*####################　製品情報　####################*/

#ProductsBox  {
	margin:0 0 20px;
	padding:0;
	zoom:1;
	}

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


#ProductsBox  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;
	}


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


#ProductsBox table {
	width:355px;
	border:none;
	}
#ProductsBox 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;
	}
#ProductsBox table th.num{width:auto; background:#f5f5f5;}

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



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


/*####################　お問い合わせフォーム　####################*/

#ContactBox {
	background:#edf9fc;
	margin-bottom:22px;
	padding:36px 40px 27px 40px;
	}
#ContactBox h4{
	margin:0 0 15px;
	}
#ContactBox p.attention{
	width:540px;
	text-align:right;
	font-size:10px;
	color:#666666;
	}
#ContactBox p.attention span {color:#33cccc;}


#ContactBox table{
	width:540px;
	margin-bottom:10px;
	}
#ContactBox th{
	background:url(../../results/img/line-dotted_blue.gif) left bottom no-repeat;
	width:125px;
	padding:9px 20px 9px 0;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	}
#ContactBox th span{
	font-size:10px;
	color:#33cccc;
	}

#ContactBox td{
	background:url(../../results/img/line-dotted_blue.gif) left bottom no-repeat;
	padding:7px 0 9px 0;
	vertical-align:top;
	}
#ContactBox td input{
	border:1px solid #98cee0;
	margin-bottom:6px;
	vertical-align:middle;
	_vertical-align:bottom;
	padding:2px 3px;
	font-size:12px;
	height:1em;
	_height:1.5em;
	}
#ContactBox td textarea{
	border:1px solid #98cee0;
	margin-bottom:6px;
	padding:2px 3px;
	font-size:12px;
	}

#ContactBox #name {width:200px;}
#ContactBox #zipA {width:40px;}
#ContactBox #zipB {width:70px;}
#ContactBox #address {width:350px;}
#ContactBox #tel {width:190px; font-size:14px; font-weight:bold; font-family:verdana;}
#ContactBox #mailaddress {width:350px; font-size:14px; font-weight:bold; font-family:verdana;}
#ContactBox #mailaddress2 {width:350px; font-size:14px; font-weight:bold; font-family:verdana;}
#ContactBox #comment {width:350px;}

#ContactBox p.button {
	text-align:right;
	margin-bottom:22px;
	}
#ContactBox p.button #conf{
	border:none;
	background:url(../img/button-conf.gif);
	width:110px;
	height:27px;
	text-indent:-9999px;
	cursor:pointer;
	}
#ContactBox p.button #reset{
	border:none;
	background:url(../img/button-reset.gif);
	width:110px;
	height:27px;
	text-indent:-9999px;
	cursor:pointer;
	}

#ContactBox .ssl {
	border:1px solid #98cee0;
	padding:12px;
	font-size:10px;
	color:#666666;
	}
#ContactBox .ssl strong{
	color:#d00;
	}


/*####################　ページ送り　####################*/

#PageBute{
	margin-bottom:37px;
	text-align:center;
	font-size:10px;
	font-family:verdana;
	}
#PageBute:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageBute li{
	display:inline;
	}

#PageBute li.pre{
	display:block;
	float:left;
	background:url(../img/arrow-left_b.gif) left 1px no-repeat;
	padding:0px 0 0 17px;
	}
#PageBute li.next{
	display:block;
	float:right;
	background:url(../img/arrow-right_b.gif) right 1px no-repeat;
	padding:0px 17px 0 0;
	}
#PageBute li a {
	border-right:1px solid #006699;
	background-color:#fff;
	margin:0 7px 0 0;
	padding:0 10px 0 0;
	}
#PageBute li.pre a,
#PageBute li.next a {
	width:auto;
	border:none;
	margin:0;
	padding:0;
	}




/*####################　関連商品　####################*/

#ResultBox {
	clear:both;
	width:632px;
	margin:0 -12px 15px 0;
	}
#ResultBox h3 {
	background:url(../../results/img/title-bar.gif) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:2px 0 2px 18px;
	font-size:16px;
	color:#3399cc;
	}
#ResultBox h3 span{
	font-size:10px;
	font-family:verdana;
	font-weight:normal;
	color:#666666;
	}
#ResultBox h4 {
	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;
	}
#ResultBox dl{
	display:inline;
	float:left;
	width:115px;
	margin-right:11px;
	margin-bottom:20px;
	}
#ResultBox dt{
	background:url(../img/contents/wall-results_photo.gif) 0 0 no-repeat;
	padding:3px;
	}
#ResultBox dd{
	margin:0 4px;
	}
#ResultBox dd.date{
	font-family:verdana;
	font-size:10px;
	color:#999999;
	}

/*####################　基本仕様　####################*/

#PageBasedata .contentsBox {margin-bottom:20px;}

#PageBasedata .contentsBox h2{padding:0;}

#PageBasedata .contentsBox h3{
	margin:15px 0 5px;
	padding:0;
	position:relative;
	width:620px;
	height:49px;
	font-size:12px;
	}
#PageBasedata .contentsBox h3.title01 {background:url(../../basedata/img/title-01.gif);}
#PageBasedata .contentsBox h3.title02 {background:url(../../basedata/img/title-02.gif);}
#PageBasedata .contentsBox h3.title03 {background:url(../../basedata/img/title-03.gif);}
#PageBasedata .contentsBox h3.title04 {background:url(../../basedata/img/title-04.gif);}
#PageBasedata .contentsBox h3.title05 {background:url(../../basedata/img/title-05.gif);}

#PageBasedata .contentsBox h3 a{
	display:block;
	width:75px;
	height:38px;
	float:right;
	text-indent:-9999px;
	}

#PageBasedata .contentsBox h4{
	background:url(../img/contents/wall-title_s.gif) 0 0 no-repeat #edf9fc;
	margin:0 0 10px;
	padding:11px 12px 8px 12px;
	color:#003366;
	font-size:12px;
	}

#PageBasedata .contentsBox table {
	}

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

#PageBasedata .contentsBox table th{
	background:#aed3e0;
	border:solid #fff;
	border-width:0 1px;
	width:auto;
	padding:2px 5px;
	text-align:center;
	color:#fff;
	}
#PageBasedata .contentsBox table th.num {border-width:0 1px 0 0;}
#PageBasedata .contentsBox table th.price {border-width:0 0 0 1px;}

#PageBasedata .contentsBox table td {
	border:solid #a4dcee;
	border-width:1px 1px;
	padding:5px;
	text-align:center;
	font-family:verdana;
	font-size:10px;
	}
#PageBasedata .contentsBox table td.price{text-align:right;}

#PageBasedata .contentsBox td p {
	margin:0 0 10px;
	line-height:1.5;
	}
#PageBasedata .contentsBox table td li{
	margin-bottom:5px;
	background:url(../img/ico-arrow_gray.gif) 0 4px no-repeat;
	padding-left:10px;
	}

/*####################　SHADAN　####################*/

/*　ヘッダイメージ
-------------------------------------*/
#PageShadan #HeadImg {
	width:620px;
	height:301px;
	margin:0 auto 20px;
	background:url(../../products/shadan/img/headimg-shadan.jpg);
	}
#PageShadan #HeadImg h2,
#PageShadan #HeadImg p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
#PageShadan .contentsBox {
	margin:0 0 10px;
	}
#PageShadan #Contents01 {
	background:url(../../products/shadan/img/cut-01.gif) top right no-repeat;
	padding-right:165px;
	min-height:125px;
	_height:125px;
	}


#PageShadan .contentsBox h3 {
	background:none;
	margin:0 0 10px;
	padding:0;
	}
#PageShadan .contentsBox p {
	margin:0 10px 0.8em 3px;
	line-height:1.5;
	}
#PageShadan .contentsBox ul {
	list-style:decimal;
	margin:0 0 0.8em 20px;
	*margin:0 0 0.8em 30px;
	}
#PageShadan .contentsBox ul li {
	margin-bottom:0.4em;
	}
#PageShadan .contentsBox dt {margin-bottom:5px;}
#PageShadan .contentsBox dd {margin-left:20px;}




#PageShadan .contentsBox.button {
	margin:40px 0;
	text-align:center;
	}
#PageShadan .contentsBox.button p {margin:20px 0;}
#PageShadan .contentsBox.button a.print {
	display:block;
	background:url(../img/button-print.gif);
	width:139px;
	height:33px;
	margin:0 auto;
	text-align:left;
	text-indent:-9999px;
	cursor:pointer;
	}

/*####################　ゴルフ場向け貴重品ロッカー　####################*/

/*　ヘッダイメージ
-------------------------------------*/
#PageProducts.page02h #HeadImg {
	width:620px;
	height:260px;
	margin:0 auto 15px;
	background:url(http://www.steel-koubou.jp/common/img/header/headimg-02h.jpg);
	}
#PageProducts.page02h #HeadImg h2,
#PageProducts.page02h #HeadImg p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}


/*　説明文・写真
-------------------------------------*/
#PageProducts.page02h #ProductsBox .photo {
	float:left;
	width:266px;
	margin-bottom:25px;
	}
#PageProducts.page02h #ProductsBox .photo ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageProducts.page02h #ProductsBox .photo ul li{
	display:inline;
	float:left;
	margin-right:16px;
	margin-bottom:15px;
	}
#PageProducts.page02h #ProductsBox .photo ul li a {
	cursor:pointer;
	}

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



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

#PageProducts.page02h #ProductsBox table {
	clear:both;
	}

/*　スペックテーブル
-------------------------------------*/
#PageProducts.page02h .contentsBox table {
	border-collapse:collapse;
	border:1px solid #a4dcee;
	width:619px;
	margin:0 auto 30px;
	margin-bottom:40px;
	}

#PageProducts.page02h .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;
	}
#PageProducts.page02h .contentsBox table th.top{border-left:1px solid #a4dcee;}
#PageProducts.page02h .contentsBox table th.end{border-right:1px solid #a4dcee;}

#PageProducts.page02h .contentsBox table td {
	border:solid #a4dcee;
	border-width:0 1px 1px;
	background:none;
	padding:10px;
	text-align:center;
	font-family:verdana;
	font-size:11px;
	}
#PageProducts.page02h .contentsBox table td.num {background:#f5f5f5; font-weight:bold;}
#PageProducts.page02h .contentsBox table td.title {text-align:left; background:#f0f0f0; padding-left:8px;}
#PageProducts.page02h .contentsBox table td.comment {background:#eaf5fa; text-align:left;}
#PageProducts.page02h .contentsBox table td.price {
	text-align:right;
	font-size:12px;
	}
#PageProducts.page02h .contentsBox p.button {margin:0 0 30px; clear:both; text-align:center;}
#PageProducts.page02h .contentsBox p.button a.print {
	float:none;
	display:block;
	background:url(../img/button-print.gif);
	width:139px;
	height:33px;
	margin:0 auto;
	text-indent:-9999px;
	cursor:pointer;
	}




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


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





/*end*/