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

html {
	margin: 0;
	padding: 0;
	background-color:#000000;
}


body {
	margin:0 auto;
	padding:0;
	text-align:center;
	}


div#fac{
 margin:0 auto;
 padding:0px;
 width:808px;
 }

/* -- ヘッダー部分 -- */
#header {
	margin-top:0;
	width:808px;
	height:75px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-align:left;
	}

#main {
	float:left;
	margin:0;
	padding:0;
	width:808px;
	background-image:url(images/back_hp.gif);
	}


/* -- コンテンツ部分 -- */

#contents {
	float:right;
	margin-top:10px;
	margin-right:14px;
	width:610px;
	text-align:left;
	background-color:#000000;
	}


table {
	width:100%;
	margin-bottom:15px;
	}
th,td {
	margin:0;
	padding:0; }
.cap01 {
	text-align:left;
	 }
.cap02	{ text-align:right;}
.cap03	{
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	line-height:16px;
	letter-spacing:1px;
	font-size:12px;
	color:#FFFFFF;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	}

.cap04	{
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	line-height:15px;
	letter-spacing:1px;
	font-size:12px;
	color:#FFFFFF;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	}

#logo1 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

p.cap05 {
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1px;
	line-height:16px;
	}

h3 {
	padding-top:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

.ad {
	padding-left:25px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	}

a, a:link, a:visited {
	text-decoration:none;
	color:#FFFF00;
	}

a:hover {
	text-decoration:underline;
	color:#CC0000;
	}


/*カタログ*/
td.cata01 {
	padding-top:10px;
	vertical-align:top;
	}

.cata02 {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#FFFFFF;
	vertical-align:text-top;
	}

img.cata {
	padding-top:10px;
	padding-bottom:5px;
	border:none;
	}


/*イベント*/

.event {
	padding-left:5px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	}

img.imevent {
	padding-top:10px;
	border:none;
	}

td.ev {
	padding-bottom:5px;
	padding-top:5px;
	}


td.result{
	padding:2px;
	color:#FFFFFF;
	font-size:12px;
	vertical-align:text-top;
	}

td.result2 {
	background-color:#FFCCFF;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	padding:2px;
	}

.result3 {
	border-collapse:collapse;
}

td.result4{
	padding:2px;
	color:#FFFFFF;
	font-size:12px;
	vertical-align:text-top;
	text-align:center;
	}



/*Product*/

.new {
	font-size:12px;
	color:#FF0000;
	vertical-align:text-top;
	text-align:center;
	}

.new2 {
	padding-left:10px;
	font-size:12px;
	color:#FF0000;
	vertical-align:text-top;
	text-align:left;
	}


.next {
	padding:2px;
	color:#FFFFFF;
	text-align:right;
	font-size:12px;
	}

.for {
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	}

.pro {
	padding-left:10px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
	font-size:13px;
	line-height:18px;
	border-bottom:#CC3300 1px dotted;
	color:#FFFFFF;
	vertical-align:text-top;
	}

.pro2 {
	padding-left:10px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:13px;
	line-height:18px;
	border-bottom:#CC3300 1px dotted;
	color:#FFFFFF;
	vertical-align:text-top;
	}
	

p.pro3 {
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:13px;
	line-height:18px;
	border-bottom:#CC3300 1px dotted;
	color:#FFFFFF;
	vertical-align:text-top;
	}

.pro4 {
	padding-left:10px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	line-height:20px;
	border-bottom:#CC3300 1px dotted;
	color:#FFFFFF;
	vertical-align:text-top;
	}

.mini {
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	color:#FFFFFF;
	vertical-align:text-top;
	}

.japan{
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	vertical-align:middle;
	}

.narrow {
	padding:3px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:16px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}

.bend {
 margin-top:10px;
 text-align:left;
 vertical-align:text-top;
 font-size:12px;
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
	}

.bend2 {
	padding-left:10px;
	padding-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	vertical-align:text-top;
	}

td.pipe2 {
	text-align:left;
	font-size:12px;
	padding:3px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}


.signal {
	padding-left:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	vertical-align:top;
	}

.signal2 {
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	vertical-align:top;
	}

/*Work*/

td.sr {
	padding-top:5px;
	text-align:center;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	}

.sr2 {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	vertical-align:text-top;
	}

.sr3 {
	text-align:center;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	vertical-align:text-top;
	}

div#oneoff {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#3399cc;
	line-height:18px;
	margin:5px;
	padding:5px;
	border:solid #3399cc 1px;
	}

td.pipe {
	text-align:center;
	font-size:12px;
	padding:3px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}


td.pipe2 {
	padding-right:10px;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}


td.tt{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	color:#FFFFFF;
	vertical-align:text-top;
	}

td.tt2{
	text-align:left;
	font-size:12px;
	padding:3px;
	background-color:#cccc99;
	font-family:Arial, Helvetica, sans-serif;
	}

td.tt3{
	padding:3px;
	color:#FFFFFF;
	font-size:12px;
	vertical-align:text-top;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	}

td.tt4 {
	vertical-align:middle;
	padding:5px;
	}



/*会社案内*/

td.about {
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	}

td.about2 {
 text-align:right;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	}


td.about3 {
 text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	background-color:#666;
	}


td.about4 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	background-color:#666;
	border-left:15px solid #0000CC;
	border-right:15px solid #00c;
	}


td.lineup {
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	}


/*how to order*/

.order1 {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:20px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	background-color:#666;
	border-left:15px solid #0000CC;
	border-right:15px solid #00c;
	}

.order2 {
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	border-left:10px solid #0022b3;
	background-color:#666;
	}

.order3 {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	}


.order4 {
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	}

.order5 {
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	}

.order6 {
	padding-left:2px;
	text-align:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF0000;
	padding-right:5px;
	}

.order7 {
	padding-left:5px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	border-left:10px solid #0022b3;
	background-color:#666;
	}


.icon {
	vertical-align:middle;
	margin:3px;
	}



/*contact*/

td.contact1 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	background-color:#666;
	border-left:15px solid #C00;
	border-right:15px solid #c00;
	}

