@charset "UTF-8";
/* CSS Document */

/**************************************************************

全ページ共通指定

**************************************************************/

.pad-non { padding: 0px; }
.pad-b40 { padding-bottom: 40px; }
.pad-t15 { padding-top: 15px; }
.pad-t20 { padding-top: 20px; }
.pad-t40 { padding-top: 40px; }
.pad-t80 { padding-top: 80px; }
.pad-tl20 { padding-top: 20px; padding-left: 20px; }

.mg-t20 { margin-top: 20px; }
.mg-t50 { margin-top: 50px; }
.mg-t90 { margin-top: 101px; }
.mg-r20 { margin-right: 20px; }
.mg-b40 { margin-bottom: 40px; }
.mg-non { margin: 0px; }

.justify { text-align: justify; }

#bt-pagetop-box {
	width: 100%;
	height: 30px;
	background: #DADADA;
	border-bottom: 1px solid #CDCDCD;
}

#bt-pagetop-box-inner {
	width: 960px;
	margin: 0px auto;
	background: #DADADA;
}

#bt-pagetop {
	width: 120px;
	float: right;
}

#bt-pagetop a {
	display: block;
}

#now-prev {
	float: left;
	padding-top: 5px;
}

#now-prev a {
	color: #00488E;
}

#now-prev a:hover {
	color: #5F8CB8;
}


/**************************************************************

製品、会社案内、工場・倉庫案内、共通指定

**************************************************************/

#category-header {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 150px;
	background-color: #E6E6E6;
}

#category-header-inner {
	width: 900px;
	position: relative;
	margin: 0px auto;
}

#page-title {
	padding-top: 60px;
	float: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}

#content #category-page {
	width: 900px;
	position: relative; /*for css3 ie*/
	background-color: #FFFFFF;
	-webkit-border-radius: 0px 4px 4px 4px;
	-moz-border-radius:: 0px 4px 4px 4px;
	border-radius:: 0px 4px 4px 4px;
	-webkit-box-shadow: #ACACAC 0px 3px 4px;
	-moz-box-shadow: #ACACAC 0px 3px 4px;
	box-shadow: #ACACAC 0px 3px 4px;
	behavior: url(../htc/PIE.htc);
}

#content #category-page-inner {
	width: 860px;
	padding-right: 20px;
	padding-bottom: 60px;
	padding-left: 20px;
}

#content #category-page-block {
	width: 860px;
}

#bt-scroller {
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#bt-scroller li {
	float: left;
}

#contact-address {
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}

#contact-address #left {
	float: left;
}

#contact-address #right {
	float: right;
	padding-top: 20px;
}


/**************************************************************

ホーム指定

**************************************************************/

#index-top {
	border-bottom: 1px solid #CDCDCD;
}

#index-bottom {
	border-top: 1px solid #FFFFFF;
}

.index-unit {
	padding-bottom: 40px;
}

.index-unit #left {
	width: 430px;
	float: left;
}

.index-unit #right {
	width: 430px;
	float: right;
}

#find {
	position: relative;
}

#find h2 {
	padding-bottom: 30px;
}

#find p {
	font-size: 13px;
}

.index-unit h2#products {
	position: relative; /*for css3 ie*/
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ACACAC 0px 0px 4px;
	-moz-box-shadow: #ACACAC 0px 0px 4px;
	box-shadow: #ACACAC 0px 0px 4px;
	behavior: url(../htc/PIE.htc);
}

.index-unit h2#factory, .index-unit h2#company {
	padding: 0px 0px 20px 0px;
}

.index-unit a {
	display: block;
}

.index-unit p.category {
	padding-bottom: 10px;
	text-align: center;
	width: 120px;
	font-weight: bold;
}

.products-unit {
	width: 160px;
	float: left;
	margin: 0px 25px 0px 0px;
}

.products-unit-last {
	width: 160px;
	float: left;
}

.products-link {
	position: relative; /*for css3 ie*/
	width: 160px;
	height: 318px;
	background-color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ACACAC 0px 0px 4px;
	-moz-box-shadow: #ACACAC 0px 0px 4px;
	box-shadow: #ACACAC 0px 0px 4px;
	behavior: url(../htc/PIE.htc);
}

.products-link a {
	position: relative; /*for css3 ie*/
	width: 120px;
	height: 278px;
	padding: 20px;
	color: #313131;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../htc/PIE.htc);
}

.products-link-last a {
	position: relative; /*for css3 ie*/
	width: 120px;
	height: 278px;
	padding: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../htc/PIE.htc);
}

.products-link a:hover {
	background-color: #2586C0;
	color: #FFFFFF;
}

.products-link-last a {
	width: 120px;
	padding: 20px;
}

.products-link-last a:hover {
	background-color: #2586C0;
	color: #FFFFFF;
}

.icon-box-S {
	padding-bottom: 10px;
}

