@charset "utf-8";
@import url(./common.css);
/* CSS Document */


#bgTop{
background:url(images/index_bg_top.gif) repeat-x;
height:458px;
margin:0 auto;
}


#header{
background:url(images/index_top_titleimg.gif) top center no-repeat;
height:105px;
width:806px;
margin:0 auto;
text-align:left;
}

#header img{
padding:3px 15px;
float:left;
}

#header h1{
font-size:5px;
color:#8f4a35;
padding-right:10px;
float:right;
}

#top{
background:url(images/index_top_bg.gif) top center no-repeat;
height:353px;
width:806px;
text-align:left;
margin:0 auto;
}

#top img{
padding-left:6px;
float:left;
}
#top p{
padding:15px 26px 0;
clear:right;
}


#middle{
background:url(images/index_bg_middle.gif) top center repeat-y;
width:806px;
text-align:left;
margin:0 auto;
}
#middle:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#price{
background:url(images/index_price.gif) top center no-repeat;
height:350px;
padding-bottom:20px;
}

#peiceShina{
padding:141px 0 0 31px;
}
#peiceKana{
padding:106px 0 0 31px;
}


#explanationBox{
width:770px;
margin:0 auto;
}

.explanation{
width:384px;
float:left;
padding-bottom:20px;
}

#explanationCKTop{
background:url(images/index_explanation_topCK.gif) top center no-repeat;
height:62px;
margin:0 auto;
}

#explanationRenzTop{
background:url(images/index_explanation_topRenz.gif) top center no-repeat;
height:62px;
}

.explanationBg{
background:url(images/index_explanation_bg.gif) top center repeat-y;
padding:10px 20px;
}

.explanationBottom{
background:url(images/index_explanation_bottom.gif) top center no-repeat;
height:17px;
}


#features{
background:url(images/index_features.gif) top center no-repeat;
height:245px;
margin:0 auto;
clear:both;
}


#narrativeTop{
background:url(images/index_narrative_top.gif) top center no-repeat;
height:95px;
}

#narrativeBg{
background:url(images/index_narrative_bg.gif) top center repeat-y;
width:768px;
margin:0 auto;
content : "";
display : block;
clear : both;
}

#narrativeBox{
width:700px;
margin:0 auto;
}

#narrativeBox:after {
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}



#narrativeCK{
width:330px;
float:left;
}

#narrativeRenz{
width:330px;
float:right;
}

#narrativeCK p{
padding:10px 0;
font-size:12px;
line-height:26px;
}
#narrativeRenz p{
padding:10px 0;
font-size:12px;
line-height:26px;
}

#narrativeBottom{
background:url(images/index_narrative_bottom.gif) top center no-repeat;
height:24px;
padding-bottom:20px;
clear:both;
}


#bottom1{
background-color:#eee;
height:35px;
width:790px;
font-size:11px;
margin:0 auto;
text-align:right;
}
#bottom1 a{
color:#909090;
}
#bottom1 p{
color:#909090;
padding-left:20px;
}

#bottom2{
background:url(images/index_bottom.gif) top center no-repeat;
height:73px;
width:806px;
margin:0 auto;
}
#bottom2 p{
font-size:11px;
text-align:center;
color:#eee;
}

#bgBottom{
background:url(images/index_bg_bottom.gif) bottom center repeat-x;
height:73px;
margin:0 auto;
}


#adminTop{
background:url(images/admin_bg.jpg) top center no-repeat;
height:353px;
width:806px;
margin:0 auto;
}

#adminTop p{
padding:200px 0 0 75px;
font-size:12px;
}


#exemptionTop{
background:url(images/exemption_bg.gif) top center no-repeat;
height:353px;
width:806px;
margin:0 auto;
}
#exemptionBg{
background:url(images/exemption_bg2.jpg) top center no-repeat;
height:356px;
width:806px;
margin:0 auto;
}

#exemptionTop p{
padding:100px 50px 0 75px;
font-size:14px;
line-height:24px;
}

#exemptionBg p{
padding:10px 50px 0 75px;
font-size:14px;
line-height:24px;
}

.line {
text-decoration:underline;
}

.b {
font-weight:bold;
}

