/* color change module */
@import url("/share/col-mod00.css");


/* common */
.main-bg {
    background-color: #ffffff;
    background-image: url(/img/rn-main_bg.gif);
    background-repeat: repeat-x;
}

/* init */
p,ul,ol,li,dl,dt,dd,table,th,tr,form {
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #444444;
}

em {
    font-style: normal;
    font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    font-size: 12px;
    font-weight: normal;
    color: #444444;
}

p {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-size: 0px;
} 

/* link */
a:link    { color: #444444}
a:visited { color: #444444}
a:hover   { color: orange }
a:active  { color: #444444}


/* basic frame */
html, body, #wrap {
    height: 100%;
    text-align: center;
    margin: 0px auto;
}

body > #wrap {
    height: auto;
}

#body {
    overflow: auto;     /* Opera 9.51対策←効果あんのこれ？*/
    text-align: center;
}

#wrap {
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    position: relative;
    min-height: 100%;
    margin: 0px auto;
    width: 930px;
    text-align: left;
    padding-bottom: 50px;
}

#contener {
    background-color: #ffffff;
    width: 930px;
    text-align: left;
    clear: both;
    margin-top: 40px;
    padding-top: 8px;
}

#left-entry {
    text-align: left;
    position: relative;
    background-color: #ffffff;
    width: 180px;
    float: left;
    margin: 0 10px 20px 0;
    padding-bottom: 10px;
}

#main-entry-toppage {
    position: relative;
    background-color: #ffffff;
    width: 550px;
    float: left;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}

#right-entry {
    position: relative;
    background-color: #ffffff;
    width: 180px;
    float: right;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}

#footer {
    background-color: #ffffff;
    margin-top: 0px;
    width: 100%;
    height: 50px;
    color: #ffffff;
    text-align: center;
    position: relative;
    bottom: 0px;
}

*html #footer {
    background-color: #ffffff;
    margin-top: -50px;
    width: 100%;
    height: 50px;
    color: #ffffff;
    text-align: center;
    position: relative;
    bottom: 0px;
    bottom:expression(document.getElementById("wrap").offsetHeight % 2 == 0 ? 0 : -0);
}


/* head parts */
#header {
    position: relative;
    width: 930px;
    height: 70px;
    background-image: url(/img/rn-head_bg.gif);
    background-repeat: no-repeat;
}

.fclogo {
    position: absolute;
    top: 20px;
    left: 0px;
}

.shoulder-hide {
    display: none;
}

#header h1 {
    position: absolute;
    font-size: 12px;
    margin: 0 0 0 0px;
}

#header h2 {
    float: right;
    font-size: 12px;
    margin: 0 0 0 0px;
}

/* easynavi */
#easynavi {
    position: relative;
    background-color: #ffffff;
    width: 934px;
    float: left;
    margin: 0 0 0 -2px;
}

#easynavi ul {
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}

#easynavi li {
    float: left;
    margin: 0px;
}


/* side ad */
.rn-ad {
    margin-bottom: 10px;
}

/* side present */
.rn-present {
    margin-bottom: 10px;
}


/* l-side menu */
.bookdisplay {
    width: 180px;
    height: 260px;
    margin-bottom: 10px;
    text-align: center;
    background-image: url(/img/rn-book_stage.gif);
    background-repeat: no-repeat;
}

.bookimage {
    padding-top: 70px;
}

.side-box {
    width:180px;
    margin-bottom: 10px;
    background-image: url(/img/rn-side_bg.gif);
    background-repeat: repeat-y;
}

