@charset "utf-8";

/*ページ共通
==================================================*/
#main-box{
	width: 628px;
	margin: 16px 0px 0px 10px;
}

#detail-box{
	width: 583px;
	margin: 0px 0px 0px 22px;
}

#detail-box p{
	font-size: 85%;
	line-height: 1.4;
}

#detail-box p.text{
	font-size: 90%;
	margin: 0px 0px 14px;
	padding: 0px;
}

#detail-box p.f-small{
	font-size: 75%;
}

#detail-box .bold{
	font-weight:bold;
}

#detail-box .getflash{
	font-size: 75%;
	background: #E8E8E8;
	margin: 0px 0px 30px;
	padding: 5px;
	zoom: 1;
}

#detail-box .getflash:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#detail-box .getflash p{
	float: left;
	width: 400px;
	margin: 0px;
	padding: 0px;
}

#detail-box .getflash p.banner{
	float: right;
	width: 88px;
}

/*画像の横並び------------------------------*/
.float-box{
	zoom: 1;
}

.float-box:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.float-box .float-l{
	float: left;
}

.float-box .float-l p{
	margin: 0px 0px 0px;
}

.float-box .float-r{
	float: right;
}

.float-box .float-r p{
	margin: 0px 0px 0px;
}

.float-box .w160{
	width:160px;
}

.float-box .w240{
	width:240px;
}

.float-box .w260{
	width:260px;
}

.float-box .w340{
	width:340px;
}

/*パンくずリスト------------------------------*/
#topic-path{
	list-style: none;
	font-size: 90%;
	margin: 0px 0px 14px;
	padding: 0px;
	zoom: 1;
}

#topic-path:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#topic-path li{
	float: left;
	margin: 0px 4px 0px 0px;
}

/*ページタイトル------------------------------*/
#page-title{
	background: url(../img/contents_title.gif) no-repeat;
	width: 628px;
	height: 50px;
	margin: 0px 0px 15px 0px;
}

#page-title h2{
	float: left;
	margin: 0px;
	padding: 0px;
}

#page-title p{
	float: right;
	margin: 18px 5px 0px 0px;
}

#detail-box h3{
	margin: 0px 0px 15px;
	padding: 0px;
}

#detail-box h4{
	margin: 0px;
	padding: 0px 0px 14px;
}

#detail-box .title-icon{
	margin: 0px 0px 5px;
	padding: 0px;
}

/*一覧へ戻るボタン------------------------------*/
p#list-img-jusho{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#list-btn-gas-pipe{
	text-indent: -9999px;
}

#list-btn-gas-pipe a{
	display: block;
	background: url(../product/gas/pipe/img/btn_list.gif) no-repeat;
	width: 132px;
	height: 20px;
}

#list-btn-gas-pipe a:hover{
	background: url(../product/gas/pipe/img/btn_list_on.gif) no-repeat;
}

#list-btn-gas-valve{
	text-indent: -9999px;
}

#list-btn-gas-valve a{
	display: block;
	background: url(../product/gas/valve/img/btn_list.gif) no-repeat;
	width: 110px;
	height: 20px;
}

#list-btn-gas-valve a:hover{
	background: url(../product/gas/valve/img/btn_list_on.gif) no-repeat;
}

#list-btn-gas-governer{
	text-indent: -9999px;
}

#list-btn-gas-governer a{
	display: block;
	background: url(../product/gas/governer/img/btn_list.gif) no-repeat;
	width: 110px;
	height: 20px;
}

#list-btn-gas-governer a:hover{
	background: url(../product/gas/governer/img/btn_list_on.gif) no-repeat;
}

#list-btn-water-pipe{
	text-indent: -9999px;
}

#list-btn-water-pipe a{
	display: block;
	background: url(../product/water/pipe/img/btn_list.gif) no-repeat;
	width: 122px;
	height: 20px;
}

#list-btn-water-pipe a:hover{
	background: url(../product/water/pipe/img/btn_list_on.gif) no-repeat;
}

/*詳細ページ
==================================================*/
/*特徴------------------------------*/
#detail-box .tokucho-box01{
	padding: 0px 0px 14px;
	zoom: 1;
}

