@charset "utf-8";

#header {
	width: 950px;
	margin: 0 0 10px;
}

#head {
	width: 935px;
	margin: 0 0 0 15px;
}

#head h1 {
	width: 935px;
	height: 15px;
	padding: 9px 0 0;
	font-size: 92%;
	text-align: right;
	color: #666;
}

#head #logo {
	float: left;
	width: 220px;
	height: 60px;
	overflow: hidden;
}

#head #logo a {
	width: 220px;
	height: 60px;
	display: block;
	position: relative;
}

#head #logo a img {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}

/* ---------------------------------------ログイン状態メンバーナビ */
#head #member-box-in {
	float: right;
	width: 450px;
	margin-top: 10px;
	padding: 3px 5px 0;
	border-right: 5px solid #ccc;
	border-left: 5px solid #ccc;
}

#member-box-in #member-info {
	margin-bottom: 2px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}

#member-box-in #user-name {
	float: left;
	padding-bottom: 5px;
	padding-left: 18px;
	text-align: left;
	background: no-repeat url(../../img/10/icon/ico-member.gif);
}

#member-box-in #user-pt {
	float: right;
	padding-bottom: 5px;
	padding-left: 18px;
	background: no-repeat url(../../img/10/icon/ico-points.gif);
	color: #f00;
}

#member-box-in #member-in {
	clear: both;
}

#member-box-in #member-in ul#member-in-link {
	margin: 2px 0 0;
	padding: 0;
}

#member-box-in #member-in ul#member-in-link li {
	height: 20px;
	display: block;
	padding: 2px 0;
}

#member-box-in #member-in ul#member-in-link li.member-menu {
	float: left;
}

#member-box-in #member-in ul#member-in-link li.member-menu a {
	padding: 0 4px;
	border-right: 1px solid #aaa;
}

#member-box-in #member-in ul#member-in-link li.first-menu a {
	padding: 0 4px 0 0;
}

#member-box-in #member-in ul#member-in-link li.logoff {
	float: right;
	margin: 0 0 0 8px;
	padding: 2px 0 0 16px;
	background: url(../../img/10/icon/bt-logoff.gif) no-repeat 0 3px;
	text-align: right;
}

/* IE8 hack */
html>/**/body #member-box-in #member-in ul#member-in-link li.logoff {
	background /*\**/: url(../../img/10/icon/bt-logoff.gif) no-repeat 0 0\9;
}


/* ---------------------------------------ログオフ状態メンバーナビ */
#head #member-box-off {
	float: right;
	width: 300px;
	margin: 10px 0 0;
	padding: 3px 5px 0;
	border-right: 5px solid #ccc;
	border-left: 5px solid #ccc;
}

#member-box-off #member-info {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
}

#member-box-off #user-name {
	float: left;
	padding: 0 0 5px 18px;
	background: url(../../img/10/icon/ico-member.gif) no-repeat 0 0;
}

#member-box-off #pass-forget {
	float: right;
	padding: 0 0 0 15px;
	background: url(../../img/10/icon/bt-login.gif) no-repeat 0 2px;
}

#member-box-off #member-off ul#member-in-link {
	margin: 2px 0 0;
	padding: 0;
}

#member-box-off #member-off ul#member-off-link li {
	height: 25px;
	display: block;
}

#member-box-off #member-off ul#member-off-link li.reg {
	float: left;
}

#member-box-off #member-off ul#member-off-link li.login {
	float: right;
}

/* IE8 hack */
html>/**/body #member-box-off #member-off ul#member-off-link li.login {
	background /*\**/: url(../../img/10/icon/bt-login.gif) no-repeat 0 0\9;
}


/* ---------------------------------------グローバルナビ */
#nav {
	width: 950px;
	height: 34px;
	margin: 0;
}

#nav ul {
	width: 950px;
	height: 34px;
	background: url(../../img/10/base/globalnavi.gif) 0 0 no-repeat;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	display: block;
	position: relative;
	overflow: hidden;
}

#nav ul #nav-top {
	width: 60px;
	height: 34px;
}

#nav ul #nav-top a {
	width: 60px;
	height: 34px;
}

#nav ul #nav-top a img {
	position: absolute;
	top: 0;
	left: 0;
}

#nav ul #nav-top a:hover img,
#nav ul #nav-top a.on img {
	position: absolute;
	top: -50px;
	left: 0;
}

#nav ul #nav-kensyo {
	width: 100px;
	height: 34px;
}

#nav ul #nav-kensyo a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-kensyo a img {
	position: absolute;
	top: 0;
	left: -60px;
}

#nav ul #nav-kensyo a:hover img,
#nav ul #nav-kensyo a.on img {
	position: absolute;
	top: -50px;
	left: -60px;
}

#nav ul #nav-point {
	width: 100px;
	height: 34px;
}

