@charset "utf-8";
/*
 * Style Path: /common/css/top.css
*/
/* navarea */
div#nav-area {
	width: 780px;
	height: 86px;
	overflow: hidden;
	background: url(../images/top/navarea_bg.png) repeat-x;
}

div.topicpath {
	padding: 14px 0 0 0;
	*padding: 16px 0 0 0;  /* for Win IE */
	float: left;
	width: 559px;
	height: 31px;
	*height: 30px;  /* for Win IE */
	_height: 44px;  /* for Win IE6 */
	overflow: hidden;
}

ul.topicpath {
	margin-left: 15px;
	font-size: 80%;
	*font-size: 65%;  /* for Win IE */
}

ul.topicpath li {
	padding-right: 15px;
	display: inline;
	background: url(/jp/common/images/contents/path.png) no-repeat right;
}

ul.topicpath li.current {
	padding: 0;
	background-image: none;
}

div#contents {
	padding-bottom: 30px;
	position: relative;
	background-image: none;
}

div#main {
	float: left;
	width: 544px;
}

div#sub {
	margin: 0;
	float: right;
	width: 221px;
}

/* ----------------------------------------
 * Main
 * ---------------------------------------- */
#main div.section {
	margin-bottom: 22px;
}

#main div.section div.section {
	padding-top: 10px;
}

#main h1 {
	margin-bottom: 13px;
	padding: 0;
	height: auto;
	color: #4d6cc2;
	background-image: none;
}

#main ul.menu li {
	margin: 0 0 10px 0;
	padding: 0;
	width: 544px;
}

#main ul.menu li a {
	display: block;
}

#main h2 {
	margin-bottom: 13px;
	padding: 0;
	height: auto;
	color: #444;
	background-image: none;
}

/* ----------------------------------------
 * Sub
 * ---------------------------------------- */

#sub div.section {
	margin-bottom: 9px;
}

#sub div.download {
	border: 1px solid #d4d4d4;
	background: #f3f3f3;
}

#sub div.download div.content {
	margin: 0 4px;
}

#sub div.download div.content div.pdf {
	margin-bottom: 10px;
	padding: 3px 5px 3px 32px;
	border: 1px solid #d4d6da;
	background: #fff url(../images/top/download.png) no-repeat 8px 7px;
}

#sub div.download div.content div.pdf a {
	display: block;
	background: #fff url(../images/top/pdf.png) no-repeat 96px 3px;
	font-size: 100%;
	*font-size: 80%;  /* for Win IE */
}

#sub div.download p.note {
	margin: 0 9px 7px 9px;
	font-size: 80%;
	*font-size: 70%;  /* for Win IE */
}

#sub div.download a.bnr {
	margin: 0 46px 15px 53px;
	display: block;
	text-align: center;
}

div#access-ranking {
	background: url(../images/top/ranking_bg.png) repeat-y;
}

div#access-ranking dl.menu dt {
	padding: 5px 13px 3px 13px;
	border: none;
	line-height: 1;
	color: #fff;
	background: #aaaeb9;
}

div#access-ranking dl.menu dd {
	margin-left: 5px;
}

div#access-ranking dl.menu dd ul {
	margin: 0 0 0 12px;
	width: 190px;
}

div#access-ranking dl.menu dd ul li {
	margin: 0;
	background: #f3f3f3 url(../images/list/dotline.png) repeat-x bottom;
	width: 190px;
	font-size: 90%;
	* font-size: 75%;  /* for Win IE */
}

div#access-ranking dl.menu dd ul li.last {
	background-image: none;
}

div#access-ranking dl.menu dd ul li a {
	padding: 6px 0 5px 0;
	border: none;
	width: 190px;
	color: #1577ff;
}

div#access-ranking div.more {
	padding: 6px 15px 10px 13px;
	background: url(../images/top/ranking_bottom.png) no-repeat bottom;
	font-size: 90%;
	* font-size: 75%;  /* for Win IE */
	text-align: right;
}

div#access-ranking div.more a {
	padding-right: 16px;
	background: url(../images/top/arrow.png) no-repeat right;
}

div#register {
	color: #fff;
	background: #aaaeb9 url(../images/top/register_bg.png) repeat-y;
	font-size: 96%;
}

div#register h2 {
	padding: 21px 0 0 0;
	background: url(../images/top/register_top.png) no-repeat;
	text-align: center;
}

div#register p {
	padding: 7px 18px 21px 18px;
	line-height: 1.3;
	background: url(../images/top/register_bottom.png) no-repeat bottom;
}



#sub div#mobile {
	background: url(../images/top/mobile_bg.png) repeat-y;
	font-size: 96%;
	margin:0px;
}

#sub div#mobile h2 {
	padding: 12px 0 0 0;
	background: url(../images/top/mobile_top.png) no-repeat top;
	text-align: center;
}

#sub div#mobile p {
	padding: 7px 18px 0px 18px;
	line-height: 1.3;
}

#sub div#mobile p.caution {
	color: #a81110;
}

#sub div#mobile div.qrcode {
	text-align: center;
}

#sub div#mobile div.bottom {
	margin:0px;
	padding: 0px 0px 21px 0px;
	line-height: 1.3;
	background: url(../images/top/mobile_bottom.png) no-repeat bottom;
}

#sub div#mobile p.note,
#sub div#register p.note
 {
	font-size: 100%;
	*font-size: 70%;  /* for Win IE */
	line-height:170%;
	margin-bottom:10px;
}