#detail-box .tokucho-box01:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#detail-box .tokucho-box01 .t-img{
	float: left;
	width: 208px;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-text{
	float: right;
	width: 361px;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-tech .t-img{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-tech .t-text{
	float: right;
	width: 261px;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-tech2 .t-img{
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-tech2 .t-text{
	float: right;
	width: 319px;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-text p{
	font-size: 90%;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-text p.title-cap{
	font-weight: bold;
	margin: 0px 0px 4px;
	padding: 0px;
}

#detail-box .tokucho-box01 td{
	font-size: 90%;
	text-align:center;
}

#detail-box .tokucho-box01 .t-text ol{
	font-weight: bold;
	font-size: 90%;
	color: #996600;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

#detail-box .tokucho-box01 .t-text li{
	margin: 0px 0px 5px;
}

#detail-box .tokucho-box01 .t-text ol li ul{
	list-style: none;
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 10px;
	padding: 0px;
}
#detail-box .tokucho-box01 .t-tech2 .t-text .nolist {
	color: #000000;
	font-weight: normal;
}


table.spec-t{
	border-collapse: collapse;
	margin: 5px 0px;
}

table.spec-t th{
	background: #D1E2FF;
}

table.spec-t th,table.spec-t td{
	text-align: center;
	border: 1px solid #999999;
	font-size: 90%;
	padding: 2px 5px;
}


/*キャッチコピー*/
#detail-box .tokucho-box01 p.catch-copy{
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 4px;
	padding: 0px;
	color: #996600;
}

/*キャッチテキスト*/
#detail-box .tokucho-box01 p{
	font-size: 90%;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

/*強調テキスト*/
#detail-box .tokucho-box01 .impact{
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
	color: #996600;
	font-weight: bold;
}

#detail-box p.f-size01{
	font-size: 80%;
}

#detail-box .border-bottom{
	border-bottom:1px solid #999999;
	margin-bottom:15px;
}

#detail-box .tokucho-box01 .t-text p.txt-bottom{
	margin-bottom: 10px;
}

.border-list dl.tokucho{
	background: url(../img/border_dot.gif) repeat-x bottom;
	margin-bottom: 20px;
	zoom: 1;
}

.border-list dl.tokucho:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

dl.tokucho{
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}

dl.tokucho dt{
	clear: both;
	font-weight: bold;
	color: #996600;
}

dl.tokucho dd{
	margin: 0px 0px 0px 18px;
	padding:  0px 0px 20px 0px;
}

dl.tokucho dd.pos-l{
	float: left;
	width: 370px;
}

*html dl.tokucho dd.pos-l{
	margin: 0px 0px 20px 9px;
}

dl.tokucho dd.pos-r{
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	float: right;
}

dl.tokucho dd.w420{
	width: 420px;
}

dl.tokucho dd.pos-r img{
	margin: 5px 0px 0px;
}

ul.tokucho{
	font-size: 90%;
	margin: 0px 0px 15px 18px;
	padding: 0px;
	list-style-type:disc;
}

ul.tokucho2{
	font-size: 90%;
	margin: 0px 0px 5px 36px;
	padding: 0px;
}

/*製品詳細ナビゲーション*/
#detail-box .product-navi{
	background-color:#CCCCCC;
	height: 29px;
	margin-bottom:15px;
}

#detail-box .product-navi ul{
	list-style: none;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

#detail-box .product-navi li{
	display:block;
	float:left;
	width: 130px;
	height: 27px;
	border:1px solid #CCCCCC;
	border-right:none;
}

#detail-box .product-navi a{
	display:block;
	width: 130px;
	height: 27px;
}

#detail-box .product-navi .navi01{
	background: url(../product/img/snavi_tokutyo.gif) no-repeat;
}
#detail-box .product-navi .navi02{
	background: url(../product/img/snavi_gaiyo.gif) no-repeat;
}
#detail-box .product-navi .navi03{
	background: url(../product/img/snavi_kouhou.gif) no-repeat;
}

#detail-box .product-navi .navi01-on{
	background: url(../product/img/snavi_tokutyo_o.gif) no-repeat;
}
#detail-box .product-navi .navi02-on{
	background: url(../product/img/snavi_gaiyo_o.gif) no-repeat;
}
#detail-box .product-navi .navi03-on{
	background: url(../product/img/snavi_kouhou_o.gif) no-repeat;
}

#detail-box .product-navi .navi01 a:hover{
	background: url(../product/img/snavi_tokutyo_o.gif) no-repeat;
}
#detail-box .product-navi .navi02 a:hover{
	background: url(../product/img/snavi_gaiyo_o.gif) no-repeat;
}
#detail-box .product-navi .navi03 a:hover{
	background: url(../product/img/snavi_kouhou_o.gif) no-repeat;
}

#detail-box .product-navi ul.welded-ws{
	padding: 0px 0px 0px 160px;
}

#detail-box .product-navi ul.kl-pelt{
	padding: 0px 0px 0px 95px;
}