td.contact2 {
 text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	}
	
td.contact3 {
	text-align:left;
	font-size:12px;
	color:#c00;
	line-height:18px;
	letter-spacing:1px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	}

td.imp1 {
	padding:5px;
	text-align:left;
	font-size:12px;
	color:#fff;
	vertical-align:text-top;
	background-color:#666;
	font-family:Arial, Helvetica, sans-serif;
	}

td.imp2 {
	text-align:left;
	font-size:12px;
	vertical-align:text-top;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}

td.imp3 {
	text-align:right;
	padding-right:50px;
	}
	
td.imp4 {
	text-align:left;
	padding:2px;
	}


/*リンク*/

img{
	border:none;	}

.link01 {
	padding-left:5px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}
	

.link02 {
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	letter-spacing:0.05em;
	}



/*ディーラー*/

.area{
	text-align:left;
	font-size:12px;
	color:#CCCCCC;
	margin-left:10px;
	letter-spacing:0.2em;
	}


.area a:visited {color:#cccccc;}
.area a:link{color:#CCCCCC;}
.area a:hover { color:#FFFF00;}

.area2 {
	font-size:14px;
	font-weight:bold;
	color:#000099;
	background-color:#999999;
	border-left:15px solid #0000CC;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	}

.area3 {
	font-size:12px;
	color:#000066;
	background-color:#dddddd;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	}

.area4 {
	font-size:12px;
	color:#fff;
	padding:2px;
	font-family:ＭＳ ゴシック, Arial, Helvetica, ;
	}

.area5 {
	font-size:12px;
	color:#fff;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#666;
	}



/*メニュー*/
#naviarea {
	float:left;
	width:180px;
	margin-top:10px;
	margin-left:4px;
	background-color:#000000;
	}

#navilist ul{
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
	}

#navilist li,#navilist a {
	display:block;
	width:180px;
	height:36px;
	}

#navilist a {
	text-decoration:none;
	color:#ff0000;
	background:#000000 url(images/menu.jpg) no-repeat;
	}

#navi02 a{background-position:0 -36px}
#navi03 a{background-position:0 -72px}
#navi04 a{background-position:0 -108px}
#navi05 a{background-position:0 -144px}
#navi06 a{background-position:0 -180px}
#navi07 a{background-position:0 -216px}
#navi08 a{background-position:0 -252px}
#navi09 a{background-position:0 -288px}
#navi10 a{background-position:0 -324px}
#navi11 a{background-position:0 -360px}
#navi12 a{background-position:0 -3960px}

#navi01 a:hover{background-position:-150px 0px}
#navi02 a:hover{background-position:-150px -36px}
#navi03 a:hover{background-position:-150px -72px}
#navi04 a:hover{background-position:-150px -108px}
#navi05 a:hover{background-position:-150px -144px}
#navi06 a:hover{background-position:-150px -180px}
#navi07 a:hover{background-position:-150px -216px}
#navi08 a:hover{background-position:-150px -252px}
#navi09 a:hover{background-position:-150px -288px}
#navi10 a:hover{background-position:-150px -324px}
#navi11 a:hover{background-position:-150px -360px}
#navi11 a:hover{background-position:-150px -396px}



#footer {
	clear:both;
	width:808px;
	height:30px;
	background-image:url(images/footer.jpg);
	text-align:center;
	}

.copy {
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	font-size:10px;
	letter-spacing:1px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}