.bt-products-spec {
	padding-top: 20px;
}

.bt-products-spec a {
	display: block;
}

.category-link {
	position: relative; /*for css3 ie*/
	width: 390px;
	padding: 20px 20px 0px 20px;
	background-color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ACACAC 0px 0px 4px;
	-moz-box-shadow: #ACACAC 0px 0px 4px;
	box-shadow: #ACACAC 0px 0px 4px;
	behavior: url(../htc/PIE.htc);
}

.category-link ul {
	positon: relative;
}

.category-link li {
	float: left;
	width: 185px;
	padding-bottom: 20px;
}

.category-link li.left {
	padding-right: 20px;
}

.category-link li.right {
	padding-right: 0px;
}

#news {
	width: 575px;
	float: left;
	padding-top: 40px;
}

#news h2 {
	padding-bottom: 15px;
}

.news-box {
	position: relative; /*for css3 ie*/
	width: 548px;
	height: 48px;
	margin-bottom: 15px;
	padding: 8px 10px 10px 15px;
	border: 1px solid #CDCDCD;
	background: #FFFFFF url(../../img/home/bg_news.gif) no-repeat top left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../htc/PIE.htc);
}

.news-box dt {
	width: 545px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DADADA;
}

.news-box dd {
	width: 545px;
	padding: 5px 0px 0px 0px;
}

#address-box {
	padding-top: 40px;
	float: right;
}

#address-box h2 {
	padding-bottom: 15px;
}

#address {
	width: 300px;
}

#address-inner {
	position: relative; /*for css3 ie*/
	width: 258px;
	padding: 20px;
	border: 1px solid #CDCDCD;
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../htc/PIE.htc);
}

#address-inner dl {
	position: relative;
}

#address-inner dl h3 {
	padding-bottom: 15px;
	font-size: 15px;
	font-weight: bold;
}

/*#address-inner dl dd#company-address {
	padding-bottom: 25px;
}*/

#address-inner dl dt #form-info {
	padding-bottom: 10px;
}


/**************************************************************

製品・業務案内指定

**************************************************************/

.products-box {
	width: 860px;
	margin-bottom: 40px;
}

.products-box-last {
	width: 860px;
}

.products-box-inner {
	width: 820px;
	padding-bottom: 40px;
	border-bottom: 1px solid #DADADA;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.products-box-inner-last {
	width: 820px;
	margin: 0px auto;
}

.producrs-title-box {
	padding-bottom: 40px;
}

.spec {
	position: relative;
}

.spec .left {
	padding-bottom: 40px;
	float: left;
}

.spec h3 {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}

.spec .right {
	float: right;
}

.spec a {
	display: block;
	float: left;
	padding: 35px 0px 0px 10px;
}

.bt-color-box {
	width: 820px;
}

.bt-color-box dt {
	padding-bottom: 10px;
}

.bt-color-box dd {
	float: left;
	padding-right: 20px;
}

.bt-color-box dd.last {
	padding-right: 0px;
}
	
.trade {
    width: 194px;
	height: 360px;
	margin-top: 20px;
    float: left;
	padding-left: 10px;
	border-left: 1px dotted #999999;
}
	
.trade p {
    line-height: 16px;
	padding-bottom: 15px;
}

.trade p.last {
	padding-bottom: 0px;
}

.gas-feature-box {
	width: 818px;
	margin-bottom: 40px;
	border: 1px solid #DADADA;
}

.gas-feature-box-head {
	width: 818px;
	height: 42px;
	background: url(../../img/products/bg_gas_box_header.gif) repeat-x top left;
}

.gas-feature-box-head h3 {
	padding: 10px 0px 10px 20px;
	font-weight: bold;
	font-size: 14px;
}

.gas-feature-box p.top {
	padding: 20px;
}

.gas-feature-box p.bottom {
	padding: 0px 0px 20px 20px;
}

table.gas-filter-table {
	border-top: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
	width: 778px;
	margin: 0px auto 20px auto;
}

table.gas-filter-table02 {
	border-top: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
	width: 778px;
	margin: 20px auto 20px auto;
}

table.gas-filter-table th, table.gas-filter-table td {
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	text-align: center;
}

table.gas-filter-table02 th, table.gas-filter-table02 td {
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	text-align: center;
}

table.gas-filter-table td.left {
	background-color: #F2F2F2;
	padding: 5px 0px 5px 0px;
}

table.gas-filter-table02 td.left {
	background-color: #F2F2F2;
	padding: 5px 0px 5px 0px;
}

#gas-filter-image {
	position: relative;
}

#gas-filter-image li {
	float: left;
	padding-right: 32px;
	padding-bottom: 25px;
}

#gas-filter-image li.beston {
	float: left;
	padding-bottom: 0px;
}

#gas-filter-image li.last {
	padding-right: 0px;
}

