@charset "UTF-8";
/* -------------------------------------------------------------------------
-page pattern definition
　/common/css/page_pattern.css
 - - - - - - - - - - - - - - - - - - -
　sets the style for overall framework for each page pattern
---------------------------------------------------------------------------- */

/* =========================================================
*[top page]
　-> body.siteTop
========================================================= */
	body.siteTop #contents-container {
		border-top: solid 1px #fff;
		background: transparent url("/common/images/global/contentscontainer_bg_top.gif") repeat-x 0% 0%;
	}
	body.siteTop #contents {
		margin-top: 0;
		padding-top: 0;
		background: transparent url("/common/images/global/contents_bg_sitetop.gif") repeat-x 0% 0%;
		zoom: 1;
	}
	body.siteTop #contents:after {
		content: ".";
		height: 0; display: block; visibility: hidden;
		clear: both;
	}
	body.siteTop #contents-body {
		float: left;
		width: 418px; /* 403? */
		margin: 0 18px 0 0;
		padding-top: 19px;
		background: none;
	}
	body.siteTop #contents-notice {
		float: left;
		width: 200px;
		margin-right: 18px;
		padding-top: 19px;
	}
	body.siteTop #contents-notice .requirement p img {
	position: relative;
	margin-left: 5px;
	top: 0.1em;
	}
	body.siteTop #contents-aside {
		float: left;
		width: 200px;
		margin-top: 0;
		padding-top: 19px;
		position: relative;
		z-index: 10;
		background: none;
	}
	body.siteTop #contents-aside .bannerLink li {
		font-size: 0;
		margin-bottom: 4px;
	}

	/* hides global navigation and request environment during Flash execution */
	body.siteTop.broadbandEnabled div#nav {
		display: none;
	}
	body.siteTop.broadbandEnabled div#contents-notice {
		visibility: hidden;
	}


/* -------------------------------------
V main PR（a.k.a. narrowband version）
　-> #topPR
------------------------------------- */
	body.siteTop #topPR {
		margin: 0px auto;
		width: 900px;
	}
	body.siteTop #topPR #mainVisual {
		position: relative;
		width: 900px; height: 309px; overflow: hidden;
		margin-bottom: 5px;
	}
	body.siteTop #topPR #mainVisual div {
		position: absolute;
		display: none;
	}
	body.siteTop #topPR #mainVisual div.firstView { display: block; }

	body.siteTop #topPR ul.selectionTopics {
		list-style: none;
		margin: 0px -18px 4px 0px;
		padding: 6px 0px 6px 23px;
		background: transparent url("/common/images/top/selectiontopics_bg.gif") repeat-y 0% 0%;
		zoom: 1;
	}
	body.siteTop #topPR ul.selectionTopics:after {
		content: ".";
		height: 0; display: block; visibility: hidden;
		clear: both;
	}
	body.siteTop #topPR ul.selectionTopics li {
		float: left;
		width: 200px;
		margin: 0px 18px 0px 0px;
		padding: 0px;
		cursor: pointer;
		zoom: 1;
	}
	body.siteTop #topPR ul.selectionTopics li:after {
		content: ".";
		height: 0; display: block; visibility: hidden;
		clear: both;
	}
	body.siteTop #topPR ul.selectionTopics li .figure {
		float: left;
		width: 79px;
		margin-right: 8px;
	}
	body.siteTop #topPR ul.selectionTopics li .figure img {
		display: block;
	}
	body.siteTop #topPR ul.selectionTopics li .figure-legend {
		float: left;
		width: 98px;
		font-size: 0.917em;
		padding: 0px 0px 0px 15px;
		line-height: 1.334;
		background: transparent url("/common/images/contents/a_marker.gif") no-repeat 4px 0.45em;
	}
	body.siteTop #topPR ul.selectionTopics li .figure-legend img {
		position: relative;
		margin-left: 5px;
		top: 0.15em;
	}

	body.siteTop #topPR ul.selectionTopics li .figure-legend a.external {
		background-image: url("/common/images/contents/a_external_marker.gif");
		background-position: 0px 0.334em;
	}

/* -------------------------------------
V News
　-> div.news
------------------------------------- */
	body.siteTop #contents div.news {
		position: relative;
		width: 100%;
	}
	body.siteTop #contents div.news h2 {
		margin: 0!important;
		padding-bottom: 8px!important;
		display: block; width: 38px; height: 10px; overflow: hidden;
		background: transparent url("/images/hd_news.gif") no-repeat 0% 0%;
		text-indent: -9999px;
	}
	body.siteTop #contents #news-update {
		background: url(/common/images/contents/el_border.gif) repeat-x 0 0;
	}
	
	body.siteTop #contents div.news dl {
		margin: 0px;
		padding-top: 0.75em;
	}
	body.siteTop #contents div.news dl dd {
		margin-bottom: 0.75em;
	}

/* -------------------------------------
V cautionary statement
　-> div#contents-notice
------------------------------------- */
	body.siteTop div#contents-notice {
		font-size: 0.917em;
	}
	body.siteTop div#contents-notice h3 {
		margin: 0px 0px 8px;
		padding: 0px;
		height: 19px; overflow-y: hidden;
		background: transparent url("/common/images/contents/el_border.gif") repeat-x 0% 100%;
		font-weight: normal;
		font-size: 1.091em;
		line-height: 1.091em;
	}
	body.siteTop div#contents-notice p {
		margin-bottom: 5px;
	}
	body.siteTop div#contents-notice div {
		margin-bottom: 9px;
	}
	body.siteTop div#contents-notice a.toBroadband {
		display: block; margin: 0px; padding: 0px;
		width: 110px; height: 15px; overflow: hidden;
		text-indent: -9999px;
		background: transparent url("/common/images/top/btn_tobroadband_off.gif") no-repeat 0% 0%;
	}
	body.siteTop div#contents-notice a.toBroadband:hover {
		background-image: url("/common/images/top/btn_tobroadband_on.gif");
	}