@charset "UTF-8";

#primary a {
	color: #2295CE;
	text-decoration: underline;
	outline: none;
}

#primary a:hover {
	background-color: #2295CE;
	color: #FFFFFF;
	text-decoration: none;
}

#secondary a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


/* header style
////////////////////////////// */
#headerContainer {
	width: 100%;
	text-align: center;
}

.morningBg {
	background: url(../images/mainBg_morning.jpg) repeat-x scroll top center;
}

.noonBg {
	background: url(../images/mainBg_noon.jpg) repeat-x scroll top center;
}

.nightBg {
	background: url(../images/mainBg_night.jpg) repeat-x scroll top center;
}

#headerTitle {
	width: 928px;
	height: 25px;
	margin: 0 auto;
	background: url(../images/headerBg_01.gif) no-repeat scroll top left;
}

#headerTitle h1 {
	display: inline;
	float: left;
	width: 225px;
	height: 20px;
	margin: 0 0 0 10px;
	background: url(../images/headerBg_02.gif) no-repeat scroll top left;
	text-indent: -9999px;
}

#headerTitle h1 a {
	display: block;
	width: 100%;
	background-color: transparent;
	cursor: pointer;
}

#headerTitle h1 a:hover {
	background-color: transparent;
}

#headerTitle ul {
	display: inline;
	float: right;
	width: 138px;
	height: 20px;
	margin: 0 10px 0 0;
}

#headerTitle li.eng {
	float: left;
	width: 80px;
	height: 20px;
}

#headerTitle li.ja {
	float: left;
	width: 58px;
	height: 20px;
}

#headerTitle li a {
	display: block;
	width: 100%;
	height: 20px;
	font-size: 10%;
	line-height: 0;
	text-indent: -9999px;
}

#headerTitle li.eng a {
	background: url(../images/headerBg_03.gif) no-repeat scroll top left;
}

#headerTitle li.ja a {
	background: url(../images/headerBg_04.gif) no-repeat scroll top left;
}

#headerTitle li.eng a:hover {
	background: url(../images/headerBg_03.gif) no-repeat scroll bottom left;
}

#headerTitle li.ja a:hover {
	background: url(../images/headerBg_04.gif) no-repeat scroll bottom left;
}

#headerImage {
	width: 922px;
	height: 197px;
	margin: 8px auto 5px;
	clear: both;
}

.morningImage {
	background: url(../images/headerImg_morning.jpg) no-repeat scroll top left;
}

.noonImage {
	background: url(../images/headerImg_noon.jpg) no-repeat scroll top left;
}

.nightImage {
	background: url(../images/headerImg_night.jpg) no-repeat scroll top left;
}

.weather {
	float: right;
	width: 160px;
	height: 76px;
	margin: 8px 4px 0 0;
}

.weather a, .weather a:hover {
	background-color: transparent;
}

/* navigaion style
////////////////////////////// */
#navigation {
	width: 934px;
	height: 45px;
	margin: 0 auto;
	background: url(../images/naviBg_base.gif) no-repeat scroll top left;
	overflow: hidden;
}

#navigation ul {
	width: 920px;
	height: 38px;
	margin: 7px auto 0;
}

#navigation li {
	float: left;
	height: 38px;
}

#navigation li.home {
	width: 153px;
}

#navigation li.profile {
	width: 153px;
}

#navigation li.result {
	width: 153px;
}

#navigation li.schedule {
	width: 153px;
}

#navigation li.info {
	width: 153px;
}

#navigation li.media {
	width: 155px;
}

#navigation li.profile_eng {
	width: 153px;
}

#navigation li.result_eng {
	width: 153px;
}

#navigation li.nobutton {
	width: 612px;
	background: url(../images/naviBtn_09.gif) no-repeat scroll top left;
}

#navigation li a {
	display: block;
	width: 100%;
	height: 38px;
	background-color: transparent;
	font-size: 10%;
	line-height: 0;
	text-indent: -9999px;
}

#navigation li.home a {
	background: url(../images/naviBtn_01.gif) no-repeat scroll top left;
}

