/* size */

div#container { 
margin-left: auto; margin-right: auto;
width: 850px; 
background-image:url();
}

div#head{ width: 850px;
margin-left: auto; margin-right: auto;
padding-top: 5px;
margin-bottom: 30px;
}

div#header    { 
margin-bottom: 10px;
}

div#header h1 {
 margin: 0; 
 padding: 0;
}

div#header img {border: none;}
div#header p   {margin: 20px 0;}



div#navi {
width: 830px;
margin-left: auto; margin-right: auto;
}

div#wrapper   {
 margin: 20px 0 10px 0; 
 padding: 0;
 overflow: hidden;
 width: 810px; 
 clear: both;
 padding-left:20px;
 }

div#content{ 
 width: 800px;
 margin: 0; padding: 0;

}



/* メニュー */
* {
margin: 0; padding:0;
}


div#navi {

height:47px;
background-image: url(../index/line.png);
 padding-left: 20px;
}

ul#menu li {
 float: left;
 list-style-type: none;  
 text-align: center;
}
 
ul#menu li a {
 display: block;
 width: 133px;
 height: 47px;
 line-height: 47px; 
 text-decoration: none; 
 color: #330000;
 padding-left: 2px;
  }
  
ul#menu a:hover {
 color: #ffffff;
 background-image: url(../index/navi2.png);
 }

ul#menu ul {
 display: none;
 }
 
 ul#menu ul li {
 clear: left;
 text-align: center;
 width: 133px;
 line-height: 40px; 
 background-color: #ffffff;
 font-size:14px;
 }
 

ul#menu li:hover > ul {
 display: block;
 position: absolute;}
 
 ul#menu ul li a:hover {
}


ul#menu ul ul{margin-top: 0;
 margin-left: 130px;}

ul#menu li.current{
background-image: url(../index/current3.png);
 color: #ffffff;
 }

 
 
/* topmenu */

ol{border-top: solid 1px #6B8E23;
margin: 0; margin-top:10px;
padding: 0 0 15px 0; 
font-family: Trebuchet, sans-serif; 
font-size: 13px; 
font-weight: normal; 
line-height: 1.8;
clear: both;			
}

ol{margin: 0; padding: 0;
 padding-top: 2px;}
ol.topic-path li{
display: inline;}
ol.topic-path li:before{
content: "\000020\00003e\000020";}
ol.topic-path li:first-child:before{
content: normal;}


/* footer */

div#footer{width: 800px; }
div#footer inner{padding: 20px; background:; overflow:hidden; width:  760px;}
div#foot01{width: 680px; float: right;  padding-top: 30px;}
div#foot02{width: 80px; float: left;}
div#footer p{ font-size: 0.65em; text-align: center;}



/* コンテンツ */

div#content01{
 margin: 0;  padding:0;
 float: left; 
 width: 420px; 
 }

div#text{
 margin: 0;  padding:0;
 width: 460px; 
}

div#content02 {width: 340px;  height: 500px; margin: 0; padding:0;
float: right;
position: relative;
 background-color:;
 background-image: url(./gaku2.png);
 background-repeat: no-repeat;
 background-position: right bottom;
 }


div#content03  {width: 800px; height: 350px;
margin: 0; padding:0;
padding-top: 20px;
 clear: both;
 background-color:;
 position: relative;}
 
div#footer    {clear: both;}




/* ヘッダー */






/* コンテンツ */



div#content01 h2{ 
margin-top: 10px; 
padding-left: 0;
 }

div#text{
}


.post{
margin-top: 30px;
padding-left: 20px;
}

.posttext{  
 font-size: 15px;
 line-height: 1.8;
 }

.posttext p{ margin: 0;
margin-bottom: 18px; 
padding-left: 10px; 
}

.posttext a{ font-weight: bold;
}


/* コンテンツ２ */

div#contentsmenu { width: 340px; position: absolute;
 top: 0px; left: 0;
 }
 
 div#contentsmenu ul { margin: 0; padding: 0;
 list-style-type: none;}

