@charset "UTF-8";

/* ========base======== */
*{
font-family: Verdana, Helvetica, sans-serif;
color:#333333;
}

html{
overflow-y: scroll;
word-wrap: break-word;
}

body{
margin:0;
padding:0;
font-size:12px;
text-align:center;
line-height:1.4em;
letter-spacing:1px;
background:#ffffff url(../image/bg.gif) repeat-x;
}

br{
letter-spacing:normal;
}

a{
color:#333333;
text-decoration:none;
}

a:hover{
/*color:#dddddd;*/
text-decoration:none;
}

img{
border:0;
vertical-align:bottom;
}

a[href $='.pdf'] { 
padding-right: 16px; 
background: transparent url(../image/pdf.gif) no-repeat center right; 
}

h1,h2,h3,h4,h5,h6{
margin:0;
}

form {
   margin:0;
}

ul {
   margin:0;
   padding-left:40px;
}

/*===※字の字下げ===*/
	p.text-r{
	margin:0;
	padding:2px 0;
	text-indent: -1em;
	margin-left: 1em;
}


/* ========frame======== */
div#container{
width:780px;
margin:0 auto;
text-align:left;
}

div#header{
	float: left;
	width: 780px;
	height: 150px;
	padding-bottom: 0px;
	background:#ffffff;
	background-image: url(../image/header-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
}

div#pan {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 5px 0px;
	/*border-bottom: #000000 2px solid;
	background-image:url();
	background-repeat: repeat-x;
	background-color: #ffffff;*/
}

div#contents{
width:760px;
clear:both;
margin:0 10px;
}

div#main{
width:560px;
float:left;
border-right:1px solid #d9d9d9;
padding-right:10px;
}

div#sub{
width:180px;
float:right;
}

div#content-footer{
width:780px;
clear:both;
background:#ffffff;
border-top:1px solid #d9d9d9;
margin-top:10px;
}

div#footer{
	clear: both;
	height:50px;
	float: left;
	width: 100%;
	background:url(../image/bg_footer.gif);
	text-align: center;
}

/* 回り込み解除 */
div#contents:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*回り込み*/
img.img-left{
	float: left;
	padding: 5px;
}
div.clear{
	clear: both;
	margin: 0 0 10px 0;
}


/* ========header customize======== */
div#header h1{
font-family: Arial, Helvetica, sans-serif;
font-size:30px;
color:#e9e9e9;
margin:0;
line-height:40px;
padding:10px 10px 0 10px;
}

div#slogan { 
	margin: 0; 
	padding: 0 0 0 20px; 
	color: #6f6f6f; 
	font-size: 12px;
}


/* =========pan customaize========= */
div#pan .page {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	/*background:url(../image/arrow.gif) 10px 6px no-repeat #ffffff;*/
	border-bottom:1px solid #d9d9d9;
}
div#pan .page a{
	color:#0080b0;
}

div#pan .page a:hover{
	border:0;
	color:#0080b0;
	border-bottom:1px solid #0080b0;
}

/* ========main cuatomize======== */
div#main a{
color:#0080b0;
}

div#main a:hover{
border:0;
color:#0080b0;
border-bottom:1px solid #0080b0;
}

div#main a:hover.off{
border-bottom:none;
}

div#main h2.top {margin-top:0;}

div#main h2 {
   margin-bottom:8px;
   margin-top:50px;
   padding:2px 2px 2px 5px;
   font-size:1.25em;
   font-weight:bold;
   line-height:1.4;
   border-left:10px solid #b0c4de;
   background:url(../image/bg_h2.gif);
}

div#main h3 {
   margin-bottom:5px;margin-top:5px;
   padding-left:20px;padding-bottom:1px;
   font-size:1.1em;
   line-height:1.4;
   /*color:#8fbc8f;*/
   background:url(../image/bg_h3.gif) 0 50% no-repeat;
}

div#main p{
margin:0 0 1em 0;
}


/* ------- main inner box ------- */

div#main div#box{
width:560px;
margin:0 auto;
text-align:left;
}

div#main div#box:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ------- main inner box cuatomize ------- */

div#main div#box .box-l {
	float:left;
	width:265px;
	padding:5px;
	clear:both;
	/*border:1px solid #d9d9d9;*/
	margin-bottom:5px;
	/*background-color:#cccccc;*/
}

