*  {
 margin: 0px;
 padding: 0px;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

html {
 height: 100%;
}

body { 
 margin: 0 auto 0 auto; 
 text-align: center; 
 background: #fff;
 font-size: 12px; 
 line-height: 170%;
}

img { border: none; }

a:link { color: #3399CC; text-decoration: none; }
a:visited { color: #3399CC; text-decoration: none; }
a:hover { color: #3399CC; text-decoration: underline; }


#box_main #box_main_top { width: 928px; background-image: url(../_img/box_top.gif);
    background-position: 0 0; background-repeat: no-repeat; padding-top: 5px; }
	
	
#box_main { margin: 0 auto 13px auto; text-align: center; width: 928px;  background-image: url(../_img/box_mid2.gif);
    background-position: 0 0; background-repeat: repeat-y; }

*:first-child+html #box_main { }
#box_history, x:-moz-broken {/* margin-left: 5px;*/ /* Fx 3.0 以降に適用される */ }

#box_main #box_main_inside { background-image: url(../_img/box_btm.gif);
    background-position: left bottom; background-repeat: no-repeat;padding: 0 0 6px 0; }
	

#box_in #box_in_top,#box_in2 #box_in2_top { width: 919px; background-image: url(../_img/box2_top.gif);
    background-position: 0 0; background-repeat: no-repeat; padding-top: 6px; }
	
#box_in,#box_in2 { margin: 0px auto; text-align: center; width: 919px;  background-image: url(../_img/box2_mid.gif);
    background-position: 0 0; background-repeat: repeat-y; margin-bottom: 0px;  }

#box_in #box_in_inside,#box_in2 #box_in2_inside { background-image: url(../_img/box2_btm.gif);
    background-position: left bottom; background-repeat: no-repeat;padding: 0 0 6px 0; }

#box_in2 { margin-top:6px; }

#menu {
 overflow: hidden;
 float: left;
 width: 264px;
 height: 113px;
 display: block;
 margin-left: 3px;background: url(../_img/btn_set.jpg) no-repeat top left;
}
#menu ul {
 margin: 0; padding: 0; 
 list-style: none outside; width: 264px;
}
#menu ul li { 
 display: block; 
}
#menu ul li a { 
 display: block; 
 height: 38px;
 text-indent: -99999px; 
 background: url(../_img/btn_set.jpg) no-repeat top left;
 overflow: hidden;
}

/* ( out ) */
#menu li#learn a { background-position: 0 0; width: 264px;height: 38px; }
#menu li#know a { background-position: 0 38px; width: 264px;height: 38px; }
#menu li#blog a { background-position: 0 76px; width: 264px; height: 37px; }

/* ( active ) 
.learn  #menu li#learn a { background-position: -264px 0; }
.know  #menu li#know a { background-position: -264px -38px;; }
.blog  #menu li#blog a { background-position: -264px -76px; }*/

/* ( over ) */
#menu li#learn a:hover { background-position: -264px 0; }
#menu li#know a:hover { background-position: -264px -38px; }
#menu li#blog a:hover { background-position: -264px -76px; }



#box_info #box_info_top { width: 637px; background-image: url(../_img/info_box_top.gif);
    background-position: 0 0; background-repeat: no-repeat; padding-top: 3px; }
	
#box_info { margin: 0px auto; text-align: center; width: 637px;  background-image: url(../_img/info_box_mid.gif);
    background-position: 0 0; background-repeat: repeat-y; margin: 0 5px 6px 0;  float: right; }

#box_info #box_info_inside { background-image: url(../_img/info_box_btm.gif);
    background-position: left bottom; background-repeat: no-repeat;padding: 0 0 3px 0; }

.information { width:630px; height:105px;text-align: left; background: url(../_img/information.gif) no-repeat 3px center;_background: url(../_img/information.gif) no-repeat 0px center; /* */overflow:auto; overflow-x:hidden; 
overflow-y:hidden;  }

*:first-child+html .information { background: url(../_img/information.gif) no-repeat 0px center; }
.information ul { list-style: none outside; width: 600px; margin-left: 25px; margin-top: 5px;_margin-top: 4px; }
*:first-child+html .information ul { margin-top: 1px;　}
.information span.day { float: left; /*display:block;*/ width: 102px; font-size: 85%; padding-top: 1px;}

*:first-child+html .information span.day { padding-top: 0px;}

.information span.area { float: left; /*display:block;*/ width: 488px; font-size: 85%;  }
.information ul img { margin: 0 3px -2px 0;_margin: 2px 3px -2px 0; }
.information li { text-align:left; min-height: 1px; margin: 2px 0;_margin: 1px 0; border-bottom: 1px solid #E3E5E2; }
.information li.none { border-bottom: none; }

.information ul li:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
* html .information ul li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/  }

.information p  { float:left; /*clear:right;display:block; */width:355px; font-size: 85%; }

.information ul p,.information ul span.area { padding: 0 0 2px 0; }

.recommend { background: url(../_img/recommend.gif) no-repeat 0px center; height: 156px; width: 908px; margin: 0px auto; text-align: left; }

.recommend dd:after,.recommend dt:after,.recommend_in:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.recommend dd,.recommend dt,.recommend_in { min-height: 1px; }
* html .recommend dd,* html .recommend dt,* html .recommend_in { height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/ }

.recommend dl { width:166px; border:2px solid #E2DCCE; padding: 5px 0; float: left; margin: 0 0 0 5px; display: block; }

.recommend dd,.recommend dt { margin: 0 auto; }

.recommend dt { margin-bottom: 5px; height:38px; width:156px; display:block;  }
.recommend dd { display:block; width:156px; }

.recommend_in { margin-left: 28px; _margin-left: 25px;  }
.mt4 { margin-top: 4px;  }

/* FOOTER ------------------------------------------------------------------------------- */


#footer:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#footer { min-height: 1px; margin: 0px auto; text-align: left; width: 928px; }
* html #footer { height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/ }

#footer ul { list-style: none outside; margin-left: 10px; }
#footer ul li { float: left; text-indent: -99999px; margin-right: 10px; }
#footer a { display: block; overflow: hidden; height: 12px; }

#footer ul li#company a { background: url(../_img/footer01.gif) no-repeat top left; width: 66px; }
#footer ul li#company a:hover { background: url(../_img/footer01_on.gif) no-repeat top left; }

#footer ul li#faq a { background: url(../_img/footer02.gif) no-repeat top left; width: 71px;  }
#footer ul li#faq a:hover { background: url(../_img/footer02_on.gif) no-repeat top left; }

#footer ul li#contact a { background: url(../_img/footer03.gif) no-repeat top left; width: 85px; }
#footer ul li#contact a:hover { background: url(../_img/footer03_on.gif) no-repeat top left; }

#footer p { float: right; font-size: 10px; color:#666; text-align: right; line-height: 10px; margin-right: 10px; }

/**/

.left { float: left; }
.right { float: right; }



.clearfix:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/ }