div#contentsmenu li.performance a,
div#contentsmenu li.design a,
div#contentsmenu li.health a,
div#contentsmenu li.icon a
 {
 position: absolute;
 text-indent: -9999px;
 overflow: hidden;
}



div#contentsmenu li.performance a {
 top: 65px;
 left: 80px;
 width: 150px;
 height: 119px;
 background: url(./performance2.png) }

div#contentsmenu li.performance a:hover {
background-position:  0 -119px ;  }

div#contentsmenu li.design a {
 top: 185px;
 left: 5px;
 width: 135px;
 height: 115px;
 background: url(./design2.png) }
 
 div#contentsmenu li.design a:hover {
background-position:  0 -120px ; }

div#contentsmenu li.health a {
 top: 180px;
 left: 190px;
 width: 130px;
 height: 103px;
 background: url(./health2.png) }
 
 div#contentsmenu li.health a:hover {
 background-position:  0 -103px ; }
 


 
/* コンテンツ３ */

div#content03 h2{ 
margin-top: 20px; 
padding-left: 0;
 }
 
 
 div#content03 .posttext2 { 

 }
 div#content03  .post2{
margin-top: 30px;
padding-left: 10px;
}

 div#content03 .posttext2{  
 font-size: 15px;
 line-height: 1.75;
 }

 div#content03 .posttext2 p{ margin: 0;
margin-bottom: 18px; 
padding-left: 10px; 
}

 div#content03 .posttext2 a{ font-weight: bold;
}


 
div#contentsmenu2 { width: 780px; position: absolute;
 top: 70px; left: 270px;
 }
 
 div#contentsmenu2 ul { margin: 0; padding: 0;
 list-style-type: none;}

div#contentsmenu2 li.one a,
div#contentsmenu2 li.two a,
div#contentsmenu2 li.three a,
div#contentsmenu2 li.four a,
div#contentsmenu2 li.five a,
div#contentsmenu2 li.six a,
div#contentsmenu2 li.seven a,
div#contentsmenu2 li.eight a {
 position: absolute;
 text-indent: -9999px;
 overflow: hidden;
 width: 50px;
 height: 240px;
}

div#contentsmenu2 li.one a {
 top: 20px;
 left: 50px;
 background: url(./one1.png) }

div#contentsmenu2 li.one a:hover {
background-position:  0 -240px ;  }

div#contentsmenu2 li.two a {
 top: 20px;
 left: 110px;
 background: url(./two1.png) }
 
 div#contentsmenu2 li.two a:hover {
background-position:  0 -240px ; }

div#contentsmenu2 li.three a {
 top: 20px;
 left: 170px;
 background: url(./three1.png) }
 
 div#contentsmenu2 li.three a:hover {
background-position:  0 -240px ; }
 
div#contentsmenu2 li.four a {
 top: 20px;
 left: 230px;
 background: url(./four1.png) }
 
 div#contentsmenu2 li.four a:hover {
background-position:  0 -240px ; }
 
 div#contentsmenu2 li.five a {
 top: 20px;
 left: 290px;
 background: url(./five1.png) }
 
 div#contentsmenu2 li.five a:hover {
background-position:  0 -240px ; }
 
  div#contentsmenu2 li.six a {
 top: 20px;
 left: 350px;
 background: url(./six1.png) }
 
 div#contentsmenu2 li.six a:hover {
background-position:  0 -240px ; }
 
  div#contentsmenu2 li.seven a {
 top: 20px;
 left: 410px;
 background: url(./seven1.png) }
 
 div#contentsmenu2 li.seven a:hover {
background-position:  0 -240px ; }
 
  div#contentsmenu2 li.eight a {
 top: 20px;
 left: 470px;
 background: url(./eight.png) }
 
 div#contentsmenu2 li.eight a:hover {
background-position:  0 -240px ; }





div#content01{
background-color: ;	
 }

div#content02 {
 background-color: ;
 background-image:}

div#content03  {

 }

div#contentsmenu2 { 
	background-color:  #ffffff; }