/*説明ボックス*/
.explanation-box{
	font-size: 80%;
	margin: 0px 0px 10px;
	padding: 10px 10px 8px;
	border: 2px solid #999999;
}

.explanation-box2 {
	font-size: 90%;
	background: #FFFFCC;
	margin: 0px 0px 20px;
	padding: 10px 8px 8px 8px;
	border: 2px solid #999999;
}

.explanation-box2 p{
	margin: 0px 0px 2px;
	padding: 0px;
}

/*pdfボックス*/
.pdf-box{
	font-size: 80%;
	background-color:#DCF2FB;
	margin: 0px 0px 20px;
	padding: 10px 10px 8px;
	text-align:center;
}

.box-center{
	width:450px;
	text-align:center;
	margin:0 auto;
}

.box-kl-hf{
	width:420px;
	margin:0 auto;
}

.box-kl-hf p{
	font-size: 90%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

/*仕様------------------------------*/
#detail-box h5{
	font-size: 90%;
}

table.spec{
	width: 100%;
	border-collapse: collapse;
}

table.top-t{
	margin-top: 10px; 
}

table.bottom-t{
	margin-bottom: 15px; 
}

table.spec th, table.spec td{
	border: 1px solid #999999;
	padding: 4px 0px;
}

table.spec th{
	font-size: 75%;
	font-weight: normal;
	background: #D1E2FF;
}

table.spec td{
	font-size: 75%;
	text-align: center;
}

.spec-caption-r{
	font-size: 75%;
	text-align: right;
	margin: 0px;
	padding: 2px 0px;
}

.spec-caption-l{
	font-size: 75%;
	text-align: left;
	margin: 0px;
	padding: 2px 0px 15px;
}

.pos-center{
	text-align: center;
}

/*スペック表タイトル*/
.spec-title{
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

.space-top{
	padding-top: 15px;
}

.space-top2{
	margin-top: 15px;
}

.space-bottom{
	padding-bottom: 15px;
}

.space-bottom2{
	margin-bottom: 15px;
}

.clear{
	clear:both;
}

/*商品詳細ポップアップ------------------------------*/
#product-popup{
	width: 600px;
	margin: 0px auto;
	padding: 0px 0px 10px;
}

#p-popup-box{
	width: 580px;
	margin: 0px auto;
	padding: 0px;
}

#p-popup-box .p-left{
	float: left;
	width: 260px;
	margin: 0px;
	padding: 0px;
}

#p-popup-box .p-left p{
	text-align:left;
	margin: 0px 0px 10px 10px;
	padding: 15px;
}

#p-popup-box .p-left p.bg-yellow{
	background-color:#FFFFCC;
}

#p-popup-box .p-left table{
	width:250px;
	margin: 0px 0px 10px 10px;
	border:none;
	border-collapse: collapse;
}

#p-popup-box .p-left table td{
	padding:2px;
}

#p-popup-box .p-right{
	float: right;
	width: 260px;
	margin: 0px;
	padding: 0px;
}

#p-popup-box .p-right p{
	text-align:left;
	margin: 0px 10px 10px 0px;
	padding: 15px;
}

#p-popup-box .p-right table{
	width:250px;
	margin: 0px 10px 15px 0px;
	border:none;
	border-collapse: collapse;
}

#p-popup-box .p-right table td{
	padding:2px;
}

#p-popup-box .p-right p.bg-yellow{
	background-color:#FFFFCC;
}

#p-popup-box .step3{
	text-align:center;
	margin: 0px 10px 10px 10px;
	padding: 15px;
	background-color:#FFFFCC;
}

#p-popup-box .btn-box{
	text-align:center;
	margin: 10px;
	padding: 0px;
}


#p-popup-box .p-box01{
	font-size: 90%;
	padding: 10px;
	margin:0px 0px 15px 0px;
	zoom: 1;
}

#p-popup-box .p-box01:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#p-popup-box .p-box02{
	padding: 0px;
	margin:0px 0px 10px 0px;
	zoom: 1;
}

#p-popup-box .w560{
	width:560px;
	margin: 0px auto 15px 0px;
}

#p-popup-box .bg-yellow{
	background-color:#FFFFCC;
	margin-top: 5px;
}

#p-popup-box .bg-orange{
	background-color:#FFCC99;
	margin:0px 10px 0px 10px;
}

#p-popup-box .bg-orange-r{
	margin:0px 10px 0px 0px;
}

#p-popup-box .bg-orange-l{
	margin:0px 0px 0px 10px;
}

/*ポップアップタイトル*/
#p-popup-title{
	background: url(../img/contents_title.gif) no-repeat;
	width: 598px;
	height: 50px;
	margin: 0px 0px 15px 0px;
	border-left:1px solid #AAADB1;
	border-right:1px solid #AAADB1;
}