#nav ul #nav-point a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-point a img {
	position: absolute;
	top: 0;
	left: -160px;
}

#nav ul #nav-point a:hover img,
#nav ul #nav-point a.on img {
	position: absolute;
	top: -50px;
	left: -160px;
}

#nav ul #nav-shopping {
	width: 100px;
	height: 34px;
}

#nav ul #nav-shopping a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-shopping a img {
	position: absolute;
	top: 0;
	left: -260px;
}

#nav ul #nav-shopping a:hover img,
#nav ul #nav-shopping a.on img {
	position: absolute;
	top: -50px;
	left: -260px;
}

#nav ul #nav-game {
	width: 100px;
	height: 34px;
}

#nav ul #nav-game a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-game a img {
	position: absolute;
	top: 0;
	left: -360px;
}

#nav ul #nav-game a:hover img,
#nav ul #nav-game a.on img {
	position: absolute;
	top: -50px;
	left: -360px;
}

#nav ul #nav-research {
	width: 100px;
	height: 34px;
}

#nav ul #nav-research a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-research a img {
	position: absolute;
	top: 0;
	left: -460px;
}

#nav ul #nav-research a:hover img,
#nav ul #nav-research a.on img {
	position: absolute;
	top: -50px;
	left: -460px;
}

#nav ul #nav-cm {
	width: 100px;
	height: 34px;
}

#nav ul #nav-cm a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-cm a img {
	position: absolute;
	top: 0;
	left: -560px;
}

#nav ul #nav-cm a:hover img,
#nav ul #nav-cm a.on img {
	position: absolute;
	top: -50px;
	left: -560px;
}

#nav ul #nav-oshiete {
	width: 100px;
	height: 34px;
}

#nav ul #nav-oshiete a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-oshiete a img {
	position: absolute;
	top: 0;
	left: -660px;
}

#nav ul #nav-oshiete a:hover img,
#nav ul #nav-oshiete a.on img {
	position: absolute;
	top: -50px;
	left: -660px;
}

#nav ul #nav-mypage {
	width: 100px;
	height: 34px;
}

#nav ul #nav-mypage a {
	width: 100px;
	height: 34px;
}

#nav ul #nav-mypage a img {
	position: absolute;
	top: 0;
	left: -760px;
}

#nav ul #nav-mypage a:hover img,
#nav ul #nav-mypage a.on img {
	position: absolute;
	top: -50px;
	left: -760px;
}

/* ---------------------------------------グローバルナビ下 */
#headbottom {
	width: 950px;
	height: 16px;
	padding: 4px 0 4px;
	border-bottom: 1px dotted #ccc;
}

#headbottom #pr {
	float: left;
	height: 16px;
	padding: 0 0 0 4px;
}

#headbottom #pr .to-dtl {
	background:url("../../img/10/top/icon-list.gif") no-repeat scroll 0 -256px transparent;
	margin:0 0 0 3px;
	padding:0 0 0 11px;
	position:relative;
	white-space:nowrap;
}


/* ---------------------------------------パンクズリスト */
#headbottom #breadcrumb-list {
	float: left;
	height: 16px;
	padding: 0 0 0 4px;
}

#headbottom #breadcrumb-list li {
	float: left;
	margin-left: 5px;
	padding-right: 10px;
	font-size: 100%;
	height: 14px;
}

#headbottom #breadcrumb-list li.crumb-yaji {
	background: transparent url(../../img/10/icon/gt.gif) no-repeat scroll right 1px;
}

*:first-child+html #headbottom #breadcrumb-list li.crumb-yaji {
	background: transparent url(../../img/10/icon/gt.gif) no-repeat scroll right top;
}

#headbottom #breadcrumb-list li h2 {
	display: inline;
}

/* ---------------------------------------ヘルプ・サイトマップ・はじめて */
#headbottom #snav {
	float: right;
	height: 18px;
	padding: 0;
}

#headbottom #snav ul {
	float: right;
	height: 16px;
}

#headbottom #snav ul li {
	float: left;
	height: 16px;
	margin: 0 0 0 10px;
}

#headbottom #snav ul #help {
	background: url(../../img/10/top/icon-headnavi.gif) 0 0 no-repeat;
}

#headbottom #snav ul #sitemap {
	background: url(../../img/10/top/icon-headnavi.gif) 0 -20px no-repeat;
}

#headbottom #snav ul #beginner {
	background: url(../../img/10/top/icon-headnavi.gif) 0 -40px no-repeat;
}

#headbottom #snav ul li a {
	padding: 0 0 0 18px;
}

/* ---------------------------------------ブランドバナー */
#aside #adbanner {
	width: 300px;
	margin: 0 0 15px;
}

#aside #adbanner .banner {
	width: 300px;
	margin: 0 auto 5px;
	text-align: center;
	padding: 0;
	background-color: #eee;
}

