@charset "Shift_JIS";	

/* ------------------------------------------------ */
/* base CSS                              ?@?@?@?@?@ */
/*                                                  */
/* ------------------------------------------------ */

/*-----------------------*/
/* all                   */
/*-----------------------*/

body {
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-size: 100%;
 font-family: '?l?r ?o?S?V?b?N',sans-serif;
}

a {text-decoration: none;} 
a:link { color: #000000;}
a:visited { color: #000000;}
a:hover {
 color: #0000ff;
 border:none;
}
a:active { color: #0000ff;}

table { 
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

img {
 border:none;
 bottom 0px;

}
#imgleft{
 float: left;
 margin: 0px 10px 0px 0px;
}
#imgright{
 float: right;
 margin: 0px 0px 0px 10px;
}

#imgclear{
 float: both;
}

#imgtop {
 margin-top: 15px;
}

#container {
 margin-left: auto;
 margin-right: auto;
 margin: 0px;
 padding: 0px;
 width: 802px;
 border: 1px solid #eeeeee;

}
/*-----------------------*/
/*  header area          */
/*-----------------------*/
#headerarea {
 margin: 0px;
 padding: 0px;
 width: 800px;
 height: 55px;
}

#leftheader {
 float: left;
 width: 200px;
 height: 55px;
 margin: 0px;
 padding: 0px;
}

/*-----------------------*/
/* index area            */
/*-----------------------*/
#indexarea{
 margin: 0px;
 padding: 0px;
 width: 800px;
 height: 20px;
 background-repeat: no-repeat;

}
#indexarea a:hover img{
 visibility:hidden;
}
#indexarea img{
 vertical-align: bottom;
}

#indexarea ul{
 list-style-type: none;
 display: inline;
}

#indexarea li{
 width: 160px;
 height: 20px;
 float: left;
 text-align: center;
}
#indexarea li#menu01{
 background-image: url("../img/menu01p.gif");
}

#indexarea li#menu02{
 background-image: url("../img/menu02p.gif");

}
#indexarea li#menu03{
  background-image: url("../img/menu03p.gif");
}
#indexarea li#menu04{
 background-image: url("../img/menu04p.gif");
}
#indexarea li#menu05{
 background-image: url("../img/menu05p.gif");
}

/*-----------------------*/
/* contents area         */
/*-----------------------*/
#contentsarea{
 margin: 10px 0px 0px 0px;
 padding: 0px;
 text-align:left;
 background-image: url("../img/feaura-back.gif");
 
}
#kanrentop {
 width: 800px;
}
/*-----------------------*/
/* kanren area           */
/*-----------------------*/
#kanrenarea{
 float: left;
 margin: 5px;
 padding: 0px;
 width: 100%;
 font-size:10px;
 text-align: center;

}

#foag{
 float: left;
 margin: 5px;
 width: 250px;
 text-align: center;
 border: 1px solid #336600;
}

#glass{
 float: left;
 margin: 5px;
 width: 350px;
 text-align: center;
 border: 1px solid #336600;

}
#kanrenarea h6 {
 margin-top: 5px;
}

#kanrenarea p{
 padding: 2px;
 font-size: 10px;
 text-align: left;
 margin-top: -1.3em;
 line-height: -1.5em;
}
#kanrenarea img {
 margin-top: 10px;

}
#ue a:hover img {
  visibility:hidden;
}
#ue {
 text-align: right;
 margin-top: 2px;
 margin-bottom: 2px;
 background-position: right top;
 background-image: url("../img/btn003s080020gra.gif");
 background-repeat: no-repeat;
}

#uetext {
 width: 100%;
 text-align: left;
 font-size: 10px;
 margin-top: 2px;
 margin-bottom: 2px;
}
/*-----------------------*/
/* footer area           */
/*-----------------------*/
#footerarea{
 clear: left;
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 30px;
 background: url("../img/footertop.gif") repeat-x top;
}
#footercorp {
 margin-top: 15px; 
 font-size: 12px;
 color: #444444;
}