div#main div#box .box-r {
	float:right;
	width:265px;
	padding:5px;
	/*border:1px solid #d9d9d9;*/
	margin-bottom:5px;
	/*background-color:#dddddd;*/
}

div#main div#box .inner-img{
	float:left;
	width:120px;
}

div#main div#box .inner-text{
	float:right;
	width:135px;
	padding-left:10px;
}


/* ========更新履歴======== */

div#main div#info-container{
width:560px;
margin:0 auto;
/*text-align:left;
   background:url(../image/top/info.jpg) right top no-repeat;*/
}

/*div#main div#info-container:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

 div#main div#info{
	margin:0 0 5px 0 ;
	border:#d9d9d9 solid 1px;
	width:550px;
	height:180px;
	}
div#main div#info div#memo{
	overflow:auto;
	height:175px;
	margin:2px 1px 1px 0;
	}*/


/* feed部分 wordpress用 */

/*div#feed {
	padding: 2px 8px 8px 8px;
}

div#feed dl {
}

div#feed dl dt {
	float: left;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
}

div#feed dl dd {
	padding-top: 4px;
	padding-left: 8em;
	padding-bottom: 4px;
	border-bottom: 1px dashed #da8;
}*/


/*div#main div#info div#memo p.date{
	margin:8px 10px 0 10px;
	font-size:11px;
	color:#df8713;
   	font-weight:bold;
	}
div#main div#info div#memo p{
	margin:4px 10px 0 20px;
	font-size: 12px;
	}*/


/* ========テーブル外枠 ========*/
div#main .table-box {
	clear: both;
	width: auto;
	margin: 0;
	padding-right: 0;
}


div#main .table-box table {
	border-collapse: collapse;
}

div#main .table-box th {
	text-align: center;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	margin: 0px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 11px;
	padding-bottom: 2px;
	line-height: 16px;
	border-top: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	background-color: #ffffff;

}
div#main .table-box td {
	text-align: center;
	color: #393939;
	font-size: 12px;
	margin: 0px;
	line-height: 16px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
}

div#main .table-box .border_left {
	border-left: #d2d2d2 1px solid;
}
div#main .table-box .inner {
	border-left: #d2d2d2 1px solid; color: #393939;
}
div#main .table-box P {
	font-size: 10px;
	color: #393939;
	line-height: 14px;
	margin: 3px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}


/* ========menu customaize======== */
div#menu ul {
margin:0;
padding:0;
}

div#menu li {
list-style-type:none;
margin:0;
padding:0;
}

div#menu li a{
display:block;
width:175px;
color:#333333;
background:#dddddd;
line-height:26px;
border-top:1px solid #999999;
border-bottom:none;
padding-left:5px;
}

div#menu li a:hover{
color:#333333;
background:#d4d4d4;
border-bottom:none;
border-top:1px solid #999999;
}

/* ========sub customaize======== */
div#sub a{
color:#0080b0;
}

div#sub a:hover{
border:0;
color:#0080b0;
border-bottom:1px solid #0080b0;
}

div#sub a:hover.off{
border-bottom:none;
}

div#sub h2 {
font-size:13px;
color:#ffffff;
padding:2px;
font-weight:bold;
background:#666666;
}

div#sub h3 {
font-size:1.1em;
margin-bottom:8px;
margin-top:30px;
padding:2px 0 2px 20px;
font-weight:bold;
background:url(../image/bg_sub_h3.gif) 0 50% no-repeat;
}

div#sub .twitter h3 {
margin:0;
padding:0;
background:none;
}

div#sub .twtr-widget h4 {
font-size: 14px !important;
}

div#sub #size {
	font-size:12px;
	margin-bottom:5px;
	color:#ff0000;
	font-weight:bold;
}

/* ========footer-menu customaize======== */
div#totop{
background: url(../image/totop.gif) no-repeat center right;
font-weight:bold;
font-size:10px;
letter-spacing:0;
text-align:right;
margin-top:5px;
padding:0 15px 3px 0;
}

div#totop a {
color:#dddddd;
}


/*div#totop{
text-align:right;
padding:10px 10px 0 0;
}*/

div#footer-menu{
padding:10px 0;
}

div#footer-menu a{
color:#333333;
}

div#footer-menu a:hover{
border:0;
color:#333333;
border-bottom:1px solid #333333;
}

div#footer-menu ul{
margin:0;
padding:0;
list-style:none;
}
div#footer-menu li{
display:inline;
margin:0 0 0 10px;
padding:0 0 0 10px;
background:url(../image/arrow.gif) 0 50% no-repeat;
}

