@charset "UTF-8";

/*------------------------------------------------------------------------------
    NRA - Basic Layout
    update  : 2008-12-25
    Copyright (C) NIPPON ROMANTIST ASSOCIATION. All Rights Reserved.
------------------------------------------------------------------------------*/

/* Layout - global
----------------------------------------------------- */
/* Font Family */
body, input, textarea { font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",  "MS P Gothic",  "Osaka", "Verdana", "Arial", "sans-serif"; }

html {
	height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
	height: 100%;
    font-size: 84%;
    line-height: 1.3;
	background: url(../img/default/bg.gif) center top repeat;
}
table,textarea {
    font-size: 100%;
}
.section,
.inner {
    zoom: 1;
}
.section:after,
.inner:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.sprite *{
	display: none;
	font-size:0;
}
.inner {
	margin: 0 auto;
	text-align: left;
}
.Right {
	text-align: right;
}
.Center {
	text-align: center;
}

a { color: #313131; text-decoration: underline; }
a:hover { color: #a50021; text-decoration: none; }


/* Layout - header
----------------------------------------------------- */
div#header {
    height: 42px;
    text-align: center;
    background: url(../img/bg.header.png) center bottom repeat-x;
}
* html div#header { background: url(../img/bg.header.gif) center bottom repeat-x; }

div#header div.inner {
	position: relative;
    width: 870px;
}
div#header h1,
div#header h1 a {
	display: block;
    width: 197px;
	height: 37px;
}
div#header h1 a {
    background: url(../img/logo.png) left top no-repeat;
}
* html div#header h1 a {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod='image');
    cursor: hand;
}

div#ribbon div#contact,
div#header div#contact {
    position: absolute;
    width: 87px;
    height: 27px;
}
div#ribbon div#contact {
    top: -42px;
    right: 95px;
	z-index: 1000;
}
div#header div#contact {
    top: 0;
    right: 95px;
}
div#ribbon div#contact a,
div#header div#contact a {
	display: block;
    width: 87px;
    height: 27px;
	cursor: pointer;
    background: url(../img/contact.png) left top no-repeat;
}
* html div#ribbon div#contact a,
* html div#header div#contact a {
	background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/contact.png',sizingMethod='scale');
}


/* Layout - ribbon
----------------------------------------------------- */
div#ribbon {
    position: relative;
    background: url(../img/default/bg.ribbon.gif) left bottom repeat-x;
    z-index: 10;
}
div#ribbon .inner {
	position: relative;
    height: 225px;
    background: url(../img/default/mainimage.gif) center top no-repeat;
}
div#ribbon div#ribbon_container {
    position: relative;
	width: 870px;
	margin: 0 auto;
}
div#ribbon div#ribbon_image {
	position: absolute;
    width: 440px;
	height: 320px;
	background: url(../img/default/ribbon.png) center top no-repeat;
	top: -40px;
	right: -80px;
	z-index: 2;
}
* html div#ribbon div#ribbon_image {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/default/ribbon.png',sizingMethod='scale');
}
div#ribbon ul li {
    display: inline;
}

/* Layout - romance-toudai banner
----------------------------------------------------- */
div#ribbon #romance-toudaiBanner {
    position: absolute;
    top: 251px;
    left: 580px;
    z-index: 3;
}

/* Layout - w.l.l.s. banner
----------------------------------------------------- */
div#ribbon  #wllsBanner {
	position: absolute;
	top: 483px;
              left: 580px;
	z-index: 3;
	cursor: hand;
}

/* Layout - ibj banner
----------------------------------------------------- */
div#ribbon  #ibjapanBanner {
    position: absolute;
    top: 711px;
    left: 580px;
    z-index: 3;
    cursor: hand;
}



/* Layout - news
----------------------------------------------------- */
div#news {
	background: url(../img/default/bg.news.gif) left top repeat-y;
}
div#news div.inner {
	position: relative;
    width: 555px;
    padding-top: 50px;
    background: url(../img/default/bg.news.top.gif) left top no-repeat;
}
div#news div#news_contents {
    width: 440px;
    padding: 20px 50px 20px 65px;
    background: url(../img/default/bg.news.bottom.gif) left bottom no-repeat;
}
div#news div#entries div#loading {
	padding: 65px;
    text-align: center;
	color: #999;
}
div#news h2 {
    margin-left: 65px;
}
div#news li {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #aaa;
}
div#news li.last {
    border: none;
}
div#news li div.date {
    display: none;
}
div#news li div.title {
    float: none;
    padding-left: 0;
    width: auto;
}
div#news li div.title a {
    color: #333;
}
div#news li div.title a:hover {
    color: #999;
}
div#news div#rss,
div#news div#more {
    position: absolute;
}
div#news div#rss a,
div#news div#more a {
    display: block;
}
div#news div#rss,
div#news div#rss a {
    width: 30px;
    height: 30px;
}
div#news div#rss {
    top: 0;
    left: 483px;
}
div#news div#more,
div#news div#more a {
    width: 85px;
    height: 39px;
}
div#news div#more {
    bottom: 21px;
    left: 454px;
}

