/**********************************************************************
WWCITY : [ top.css ]

06.08.20
**********************************************************************/

/*---------------------------------------------
 Initialization
---------------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
}

body{
	background-color:#FFFFFF;
}

select, input, textarea{ font-size:12px; }
input{ vertical-align:middle; }

hr{ display:none; }
img{ border:none; }
.clear{ clear:both; }

/*---------------------------------------------
 BreadArea
---------------------------------------------*/
#BreadArea{
	width:750px;
	margin:0 auto;
	padding:10px 0 5px;
	text-align: center;

}
#BreadArea p{
	font-size:70%;
	line-height:120%;
	color:#666666;
	text-align: left;
}
#BreadArea a         { color:#666666; }
#BreadArea a:link    { text-decoration:none; }
#BreadArea a:visited { text-decoration:none; }
#BreadArea a:hover   { text-decoration:underline; }
#BreadArea a:active  { text-decoration:underline; }

/*---------------------------------------------
 VisualArea
---------------------------------------------*/
#VisualArea{
	background-image:url(../img/no_repeat.gif);
	background-repeat:no-repeat;
	margin:0 auto;
	border-top-color: #FF0066;
	height: 106px;
	border-top-width: 1px;
	border-top-style: solid;
}

#VisualArea #head{
	display:block;
	width:750px;
	margin:0 auto;
	text-align: center;
}

#VisualArea p{
	display:none;
}

/*---------------------------------------------
 BroeserArea
---------------------------------------------*/
#BroeserArea{
	background-image:url(../img/main_visual.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:420px;
	margin:0 auto;
	padding:0 0 30px 0;
}

#BroeserArea #MainVisual{
	padding:63px 75px 0 75px;
}
#BroeserArea #MainVisual p{
	display:block;
	padding:20px;
	font-size:70%;
	line-height:120%;
	color:#FFFFFF;
	background-color:#999999;
}

/*---------------------------------------------
 MainArea
---------------------------------------------*/

#MainArea{
	background-image:url(../img/bg02.gif);
	background-repeat:repeat-y;
	margin:0 auto;
	text-align: center;
	border-top-color: #FF0066;
}

/*---------------------------------------------
 Contents1Area
---------------------------------------------*/
#MainArea #Contents1Area{
	display:block;
	width:750px;
	margin:0 auto;
	padding-bottom:30px;
	text-align: center;
}

/*---------------------------------------------
 Contents2Area
---------------------------------------------*/
#Contents2Area{
	float:right;
	width:400px;
	padding-bottom:70px;
}

/*-----------------------
 TopicsBlock
------------------------*/
#TopicsBlock{
	margin-left:50px;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:12px;
	background-repeat:no-repeat;
	background-image:url(../img/top_stit_topics.gif);
}

#TopicsBlock table#TopicsTable{
}

#TopicsBlock table#TopicsTable th,
#TopicsBlock table#TopicsTable td{
	padding-bottom:3px;
	vertical-align:top;
	font-size:70%;
	line-height:120%;
	font-weight:normal;
	color:#666666;
}

#TopicsBlock table#TopicsTable th{
	padding-right:12px;
	white-space:nowrap;
}

#TopicsBlock table#TopicsTable em{
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}

#TopicsBlock table#TopicsTable td a         { color:#666666; }
#TopicsBlock table#TopicsTable td a:link    { text-decoration:none; }
#TopicsBlock table#TopicsTable td a:visited { text-decoration:none; }
#TopicsBlock table#TopicsTable td a:hover   { text-decoration:underline; }
#TopicsBlock table#TopicsTable td a:active  { text-decoration:underline; }


#TopicsBlock #TopicsList{
	text-align:right;
	font-size:70%;
	padding:5px 0 0 0;
}
#TopicsBlock #TopicsList a         { color:#666666; }
#TopicsBlock #TopicsList a:link    { text-decoration:none; }
#TopicsBlock #TopicsList a:visited { text-decoration:none; }
#TopicsBlock #TopicsList a:hover   { text-decoration:underline; }
#TopicsBlock #TopicsList a:active  { text-decoration:underline; }

/*-----------------------
 SrcWordBlock
------------------------*/
#SrcWordBlock{
	margin-left:50px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	background-repeat:no-repeat;
	background-image:url(../img/top_stit_srcword.gif);
}

/*-----------------------
 SrcDetailBlock
------------------------*/
#SrcDetailBlock{
	margin-left:50px;
	padding-top:20px;
	padding-left:10px;
	background-repeat:no-repeat;
	background-image:url(../img/top_stit_srcdetail.gif);
}

#SrcDetailBlock #SrcKeyword,
#SrcDetailBlock #SrcCategory{
	padding-left:60px;
	background-position:0px 2px;
	background-repeat:no-repeat;
}
* html #SrcDetailBlock #SrcKeyword,
* html #SrcDetailBlock #SrcCategory{
	width:210px;  /* for IE */
}
#SrcDetailBlock #SrcKeyword{
	background-image:url(../img/top_txt_srcsex.gif);
}
#SrcDetailBlock #SrcCategory{
	margin-top:10px;
	background-image:url(../img/top_txt_srccategory.gif);
}
#SrcDetailBlock select{
	width:150px;
}
#SrcDetailBlock .fm-button{
	width:210px;
	margin-top:10px;
	text-align:right;
}

/*-----------------------
 NewsBlock
------------------------*/
#NewsBlock{
	margin-right:30px;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:12px;
	background-repeat:no-repeat;
	background-image:url(../img/top_stit_news.gif);
}

/* ----------------- NewsThumbnail */
#NewsBlock #NewsThumbnail{
}
#NewsBlock #NewsThumbnail p{
	display:inline;
}
#NewsBlock #NewsThumbnail img{
	width:50px;  /* -> sumnail image size */
	height:50px; /* -> sumnail image size */
	margin-right:20px;
}

/*-----------------------
 CategoryBlock
------------------------*/
#CategoryBlock{
	margin-right:30px;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:12px;
	background-repeat:no-repeat;
	background-image:url(../img/top_stit_category.gif);
}

/* ----------------- NewsNavi */
#CategoryBlock #CategoryNavi{
}
#CategoryBlock #CategoryNavi p{
	display:inline;
}
#CategoryBlock #CategoryNavi img{
	margin-right:7px;
}

/*-----------------------
 MailBlock
------------------------*/
#MailBlock{
	margin-right:30px;
	padding-left:150px;
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-image:url(../img/top_stit_mail.gif);
}

/*---------------------------------------------
 Link
---------------------------------------------*/
a:link   {  }
a:visited{  }
a:hover  {  }
a:active {  }

/*********************************************************************/
.lineup_text {
	font-size: 12px;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 28px;
	color: #333333;
	line-height: 17px;
	text-align: left;

}
.game_text {
	font-size: 12px;
	color: #333333;
	line-height: 17px;
	text-align: left;
}
.game_line {
	font-size: 12px;
	color: #333333;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FF5480;
}
.story_text {
	font-size: 12px;
	color: #333333;
	line-height: 17px;
	text-align: left;
}