/* ========footer customaize======== */
div#copy{
	width:780px;
	margin:0 auto;
	text-align: center;
	line-height:50px; /*padding: 15px;*/
	color: #e9e9e9;
	font-size: 11px;
	font-weight:bold;
}


/*dl リスト*/
* html body dl.list dd div{
   display:inline-block;
}

dl.list {
   border-bottom:1px dotted #d9d9d9;
}

dl.list dt {
   float:left;
   width:10em;
   border-top:1px dotted #d9d9d9;
   padding-top:10px;
   padding-bottom:0;
   padding-right:0;
}

dl.list dt span{
   /*position:relative;*/
   border-left:3px solid #b0c4de;
   padding-left:3px;
   /*border-bottom:3px double #bf0f0b;*/
}

dl.list dd {
   margin-left:10em;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
   border-top:1px dotted #d9d9d9;
}


/* ========contact======== */
* { margin: 0; padding: 0; }

/*body { font-size: 80%; }*/

.wrap-form {
	width: 500px;
	padding: 20px 5px;
}

.message {width:510px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

.wrap-form dl {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	display: table;
}

.wrap-form dt {
	width: 120px;
	float: left;
	color: #00375E;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 95%;
	text-align: left;
	padding: 5px;
	letter-spacing: 2px;
}

.wrap-form dd {
	width: 300px;
	float: left;
	color: #666666;
	background-color: #ffffff;
	padding: 5px 0 5px 20px;
	border-left: 4px solid #b0c4de;
}

.input-b {
	width: 200px;
	background-color: #eeffcc;
	border-left: 1px solid #99cccc;
	border-right: 2px solid #0080b0;
	border-top: 1px solid #99cccc;
	border-bottom: 2px solid #0080b0;
	margin-top: 20px;
	padding: 5px;
	color: #00375e;
	font-weight: bold;
	letter-spacing: 3px;
}
.hiss { color: #ff0000; font-size: 80%; padding-left: 5px; background-color: #ffffff; }
.err { color: red; background-color: #ffffff; }
.point { color: #3B6C53; background-color: #ffffff; }
.align-c { text-align: center; }
.input-s { width: 120px; }
.input-m { width: 240px; }
.input-l { width: 340px; }
.inp4 { width: 80px; }
.inp2 { width: 40px; }


/* ========img hover container ========*/

div#main-box {background-color:#000000;
	padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 559px; padding-top: 0px;
}

div#main-box a:hover {
	border:none;
}

div#main-box-inner {
	margin-top: 10px; margin-left: 10px; margin-right: 10px; position: relative; height:280px;
}

/* ========img hover ========*/

.p_silencer {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 160px; text-indent: -9999px; padding-top: 0px; background-repeat: no-repeat; position: absolute; height: 120px
}

.p_pipe {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 160px; text-indent: -9999px; padding-top: 0px; background-repeat: no-repeat; position: absolute; height: 120px
}
.p_flange {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 160px; text-indent: -9999px; padding-top: 0px; background-repeat: no-repeat; position: absolute; height: 120px
}
.p_fitting {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 160px; text-indent: -9999px; padding-top: 0px; background-repeat: no-repeat; position: absolute; height: 120px
}
.p_others {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 160px; text-indent: -9999px; padding-top: 0px; background-repeat: no-repeat; position: absolute; height: 120px
}
.p_silencer:hover {
	background-position: 0px -120px; background-repeat: no-repeat
}
.p_pipe:hover {
	background-position: 0px -120px; background-repeat: no-repeat
}
.p_flange:hover {
	background-position: 0px -120px; background-repeat: no-repeat
}
.p_fitting:hover {
	background-position: 0px -120px; background-repeat: no-repeat
}
.p_others:hover {
	background-position: 0px -120px; background-repeat: no-repeat
}
.p_silencer {
	left: 0px; background-image: url(../image/parts/silencer.jpg); top: 5px
}

.p_pipe {
	left: 0px; background-image: url(../image/parts/pipe.jpg); top: 135px
}
.p_flange {
	left: 170px; background-image: url(../image/parts/flange.jpg); top: 5px
}
.p_fitting {
	left: 170px; background-image: url(../image/parts/fitting.jpg); top: 135px
}
.p_others {
	left: 340px; background-image: url(../image/parts/others.jpg); top: 5px
}