/* CSS Document */


/* 共通事項 */

#header{
display:none;
}

#sidearea{
display:none;
}

#footer{
display:none;
}

#wrap {
margin:0px 0px 0px 0px;
}

#wrap #main {
margin:0px 0px 0px 0px;
}

#wrap #main #contents {
width: 575px;
background-color:#FFFFFF;
}

#wrap_wide {
width:782px;
}

#wrap_wide #main {
width:782px;
}

#wrap_wide #contents_wide {
width: 780px;
}

#pankuzu {
display: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
a{text-decoration:none;}
li,dl{list-style:none;}
hr {display: none;}
img {border: none;vertical-align: bottom;}

dt,dd,ol,li,pre,input,p,blockquote,th,td,address{font-size:75%;line-height:130%;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:75%;font-weight:normal;line-height:130%;color:#333333;}
h1,h2,h3,h4,h5,h6,dt,dd,ol,li,pre,input,p,blockquote,th,td,address{	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*
------------------------------------------------
コンテンツスタイルシート
------------------------------------------------*/

.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; /**/ }