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

/*--------------------------------------------
Default
--------------------------------------------*/
body { margin: 0; padding: 0; font-size: 78%; line-height:135%; font-family:Arial, Helvetica, sans-serif; }
a{ text-decoration:underline; outline:none;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
img{ margin:0; padding:0; border:0;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}

/*--------------------------------------------
clear
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */

/*--------------------------------------------
All common
--------------------------------------------*/
#wrapper{ width: 869px; margin: 0 auto; text-align: left; background-color:#FFFFFF;position:relative;}
p.ImgArea{ font-size:0; line-height:0; clear:both;}

/*-----------------------------------------------------------------
header
------------------------------------------------------------------*/
ul#NaviArea{ margin:0 150px 0 140px; padding:20px 0 0 0; width:579px;}
ul#NaviArea li{ float:left; margin:0; padding:0;  font-size:0; line-height:0;}
#header {margin:0 150px 0 140px; padding:0; width:579px;}

/*-----------------------------------------------------------------
TOPContents
------------------------------------------------------------------*/
#TOPBox{ margin:0 auto; padding:0; width:867px; background-image:url(../images/top_mid.jpg); height:234px; }
#TOPBox p{ padding:0 0 0 164px;}
/*-----------------------------------------------------------------
Common Contents
------------------------------------------------------------------*/
#ContentsBox{ margin:0 0 0 2px; padding:0; width:867px; background-image:url(../images/home_mid.jpg); height:234px; }
#ContentsBox .slogan{ padding:13px 0 0 198px;}
#ContentsBox .slogan p{ width:418px; padding:10px 0 0 25px;}
#ContentsBox #waku{padding:13px 70px 0 77px; }
#ContentsBox #myscroll { width:420px; height:180px; overflow: auto; position: relative; margin: 0.3em auto; }
p{ color:#6b5959; font-size:12px; line-height:18px; padding:0 0 20px 0; margin:0;}
p.title{ color:#6b5959; font-size:14px; line-height:18px; font-weight:bold; padding:0 0 5px 0; margin:0;}
span{ color:#ba2b27; font-size:12px; line-height:18px;}
#ContentsBox a:link{color:#6b5959; text-decoration:underline;}
#ContentsBox a:hover{color:#6b5959; text-decoration:none;}
/*-----------------------------------------------------------------
Products
------------------------------------------------------------------*/
#ProductsBox{ margin:0 0 0 2px; padding:0; width:867px; height:234px; }
ul{ padding:2px 0 0 15px; margin:0; width:280px;}
li{color:#FFFFFF; list-style:square;}

.tooltip{width:300px;margin:5px;padding:10px;background:#000;}
.tooltip h2{font-size:14px; line-height:18px; padding:2px 0 8px 0;}
.tooltip h3{font-size:12px; line-height:16px;}

#block { width: 295px;  overflow: hidden; font-size: 12px; padding: 5px; color:#FFFFFF;}
#bar { float: right; width: 1px; height: 100px; }
#bar02 { float: right; width: 1px; height: 160px; }
#img { float: right; clear: both; width: 72px; height: 70px;  }




/*-----------------------------------------------------------------
Footer
------------------------------------------------------------------*/
#FooterArea { width: 867px; margin: 0 auto;}