@charset "UTF-8";

/*
StyleSheet for Nihonkiin Portal Site
CSS FILE top.css
apply for toppage only.
*/



/* 1.import CSS Files
********************************************************************* */
@import "import.css";



/* *********************************************************************
Contents
********************************************************************* */
/*\*/
body#top3 #LeftClm {
	width: 215px;
}
body#top3 #CenterClm {
	width: 540px;
	margin: 0 0 0 10px;
}

/* common styles */
body#top3 .colored {
	background: #F8F8F8;
}


/* *********************************************************************
Left Column
********************************************************************* */
/* schedule
********************************************************************* */
/*\*/
body#top3 #LeftClm #sche {
	padding: 10px 5px;
	border: 1px solid #AEAEAE;
}
body#top3 #LeftClm #sche dl dt {
	font-weight: bold;
	background: url(../images/li_sche.gif) no-repeat 0 62.5%;
	padding: 0 0 0 24px;
}
body#top3 #LeftClm #sche dl dd {
	padding: 0 0 0 24px;
}



/* link
********************************************************************* */
/*\*/
body#top3 #LeftClm #link {
	padding: 10px 5px;
	border: 1px solid #AEAEAE;
	_width: 203px;
}

body#top3 #LeftClm #questions {
	padding: 10px 5px;
	border: 1px solid #AEAEAE;
	_width: 203px;
}
body#top3 #LeftClm #googlelink {
	padding: 10px 5px;
	border: 1px solid #AEAEAE;
	_width: 203px;
}
body#top3 #LeftClm #link dl {
	margin: 1em 0 0 0;
	_padding: 0 5px;
}
body#top3 #LeftClm #link dt {
	color: #013CC3;
}
body#top3 #LeftClm #link ul {
	/*margin: 1em 0 0 0;*/
	_padding: 0 5px;
}

/* *********************************************************************
Center Column
********************************************************************* */
/* common styles */
/*\*/
body#top3 #CenterClm .pageBlock h2 {
	margin: 0 0 12px 0;
}
body#top3 #CenterClm #topBanner {
	margin: 0 0 6px 0;
}


/* 
********************************************************************* */
/*\*/
body#top3 #CenterClm #match:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
}

body#top3 #CenterClm #match {
	height: 100%;
}

body#top3 #CenterClm #match #image {
	width:210px;
	float: left;
	margin: 0 10px 20px 0;
}

body#top3 #CenterClm #match #image dl {
	float: left;
	margin: 0 0 0 10px;
}

body#top3 #CenterClm #match #image dl dd {
	width: 120px;
	margin: 4px 0 0 0;
	text-align: center;
}

body#top3 #CenterClm #match #matchInfo {
	float: right;
	width: 270px;
	margin: 0 0 10px 0;
}
body#top3 #CenterClm #match #matchInfo dl dt {
	font-weight: bold;
	background: url(../images/li_game.gif) no-repeat 0 5.5%;
	padding: 0 0 0 24px;
}
body#top3 #CenterClm #match #matchInfo dl dd {
	padding: 0 0 0 24px;
}


/********************************************************************* */
/*\*/
body#top3 #CenterClm #news {
	width: 540px;
}
body#top3 #CenterClm #news dl {
	padding: 3px 0;
}
body#top3 #CenterClm #news dt {
	float: left;
	width: 87px;
	padding: 0 0 0 10px;
}
body#top3 #CenterClm #news dd {
	width: 443px;
}

/********************************************* */
/*\*/
body#top3 #CenterClm #ama {
	width: 540px;
}
body#top3 #CenterClm #ama dl {
	padding: 3px 0;
}
body#top3 #CenterClm #ama dt {
	float: left;
	width: 87px;
	padding: 0 0 0 10px;
}
body#top3 #CenterClm #ama dd {
	width: 443px;
}


/*********************************************** */
/*\*/
body#top3 #CenterClm #publish ul li {
	float: left;
	width: 160px;
	margin: 0 10px 0 10px;
}
body#top3 #CenterClm #publish ul li dl dd {
	padding: 0 0 1em 0;
}
body#top3 #CenterClm #publish ul li dl dd.ttl {
	width: 160px;
	margin: 4px 0;
	text-align: center;
}

/* ************************************************** */
/* common styles of portal area */
body#top3 #CenterClm .portal dl {
	padding: 7px 0;
	height: 100%;
}
body#top3 #CenterClm .portal dl dt {
	float: left;
	width: 8em;
	text-align: left;
	padding: 0 0 0 0.5em;
	font-weight: bold;
}
body#top3 #CenterClm .portal dl dd ul li {
	float: left;
	margin: 0 1em 0 0;
}