#bt-catarog {
	display: block;
}

.meas-box {
	width: 818px;
	margin-bottom: 40px;
	border: 1px solid #DADADA;
}

.meas-box-head {
	width: 818px;
	height: 42px;
	background: url(../../img/products/bg_gas_box_header.gif) repeat-x top left;
}

.meas-box-head h3 {
	padding: 10px 0px 10px 20px;
	font-weight: bold;
	font-size: 14px;
}

.meas-box p.top {
	padding: 20px;
}

.meas-box p.bottom {
	padding: 0px 0px 20px 20px;
}

.meas-box ul {
	padding: 0px 20px 20px 20px;
	position: relative;
}

.meas-box li {
	padding-right: 32px;
	float: left;
}

.meas-box02 {
	width: 818px;
	border: 1px solid #DADADA;
}

.meas-box-head02 {
	width: 818px;
	height: 42px;
	background: url(../../img/products/bg_gas_box_header.gif) repeat-x top left;
}

.meas-box-head02 h3 {
	padding: 10px 0px 10px 20px;
	font-weight: bold;
	font-size: 14px;
}

.meas-box02 p.top {
	padding: 20px;
}

.meas-box02 p.bottom {
	padding: 0px 0px 20px 20px;
}

.meas-box02 ul {
	padding: 0px 20px 20px 20px;
	position: relative;
}

.meas-box02 li {
	padding-right: 32px;
	float: left;
}


/**************************************************************

会社案内指定

**************************************************************/

.company-box {
	width: 860px;
	margin-bottom: 40px;
}

.last {
	margin-bottom: 0px;
}

.company-box-inner {
	width: 820px;
	margin: 0px auto;
}

.company-box h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.company-gaiyoTbl {
	width: 820px;
}

.company-gaiyoTbl th, .company-gaiyoTbl td {
    border-bottom: 1px dotted #DADADA;
    padding-bottom: 15px;
}

.company-gaiyoTbl th {
    width: 64px;
    padding-right: 40px;
	font-weight: bold;
}

.company-trade {
    width: 262px;
	margin-top: 20px;
    float: left;
	padding-left: 10px;
	border-left: 1px dotted #999999;
}
	
.company-trade p {
    line-height: 16px;
	padding-bottom: 15px;
}

.company-trade p.last {
	padding-bottom: 0px;
}

.company-trade-last {
    width: 263px;
	margin-top: 20px;
    float: left;
	padding-left: 10px;
	border-left: 1px dotted #999999;
}
	
.company-trade-last p {
    line-height: 16px;
	padding-bottom: 15px;
}

.company-trade-last p.last {
	padding-bottom: 0px;
}

.tab_container {
	padding-top: 20px;
}

#map {
	width: 810px;
	border: 5px solid #DCDCDC;
}

#googlemap {
	height: 350px;
	background: url(../../img/company/loading.gif) no-repeat center center;
}

#map #googlemap-link {
	width: 810px;
	position: relative;
	background: #F2F2F2;
}

#map #googlemap-link a {
	width: 120px;
	float: right;
	display: block;
	padding: 10px;
	text-align: center;
}

#map #googlemap-link a:hover {
	background: #B2B2B2;
	color: #FFFFFF;
}

#map dl {
	position: relative;
	padding: 20px;
}

#map h4 {
	font-weight: bold;
	font-size: 14px;
	padding: 0px 0px 10px 0px;
}

#map dt, #map dd {
	float: left;
	border-bottom: 1px solid #DADADA;
	padding: 5px 0px 5px 0px;
}

#map dt{
	width: 170px;
}

#map dd{
	width: 600px;
}

.related-company {
	border-bottom: 1px solid #DADADA;
	padding-bottom: 40px;
}

.related-company h4 {
	padding-top: 20px;
	font-weight: bold;
	font-size: 13px;
}

.related-company .left {
    width: 550px;
    float: left;
}

.related-company a {
	color: #00488E;
}

.related-company a:hover {
	color: #5F8CB8;
}

.related-company .right {
    width: 220px;
    float: right;
}		
    
.related-company-Tbl {
    border-top: 1px dotted #DADADA;
    margin-top: 15px;
}

.related-company-Tbl th, .related-company-Tbl td {
    padding: 15px 0px 15px 0px;
    border-bottom: 1px dotted #DADADA;
    
}

.related-company-Tbl th {
    width: 100px;
    padding-right: 40px;
	font-weight: bold;
}

.related-company-Tbl td {
    width: 410px;
}

.related-company-Tbl td.l12 {
    width: 396px;
    line-height: 12px;
}

.related-company-Tbl td.l21 {
    width: 396px;
    line-height: 21px;
}