.side-box_bottom {
    background-image: url(/img/rn-side_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.side-box_contents {
    text-align: left;
    width: 172px;
    padding: 4px 4px 5px 4px;
    font-size: 10px;
    line-height: 14px;
    color: #444444;
}

.side-box_groundmenu {
    width: 172px;
    height: 50px;
    margin: 0 0 10px 0;
}

.side-box_pict {
    float: left;
}

.side-box_mainbtn_top {
    float: right;
}

.side-box_mainbtn_bottom {
    float: right;
    margin-top: 4px;
}

ul.side-box_commonbtn {
    margin: 2px 0 0 0;
    padding: 0px;
    width: 172px;
    list-style: none;
}

ul.side-box_commonbtn li{
    width: 172px;
    height: 23px;
    background-image: url(/img/rn-search-btn00_off.gif);
    background-repeat: no-repeat;
    margin-bottom: 5px;
    font-size: 12px;
}

ul.side-box_commonbtn li a{
    display:block;
    height: auto;
    color: #444444;
    line-height : 200%;
    padding-left: 25px;
}

ul.side-box_commonbtn li a:hover{
    background-image: url(/img/rn-search-btn00_on.gif);
    background-repeat: no-repeat;
    color: #f35000;
}

.side-box_life_pict {
    float: left;
    margin: 0px 5px 5px 5px;
}

.side-box_life_cap {
    font-size: 12px;
    float: right;
}

ul.side-box_live {
    width: 142px;
    background-image: url(/img/rn-icon-life01.gif);
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    font-size: 12px;
    padding: 7px 0 0 30px;
    list-style-type: none;
}

ul.side-box_live li {
    width: 132px;
    font-size: 12px;
    margin: 10px 0 0px 0;
    background: url(/img/rn-arrow01.gif) no-repeat 0px -1px;
    padding-left: 10px;
}

ul.side-box_living {
    width: 142px;
    background-image: url(/img/rn-icon-life02.gif);
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    font-size: 12px;
    padding: 7px 0 0 30px;
    list-style-type: none;
}

ul.side-box_living li {
    width: 142px;
    font-size: 12px;
    margin: 10px 0 0px 0;
    background: url(/img/rn-arrow01.gif) no-repeat 0px -1px;
    padding-left: 10px;
}

ul.side-box_hospital {
    width: 142px;
    background-image: url(/img/rn-icon-life03.gif);
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    font-size: 12px;
    padding: 7px 0 0 30px;
    list-style-type: none;
}

ul.side-box_hospital li {
    width: 142px;
    font-size: 12px;
    margin: 10px 0 0px 0;
    background: url(/img/rn-arrow01.gif) no-repeat 0px -1px;
    padding-left: 10px;
}

ul.side-box_school {
    width: 142px;
    background-image: url(/img/rn-icon-life04.gif);
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    font-size: 12px;
    padding: 7px 0 0 30px;
    list-style-type: none;
}

ul.side-box_school li {
    width: 142px;
    font-size: 12px;
    margin: 10px 0 0px 0;
    background: url(/img/rn-arrow01.gif) no-repeat 0px -1px;
    padding-left: 10px;
}

ul.side-box_basket {
    width: 172px;
    margin-bottom: 5px;
    list-style-type: none;
}

ul.side-box_basket li {
    width: 135px;
    height: 24px;
    font-size: 12px;
    background: url(/img/rn-icon-basket.gif) no-repeat 0px 0px;
    margin-left: 10px;
    padding-left: 26px;
    padding-top: 4px;
}

.basket-btn {
    width: 172px;
    margin-bottom: 10px;
    text-align: center;
}


/* new left wedding menu */
.rn-leftwedmenu {
    margin: 0 0 0 1px;
    width: 170px;
    text-align: left;
    background: url(/img/rn-leftwedmenu-bg.gif) repeat-y 0px 0px;
}

.rn-leftwedmenu ul {
    margin: 0 0 0 15px;
    list-style: none;
    padding: 1px 0 0 0;
}

.rn-leftwedmenu li {
    margin: 5px 0 0 0;
    padding: 0 0 2px 0;
    font-size: 12px;
    background: url(/img/marker_06.gif) no-repeat 0px 5px;
    padding-left: 10px;
}

.rn-leftwedmenu-u {
    height: 5px;
    line-height: 5px;
    margin: 0 0 5px 1px;
}

.rn-leftwedmenutxt {
    position: absolute;
    top: 18px;
    left: 12px;
    color: #444444;
    font-size: 10px;
    line-height: 9px;
}


/* main frame */
.rn-minkon-box {
    position: relative;
    width: 550px;
    height: 300px;
    margin: 0 0 10px 0;
    background: url(/img/rn-minkon_frame.gif) no-repeat 0px 0px;
}

/* みん婚 */
.rn-minkon-ttl {
    position: absolute;
    float: left;
    top: 4px;
    left: 15px;
}

.rn-minkon-select ul {
    position: absolute;
    float: left;
    width: 166px;
    height: 249px;
    top: 29px;
    left: 15px;
    margin: 0px;
    padding: 0px;
}

*html .rn-minkon-select ul {
    position: absolute;
    float: left;
    width: 166px;
    height: 249px;
    top: 31px;
    left: 15px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.rn-minkon-select li{
    display: inline;
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: text-top;
    line-height: 80px;
    overflow: hidden;
    zoom: 1;
    margin: 0 3px 3px 0;
}

.rn-minkon-select span {
    display: inline-block;
    height: 80px;
    width: 0px;
    vertical-align:middle;
}

.rn-minkon-select p {
    vertical-align: middle;
    display: inline;
    width: auto;
    zoome: 1;
}

.rn-minkon-select p img {
    vertical-align: middle;
    border:1px
    solid #ccc;
}

.rn-minkon-select p a:hover{
    width: 70px;
    filter:alpha(opacity=60); opacity:0.6;
}

.rn-minkon-stage {
    z-index: 1;
    position: absolute;
    top: 4px;
    left: 181px;
    width: 365px;
    height: 292px;
    background: url(/img/rn-minkon_bg.jpg) no-repeat 0px 0px;
}

.rn-minkon-mask {
    z-index: 5;
    position: absolute;
    top: 4px;
    left: 181px;
    width: 365px;
    height: 292px;
}

.rn-minkon-mainpht {
    z-index: 3;
    position: absolute;
    top: 4px;
    left: 181px;
    width: 365px;
    height: 292px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.rn-minkon-morebtn {
    position: absolute;
    top: 280px;
    left: 60px;
}

*html .rn-minkon-morebtn {
    position: absolute;
    top: 277px;
    left: 60px;
}

.rn-minkon-pickup {
    position: absolute;
    z-index: 7;
    top: 275px;
    left: 184px;
    width: 279px;
    height: 19px;
    background: url(/img/rn-minkon_pickup.gif) no-repeat 0px 0px;
    font-size: 12px;
    padding-left: 20px;
    padding-top: 3px;
}

.rn-minkon-btn {
    z-index: 8;
    position: absolute;
    top: 275px;
    left: 465px;
}


/* みん婚 mini */
.rn-mminkon-box {
    position: relative;
    width: 550px;
    margin-bottom: 15px;
    background: url(/img/rn-minkon-bg.gif) no-repeat 0px 0px;
}

.rn-mminkon-box-btm {
    width: 550px;
    background-image: url(/img/rn-minkon-bg_btm.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 8px;
}

*html .rn-mminkon-box-btm {
    width: 550px;
    background-image: url(/img/rn-minkon-bg_btm.gif);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    padding-bottom: 8px;
}

/* みん投 */
.rn-mintou-box {
    position: relative;
    width: 550px;
    margin-bottom: 15px;
    background: url(/img/rn-mintou-bg.gif) no-repeat 0px 0px;
}

.rn-mintou-ttl {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.rn-mintou-more {
    position: absolute;
    left: 474px;
    top: 8px;
    z-index: 9999;
}

*html .rn-mintou-more {
    position: absolute;
    left: 474px;
    top: 8px;
    z-index: 9999;
}

.rn-mintou-cellsize {
    width: 90px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    background-image: url(images/minkonphoto_bg.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.rn-mintou-cellsize a:hover {
    width: 90px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    color:#999;
    text-decoration:none;
    filter:alpha(opacity=60); opacity:0.6;
}

.rn-mintou-txtcell {
    width:80px;
    margin: 14px 0 0 7px;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    color: #444444;
}

*html .rn-mintou-txtcell {
    width:80px;
    margin: 4px 0 0 6px;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    color: #444444;
}

.rn-mintou-imgcell {
    line-height: 80px;
    margin-bottom:0px;
    border:1px
    solid #ccc;
    vertical-align:middle;
    margin-top: 10px;
}

ul.rn-mintou-select {
    /* position: absolute;
    left: 5px;
    top: 29px;
    */
    width: 550px;
    font-size: 12px;
    text-align: left;
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 29px 0 0 0;
}

ul.rn-mintou-select li {
    width: 90px;
    margin: 0 0 0 0px; padding:0;
    float: left;
    display: block;
}

ul.rn-mintou-select li a {
    margin: 0; padding:0;
    display:block;
}

ul.rn-mintou-select li a:link,
ul.minkon-photo li a:visited {
    color: #444444;
}

ul.rn-mintou-select li a:hover {
    color: orange;
}

ul.rn-mintou-select li span {
    display: inline-block;
    height: 90px;
    width: 0px;
    vertical-align:middle;
}

.rn-mintou-genre {
    color: #ffffff;
    font-size: 10px;
    width: 80px;
    height: 15px;
    text-align: center;
    margin-bottom: 0px;
}

*html .rn-mintou-genre {
    color: #ffffff;
    font-size: 10px;
    width: 80px
    height: 15px;
    text-align: center;
    margin-bottom: 0px;
}


/* ニュース */
.rn-news-box {
    width: 550px;
    position: relative;
}

*html .rn-news-box {
    width: 550px;
    position: relative;
    padding-bottom: 0px;
}

.rn-news-ttl {
    z-index: 1;
}

.rn-news-btn {
    margin: -22px 0 10px 482px;
    z-index: 9999;
}

*html .rn-news-btn {
    margin: -25px 0 10px 482px;
    z-index: 9999;
}

.rn-news-photo {
    float: left;
    margin-top: 5px;
    width: 120px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 10px;
}

*html.rn-news-photo {
    float: left;
    margin-top: 5px;
    width: 120px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
}

.rn-news-photo img{
    margin-bottom: 5px;
}

ul.rn-topnews {
    width: 420px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 130px;
    padding: 5px 0 10px 0;
}

*html ul.rn-topnews {
    float: right;
    width: 420px;
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0 0 0;
    padding: 0;
}

ul.rn-topnews li{
    background-image: url(/img/rn-arrow01.gif);
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    font-size: 12px;
    padding: 0 0 0 10px;
    list-style-type: none;
}

.rn-news_cap {
    display: inline;
    zoom: 1;
}

.rn-news_cap img {
    margin-top: -1px;
    vertical-align: bottom;
}

*html .rn-news_cap img {
    margin-top: 0px;
    vertical-align: bottom;
}

.rn-news-genre {
    margin: 0 3px 0 3px;
    display: inline-block;
    padding-left: 3px;
    height: 15px;
    line-height: 15px;
    background-image: url(/img/rn-pickup-genre_bg.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 10px;
}

*html .rn-news-genre {
    display: inline;
    zoom: 1;
    padding-left: 3px;
    height: 15px;
    line-height: 15px;
    background-image: url(/img/rn-pickup-genre_bg.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 10px;
}


/* スペイシュ */
.rn-issue-box {
    width: 550px;
    position: relative;
    margin: 0 0 10px 0;
}

.rn-issue-ttl {
    z-index: 1;
}

.rn-issue-btn {
    margin: -22px 0 10px 482px;
    z-index: 9999;
}

*html .rn-issue-btn {
    margin: -25px 0 10px 482px;
    z-index: 9999;
}


.rn-issue-left {
    float: left;
    margin-top: 5px;
    font-size: 12px;
}

.rn-issue-right {
    float: right;
    margin-top: 5px;
    font-size: 12px;
}

/* r-side menu */
.rn-pickupphoto-box {
    width: 172px;
    height: 257px;
    font-size: 10px;
}

.rn-pickupphoto_stage {
    width: 172px;
    text-align: center;
    font-size: 10px;
}

.rn-pickupphoto_ag {
    width: 172px;
    height: 287px;
    text-align: left;
    margin: 5px 0 4px 0;
    font-size: 10px;
}

.rn-pphoto-area {
    display: inline-block;
    padding-left: 3px;
    height: 15px;
    line-height: 15px;
    background-image: url(/img/rn-pickup-area_bg.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 10px;
}

*html .rn-pphoto-area {
    display: inline;
    zoom: 1;
    padding-left: 3px;
    height: 15px;
    line-height: 15px;
    background-image: url(/img/rn-pickup-area_bg.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 10px;
}

.rn-pickp-ag_cap {
    display: inline;
    zoom: 1;
}

.rn-pickp-ag_cap img {
    margin-top: -1px;
}

*html .rn-pickp-ag_cap img {
    margin-top: 0px;
}

.rn-pphoto-genre {
    margin-left: 3px;
    display: inline-block;
    padding-left: 3px;
    height: 15px;
    line-height: 15px;
    background-image: url(/img/rn-pickup-genre_bg.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 10px;
}

*html .rn-pphoto-genre {
    display: inline;
    zoom: 1;
    padding-left: 3px;
    height: 15px;
    line-height: 15px;
    background-image: url(/img/rn-pickup-genre_bg.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 10px;
}

.rn-pphotocell {
    width: 172px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    vertical-align: middle;
    background-color: #ebf2f6;
}

.slides span {
    width: 0px;
    height: 200px;
    line-height: 200px;
    display: inline-block;
    vertical-align: middle;
}

.slides img {
    vertical-align: middle;
}

.rn-pphoto-name {
    width: 172px;
    margin-top: 0px;
    padding: 2px;
    font-size: 12px;
}

.rn-pphoto-name table,td,tr{
    font-size: 12px;
}


/* 会員メニュー */
.side-box_menber_id {
    margin: 2px 0 5px 0;
}

.side-box_menber_ps {
    margin: 0 0 2px 0;
}

.side-box_menber_text {
    margin: 0 0 10px 0;
    font-size: 10px;
}

.side-box_menber_btn {
    margin: 0 0 6px 0;
}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 172px;
font-size: 10px;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
vertical-align: middle;
height: 277px;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
vertical-align: middle;
visibility: hidden;
font-size: 10px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 171px;
vertical-align: middle;
font-size: 10px;
}

#slideshow .slides ul {
height: 257px;

font-size: 10px;
}

#slideshow .slides li {
width: 172px;
height: 257px;
line-height: 257px;
float: left;
padding: 0px;
vertical-align: middle;
font-size: 10px;
}