/* Layout - contents
----------------------------------------------------- */
div#contents {
	width: 100%;
    background-color: white;
}
body#home div#contents {
    position: relative;
    z-index: 1;
}
div#contents .inner {
    width: 870px;
	position: relative;
}
body#sub div#contents .inner {
    padding: 20px 0;
}

div#contents div#primary {
    position: relative;
    width: 560px;
	margin-top: 20px;
	float: left;
	display: inline;
}
div#contents div#secondly {
    position: relative;
    width: 290px;
    margin-top: 408px;
	margin-bottom: 50px;
	float: right;
	display: inline;
}

div#contents div#secondly div#guide {
    font-size: 0;
}

div#contents div#secondly .cardBanner_L {
	padding-top: 78px;
	margin-bottom: 12px;
}

#mainBanner {
	margin: 8px 0 10px 13px;
}

div#contents div#secondly .sideBanners p {
	margin-bottom: 12px;
}

#mainBanner p { margin-bottom: 10px; }

/* Layout - navigation
----------------------------------------------------- */
body#home div#navigation {
    padding: 20px 0;
	padding-left: 13px;
}
body#home div#navigation .inner {
	width: 565px;
}
body#home div#navigation ul li {
    display: inline;
}

body#home div#navigation ul li img {
    margin: 4px;
}

body#sub div#navigation {
	width: 100%;
	padding: 20px 0;
    background-color: #fdcbcc;
}
body#sub div#navigation .inner {
    width: 750px;
}
body#sub div#navigation ul li {
    display: inline;
}
body#sub div#navigation ul li img {
    margin: 5px;
}

body#home div#navigation li.romance_title {
	display:block;
	padding-top:20px; !important
}


body#sub div#navigation li.romance_title {
	display:block;
	width:740px;
	padding-top:20px; !important
}

body#sub div#navigation ul .romance_title img{
}

body#home div#navigation ul li .b_romancemark01 img,
body#home div#navigation ul li .b_romancemark03 img,
body#home div#navigation ul li .b_romancemark05 img{
    margin: 5px 0 5px 5px;
}


/* Layout - footer
----------------------------------------------------- */
div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -70px;
}
div#push,
div#footer {
	min-height: 70px;
}

*html div#footer_container,
*html div#footer { height: 70px; }

div#footer {
    overflow: hidden;
    background: url(../img/default/bg.footer.gif) center top repeat-x;
}
div#footer_container {
   background: url(../img/default/bg.footer_image.gif) center top no-repeat;
   min-height: 70px;
}
div#footer .inner {
    width: 870px;
    /*
	padding-bottom: 10px;
	*/

	position: relative;
}
div#footer a {
    color: white;
    text-decoration: none;
}

div#footer a:hover {
    text-decoration: underline;
}


div#footer div#footer_navi {
	width: 530px;
	padding-top: 20px;
    color: white;
}

div#footer p.romanceDayLink {
	position: absolute;
	right: 79px;
	top: 13px;
}

div#footer p.romanceDayLink a span {
	display: block;
	position: absolute;
	left: -9999px;
	font-size: 0;
}

div#footer p.romanceDayLink a {
	display: block;
	width: 246px;
	height: 30px;
	background: url(../img/default/footer_romanceDayLink.gif) left top no-repeat;
}
div#footer p.romanceDayLink a:hover {
	background-image: url(../img/default/footer_romanceDayLink.gif);
	text-decoration: none!important;
}


div#footer div#copyright {
	width: 392px;
	height: 17px;
	margin-top: 8px;
    background: url(../img/default/copyright.gif) left top no-repeat;
}
* html div#footer div#copyright {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/copyright.png',sizingMethod='scale');
}
div#footer ul li {
    display: inline;
}

div#guide{
	width: 290px;
	margin-bottom: 12px;
}

.alert { color: red!important; }