/* common styles of portal area (short size) */
/*\*/
body#top3 #CenterClm .portals {
	width: 540px;
}
body#top3 #CenterClm .portals dl {
	padding: 7px 0;
}
body#top3 #CenterClm .portals dl dt {
	display: inline;
	width: 9em;
	padding: 0 0 0 10px;
	margin: 0 2em 0 0;
	font-weight: bold;
}
body#top3 #CenterClm .portals dl dd {
	display: inline;
	margin: 0 1em 0 0;
}

/*
right column
login
********************************************************************* */
/*\*/
body#top3 #RightClm #login form {
	text-align: center;
}
body#top3 #RightClm #login {
	padding: 10px 5px;
	border: 1px solid #AEAEAE;
}
body#top3 #RightClm #login input.pass {
	margin:0 0 1px 1em;
	width:100px;
}
body#top3 #RightClm #login input.submit {
	width: 40px;
	text-align: center;
	margin: 0 auto;
}

/* search box
********************************************************************* */
/*\*/
body#top3 #RightClm #search:after {
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
}
body#top3 #RightClm #search {
	padding: 10px 2px;
	border: 1px solid #AEAEAE;
	height: 100%;
}
body#top3 #RightClm #search p a {
	display:block;
	width: 84px;
	height: 19px;
	margin: 0 0 2px 0;
	overflow:hidden;
}
body#top3 #RightClm #search input.pass {
	float: left;
	width: 100px;
}
body#top3 #RightClm #search input.submit {
	float: left;
	width: 40px;
	margin: 0 0 6px 2px;
}
body#top3 #RightClm #indexvote {
	padding: 10px 5px;
	_padding: 10px 0px;
	border: 1px solid #AEAEAE;
}

#viewer {height:145px; width:450px; clear:both; overflow:hidden;}
#viewerFrame {width:505px; clear:both; padding:0;}
#viewer img {width:139px; height:92px; display:inline; border:0;}
#viewer .playershow {float:left; width:139px; height:130px;text-align:center;margin:5px}
#viewer .playershow p {display:block}
#btn1,#btn2 {background:transparent url(/images/botton.gif) repeat scroll 0 0;float:left;height:66px;margin:77px 1px 0;width:22px;}
#btn1{background-position:0 0;margin-left:14px;margin-right:12px;}
#btn2{background-position:0 -100px;margin-left:10px;}
#playercontainer
{
	background:#F2FAE3;
	border:1px solid #A9A9A9;
	float:left;
	font-size:12px;
	height:194px;
	margin-top:8px;
	overflow:hidden;
	width:540px;
}

.message_list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 460px;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: url(/images/message-bar.gif) no-repeat;
}
.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}
.message_body span
{
	float: right; 
	display: block;
}

.message_body p
{
	clear:both;
	display:block;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 460px;
	margin:0 auto;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}

body#top3 #CenterClm .listbox .tbox
{
	float:left;
	width:245px;
	margin:0 5px 5px 5px
}

body#top3 #CenterClm .listbox .tbox dt
{
	border-bottom:1px solid #AEAEAE;
	background:#E8E8E8;
	padding:0 2px;
	_height:20px;
}

body#top3 #CenterClm .listbox .tbox dt .more
{
	float:right;
	padding-left:16px;
	background:transparent url(/images/more1.gif) no-repeat scroll left 5px;	
}
body#top3 #CenterClm .listbox .tbox dt .more a
{
	text-decoration:none;
}

body#top3 #CenterClm .listbox .tbox dt strong
{
	float:left;
}
 
body#top3 #CenterClm .listbox .tbox dt strong a
{
	text-decoration:none;
	color:#444499;
}
#CenterClm .listbox .tbox dd
{
	display:block;
}

#CenterClm .listbox .tbox dd li a
{
	text-decoration:none;
	margin-left:6px;
}

#CenterClm .listbox .tbox dd li
{
	border-bottom:1px dotted silver;
	display:block;	
}

#CenterClm .listbox .tbox dd .date
{
	color:#d3d5dc;
	margin-left:2px;
}
#currentplace
{
	background:#F5F5FF;
	color:#999999;
	margin-bottom:5px;
	padding-left:5px;
}
#slideshow{position:relative;height:195px;width:480px;border:10px solid #ddd;margin:0 0 15px 5px;}
#slideshow div{position:absolute;top:0;left:0;z-index:8;opacity:0.0;height:195px;overflow:hidden;background-color:#FFF;}
#slideshow div.current{z-index:10;}
#slideshow div img{display:block;border:0;margin-bottom:10px;}
#slideshow span{display:none;position:absolute;bottom:0;left:0;height:50px;line-height:50px;background:#000;color:#fff;width:100%;text-align:center;z-index:15;}
#slideshow div.current span{display:block;}