@charset "UTF-8";

/*------------------------------------------------------------------------------
    NRA - presentBlue css
    update  : 2009-06-01
    Copyright (C) NIPPON ROMANTIST ASSOCIATION. All Rights Reserved.
------------------------------------------------------------------------------*/

body { background: url(../img/presentBlue/bg.gif) center top repeat!important; }

/*div#contents div#secondly {
	margin-top: 550px;
}*/

div#ribbon { background: url(../img/presentBlue/bg.ribbon.gif) left bottom repeat-x;!important }
div#ribbon .inner { background: url(../img/presentBlue/mainimage.gif) center top no-repeat!important; }
div#ribbon div#ribbon_image { background: url(../img/presentBlue/ribbon.png) center top no-repeat!important; }
* html div#ribbon div#ribbon_image {
    background:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/presentBlue/ribbon.png',sizingMethod='scale')!important;
}

div#ribbon div#billboard619 a {
	display: block;
	background: url(../img/billboard619.png) left top no-repeat;
	width: 282px;
	height: 241px;
	position: absolute;
	top: 193px;
	left: 584px;
	z-index: 3;
	cursor: hand;
}
* html div#ribbon div#billboard619 a {
    background:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/billboard619_normal.png',sizingMethod='image')!important;
}
* html div#ribbon div#billboard619 a:hover {
    background:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/billboard619_hover.png',sizingMethod='image')!important;
}

div#ribbon div#billboard619 a:hover { background-position: left bottom; }

div#ribbon div#billboard619 a span {
	position: absolute;
	left: -9999px;
	font-size: 0;
}

/*#ribbon  #wllsBanner { top: 442px!important; }*/
#ribbon #ibjapanBanner { top: 670px!important; }

div#contents .inner #flashBanner_blue {
	display: block!important;
	width: 280px!important;
	height: 68px!important;
	z-index: 1000!important;
	/*margin-top: 189px;*/
	margin-top: 191px;
}
div#contents .inner #flashBanner { display: none!important; z-index: 1!important; }

.companyBanners {
	background: url(/img/companyBanners/bg.gif) center top repeat-y;
	margin-bottom: 26px;
	text-align: center;
}

*html .companyBanners { height: 1%; }

.companyBanners h2 { margin-left: 6px; text-align: left; }
.companyBanners a img { padding: 0 0 12px 12px; }
.companyBanners p.right {
	text-align: right;
	background: url(/img/companyBanners/bg_footer.gif) center bottom no-repeat;
	padding: 12px 12px 12px 0;
	color: #5d5d5d;
	font-size: 82%;
}


div#news { background: url(../img/presentBlue/bg.news.gif) left top repeat-y!important; }
div#news div.inner { background: url(../img/presentBlue/bg.news.top.gif) left top no-repeat!important; }
div#news div#news_contents { background: url(../img/presentBlue/bg.news.bottom.gif) left bottom no-repeat!important; }
div#news h2 a {
	display: block!important; 
	background: url(../img/presentBlue/title.news.gif) left top no-repeat!important;
	width: 370px!important;
	height: 30px!important;
}
div#news h2 a img { display: none!important; }

div#news li div.date { color:#355797!important; }

div#news #rss a:hover { background: url(../img/presentBlue/rssHover.gif)!important; }
div#news div#more a:hover { background: url(../img/presentBlue/newsMoreHover.gif)!important; }

div#guide h2 {
	width: 290px;
	height: 77px;
	background: url(../img/presentBlue/guide/menu_title.gif)!important;
}
div#guide h2 img { display: none; }

div#guide ul li a {
	display: block;
	width: 290px;
	height: 28px;
	background: left top no-repeat;
}

div#guide ul li.about a { background-image: url(../img/presentBlue/guide/menu_about.gif); }
div#guide ul li.principle a { background-image: url(../img/presentBlue/guide/menu_principle.gif); }
div#guide ul li.power a { background-image: url(../img/presentBlue/guide/menu_power.gif); }
div#guide ul li.conception a { background-image: url(../img/presentBlue/guide/menu_conception.gif); }
div#guide ul li.agenda a { background-image: url(../img/presentBlue/guide/menu_agenda.gif); }
div#guide ul li.plan a { background-image: url(../img/presentBlue/guide/menu_plan.gif); }
div#guide ul li.hometown a { background-image: url(../img/presentBlue/guide/menu_hometown.gif); }
div#guide ul li.contactus01 a { background-image: url(../img/presentBlue/guide/menu_contactus01.gif); }
div#guide ul li.history a { background-image: url(../img/presentBlue/guide/menu_history.gif); }
div#guide ul li.media-info a { background-image: url(../img/presentBlue/guide/menu_media-info.gif); }
div#guide ul li.romancemark a { background-image: url(../img/presentBlue/guide/menu_romancemark.gif); }
div#guide ul li.dl a { background-image: url(../img/presentBlue/guide/menu_dl.gif); }
div#guide ul li.contactus02 a { background-image: url(../img/presentBlue/guide/menu_contactus02.gif); height: 41px; }
div#guide ul li a:hover { background-position: left bottom; }
div#guide ul li a img { display: none; }


