@charset "utf-8";

/*
------------------------------------------------
Layout
------------------------------------------------*/

.renew { width:566px; margin:0 auto; text-align:center; }


.basic01 { width:566px; height:163px; background:url(../img/basic_back.jpg) no-repeat top left; text-align:left; padding-top: 17px;  }

.basic01 h1 { background:url(../img/basic_title.jpg) no-repeat top left; width:247px; height:42px; margin:0 0 0 15px; display: block;text-indent: -9999px; }

.basic01 p { background:url(../img/basic_text.jpg) no-repeat top left; width:449px; height:42px; display: block; margin:6px 0 0 15px;text-indent: -9999px; }

.basic01 ul:after { content: ".";   display: block;   clear: both;  height: 0;  visibility: hidden; }
.basic01 ul {  list-style: none outside; width: 540px; margin: 10px auto; text-align: center; min-height: 1px; }
* html .basic01 ul {  height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}

.basic01 ul li { width: 266px; height: 27px; display:block; float:left; }

.basic01 ul li a { float: left; display: block;  text-indent: -9999px; overflow: hidden;  }

.basic01 ul li a.roof { width: 266px; height: 27px;background: url(../img/basic_btn01.jpg) no-repeat; background-position: 0 0; margin:2px 0 0 0px; position: relative; left: 2px; }
.basic01 ul li a.roof:hover { background-position: 0 -27px; }

.basic01 ul li a.double { width: 274px; height: 27px;background: url(../img/basic_btn01.jpg);  background-position: 274px 0px; margin:2px 0 0 0; position: relative; left: 4px; }
.basic01 ul li a.double:hover { background-position: 274px -27px; }

.basic02 { background:url(../img/basic_back01.jpg) no-repeat top left; height:175px; text-align:left; padding:10px 0 0 15px; }

.basic02 h2 { background:url(../img/basic_title02.gif) no-repeat top left; width:178px; height:36px; text-indent: -9999px; margin-bottom: 32px; }

.basic02 p { background:url(../img/basic_text02.gif) no-repeat top left; width:257px; height:54px; text-indent: -9999px; }


.basic03 { background:url(../img/basic_back02.jpg) no-repeat top left; height:181px; text-align:left; padding:10px 0 0 15px; margin-top: 20px; }

.basic03 h2 { background:url(../img/basic_title03.gif) no-repeat top left; width:252px; height:36px; text-indent: -9999px;  margin-bottom: 27px; }

.basic03 p { background:url(../img/basic_text03.gif) no-repeat top left; width:375px; height:54px; text-indent: -9999px; }

.boxA { width:535px; margin:10px auto 10px auto;text-align:left; }

h3.features { background:url(../img/basic_features.gif) no-repeat top left; width:535px; height:32px; text-indent: -9999px; }
h3.specifications { background:url(../img/basic_specifications.gif) no-repeat top left; width:535px; height:32px; text-indent: -9999px; }

strong.feature01 { background:url(../img/basic_title01_1.gif) no-repeat top left; width:535px; height:32px; text-indent: -9999px; display: block; }
strong.feature02 { background:url(../img/basic_title01_2.gif) no-repeat top left; width:535px; height:32px; text-indent: -9999px; display: block; }

.inside { margin: 10px 15px; }

table.style01 { margin: 10px 0; }
table.style01 td { background: #EBE1D3; padding: 5px 5px; border-bottom: 1px solid #fff; }
table.style01 th { background: #8CB122; color: #fff; text-align: center; padding: 3px 5px; border-bottom: 1px solid #fff; }
table.style01 th.sub { background: #fff; font-weight: bold; color: #333; text-align: left; padding: 5px 0; }
table.style01 th.sub2 { background: #B8D652;border-right: 1px solid #fff; }
table.style01 th.sub3 { background: #8CB122; color: #fff; text-align: left; border-right: 1px solid #fff;}
.wwl { border-right: 1px solid #fff; border-left: 1px solid #fff;  }
.wdl { border-right: 1px dashed #8CB122; border-left: 1px dashed #8CB122;  }
.lb { border-bottom: 1px solid #8CB122; }
.xs { font-size: 80%; display: block; }
.bold { font-weight: bold; }

table.style02 { margin: 10px 0; }
table.style02 caption { font-weight: bold; color: #333; text-align: left; padding: 5px 0; font-size: 80%; }
table.style02 td { background: #FBF7DD; padding: 5px 10px; border-bottom: 1px solid #fff; }
table.style02 th { background: #F9AE1E; color: #333; text-align: left; padding: 3px 10px 3px 10px; border-bottom: 1px solid #fff; }

.lr { border-right: 1px solid #fff; }
.dr { border-right: 1px dashed #F9AE1E; }
table.style02 th.extra { padding-left:42px; }
table.style02 td.fff { background: #fff; }
table.style02 th.center { text-align: center; } 

.camel { color:#CE9D4D;}

a.page_top { margin: 10px 0px; text-indent: -99999px; display: block; overflow: hidden; clear: both; background: url(../../img/page_top.gif) no-repeat 0px 0px; width: 109px; height: 19px ;  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; /**/ }