.related-company-Image {
    padding: 1px;
    border: 1px solid #DADADA;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

.recruit {
	position: relative;
	border-bottom: 1px dotted #DADADA;
}

.recruit dt {
	width: 140px;
	float: left;
	font-weight: bold;
	padding: 15px 0px 15px 0px;
	
}

.recruit dt.head, .recruit dd.head {
	padding: 0px 0px 15px 0px;
	
}

.recruit dd {
	width: 680px;
	float: left;
	padding: 15px 0px 15px 0px;
}


/**************************************************************

工場・倉庫案内指定

**************************************************************/

.factory-box {
	width: 818px;
	border: 1px solid #DADADA;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}

.factory-box-last {
	width: 818px;
	margin: 0px auto 0px auto;
	border: 1px solid #DADADA;
}

.factory-box-head {
	width: 818px;
	height: 42px;
	background: url(../../img/products/bg_gas_box_header.gif) repeat-x top left;
}

.factory-box-head h3 {
	padding: 10px 0px 10px 20px;
	font-weight: bold;
	font-size: 14px;
}

.factory-box-inner {
	padding: 20px 19px 0px 19px;
	position: relative;
}

.factory-image {
	position: relative;
}

.factory-image dt {
	float: left;
	padding-bottom: 20px;
}

.factory-image dt.image-right {
	padding-right: 20px;
}

.factory-box .left {
	float: left;
	width: 380px;
	padding-bottom: 20px;
}

.factory-box .right {
	float: right;
	width: 380px;
	padding-bottom: 20px;
}

.factory-table {
	width: 100%;
	border-top: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
}

.factory-table td, .factory-table th {
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	padding: 10px 0px 10px 0px;
	text-align: center;
	line-height: 12px;
	font-size: 11px;
}

.factory-table td {
	background: #F2F2F2;
}


/**************************************************************

カタログ指定

**************************************************************/

.catalog-name {
	padding: 20px 0px 20px 0px;
}

.catalog-name h3 {
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
}

.catalogList {
	border-bottom: 1px dotted #DADADA;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 20px;
}

.catalogList dt {
    float: left;
    margin-right: 20px;
    border: 1px solid #DADADA;
}

.catalogList dd {
    float: left;
}

.catalogList dd a {
    padding-bottom: 15px;
    display: block;
	color: #00488E;
}

.catalogList dd a:hover {
    color: #5F8CB8;
}

.catalogList dd span {
    padding-right: 15px;
}

#pdfIcon {
	float: left;
	margin-right: 30px;
	margin-left: 20px;
}

#pdfInfo {
	float: left;
	text-align: justify;
	margin-right: 20px;
	width: 628px;
}

#pdfInfo span {
    font-size: 11px;
}

#pdf-info-title {
	font-size: 15px;
	font-weight: bold;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
	

/**************************************************************

お問い合わせ指定

**************************************************************/

#contactHead {
    padding-bottom: 40px;
}

span.red {
    color: #FF4400;
}

#contact-title {
	height: 42px;
	padding-bottom: 20px;
}

#contactForm {
    position: relative;
}

.contactTbl {
    width: 858px;
    border-top: 1px solid #DADADA;
    border-left: 1px solid #DADADA;	
}	

.contactTbl th, .contactTbl td {
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    padding: 20px;
}

.contactTbl th {
    width: 150px;
	font-weight: bold;
	background: #F2F2F2;
}

.contactTbl td {
}

.contactTbl td input {
	width: 627px;
	height: 18px;
	padding: 5px;
	border: 1px solid #DADADA;
	font-size: 13px;
	background-image: url(../../img/contact/bt_imput.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.contactTbl td textarea {
	width: 627px;
	padding: 5px;
	background: #DBDBDB url(../../img/contact/bt_textarea.gif) repeat-x left top;
	border: 1px solid #DADADA;
	overflow: hidden;
}

#bt-submit {
    padding: 30px 0px 50px 0px;
    margin: 0px auto;
    width: 300px;
}
	
#tel-fax-box {
	padding: 0px 0px 60px 0px;
}


/**************************************************************

サイトポリシー・プライバシーポリシー指定

**************************************************************/

.policy-box {
	width: 818px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #DADADA;
}

.policy-box-head {
	background: url(../../img/products/bg_gas_box_header.gif) repeat-x 0px 0px;
	height: 42px;
}

.policy-box-head h3 {
	padding: 10px 0px 10px 20px;
	font-weight: bold;
	font-size: 14px;
}

.policy-box p {
	padding: 20px;
}

.policy-box a {
	color: #00488E;
}

.policy-box a:hover {
	color: #5F8CB8;
}

.sitePolicy-last {
    position: relative;
    padding: 20px 0px 20px 0px;
	margin: 0px 20px 0px 20px;
}

.sitePolicy-last dt {
    width: 120px;
    float: left;
    padding-right: 40px;
}

.sitePolicy-last dd {
    float: left;
}

.border-t1 {
	border-top: 1px dotted #DADADA;
}