﻿body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color:#FFF;
	color: #161616;
}

html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}

th, td {
	font-size: 11px;
	
}

    th {
        
    }

    .even {
        text-align:center;
    }


img { border: 0; }

.img_block02 a{ 
     display: block; 
     margin:auto; 
} 


.headerup {
	width: 670px;
	font-size:10;
	text-align: left;
}

.style1 {color: #FF0000}

.style2 {
	color: #339900;
	font-size: 11px;
}

.style3 {
	font-size: 12px;
}

#wrapper {
	margin: 16px auto;
	text-align: left;
	width: 680px;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: tahoma, helvetica, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 font-weight: normal;
}

h2{
 font-size:120%;
 color:#339933;
}

h3{
 font-size:100%;
 color:#161616;
 font-weight: normal;
}

h4{
 text-indent: 1em; 
 font-size: 95%;
 margin-top:5px;
 margin-right:8px;
 margin-bottom:8px;
 line-height: 17px;
 font-weight: normal;
 color: #161616;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 18px;
 color: #334d55;

}

h6{
 font-family: Verdana,Arial,sans-serif;
 font-size: 10px;
 font-weight: normal;

}

p {
	margin: 10px 0;
	padding: 0;
}

mten {
	letter-spacing: 3em;
}

.block {
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

* html .clear {
	margin-top: -5px;
	margin-bottom: -4px;
}

.left {
	float: left;
	margin: 1px 8px 0px 0px;
}

.softright {
	text-align: right;
}

.readmore {
	text-align: right;
}

.center {
	text-align: center;
	
}

.box1 {

  float: left;
  width: 100px;
  height: 20px;
  border-bottom: 1px solid gray ; 

}

.box2 {

  float: left;
  width: 350px;
  height: 20px;
  border-bottom: 1px solid gray ;  

}

/* header */

#header {
	background: url(images/header_bg.png) repeat-x;
	position: relative;
	width: 688px;
	margin-bottom: 11px;
}

#header .bl { height: 108px; }

#header .tl { background: url(images/header_tl.png) top left no-repeat; }
#header .tr { background: url(images/header_tr.png) top right no-repeat; }
#header .bl { background: url(images/header_bl.png) bottom left no-repeat; }
#header .br { background: url(images/header_br.png) bottom right no-repeat; width:100%;}

/* the story of two navs */

#nav-top {
	position: absolute;
	font-size: 11px;
	top: 17px; left: 60px;
	color: #fff;
}

#nav-top li {
	display: inline;
}

#nav-top a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#nav-top a:hover {
	  text-decoration: underline;
}

#nav-left {
	position: absolute;
	font-size: 11px;
	top: 75px;
	left: 5px;
	width: 205px;

}

/* body */

#body {
	background: url(images/body_bg.gif) repeat-y;
}

#body h2 {
	margin: 0 0 15px 0;
}


#body ul {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#body li {
	padding: 0;
	margin: 0.8em 0;
}

a {
	color: #ce7210;
	padding: 2px 5px 2px 5px;
	  voice-family: "\"}\""; 
	  voice-family:inherit;
	width: auto;
	text-decoration: none; 

	
	
}

a:hover {
	color: #6f3f0b;
	background-color: #dddddd;
	padding: 2px 5px 2px 5px;
}

#cap {
	background: url(images/column_cap.gif) no-repeat;
	padding-top: 10px;
	width: 688px;
}

#toparea {
	float: left;
	width: 480px;
	height:320px;
	margin-left: 28px;
	display: inline;
}

#toparea1 {
	float: left;
	width: 480px;
	height:40px;
	margin-left: 10px;
	display: inline;
}

#toparea2 {
	float: left;
	width: 480px;
	height:140px;
	margin-left: 20px;
	display: inline;
}

#toparea3 {
	float: left;
	width: 480px;
	height:70px;
	margin-left: 20px;
	display: inline;
}

#toparea4 {
	float: left;
	width: 480px;
	height:102px;
	margin-left: 20px;
	display: inline;
}
#toparea5 {
	float: left;
	width: 480px;
	height:120px;
	margin-left: 20px;
	display: inline;
}
#toparea6 {
	float: left;
	width: 480px;
	height:90px;
	margin-left: 20px;
	display: inline;
}
#slideshow {
   position: relative;
   width:  480px; /* ボックスの横幅 */
   height: 320px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 5px;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 320px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  465px; /* 画像の横幅 */
   height: 300px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

#product {
	float: left;
	width: 500px;
	margin-left: 20px;
	text-align :left;
	font-size: 15px;
	color:#161616;
}

#product n1 {
	margin-left: 10px;
	font-size: 12px;
	color: #999999;
}

#product h3 a {
	font-size: 15px;
	text-decoration: none;
}

#product p {
	line-height: 1.5;
	text-indent: 0em;
	font-size: 16px;
}


#buy {
	float: left;
	width: 160px;
	height:900px;
	margin-left: 7px;
	display: inline;
	text-align:left;

}



#buy li a {
	line-height:12px;
	font-size:15px;
}

#buy h2 {

	margin:15px 0 0 0;

}