#navigation li.profile a {
	background: url(../images/naviBtn_02.gif) no-repeat scroll top left;
}

#navigation li.result a {
	background: url(../images/naviBtn_03.gif) no-repeat scroll top left;
}

#navigation li.schedule a {
	background: url(../images/naviBtn_04.gif) no-repeat scroll top left;
}

#navigation li.info a {
	background: url(../images/naviBtn_05.gif) no-repeat scroll top left;
}

#navigation li.media a {
	background: url(../images/naviBtn_06.gif) no-repeat scroll top left;
}

#navigation li.profile_eng a {
	background: url(../images/naviBtn_07.gif) no-repeat scroll top left;
}

#navigation li.result_eng a {
	background: url(../images/naviBtn_08.gif) no-repeat scroll top left;
}

#navigation li.home a:hover, #navigation li.home a.current {
	background: url(../images/naviBtn_01.gif) no-repeat scroll bottom left;
}

#navigation li.profile a:hover, #navigation li.profile a.current {
	background: url(../images/naviBtn_02.gif) no-repeat scroll bottom left;
}

#navigation li.result a:hover, #navigation li.result a.current {
	background: url(../images/naviBtn_03.gif) no-repeat scroll bottom left;
}

#navigation li.schedule a:hover, #navigation li.schedule a.current {
	background: url(../images/naviBtn_04.gif) no-repeat scroll bottom left;
}

#navigation li.info a:hover, #navigation li.info a.current {
	background: url(../images/naviBtn_05.gif) no-repeat scroll bottom left;
}

#navigation li.media a:hover, #navigation li.media a.current {
	background: url(../images/naviBtn_06.gif) no-repeat scroll bottom left;
}

#navigation li.profile_eng a:hover, #navigation li.profile_eng a.current {
	background: url(../images/naviBtn_07.gif) no-repeat scroll bottom left;
}

#navigation li.result_eng a:hover, #navigation li.result_eng a.current {
	background: url(../images/naviBtn_08.gif) no-repeat scroll bottom left;
}

/* main frame style
////////////////////////////// */
#mainContainer {
	clear: both;
	width: 934px;
	margin: 0 auto;
	background: url(../images/frameBg_base.gif) repeat-y scroll top left;
	text-align: left;
}

/* banner area style
////////////////////////////// */
#banner {
	clear: both;
	width: 934px;
	height: 95px;
	margin: 0 auto;
	background: url(../images/frameBg_btm.jpg) no-repeat scroll top left;
}

#banner img {
	margin: 16px 2px 0 0;
}

/* social bookmark area style
////////////////////////////// */
#sbm {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: right;
}

/* footer style
////////////////////////////// */
#footer {
	width: 922px;
	margin: 0 auto;
	background: #272933 url(../images/footerBg.gif) no-repeat scroll top left;
	text-align: left;
}

#footer ul {
	margin: 0 0 0 18px;
	padding: 7px 0 0 0;
}

#footer li {
	display: inline;
}

#footer p {
	margin: 5px 0 0 18px;
	padding: 0 0 30px 0;
	color: #FFFFFF;
}

#footer li a {
	margin-right: 10px;
	color: #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	text-decoration: none;
	line-height: 1.2;
}

#footer li a:hover {
	color: #FFFFFF;
	border-bottom: none;
	text-decoration: none;
}

#footer a:hover {
	background-color: transparent;
}

/* other
////////////////////////////// */
.pagetop {
	width: 916px;
	margin: 0 auto 2px;
}

.more img {
	margin: 0 3px 0 0;
}

/* UnSupport
////////////////////////////// */
#unsupport {
	width: 934px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: left;
}
#unsupport h2, #unsupport h3 {
	font-weight: bold;
}
#unsupport h2 {
	margin-bottom: 20px;
	font-size: 18px;
}
#unsupport h3 {
	margin-bottom: 10px;
	font-size: 15px;
}
#unsupport p, #unsupport ul {
	margin-bottom: 20px;
}
#unsupport ul {
	margin-left: 22px;
}
#unsupport ul li {
	margin-bottom: 5px;
	list-style: disc;
}
#unsupport a {
	color: #2295CE
}