@charset "utf-8";

#renai-container {
margin: 0 auto;
padding: 0;
width: 940px;
color: #555555;
background: url(../images/bg.gif) no-repeat 0 610px;
}

#renai-container p { line-height: 150%; }

.ie #renai-container img { display: block; }

/*=============================================================*/

#renai-header {
position: relative;
padding: 0 0 10px 0;
width: 730px;
}


#renai-left {
float: left;
width: 730px;
}
/*=============================================================*/

#theme {
/*padding: 13px 10px 0 60px;*/
padding: 5px 10px 0 60px;
width: 670px;
height: 30px;
background: url(../images/theme-bg.gif) no-repeat top left;
}

#theme h3 {
font-size: 18px;
color: #FFFFCC;
}

/*=============================================================*/

#block01-set {
width: 730px;
}

#dating-point {
float: left;
width: 510px;
}

#dating-point-link {
float: right;
width: 200px;
}

#dating-point-link img {
border: 5px solid #E9E6E0;
}

/*=============================================================*/

#book-set {
width: 730px;
background: url(../images/book-mid.gif) repeat-y top left;
}

#book-set strong {
display: block;
padding: 3px 0 10px 0;
font-size: 14px;
color: #E64488;
line-height: 120%;
}

#book-left {
float: left;
padding: 0 15px 0 20px;
width: 313px;
}

#book-right {
float: right;
padding: 0 20px 0 10px;
width: 317px;
}

#book-bottom {
position: relative;
width: 730px;
}

/*=============================================================*/

#lets-move-set {
width: 730px;
background: url(../images/lets-move-mid.gif) repeat-y top left;
}

#lets-move-set strong {
display: block;
font-size: 14px;
line-height: 120%;
}

#lets-move-upper {
background: url(../images/lets-move-upper.jpg) no-repeat top left;
padding: 12px 0 0 170px;
width: 560px;
height: 64px;
}

#lets-move-upper strong {
display: block;
font-size: 16px;
color: #E64488;
line-height: 120%;
}

#lets-move-left {
float: left;
padding: 0 0 0 20px;
width: 335px;
text-align: center;
}

#lets-move-right {
float: right;
padding: 0 20px 0 0;
width: 335px;
text-align: center;
}


/*=============================================================*/

#list-set {
padding: 44px 0 0 20px;
width: 710px;
background: url(../images/list-set-bg.gif) no-repeat top left;
}

#list-set li {
background: url(../images/arrow-link2.gif) no-repeat 0 7px;
list-style-position: outside;
list-style-type: none;
padding: 7px 0 7px 17px;
border-bottom: 1px solid #DFDFDF;
}

.list-160 {
display: block;
float: left;
margin: 0 20px 0 0;
width: 160px;
}

.list-150 {
display: block;
float: left;
width: 150px;
}


/*=============================================================*/

#renai-right {
float: right;
width: 190px;
}

.renai-column1, .renai-column2, .renai-column3, .renai-column4 {
margin: 0 auto;
padding: 10px;
width: 168px;
font-size: 11px;
}

.renai-column-btn {
margin: 0 auto;
padding: 5px 0;
width: 188px;
}

.renai-column1 {
margin: 0 0 10px 0;
background-color: #E9E6E0;
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
}


.renai-column2 {
background-color: #FFFFFF;
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
}

.renai-column3 {
background-color: #FFFFFF;
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
}

.renai-column4 {
background-color: #FFFFCC;
border: 1px solid #DFDFDF;
}

.renai-column-btn {
margin: 0 0 10px 0;
background-color: #E9E6E0;
border: 1px solid #DFDFDF;
text-align: center;
clear: both;
}

.img-float {
float: left;
margin: 0 10px 5px 0;
}



/*=============================================================*/

.arw-link01 {
display: block;
background: url(../images/arrow-link.gif) no-repeat 0px 2px;
padding: 0px 0 2px 20px;
font-weight: bold;
}

.ie .arw-link01 {
background: url(../images/arrow-link.gif) no-repeat 0px 3px;
padding: 0px 0 5px 20px;
}

#extr01 {
position: absolute;
top: 30px;
left: 340px;
width: 50px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #FFFFCC;
}

#extra02, #extra03 {
position: absolute;
top: 19px;
/*width: 250px;*/
width: 280px;
}

#extra02 { left: 13px; }
#extra03 { left: 390px; }

.mar01 { margin: 0 0 5px 0; }
.mar02 { margin: 0 0 10px 0; }
.mar03 { margin: 0 0 15px 0; }

.pad01 { padding: 0 30px 15px 0; }
.pad02 { padding: 0 30px 25px 0; }


.fc-pink { color: #E64488; }
.fc-green { color: #669933; }

.fs-11 { font-size: 11px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }

.j-bold { font-weight: bold; }

.cut { clear: both; }
.noShow { display: none; }

#renai-container:after,
#renai-left:after,
#renai-right:after,
#block01-set:after,
#book-set:after,
#lets-move:after,
#list-set:after,
.renai-column1:after,
.renai-column2:after,
.renai-column3:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


* html #renai-container,
* html #renai-left,
* html #renai-right,
* html #block01-set,
* html #book-set,
* html #lets-move,
* html #list-set,
* html .renai-column1,
* html .renai-column2,
* html .renai-column3 {
display:inline-block;
}

/*=============================================================*/

#backnumber{
width: 730px;
background: url(../images/back_head.gif) 0 0 no-repeat;
margin-top: 15px;
padding-top: 45px;
}

#backnumber ul li{
background: url(../images/arrow-link2.gif) no-repeat 10px 7px;
list-style-position: outside;
list-style-type: none;
padding: 7px 0 7px 30px;
border-bottom: 1px solid #DFDFDF;
}