@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;
}

#currentplace
{
	background:#F5F5FF;
	color:#999999;
	margin-bottom:5px;
	padding-left:5px;
}

.title
{
	text-align:center;
	font-size:24px;
	color:#555555;
	text-shadow:2px 2px 5px;
}
.viewbox
{
	padding:5px 10px 10px;
}
.info
{
	color:#888888;
	font-size:12px;
	text-align:right;
	border-bottom:4px dotted #AEAEAE;
	margin-bottom:10px;
}

.viewbox .intro
{
	background:#FAFDFE none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#666666;
	padding:4px 8px;
}

.viewbox .newdigg {
clear:both;
height:51px;
margin:8px auto;
overflow:hidden;
padding-left:8px;
width:406px;
}

.viewbox .newdigg .digg_good {
background:transparent url(/images/newdigg-bg.png) no-repeat scroll left top;
}

.viewbox .diggbox {
cursor:pointer;
float:left;
height:51px;
margin-right:8px;
overflow:hidden;
width:195px;
}

.viewbox .newdigg .digg_bad {
background:transparent url(/images/newdigg-bg.png) no-repeat scroll right top;
}

.viewbox .newdigg .digg_good .digg_act {
color:#CC3300;
}
.viewbox .diggbox .digg_act {
float:left;
font-size:14px;
font-weight:bold;
height:29px;
line-height:31px;
overflow:hidden;
text-indent:32px;
}

.viewbox .newdigg .digg_bad .digg_act {
color:#3366CC;
}

.viewbox .diggbox .digg_percent .digg_percent_bar {
background:#E8E8E8 none repeat scroll 0 0;
border-right:1px solid #CCCCCC;
float:left;
height:7px;
margin-top:3px;
overflow:hidden;
width:100px;
}

.viewbox .newdigg .digg_good .digg_num {
color:#CC6633;
}
.viewbox .diggbox .digg_num {
float:left;
line-height:29px;
text-indent:5px;
}

.viewbox .newdigg .digg_bad .digg_num {
color:#3399CC;
}

.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span {
background:#FFC535 none repeat scroll 0 0;
border:1px solid #E37F24;
}
.viewbox .diggbox .digg_percent .digg_percent_bar span {
display:block;
height:5px;
overflow:hidden;
}

.viewbox .diggbox .digg_percent .digg_percent_bar {
background:#E8E8E8 none repeat scroll 0 0;
border-right:1px solid #CCCCCC;
float:left;
height:7px;
margin-top:3px;
overflow:hidden;
width:100px;
}

.viewbox .handle .context {
float:left;
}

.viewbox .boxoff strong {
background:transparent url(/images/boxoff.gif) no-repeat scroll right -10px;
display:block;
float:left;
font-size:0;
height:10px;
line-height:100px;
overflow:hidden;
width:8px;
}

.viewbox .boxoff {
background:transparent url(/images/boxoff.gif) repeat-x scroll left 15px;
clear:both;
height:10px;
margin:4px auto;
overflow:hidden;
padding-top:10px;
}

.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span {
background:#94C0E4 none repeat scroll 0 0;
border:1px solid #689ACC;
}

.viewbox .handle {
clear:both;
overflow:hidden;
padding-top:12px;
}

.viewbox .handle .context ul li {
color:#888888;
line-height:29px;
}

.viewbox .actbox {
float:right;
padding-right:10px;
padding-top:20px;
text-align:center;
width:260px;
}

.viewbox .actbox ul li {
background:url(/images/actbox-ico.gif) no-repeat;
display:inline;
margin-right:10px;
padding-left:22px;
}

.viewbox .actbox ul li#act-fav {
background-position:4px 0;
}
.viewbox .actbox ul li#act-err {
background-position:4px -37px;
}
.viewbox .actbox ul li#act-pus {
background-position:4px -73;
}
.viewbox .actbox ul li#act-pnt {
background-position:4px -109px;
}
.mt1 img
{
	display:inline;
}
.mt1 .tbox
{
	border:1px solid #AEAEAE;
	margin-bottom:14px;
	height:100%;
}

.mt1 .tbox dt
{
	background:#F4F4F2;
	border-bottom:1px solid #AEAEAE;
	_height:22px;
}

.mt1 .tbox dt .more
{
	margin-left:380px;
}

.moodico,.username
{
	float:left;
}
.decmt-title .date
{
	color:#A0A9A0; margin:0 5px;
}

.decmt-act
{
	float:right;
	text-decoration:none;
}

.decmt-box
{
	padding:3px 6px;
	border-bottom:1px dotted #AEAEAE;
}

.dcmp-content textarea
{
	margin: 2px 4px; width: 525px;
}

.dcmp-mood ul li
{
	float:left;
	margin:0 3px;
}

.dcmp-mood ul li img
{
	display:block;
}

dcmp-post .dcmp-submit
{
	float:left;
}
.dcmp-post
{
	width:340px;
}

.dede_pages ul li
{
	float:left;
	padding-right:5px;
}