#p-popup-title h1{
	float: left;
	margin: 0px;
	padding: 0px;
}

#p-popup-title p{
	float: right;
	margin: 0px;
}

#hikaku-system-img{
	display: block;
	background: url(../product/gas/pipe/img/tl_img_system.gif) no-repeat;
	width: 163px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

/*ポップアップ見出し*/
#p-popup-box h2{
	font-size: 90%;
	line-height: 1.2;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #996600;
	font-weight: bold;
}

#p-popup-box h3{
	margin: 5px 0px 10px 0px;
	padding: 0px;
	clear:both;
}

#p-popup-box h4{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	clear:both;
}

#p-popup-box h5{
	margin: 15px 0px 10px 10px;
	padding: 0px;
	clear:both;
	font-weight:normal;
	font-size: 80%;	
}


/*ポップアップ画像*/
#p-popup-box p.img-center{
	text-align:center;
	margin: 0px;
	padding: 0px;
}

#p-popup-box p{
	font-size: 90%;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

#p-popup-box p.text01{
	font-size: 80%;
	line-height: 1.2;
	margin: 0px;
	padding: 10px;
}

#p-popup-box .text02{
	font-size: 80%;
	line-height: 1.2;
	margin: 0px;
	padding: 10px;
	text-align:left;
}

.popup-border{
	border:solid 1px #999999;
}

.popup-pos-c{
	text-align:center;
	margin: 0 auto 5px auto;
	padding: 0px;	
}

.popup-img01 {
	text-align:center;
	margin: 0 auto;
	padding: 0px;	
}

#bg-black{
	background-color:#000000;
}

#flash-box{
	width:360px;
	margin:0 auto;
	padding:10px;
}



/*お問い合わせ------------------------------*/
.contents-inquiry {
	padding: 5px;
	width: 570px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
	background-color: #FFFFCC;
	border: 2px solid #999999;
}
.contents-inquiry p {
	margin: 0px;
	padding: 0px;
}
.contents-inquiry .bt_toi {
	width: 260px;
	margin: 2px;
	padding: 2px;
}
.contents-inquiry .bt_download {
	width: 260px;
	margin: 2px;
	padding: 2px;
}
.contents-inquiry .bt_downloadlist {
	width: 530px;
	margin: 2px;
	padding: 2px;
}


/*一覧ページ
==================================================*/
#detail-box dl.list-middle-last{
	margin-bottom: 20px;
}

#detail-box h3.list-middle-top{
	margin-top: 20px;
}

p.product-copy{
	font-size: 90%;
	color: #993300;
	font-weight: bold;
}

#detail-box h4.product-title{
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	background: #7B9DBF;
	padding: 2px;
}

.product-list dl{
	font-size: 90%;
	background: url(../img/border_dot.gif) repeat-x bottom;
	margin: 4px 0px 0px;
	padding: 0px 0px 5px;
}

.product-list dt{
	font-weight: bold;
	margin: 0px 0px 0px 4px;
}

.product-list dd{
	margin: 0px 0px 0px 14px;
	padding: 0px;
}
.waku01 {
	background-color: #FFCCFF;
	padding: 10px;
	font-size: 75%;
}


/*会社情報
==================================================*/
h4.company{
	background: 
}

table.company{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px; 
}

table.company th, table.company td{
	border: 1px solid #999999;
	padding: 4px 0px;
}

table.company th{
	font-size: 90%;
	font-weight: normal;
	background: #D1E2FF;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}

table.company-enkaku th {
	width: 160px;
}

table.company td{
	font-size: 85%;
	text-align: left;
	padding: 2px;
}

table.line-border{
	border: 1px solid #999999;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px; 
}

table.line-border th, table.line-border td{
	border-bottom: 1px solid #999999;
	padding: 4px 0px;
}

#detail-box  table.line-border td{
	padding: 4px 4px;
}

#detail-box  table.line-border .tel{
	width:120px;
}

table.line-border td.map{
	text-align: center;
	border-left: 1px solid #999999;
	width: 80px;
}

table.line-border th{
	font-size: 90%;
	font-weight: normal;
	background: #D1E2FF;
	text-align: left;
	width: 110px;
	vertical-align: top;
	padding: 2px;
}

table.line-border td{
	font-size: 85%;
	text-align: left;
	padding: 2px;
}

table.company td ul.map{
	list-style: none;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}

table.company td ul.map:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

table.company td ul.map li{
	float: left;
	padding-top: 6px;
}

