@charset "Shift_JIS";

/*
StyleSheet for Nihonkiin　Portal Site
CSS FILE common.css

【LAST UPDATED】1 APR 2007
*/


/* *********************************************************************
BASE
********************************************************************* */
body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ , Meiryo , "ＭＳ Ｐゴシック", Verdana, monospace;
	color: #333;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0;
	text-align: center;
	text-indent: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
}
div,img,h1,h2,h3,h4,h5,h6,p,form,em,address{
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-indent: 0;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

address { margin:0 auto;
	 width:320px }

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	overflow: hidden;
}

img {
	vertical-align: bottom;
}

table {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ , Meiryo , "ＭＳ Ｐゴシック", Verdana, monospace;
	color: #333;
	font-size: 100%;
	line-height: 1.6;
	letter-spacing: 0;
	text-indent: 0;
	border-collapse: collapse;
}

/* for first */
p#first {
	display: none;
}


/* *********************************************************************
common areas
********************************************************************* */
#wrapper {
	width: 950px;
	text-align: center;
	margin: 0px auto;
	font-size: 1.2em;
}

/* header
********************************************************************* */
#header {
	text-align: left;
	width: 950px;
	height: 120px;
	background: url(../images/bg_header.jpg) no-repeat left top;	
}
#header h1 {
	width: 192px;
	height: 77px;
}

/* footer
********************************************************************* */
#footer {
	clear: both;
	width: 950px;
	text-align: center;
	padding: 4px 0 0 0;
	border-top: 1px solid #B4B4B4;
	background: #EFEFEF;
}
#footer ul li {
	display: inline;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
	border-right: 1px solid #B4B4B4;
}
/* safari only \*/
html:\66irst-child #footer ul {
	width: 540px;
	margin: 0 205px;
}
/* safari only \*/
html:\66irst-child #footer ul li {
	display: block;
	float: left;
}
/* end */
#footer ul li#RightEnd {
	margin: 0;
	padding: 0;
	border-right: none;
}


/* *********************************************************************
Second Top (including "Global Navigation",Change font size)
********************************************************************* */
#SecondTop {
	clear: both;
	display: block;
	width: 950px;
	height: 37px;
	margin: 0 0 6px 0;
	position:relative;
}
/* background of SecondTop */
.bgTop {
	background: url(../images/bg_top.gif) no-repeat left bottom;
}
.bgNews {
	background: url(../news/images/bg_news.gif) no-repeat left bottom;
}
.bgMatch {
	background: url(../match/images/bg_match.gif) no-repeat left bottom;
}
.bgPlayer {
	background: url(../player/images/bg_player.gif) no-repeat left bottom;
}
.bgPlay {
	background: url(../play/images/bg_play.gif) no-repeat left bottom;
}
.bgLearn {
	background: url(../learn/images/bg_learn.gif) no-repeat left bottom;
}
.bgBuy {
	background: url(../buy/images/bg_buy.gif) no-repeat left bottom;
}
.bgPublishing {
	background: url(../publishing/images/bg_publishing.gif) no-repeat left bottom;
}
.bgMember {
	background: url(../member/images/bg_member.gif) no-repeat left bottom;
}
.bgProfile {
	background: url(../profile/images/bg_profile.gif) no-repeat left bottom;
}
.bgGroup {
	background: url(../group/images/bg_group.gif) no-repeat left bottom;
}
.bgSitemap {
	background: url(../sitemap/images/bg_sitemap.gif) no-repeat left bottom;
}

#gNavi {
	float: left;
	width: 765px;
	height: 26px;
}
#fontSize {
	position: absolute;
	right:0;
	top:2px;
	width: 160px;
	height: 26px;
}
#fontSize dt {
	display:none;
}
#fontSize dd {
	overflow:hidden;
	text-indent:-1500em;
	position: rerative;
	float:right;
	vertical-align:bottom;
}

#fontSize a{
	display:block;
}

#fontS a {
	width:16px;
	height:16px;
	margin:5px 8px 0 0;
}
#fontM a {
	width:20px;
	height:20px;
	margin:1px 7px 0 0;
}
#fontL a {
	width:22px;
	height:22px;
	margin-right:3px;
}



#fontNav {
	width: 173px;
	height: 19px;
	background: url(../images/btn_fontsize.gif) no-repeat;
	position: absolute;
	top: 45px;
	right: 15px;	
}
#fontNav li {
	position: absolute;
}
#fontNav li, #fontNav a {
	height: 20px;
	display: block;
}
#fontNav a {
	text-indent: -5000px;
	text-decoration: none;
}

/* MacIE Hack ＼*/
#fontNav a {
	overflow: hidden;
}
/* end MacIE Hack */

#fontNav_small {left: 80px; width: 30px;}
#fontNav_default {left: 110px; width: 32px;}
#fontNav_large {left: 140px; width: 32px;}


/* *********************************************************************
Main Contents
********************************************************************* */
/* common styles */
.clm {
	float: left;
	text-align: left;
}
.pageBlock {
	clear: both;
	margin: 0 0 20px 0;
}

#LeftClm {
	float: left;
	width: 765px;
	text-align: left;
}

#RightClm {
	float: right;
	width: 175px;
	text-align: left;
}


/* *********************************************************************
Right Column
********************************************************************* */
#RightClm .banner {
	border: 1px solid #AEAEAE;
	padding: 10px 0;
}
#RightClm .banner dl dt img,
#RightClm .banner dl dd img {
	margin: 0 auto;
	text-align: center;
	display: block;
}
#RightClm .banner dl dd {
	text-align: center;
	margin: 0 0 7px 0;
}

/* *********************************************************************
common styles
********************************************************************* */
#home {
	margin: 0.5em 0;
}
#home p {
	float: left;
	width:50%;
}

#home table {	width:940px; padding:0; }
#home table td.left,#home table td.left p { width:140px; text-align:left; }
#home table td.notice,#home table td.notice p { width:670px; text-align:center; }
#home table td.right,#home table td.right p { width:61px; text-align:right; }
#home table td.rss { width:19px; }
#home table td.rss-txt,#home table td.rss-txt p { width:50px; text-align:left; }

#topBanner {
	margin: 0 0 12px 0;
}

.toTOP {
	clear: both;
	width: 510px;
}
.toTOP p {
	float: right;
	margin: 20px 0;
}


/* *********************************************************************
each Pages
********************************************************************* */
/* More Info */
p.more ,
ul.more {
	clear: both;
	margin: 6px 1em 0 0;
	text-align: right;
}
ul.more li {
	display: inline;
}

/* *********************************************************************

Top Page LoginBox

********************************************************************* */