#navigation li a {
	display: block;
	width: 176px;
	height: 85px;
	background: center center no-repeat;
	margin: 4px;
	float: left;
}
#navigation li.b_award2010 a {
	width: 544px;
	height: 85px;
	background-image: url(../img/presentBlue/banner/banner_awardLrg.gif);
}
#navigation li.b_ainostation a {
	width: 544px;
	height: 90px;
	background-image: url(../img/presentBlue/banner/banner_ainostation.gif);
}
#navigation li.b_alliance2010 a {
	width: 544px;
	height: 85px;
	background-image: url(../img/presentBlue/banner/banner_allianceLrg.gif);
}
#navigation li.b_jagachu2011 a {
	width: 544px;
	height: 85px;
	background-image: url(../img/presentBlue/banner/banner_jagachu2011.jpg);
}
#navigation li.b_presentBlue a {
	width: 544px;
	height: 85px;
	background-image: url(../img/btn_blue0619.gif);
}


#navigation li.romance_title {
	width: 544px;
	height: 52px;
	background: url(../img/presentBlue/title_romance.gif) left bottom no-repeat;
	clear: both;
}
#navigation li.romance_title img { display: none; }

#navigation li.b_romancemark01 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_01.gif);
}
#navigation li.b_romancemark02 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_02.gif);
}
#navigation li.b_romancemark03 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_03.gif);
}
#navigation li.b_romancemark04 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_04.gif);
}
#navigation li.b_romancemark05 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_05.gif);
}
#navigation li.b_romancemark06 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_06.gif);
}
#navigation li.b_romancemark07 a {
	width: 267px;
	height: 85px;
	background-image: url(../img/btn_ai_07.gif);
}


#navigation li.b_principle a { background-image: url(../img/presentBlue/banner/banner_principle.gif); }
#navigation li.b_power a { background-image: url(../img/presentBlue/banner/banner_power.gif); }
#navigation li.b_conception a { background-image: url(../img/presentBlue/banner/banner_conception.gif); }
#navigation li.b_plan a { background-image: url(../img/presentBlue/banner/banner_plan.gif); }
#navigation li.b_hometown a { background-image: url(../img/presentBlue/banner/banner_hometown.gif); }
#navigation li.b_history a { background-image: url(../img/presentBlue/banner/banner_history.gif); }
#navigation li.b_blog a { background-image: url(../img/presentBlue/banner/banner_blog.gif); }
#navigation li.b_romanceday a { background-image: url(../img/presentBlue/banner/banner_romanceday.gif); }
#navigation li.b_program a { background-image: url(../img/presentBlue/banner/banner_program.gif); }
#navigation li.b_3r a { background-image: url(../img/presentBlue/banner/banner_3r.gif); }
#navigation li.b_jagachu a { background-image: url(../img/presentBlue/banner/banner_jagachu.gif); }
#navigation li.b_romancemail a { background-image: url(../img/presentBlue/banner/banner_romancemail.gif); }
#navigation li.b_romanticdrive a { background-image: url(../img/presentBlue/banner/banner_romanticdrive.gif); }
#navigation li.b_member a { background-image: url(../img/presentBlue/banner/banner_member.gif); }
#navigation li.b_romancepotato a { background-image: url(../img/presentBlue/banner/banner_romancepotato.gif); }
#navigation li.b_analyze a { background-image: url(../img/presentBlue/banner/banner_analyze.gif); }
#navigation li.b_card a { background-image: url(../img/presentBlue/banner/banner_cardSml.gif); }
#navigation li.b_romancemark a { background-image: url(../img/presentBlue/banner/banner_romancemark.gif); }
#navigation li a img { display: none; }

#navigation li.b_jagachu2009 a {
	width: 542px;
	height: 85px;
	display: block;
	background: url(../img/presentBlue/banner/banner_jagachu2009.jpg) left center no-repeat;
}


div#secondly .cardBanner_L a {
	display: block;
	width: 290px;
	height: 85px;
	background: url(../img/presentBlue/banner/banner_cardLrg.gif) left top no-repeat;
}
div#secondly .cardBanner_L img { display: none; }

div#secondly .sideBanners a {
	background: left top no-repeat;
	width: 290px;
	height: 64px;
	display: block;
}
div#secondly .sideBanners .romanceBlog a { background-image: url(../img/presentBlue/banner/banner_romanceBlog.gif); }
div#secondly .sideBanners .ameblo_japan-romance a { background-image: url(../img/presentBlue/banner/banner_ameblo_japan-romance.gif); }
div#secondly .sideBanners .romancetown a { background-image: url(../img/presentBlue/banner/banner_ameblo_romancetown.gif); }
div#secondly .sideBanners .romanceKobe a { background-image: url(../img/presentBlue/banner/bnrB_romanceKobe.gif); }

div#secondly .sideBanners p img { display: none; }
div#secondly .sideBanners p.sar img { display: block; }


div#footer { background: url(../img/presentBlue/bg.footer.gif) center top repeat-x!important; }
div#footer_container { background: url(../img/presentBlue/bg.footer_image.gif) center top no-repeat!important; }
div#footer div#copyright { background: url(../img/presentBlue/copyright.gif) left top no-repeat!important; }
div#footer p.romanceDayLink a {
	background: url(../img/presentBlue/footer_romanceDayLink.gif) left top no-repeat!important;
}
div#footer p.romanceDayLink a:hover {
	background: url(../img/presentBlue/footer_romanceDayLink.gif) left bottom no-repeat!important;
}