table.company td ul.map li.btn{
	clear: none;
	float: right;
	padding-top: 0px;
}

p.copy{
	font-size: 100%;
	color: #993300;
	font-weight: bold;
}

/*採用情報------------------------------*/
.employ-head{
	padding-bottom: 10px;
}

*html .employ-head{
	padding-bottom: 20px;
}

.employ-head p.copy{
	padding-top: 20px;
	padding-left: 40px;
}

table.company .saiyou{
	border-collapse: collapse;
	margin-bottom: 0px; 
}

table.company .saiyou th, table.company .saiyou td{
	border: 1px solid #999999;
	padding: 4px 0px;
}

table.company .saiyou th{
	font-size: 100%;
	font-weight: normal;
	background: #FFCC66;
	text-align: center;
	vertical-align: top;
	padding: 2px;
}

table.company .saiyou td{
	font-size: 100%;
	text-align: center;
	padding: 2px;
}

table.company .saiyou th.total{
	background: #CCCCCC;
}

table.company .saiyou td.total{
	background: #E6E6E6;
}
table.company .noboder td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*主要取引先------------------------------*/
.float-table{
	zoom: 1;
}

.float-table:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

table.torihiki{
	width: 48%;
	float: left;
}

.float-table table.last{
	float: right;
}

table.shikaku td{
	border-left: none;
}

table.shikaku td.year{
	border-right: none;
}

table.torihiki th{
	color: #003366;
	font-weight: bold;
	width: 200px;
}

/*労働安全衛生基本方針
==================================================*/
h3.policy{
	color: #996600;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

.box-text{
	background: #FFFFCC;
	padding: 8px;
}

.policy-line{
	padding: 0px 0px 15px;
	background: url(../img/border_dot.gif) repeat-x bottom;
}

ol.policy{
	font-size: 90%;
	margin: 0px;
	padding: 0px 0px 0px 23px;
}

*html ol.policy{
	padding: 0px 0px 0px 25px;
}


ol.policy li{
	margin: 0px 0px 15px;
	padding: 0px;
}

p.p-pos-r{
	text-align: right;
}

/*個人情報保護方針
==================================================*/
.privacy-list dl{
	font-size: 90%;
	background: url(../img/border_dot.gif) repeat-x bottom;
	margin: 4px 0px 0px;
	padding: 16px 0px 16px;
}

.privacy-list dt{
	color: #996600;
	font-weight: bold;
	margin: 0px 0px 0px 4px;
}

.privacy-list dd{
	margin: 0px 0px 0px 14px;
	padding: 0px;
}

.privacy-list dd dl{
	font-size: 100%;
	margin: 0px;
	padding: 10px 0px;
	background: none;
}

.privacy-list dd dt{
	color: #000000;
	font-weight: normal;
}
.privacy-list dd dd{
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

.privacy-list dd ul{
	margin: 0px 0px 0px 14px;
	padding: 0px;
}

/*取り扱いメーカー
==================================================*/
table.maker th{
	text-align: center;
}

table.maker th.title-cell{
	width: 23%;
}

table.maker th.maker-cell{
	width: 77%;
}

table.maker td ul{
	font-size: 90%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

table.maker td ul li{
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

/*ガス事業部
==================================================*/
.float-box-bizgas{
	border: 1px solid #999999;
	padding: 3px;
	zoom: 1;
}

.float-box-bizgas:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.float-box-bizgas .float-l{
	float: left;
	width: 200px;
}

.float-box-bizgas .float-r{
	float: right;
	width: 360px;
}

.float-box-bizgas p{
	margin: 0px;
	padding: 0px;
}

.float-box-bizgas .float-r p{
	margin-bottom: 10px;
}

.float-box-bizgas .float-r p img{
	margin-right: 10px;
}

/*住器事業部
==================================================*/
.float-box-bizjuki{
	margin-bottom: 40px;
	padding: 3px;
	zoom: 1;
}

.float-box-bizjuki:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.float-box-bizjuki .float-l{
	float: left;
	width: 385px;
}

.float-box-bizjuki .float-r{
	font-size: 90%;
	float: left;
	width: 150px;
}

.float-box-bizjuki dl{
	font-size: 90%;
	zoom: 1;
}

.float-box-bizjuki dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.float-box-bizjuki dt{
	font-weight: bold;
	margin: 0px 0px 5px;
}

.float-box-bizjuki dd{
	float: left;
	width: 120px;
	margin: 0px 0px 5px;
	padding: 0px;
}

.float-box-bizjuki dd.last{
	width: 300px;
}

#reform-box{
	border: 1px solid #DD8410;
	margin-bottom: 40px;
}

#reform-box h5{
	margin: 0px;
	padding: 0 10px;
}

#reform-box p{
	padding: 0 10px;
}

#reform-box table{
	font-size: 90%;
	margin: 0px auto;
}

