@charset "utf-8";
/* CSS Document */

/* Body */
blog-body {margin:auto;}
/*Login */
#jp-login, #main-login, #blog-login, #news-login, #diary-login, #spot-login, #what-login, #knowledge-login {text-align:right;  margin:auto; width:1000px;  padding-right:0px;}
 
/*Content*/
#jp-content, #mainframe   {margin:auto; width:1000px;	}
#main-content{
	min-height:400px; 
	height:auto !important; 
	height:400px; 
	overflow:visible;
}

/* LOGO */ 
#jp-logo, #main-logo, #news-logo {text-align:left; height:81px;}

/* NAV */ 
#jp-navbar, #main-navbar, #blogger-navbar, news-navbar {text-align:left; background-color:#ffffff; height:37px;}
.main-navbar-on{background-image: url(/images/main/spot_nav_bg.gif);background-repeat:no-repeat; padding:3px 10px 7px 11px;}
/* Hot News */
#jp-hot {text-align:left; background:url(../images/japan/hot_bg.jpg); background-repeat:repeat-x; height:25px;}
#main-hot {text-align:left; background:url(../images/common/main/hot_bg_02.jpg); background-repeat:repeat-x; height:25px;}

/* Bottom Banner */

#bottom-banner {clear:both; background-color:#FFFFFF; padding:15px;}

#footer {clear:both; height:100px;}

.info-list {border:1px solid #dddcdc; border-top:none; background-image:url(../images/japan_new/grey_bg.gif); background-repeat:repeat-x; padding:10px 10px 10px 10px; line-height:20px;}
.info-list img {display:inline;}
.news img {display:inline;}
.sinfo-outer {position:relative; height:89px; width:89px;}
.sinfo-middle {position:absolute; width:89px; height:89px; top:0px; left:0px;}
.sinfo-inner {position:absolute; width:89px; height:89px; top:0px; left:0px;}
.sinfo-inner table { width:89px; height:89px;}

.festival {width:300px; height:100px; margin-top:15px; background-image:url(/images/topic/japanNew/festival_bg.gif); background-repeat:repeat-y;}
.festival-title {text-align:center; vertical-align:middle; padding:5px 0px 10px 0px;}

.dash {border-bottom:1px dashed #bc2e10; width:585px;}

.news {padding:5px 10px 5px 10px; line-height:20px;}


#blogger-btm-banner {clear:both; margin-top:100px; background-color:#febcbc;}
#news-btm-banner {clear:both; margin-top:100px; background-color:#fbdb64;}
#spot-btm-banner {clear:both; margin-top:100px; background-color:#59b1e5;}
#diary-btm-banner {clear:both; margin-top:100px; background-color:#c696ea;}
#what-btm-banner {clear:both; margin-top:100px; background-color:#6bba29;}
#knowledge-btm-banner {clear:both; margin-top:100px; background-color:#4ca71f;}
#special-btm-banner {clear:both; margin-top:100px; background-color:#74cd2a;}
#footer {clear:both; height:100px;}


.main-content-common{margin-bottom:100px;}