#aside #adbanner .banner:hover {
	background-color: #e5f5f5;
}

#aside #adbanner .comment {
	width: 300px;
	text-align: center;
}

#aside #adbanner .comment .point {
	padding: 0 0 0 16px;
	background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
	color: #3a0;
}

#aside #adbanner .condition {
	margin: 2px 0 0;
	position: relative;
	left: 50%;
	float: left;
}

#aside #adbanner .condition .adding {
	padding: 0px;
	color: #777;
	float: left;
	position: relative;
	left: -50%;
}

#aside #adbanner .condition .to-dtl {
	float: left;
	margin:0 0 0 10px;
	padding: 0 0 0 11px;
	background: url("../../img/10/top/icon-list.gif") no-repeat 0 -256px;
	white-space: nowrap;
	position: relative;
	left: -50%;
}

/* ---------------------------------------サイドバナー */
#aside #adbox {
	width: 300px;
	margin: 0 0 15px;
	padding: 0 0 10px;
	background: url(../../img/10/top/right-bg.gif) 0 bottom no-repeat;
}

#aside #adbox .inbox {
	width: 300px;
	padding: 10px 0 0;
	background: url(../../img/10/top/right-header.gif) 0 0 no-repeat;
}

#aside #adbox .inbox ul {
	width: 280px;
	margin: 0 10px 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
}

#aside #adbox .inbox ul li {
	float: left;
}

#aside #adbox .inbox ul li.adbox-image {
	width: 102px;
}

#aside #adbox .inbox ul li.adbox-comment {
	width: 170px;
	margin-left: 8px;
}

#aside #adbox .inbox ul li dl {
	width: 170px;
}

#aside #adbox .inbox ul li dl dt {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 117%;
}

#aside #adbox .inbox ul li dl dd {
	line-height: 1.2;
	display: block;
	margin-bottom: 3px;
}

#aside #adbox .inbox ul li dl dd.point {
	padding: 0 0 0 16px;
	background: url(../../img/10/top/icon-list.gif) 0 1px no-repeat;
	color: #3a0;
}

#aside #adbox .inbox ul li dl dd.adding {
	color: #777;
}

#aside #adbox .inbox ul li dl dd.to-dtl {
	margin: 0;
	text-align: right;
}

#aside #adbox .inbox ul li dl dd.to-dtl a {
	padding: 0 0 0 11px;
	background: url(../../img/10/top/icon-list.gif) 0 -256px no-repeat;
}

/* ---------------------------------------HotSpot気になるコトバ */
#kininaru {
	width: 100%;
	height: 37px;
	display: block;
	position: relative;
	margin: 0;
	background: url("../../img/10/base/kininaru-bg.gif") repeat-x;
	overflow: hidden;
}

#kininaru p {
	width: 100%;
	height: 37px;
	display: block;
	background: url("../../img/10/base/kininaru-side.gif") left 0 no-repeat;
}

#kininaru p span {
	width: 100%;
	height: 37px;
	display: block;
	background: url("../../img/10/base/kininaru-side.gif") right -40px no-repeat;
}

#kininaru p span img {
	width: 132px;
	height: 37px;
	display: block;
	margin: 0 auto;
}

/* ---------------------------------------フッター要素 */
#footer {
	width: 950px;
	height: 190px;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
	background: url(../../img/10/base/footer.jpg) 0 bottom no-repeat;
}

#footer #company {
	width: 950px;
	margin: 0 0 23px;
}

#footer #company ul {
	padding: 0 0 2px;
	text-align: center;
}

#footer #company ul li {
	display: inline;
	margin: 0 0 0 9px;
	padding: 0 9px 0 0;
	border-right: 1px solid #555;
}

#footer #company ul .first {
	margin: 0;
	padding: 0 9px;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
}

#footer #copyright {
	width: 950px;
}

#footer #copyright p {
	line-height: 130%;
	text-align: center;
}

a {
	color: #04c;
}

a:visited {
	color: #639;
}

a:hover {
	color: #6cf;
}

/* ---------------------------------------ヘッダ横特殊バナー */
#topspecial {
	position: relative;
	display: inline;
	width: 201px;
	height: 68px;
}

#topspecial img {
	position: absolute;
	top: -98px;
	left: 260px;
	z-index: 10;
}

html>/**/body #topspecial img {
	top/*\**/: -86px\9;
}

/* ---------------------------------------会員登録・ログイン */
#reglogin {
	width: 460px;
	height: 190px;
	margin: 0 0 15px;
	padding: 0;
	background: url(../../img/10/top/reglogin_bg.gif) no-repeat 0 0;
	position: relative;
}

#reglogin .reg {
	position: absolute;
	top: 101px;
	left: 10px;
}

#reglogin .login {
	position: absolute;
	top: 101px;
	left: 235px;
}