#reform-box table th{
	font-weight: normal;
	background: #FFCC66;
	padding: 3px;
}

#reform-box table td{
	background: #FFFFCC;
	padding: 3px;
}

/*外国営業部
==================================================*/
.gaikoku-hinmoku{
	background: url(../img/border_dot.gif) repeat-x bottom;
	margin: 0px 0px 20px;
	padding: 0px 0px 5px;
	zoom: 1;
}

.gaikoku-hinmoku:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.gaikoku-hinmoku h5{
	font-weight: normal;
	margin: 0px 0px 5px;
	padding: 0px;
}

.gaikoku-hinmoku ul{
	float: left;
	font-size: 90%;
	list-style: none;
	margin: 0px 0px 5px;
	padding: 0px;
	width: 300px;
}

.gaikoku-hinmoku table{
	float: right;
	width: 280px;
}

.gaikoku-hinmoku td{
	font-size: 75%;
	text-align: center;
}

.gaikoku-hinmoku td img{
	margin-bottom: 5px;
}

table.gaikoku{
	margin: 10px 0px 40px;
}

table.gaikoku th{
	width: 50%;
	text-align: center;
}

.gaikoku-hinmoku-top {
	margin-top: 10px;
}

/*販売部門共通
==================================================*/
#detail-box h3.blue{
	font-size: 85%;
	font-weight: normal;
	color: #FFFFFF;
	background: #4773AF;
	padding: 4px 5px;
}

#detail-box h4.blue{
	font-size: 85%;
	font-weight: normal;
	color: #FFFFFF;
	background: #4773AF;
	margin-top: 40px;
	padding: 4px 5px;
}

/*販売部門index
==================================================*/
.w50per{
	width: 280px;
	margin: 0px 0px 20px;
}

.w50per .float-box p{
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}

.w50per .float-box .float-l{
	width: 100px;
}

.w50per .float-box .float-r{
	width: 160px;
}

.w50per .float-box p{
	margin: 0px 0px 10px;
}

#detail-box .blue-box{
	border: 2px solid #4773AF;
	margin: 0px 0px 40px;
	padding: 5px 0px;
}

#detail-box .blue-box h3{
	font-size: 90%;
	color: #4773AF;
	margin: 0px 0px 5px;
	padding: 0px;
}

#detail-box .blue-box h3 span{
	font-weight: normal;
}

#detail-box .blue-box .float-r{
	width: 420px;
}

#detail-box .blue-box .padding-right5 {
padding-right: 5px;
}

#detail-box .blue-box p{
	font-size: 90%;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

/*事業所マップ（ポップアップ）
==================================================*/
#company-s-map{
	width: 500px;
	border-top: 5px solid #003366;
	border-bottom: 5px solid #003366;
	margin: 0px auto;
	padding: 20px 0px 10px;
}

#company-s-map h1{
	font-size: 140%;
	margin: 0px 0px 0px 25px;
}

#company-s-map p{
	margin: 0px 25px;
}

#company-s-map p#map-img img{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

#company-s-map #map-detail-box{
	background: #DCDCDC;
	margin: 0px 23px 20px 25px;
	padding: 10px;
	zoom: 1;
}

#company-s-map #map-detail-box:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#company-s-map #map-detail-box dl{
	font-size: 90%;
	margin: 0px 0px 20px;
	padding: 0px;
}

#company-s-map #map-detail-box dd{
	margin: 0px 0px 2px 14px;
}

#company-s-map #map-detail-box .l-box{	
	float: left;
	width: 270px;
}

#company-s-map #map-detail-box .r-box{
	float: right;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#company-s-map #map-detail-box #qr-box{
	border: 1px solid #999999;
	background: #FFFFFF;
	padding-bottom: 2px;
	zoom: 1;
}

#company-s-map #map-detail-box #qr-box:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#company-s-map #map-detail-box #qr-box h2{
	font-size: 75%;
	text-align: center;
	margin: 5px 0px 4px;
}

#company-s-map #map-detail-box #qr-box .l-box{
	float: left;
	width: 90px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

#company-s-map #map-detail-box #qr-box .r-box {
	float: right;
	font-size: 65%;
	width: 170px;
}

#company-s-map #map-detail-box #qr-box .r-box p{
	margin: 5px 0px 2px;
	padding: 0px;
}

#company-s-map #map-detail-box #qr-box .r-box p span{
	color: #FF0000;
}