#buyproducts {
	float: left;
	width: 160px;
	height:1500px;
	margin-left: 7px;
	display: inline;
	text-align:left;

}


#buyproducts li a {
	line-height:12px;
	font-size:15px;
}

#buyproducts h2 {

	margin:15px 0 0 0;

}


#news {
    text-align :left;
	font-size: 12px;
	background: url(images/newline.gif) no-repeat;
	padding-top: 19px;
	height : 250px;
	width: 220px;
	overflow:scroll;
	overflow-x: hidden;
	float: left;
	margin-left: 20px;
}

#news h3 {
	font-size: 10px;
}

#news h3 a {
	text-decoration: none;
	font-size: 13px;
	margin-left: -2px;

}

#news p {
	line-height: 1.5;
}

#news2 {
	text-align :left;
	font-size: 12px;
	background: url(images/newline.gif) no-repeat;
	padding-top: 19px;
	height : 250px;
	width: 250px;
	overflow:scroll;
	overflow-x: hidden;
	float: left;
	margin-left: 20px;
}

#news2 h3 {
	font-size: 10px;
}

#news2 h3 a {
	text-decoration: none;
	font-size: 13px;
	margin-left: -2px;
}

#news2 p {
	line-height: 1.5;
}

.timed {
	height:120px;
	padding: 5px 1px 5px 1px;
	margin: 10px 0;
	border-bottom: 1px solid white;
}

.timed .readmore {
	margin-bottom: 0;
}

.timed h3 {
	margin: 0;
	padding: 0;

}

.timed a {
	color:#FFFFFF;
}

.timed a:hover {
	text-decoration: none;
}

.compa h6 {
	width:155;

	text-align:center;
	
}

/* footer */

#footer {
	font-size:9px;
	clear: both;
	text-align: center;
	background: url(images/footer_bg.gif)  repeat-x;
}

#footer div div { padding: 8px 0; }

#footer, #footer a {
	color: #fff;
}

#footer div { background: url(images/footer_l.gif) no-repeat; width:100%; }
#footer div div { background: url(images/footer_r.gif) top right no-repeat;width:100%; width:100%; }


/* ======== リストスタイル ======== */
.datalist {
  float: left;
  width:470px;
  margin-left: 15px;
  padding:1em;

}
.pane {
  font-size: 16px;
  width:470px;

}
.sub_pane {
  width460px;
  margin-left:10px;

}

.folder{
  text-decoration:none;
  cursor: pointer;
  color: #339966;
  font-weight: bold;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}

.feature h3{
	padding: 0 0px 5px 0px;
	text-align:center;

}


.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.feature cl{
	clear:both;
}

.feature cl h3{
	padding: 0 0px 5px 0px;
	text-align:center;
}

/************** .pro styles ***************/

.pro{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}

.pro h3{
	color:#0066CC;
	padding: 0 0px 5px 10px;

}

.pro img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.pro cl{
	clear:both;
}

.pro cl{
	padding: 0 0px 5px 0px;
	text-align:center;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 5px 10px;
	text-align:center;
}

/*************** #product　area ****************/

#tzarea {
	float: left;
	width: 480px;
	height:50px;
	margin-left: 20px;
	display: inline;
}

#tzarea h2 {
	font-size: 16px;
}

#tzarea h4 {
	font-size: 12px;
	margin:0 0 0 0;
}

#tzarea h3 a {
	text-decoration: none;
	font-size: 13px;
	margin-left: -2px;

}

#tzarea p {
	line-height: 1.5;
}

#ptac {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 260px;
	height:200px;
	float: left;
	margin-left: 20px;
}

#ptac2 {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 220px;
	height:200px;
	float: left;
	margin-left: 20px;
}

#ptac3 {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 230px;
	height:200px;
	float: left;
	margin-left: 20px;
}

#ptac4 {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 230px;
	height:200px;
	float: left;
	margin-left: 20px;
}

#ptac5 {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 460px;
	height:100px;
	float: left;
	margin-left: 20px;
}

#tax {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 460px;
	height:100px;
	float: left;
	margin-left: 20px;
}


#cptype {
	background: url(images/bgleft.gif) repeat-y;
    text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 230px;
	float: left;
	margin-left: 20px;
}

#cptype h3 {
	font-size: 10px;
}

#cptype h4 {
	margin:0 0 0 0;
}

#cptype h3 a {
	text-decoration: none;
	font-size: 13px;
	margin-left: -2px;

}

#cptype p {
	line-height: 1.5;
}

#airtype {
	text-align :left;
	font-size: 12px;
	padding-top: 19px;
	width: 230px;
	float: left;
	margin-left: 20px;
}

#airtype h3 {
	font-size: 10px;
}

#airtype h3 a {
	text-decoration: none;
	font-size: 13px;
	margin-left: -2px;
}

#airtype h4 {
	margin:0 0 0 0;
}

#airtype p {
	line-height: 1.5;
}

/*************** #カタログarea ****************/

#catalog {
	float:left;
	text-align: center;
	width: 450px;
	display: inline;
}
#header #body #product tr td table tr td {
	font-size: 11px;
}
#houshin {
	font-size: 14px;
}