#company-s-map #map-detail-box #qr-box .r-box p.btn{
	text-align: center;
}

#company-s-map .page-btn{
	margin: 0px auto 10px auto;
}

/*ポップアップ
==================================================*/
#popup-box{
	border-top: 5px solid #003366;
	border-bottom: 5px solid #003366;
	margin: 0px auto;
	padding: 20px 0px 10px; 
}

.w520 #popup-box{
	width: 520px;
}

.w470 #popup-box{
	width: 470px;
}

.w420 #popup-box{
	width: 420px;
}

#popup-box h1{
	color: #993300;
	font-size: 100%;
	margin: 0px auto 10px 10px;
	padding: 0px;
}

#popup-box h2.blue{
	font-size: 85%;
	font-weight: normal;
	color: #FFFFFF;
	background: #4773AF;
	margin: 40px 10px 10px;
	padding: 4px 5px;
}

#popup-box p{
	font-size: 90%;
	margin: 0px auto 20px 10px;
	padding: 0px;
}

#popup-box p.caption{
	margin: 0px auto 0px 10px;
}

#popup-box table{
	font-size: 90%;
	margin: 0px auto 20px 10px;
}

#popup-box th{
	font-weight: normal;
	text-align: left;
}

#popup-box ol{
	font-size: 90%;
	margin: 0px 0px 20px;
}

/*先端技術・製品
==================================================*/
ol.spec{
	font-size: 90%;
	margin-bottom: 40px;
}

ol.spec li{
	margin: 0px 0px 5px;
}

ol.spec ul{
	list-style: none;
	margin: 5px 0px;
	padding: 0px;
}

.caption-box{
	font-size: 90%;
	border: 2px solid #999999;
	margin-bottom: 40px;
	padding: 10px;
}

.caption-box p{
	margin: 0px;
	padding: 0px;
}

ul.flow{
	font-weight: bold;
	color: #996600;
	list-style: none;
	margin: 0px 0px 40px;
	padding: 0px;
	zoom: 1;
}

ul.flow:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul.flow li{
	float: left;
	padding: 0px 25px 0px 0px;
	background: url(../technical/img/sankaku_r.gif) no-repeat 125px 55px;
}

ul.flow li.flow-b{
	float: left;
	padding: 0px 0px 0px 25px;
	background: url(../technical/img/sankaku_r.gif) no-repeat 5px 55px;
}

ul.flow li.last{
	background: url(../technical/img/sankaku_r.gif) no-repeat 5px 55px;
}

ul.flow li.last span{
	font-size: 80%;
}

h4.yellow-t{
	color: #996600;
	font-size: 90%;
	margin: 20px 0px 10px;
}

/* susupention.html */
p.flow_tl{
	margin:0px;
	padding:0px;
	color: #996600;
	font-weight:bold;
}

/*WHAT'S NEW
==================================================*/
dl.new-list{
	font-size: 90%;
	margin: 5px 0px 0px;
	padding: 0px;
}
#detail-box h4.sensin{
	font-size: 85%;
	font-weight: normal;
	color: #FFFFFF;
	background: #4773AF;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin-bottom: 15px;
}

dl.new-list dt,dl.new-list dd{
	margin: 0px;
	padding: 0px;
}

dl.new-list dd{
	margin: 0px 0px 10px;
}

/*トピックス
==================================================*/
table#topics{
	font-size: 90%;
	width: 100%;
}

table#topics th{
	font-weight: normal;
	background: #D1E2FF;
	padding: 2px 2px;
}

table#topics th.date{
	width: 80px;
}

table#topics th.pdf{
	width: 100px;
}

table#topics td{
	background: url(../img/border_dot.gif) repeat-x bottom;
	padding: 10px 2px;
}

table#topics td img{
	vertical-align: bottom;
}

#detail-box .topics h4{
	margin: 0px;
	padding: 0px;
}

#detail-box .topics .float-l{
	width: 390px;
}

#detail-box .topics p{
	margin: 0px 0px 20px;
}

.topics-side-photo{
	width: 180px;
	font-size: 90%;
}

#detail-box .topics-side-photo .float-box .float-l{
	width: 117px;
}

#detail-box .topics-side-photo .float-box .float-r{
	width: 58px;
}
#detail-box .topics-title{
	text-align: center;
}
#detail-box .topics4-title{
	margin: 0px 0px 10px;
	zoom: 1;
}

#detail-box .topics4-title:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#detail-box .topics4-title h3{
	float: left;
	padding: 0px 0px 0px 150px;
	margin: 0px;
	width: 261px;
}

#detail-box .topics4-title p{
	float: right;
	margin: 6px 0px 20px;
	padding: 0px;
}

.border-img img{
	border: 1px solid #CCCCCC;
}

dl.topics4{
	font-size: 90%;
	width: 451px;
	margin: 0px auto 40px;
	padding: 0px;
}

dl.topics4 dd{
	margin: 0px;
	padding: 0px;
}

#topic3-wrapper{
	margin: 10px auto;
	padding: 10px 0px;
	width: 680px;
}

#topic3-wrapper #page-title h1{
	margin: 0px;
	padding: 0px;
}

#topic3-wrapper #page-title{
	width: 680px;
	background: url(../img/contents_title.gif) no-repeat right;
}

#topic3-wrapper p{
	padding: 0px 20px;
}

/*問い合わせ
==================================================*/
#toiawase-wrapper{
	width: 680px;
	margin: 0px auto;
	padding: 0px;
}

#toiawase #header{
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
	padding-bottom: 10px;
	zoom: 1;
}

#toiawase #header:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


#toiawase-wrapper #page-title{
	margin-left: auto;
	margin-right: auto;
}

#toiawase-wrapper #page-title h2{
	margin: 0px;
	padding: 0px;
}

#toiawase-wrapper p{
	font-size: 90%;
	margin: 10px 40px 20px;
}

#toiawase-form{
	font-size: 90%;
	border-collapse: collapse;
	width: 600px;
	margin: 0px auto;
}

#toiawase-form th,#toiawase-form td{
	border: 1px solid #999999;
	vertical-align: top;
	padding: 5px;
}

#toiawase-form th{
	font-weight: normal;
	background: #BBD1FF;
	text-align: left;
	width: 150px;
}

#toiawase-form th span{
	color: #FF0000;
}

#toiawase-form td span{
	font-size: 75%;
	color: #FF0000;
}

#toiawase-wrapper p.toiawase-thk{
	margin: 100px auto;
}

/*404
==================================================*/
body#error{
	background: #E3F0F9;
}

body#error div{
	border: 1px solid #666666;
	width: 380px;
	margin: 40px auto;
	padding: 10px 10px 0px;
}

body#error h1{
	font-size: 75%;
	font-weight: normal;
	margin: 0px 0px 5px;
	padding: 0px;
}

body#error p{
	font-size: 90%;
	margin: 0px 0px 10px;
	padding: 0px;
}

/*プライバシー
==================================================*/
#toiawase-wrapper h2{
	font-size: 90%;
	text-align: center;
	margin: 20px 0px;
}

#toiawase-wrapper .privacy .float-l{
	font-size: 75%;
	margin: 0px;
	padding-left: 120px;
}

#toiawase-wrapper .privacy .float-r{
	font-size: 75%;
	margin: 0px;
	padding-right: 120px;
}

#toiawase-wrapper dl{
	font-size: 90%;
	margin: 40px 0px 40px;
}

#toiawase-wrapper dt{
	font-weight: bold;
	color: #996600;
}

#toiawase-wrapper dd{
	margin: 0px 0px 20px 15px;
}

#toiawase-wrapper .red{
	color: #FF0000;
	margin: 0px 0px 20px;
}

/*価格表
==================================================*/
.price h3{
	font-size: 90%;
	color: #996600;
}

.price h3 span{
	font-weight: normal;
	color: #000000;
}

.price .float-l{
	width: 200px;
}

.price .float-r{
	width: 360px;
}

.price .float-r img{
	text-decoration: none;
	vertical-align: middle;
	margin-right: 5px;
}

.price .float-r .caption{
	font-size: 75%;
}

.price .float-r .float-l{
	width: 240px;
}

.price .float-r .float-r{
	width: 88px;
}

.price .contents-inquiry{
	margin-top: 100px;
}

/*サイトマップ
==================================================*/
.map-box{
	background: #7B9DBF;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

.map-box-g{
	background: #999999;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#sitemap h3{
	font-size: 90%;
	color: #FFFFFF;
	background: #7B9DBF;
	margin: 0px;
	padding: 5px;
}

#sitemap h3.map-g{
	background: #999999;
}

#sitemap h4{
	background: #E6E6E6;
	font-size: 90%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 2px;
}

#sitemap ul{
	font-size: 90%;
	background: #FFFFFF;
	margin: 0px;
	padding: 5px;
}

#sitemap ul li{
	margin: 0px 0px 0px 15px;
}

#sitemap ul.product{
	list-style: none;
}

#sitemap ul.product li{
	margin: 0px 0px 0px 0px;
}


#sitemap ul ul{
	font-size: 100%;
	list-style: disc;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}