/*-------------------------
/* top.html用CSS
/* 20:54 2009/09/09作成
/*
/* ベースレイヤー
/* div#container
/*	div#maincolumn
/*
/*		div#maintop
/*		div#mainmiddle
/*		div#mainbottom
/*
--------------------------*/

div.framebox{
	border: #333 solid 1px;
	margin-top: 3px;
	background: #FFFFFF;
	overflow: auto;
	clear: both;
}


/* #maintop */
	div#maintop {
		background: url("/img/top/headline_wall_top.png") no-repeat right top;
		padding-top: 12px;
		margin: 15px 0 16px 0;
	}

	/* #maintop .lside */
/*
	div#maintop div.lside{
		width: 176px;
		position: absolute;
		left: 0;
		top: 5px;
	}
*/

	div#maintop div.lside{
		width: 176px;
		float: left;
		margin-top: -5px;
	}

	div#maintop div.lside dl#lside-menu dt {
		width: 178px;
		margin-right: -2px;
		margin-bottom: 12px;
		background: url("/img/top/top_headline_menu.png") no-repeat left -262px;
	}

	div#maintop div.lside dl#lside-menu dt.ichioshi {
		background-position: left -262px;
	}

	div#maintop div.lside dl#lside-menu dt.yosan {
		background-position: left -322px;
	}

	div#maintop div.lside dl#lside-menu dt.genre {
		background-position: left -382px;
	}

	div#maintop div.lside dl#lside-menu dt.area {
		background-position: left -442px;
	}

	div#maintop div.lside dl#lside-menu dt.report {
		background-position: left -502px;
	}

	div#maintop div.lside dl#lside-menu dt.view {
		width: 206px;
		height: 44px;
		margin-right: -28px;
		margin-bottom: 0;
	}

	div#maintop div.lside dl#lside-menu dt.ichioshi.view {
		background-position: left top;
		margin-top: -5px;
	}

	div#maintop div.lside dl#lside-menu dt.yosan.view {
		background-position: left -50px;
	}

	div#maintop div.lside dl#lside-menu dt.genre.view {
		background-position: left -100px;
	}

	div#maintop div.lside dl#lside-menu dt.area.view {
		background-position: left -150px;
	}

	div#maintop div.lside dl#lside-menu dt.report.view {
		background-position: left -200px;
	}

	div#maintop div.lside dl#lside-menu dt a {
		display: block;
		width: 178px;
		height: 32px;
		text-indent: -9999px;
	}

	div#maintop div.lside dl#lside-menu dt a:hover {
		display: block;
		width: 206px;
		height: 32px;
		text-indent: -9999px;
		margin-right: -28px;
	}

	div#maintop div.lside dl#lside-menu dt.ichioshi a:hover {
		background: url("/img/top/top_headline_menu.png") no-repeat -240px -262px;
	}

	div#maintop div.lside dl#lside-menu dt.yosan a:hover {
		background: url("/img/top/top_headline_menu.png") no-repeat -240px -322px;
	}

	div#maintop div.lside dl#lside-menu dt.genre a:hover {
		background: url("/img/top/top_headline_menu.png") no-repeat -240px -382px;
	}

	div#maintop div.lside dl#lside-menu dt.area a:hover {
		background: url("/img/top/top_headline_menu.png") no-repeat -240px -442px;
	}

	div#maintop div.lside dl#lside-menu dt.report a:hover {
		background: url("/img/top/top_headline_menu.png") no-repeat -240px -502px;
	}

	div#maintop div.lside dl#lside-menu dt.view a:hover {
		background-image: none;
	}

	div#maintop div.lside dl#lside-menu dt span {
		display: block;
		height: 18px;
		margin-left: 10px;
	}

	div#maintop div.lside dl#lside-menu dt.view span {
		display: none;
	}

	div#maintop div.lside dl#lside-menu dd {
		display: none;
		margin-bottom: 12px;
	}

	div#maintop div.lside dl#lside-menu dd.view {
		display: block;
	}

	div#maintop div.lside dl#lside-menu dd ul#sub-yosan li, 
	div#maintop div.lside dl#lside-menu dd ul#sub-genre li, 
	div#maintop div.lside dl#lside-menu dd ul#sub-area li, 
	div#maintop div.lside dl#lside-menu dd ul#sub-report li {
		width: 160px;
		margin: 0 0 4px 4px;
	}

	div#maintop div.lside dl#lside-menu dd ul#sub-genre li {
		float: left;
		width: 80px;
	}

	div#maintop div.lside dl#lside-menu dd ul#sub-yosan li a, 
	div#maintop div.lside dl#lside-menu dd ul#sub-genre li a, 
	div#maintop div.lside dl#lside-menu dd ul#sub-area li a, 
	div#maintop div.lside dl#lside-menu dd ul#sub-report li a {
		display: block;
		background: url("/img/top/top_headline_icon.png") no-repeat 3px 4px;
		border: #ccc solid 1px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		text-decoration: none;
		text-indent: 22px;
		color: #555;
	}

	div#maintop div.lside dl#lside-menu dd ul#sub-yosan li a:hover, 
	div#maintop div.lside dl#lside-menu dd ul#sub-genre li a:hover, 
	div#maintop div.lside dl#lside-menu dd ul#sub-area li a:hover, 
	div#maintop div.lside dl#lside-menu dd ul#sub-report li a:hover	{
		background: #f0f0f0 url("/img/top/top_headline_icon.png") no-repeat 3px -26px;
	}

	div#maintop div.lside dl#lside-menu dd h3.shopdata {
		background: url("/img/top/top_main_headline.png") no-repeat left -290px;
		height: 20px;
		text-indent: -9999px;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata {
		padding: 3px 6px;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li {
		background: url("/img/top/top_headline_icon.png") no-repeat left -96px;
		border-bottom: #999 dotted 1px;
		padding: 2px 0 2px 18px;
		letter-spacing: 0.1em; 
		font-weight: bold;
		color: #555;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li a {
		letter-spacing: 0.1em; 
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li.time {
		background-position: left -136px;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li.fee {
		background-position: left -176px;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li.tel {
		background-position: left -217px;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li.url {
		background-image: none;
		padding: 0;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li.url img {
		width: 164px;
	}

	div#maintop div.lside dl#lside-menu dd ul.shopdata li.com {
		background-position: left -255px;
	}

	/* pickup */
	div#maintop div.lside div#pickup {
		height: 205px;
	}

	div#maintop div.lside div#pickup h3 {
		width: 170px;
		height: 40px;
		background: url("/img/top/top_headline_menu.png") no-repeat -5px -565px;
		text-indent: -9999px;
	}

	div#maintop div.lside div#pickup dl {
		position: relative;
	}

	div#maintop div.lside div#pickup dl dt, 
	div#maintop div.lside div#pickup dl dd {
		display: none;
	}

	div#maintop div.lside div#pickup dl dt {
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		background: url("/img/top/top_headline_menu.png") no-repeat -5px -566px;
	}

	div#maintop div.lside div#pickup dl dt a {
		display: block;
		width: 170px;
		height: 22px;
		line-height: 22px;
	}

	div#maintop div.lside div#pickup dl dd.photo {
		position: absolute;
		top: 24px;
		left: 0;
		width: 170px;
		height: 170px;
		text-align: center;
		background: url("/img/top/top_headline_menu.png") no-repeat left -595px;
	}

	div#maintop div.lside div#pickup dl dd.photo img {
		margin-top: 6px;
		margin-left: 37px;
	}

	div#maintop div.lside div#pickup dl dd.name {
		position: absolute;
		top: 192px;
		left: 0;
		width: 170px;
		text-align: center;
	}


	/* #maintop .rside */

	div#maintop div.rside{
		width: 552px;
		float: right;
		background: url("/img/top/headline_wall_bottom.png") no-repeat right bottom;
		padding-bottom: 15px;
	}

	div#maintop div.rside div#main-view-box {
		background: url("/img/top/headline_wall_middle.png") repeat-y right top;
		min-height: 450px;
	}

	div#maintop div.rside div#main-view-box a {
		color: #666;
		text-decoration: none;
	}

	div#maintop div.rside div#main-view-box a:hover {
		color: #f39;
		text-decoration: underline;
	}

	div#maintop div.rside div#main-view-box div.panel {
		width: 510px;
		margin-left: 30px;
		display: none;
	}

	div#maintop div.rside div#main-view-box div.panel.view {
		display: block;
	}

	div#maintop div.rside div#main-view-box div h3 {
		background: url("/img/top/top_main_headline.png") no-repeat left top;
		width: 510px;
		height: 40px;
		text-indent: -9999px;
		clear: both;
	}

	div#maintop div.rside div#main-view-box div h3.recomend {
		background: url("/img/top/top_main_headline.png") no-repeat left -250px;
		width: 510px;
		height: 20px;
		text-indent: -9999px;
		clear: both;
	}

	div#maintop div.rside div#main-view-box div h3.newentry {
		background: url("/img/top/top_main_headline.png") no-repeat left -270px;
		width: 510px;
		height: 20px;
		text-indent: -9999px;
		clear: both;
	}

	div#maintop div.rside div#main-view-box div ul.shoplist {
		padding: 6px 12px;
	}

	div#maintop div.rside div#main-view-box div ul.shoplist li {
		background: url("/img/top/top_headline_icon.png") no-repeat left -76px;
		display: inline-block;
		padding-left: 16px;
		margin-right: 6px;
	}

	div#maintop div.rside div#main-view-box div ul.shoplist li a {
		text-decoration: none;
		color: #333;
		line-height: 20px;
	}

	div#maintop div.rside div#main-view-box div ul.shoplist li a:hover {
		text-decoration: underline;
		color: #c33;
	}

	div#maintop div.rside div#main-view-box > div {
		position: relative;
	}

	div#maintop div.rside div#main-view-box > div h2 {
		background: url("/img/top/top_main_headline.png") no-repeat left -340px;
		text-indent: -9999px;
		width: 156px;
		height: 50px;
		position: absolute;
		top: -35px;
		right: 5px;
	} 

	div#maintop div.rside div#main-view-box div#main-ichioshi h2 {
		background-position: left -340px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan h2,
	div#maintop div.rside div#main-view-box div#main-area h2, 
	div#maintop div.rside div#main-view-box div#main-genre h2 {
		background-position: left -390px;
	} 

	div#maintop div.rside div#main-view-box div#main-yosan h2 {
		right: -5px;
	}

	div#maintop div.rside div#main-view-box div#main-report h2 {
		background-position: left -440px;
		right: 15px;
	} 

	/* イチオシ */
	div#maintop div.rside div#main-view-box div.photo {
		background: url("/img/top/top_ichi_back.png") no-repeat left top;
		width: 510px;
		height: 271px;
		text-align: center;
	}

	div#maintop div.rside div#main-view-box div.photo img {
		margin: 12px 0;
	}

	div#maintop div.rside div#main-view-box div.profile {
		border-bottom: #f39 solid 2px;
		padding: 0 12px 3px 12px;
		margin: 0 16px 4px 16px;
		position: relative;
	}

	div#maintop div.rside div#main-view-box div.profile h3 {
		width: 106px;
		height: 20px;
		background-position: left -310px;
		position: absolute;
		bottom: -10px;
		left: 10px;
	}

	div#maintop div.rside div#main-view-box div.profile dl {
		margin-bottom: 10px;
	}

	div#maintop div.rside div#main-view-box div.profile dl dt {
		float: left;
		clear: left;
		width: 100px;
		line-height: 20px;
		text-indent: 14px;
		letter-spacing: 0.1em; 
	}

	div#maintop div.rside div#main-view-box div.profile dl dd {
		font-size: 14px;
		border-bottom: #f39 dotted 1px;
		padding-left: 110px;
		line-height: 20px;
		letter-spacing: 0.1em; 
	}

	div#maintop div.rside div#main-view-box div#main-ichioshi p.backnumber {
		margin: 0 20px;
		text-align: right;
	}

	div#maintop div.rside div#main-view-box div#main-ichioshi p.btn {
		width: 300px;
		height: 40px;
		text-align: left;
		text-indent: -9999px;
		background: url("/img/top/top_main_headline.png") no-repeat left -490px;
		margin: -16px auto 2px auto;
	}

	div#maintop div.rside div#main-view-box div#main-ichioshi p.btn a {
		display: block;
		width: 300px;
		height: 40px;
		background: url("/img/top/top_main_headline.png") no-repeat left -530px;
	}

	div#maintop div.rside div#main-view-box div#main-ichioshi p.btn a:hover {
		background-image: none;
	}

	/* 予算 */
	div#maintop div.rside div#main-view-box div#main-yosan {
		width: 500px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan h3.yosan {
		background-position: left top;
	}

	div#maintop div.rside div#main-view-box div#main-yosan h3.wari {
		background-position: left -50px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan p.disc {
		margin-bottom: 8px;
		padding: 0 12px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div {
		margin-bottom: 8px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div h4 {
		color: #777;
		font-weight: bold;
		text-align: right;
		line-height: 1.8em;
		padding-right: 6px;
		background: #f0f0f0;
		border-right: #f93 solid 6px;
		margin-bottom: 6px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dt {
		background: url("/img/top/top_headline_icon.png") no-repeat left -576px;
		text-indent: 18px;
		margin-bottom: 6px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dt a {
		color: #039;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		border-bottom: #369 dotted 2px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dt a:hover {
		color: #f39;
		border-bottom: #f39 dotted 2px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dd {
		background: url("/img/top/top_headline_icon.png") no-repeat left -618px;
		margin-bottom: 6px;
		padding-left: 36px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dd ul li {
		background: url("/img/top/top_headline_icon.png") no-repeat left -77px;
		display: inline-block;
		padding-left: 16px;
		margin-right: 12px;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dd ul li a {
		color: #333;
		text-decoration: none;
	}

	div#maintop div.rside div#main-view-box div#main-yosan div dl dd ul li a:hover {
		color: #f3c;
		text-decoration: underline;
	}

	div#maintop div.rside div#main-view-box div#discount {
	    background: url("/img/top/btn_discount.gif") no-repeat scroll left top transparent;
	    height: 95px;
	    margin-top: 5px;
	    overflow: hidden;
	    width: 452px;
	}

	div#maintop div.rside div#main-view-box div#discount ul li {
	    float: left;
	    text-indent: -9999px;
	}

	div#maintop div.rside div#main-view-box div#discount ul li a {
	    background: url("/img/top/btn_discount.gif") no-repeat scroll 0 0 transparent;
	    display: block;
	    height: 95px;
	    width: 226px;
	}

	div#maintop div.rside div#main-view-box div#discount ul li.btn01 a {
	    background-position: left -95px;
	}

	div#maintop div.rside div#main-view-box div#discount ul li.btn02 a {
	    background-position: -226px -95px;
	}

	/* ジャンル */
	div#maintop div.rside div#main-view-box div#main-genre dl#explain {
		border: #ccc solid 2px;
		background: #f9f9f9;
		padding: 6px 12px;
		margin: 0 10px 12px 0;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dt, 
	div#maintop div.rside div#main-view-box div#main-genre dl#explain dd {
		display: none;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dt {
		color: #36c;
		font-size: 16px;
		font-weight: bold;
		text-indent: 18px;
		background: url("/img/top/top_headline_icon.png") no-repeat left -458px;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain .view {
		display: block;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dd {
		line-height: 1.6em;
		margin-top: 4px;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dd ul {
		background: url("/img/top/top_headline_icon.png") no-repeat left -618px;
		margin-bottom: 6px;
		padding-left: 36px;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dd ul li {
		background: url("/img/top/top_headline_icon.png") no-repeat left -77px;
		display: inline-block;
		padding-left: 16px;
		margin-right: 12px;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dd ul li a {
		color: #333;
		text-decoration: none;
	}

	div#maintop div.rside div#main-view-box div#main-genre dl#explain dd ul li a:hover {
		color: #f3c;
		text-decoration: underline;
	}

	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist {

	}

	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist li {
		width: 243px;
		line-height: 26px;
		text-indent: 18px;
		background: #ffd url("/img/top/top_headline_icon.png") no-repeat 2px -304px;
		float: left;
		border: #ccc solid 1px;
		margin: 0 10px 8px 0;
	}

	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist li a {
		color: #66c;
		font-size: 14px;
		font-weight: bold;
		line-height: 26px;
		text-decoration: none;
	}

	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist li a:hover {
		color: #f39;
		text-decoration: underline;
	}

	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist li span, 
	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist li span a {
		font-size: 10px;
		font-weight: normal;
		line-height: 26px;
	}

	div#maintop div.rside div#main-view-box div#main-genre ul#genrelist li span a {
		color: #333;
		background: url("/img/top/top_headline_icon.png") no-repeat left -360px;
		padding-left: 14px;
		line-height: 26px;
	}

	/* 地域 */
	div#maintop div.rside div#main-view-box div#main-area div#railmap {
		width: 510px;
		height: 360px;
		background: url("/img/top/top_railmap.png") no-repeat left top;
		margin-bottom: 12px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl {
		width: 500px;
		height: 360px;
		position: relative;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt {
		background: url("/img/top/railmap_name.png") no-repeat -110px top;
		width: 110px;
		height: 40px;
		position: absolute;
		text-indent: -9999px;
		z-index: 10;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt a {
		display: block;
		background: url("/img/top/railmap_name.png") no-repeat left top;
		width: 110px;
		height: 40px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt a:hover {
		background-image: none;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd {
		border: #ccc solid 1px;
		background: #fff;
		position: absolute;
		padding: 10px 6px 4px 6px;
		z-index: 5;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd ul{

	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd ul li {
		background: url("/img/top/top_headline_icon.png") no-repeat left -78px;
		display: inline-block;
		padding-left: 16px;
		margin-right: 6px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd ul li a {
		text-decoration: none;
		color: #333;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd ul li a:hover {
		text-decoration: underline;
		color: #c33;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-001 {
		top: 20px;
		left: 155px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd.area-001 {
		top: 50px;
		left: 140px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-002 {
		top: 135px;
		left: 50px;
		background-position: -110px -40px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-002 a {
		background-position: left -40px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd.area-002 {
		top: 165px;
		left: 25px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-003 {
		top: 210px;
		left: 90px;
		background-position: -110px -80px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-003 a {
		background-position: left -80px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd.area-003 {
		top: 240px;
		left: 85px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-004 {
		top: 270px;
		left: 200px;
		background-position: -110px -120px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-004 a {
		background-position: left -120px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd.area-004 {
		top: 300px;
		left: 195px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-005 {
		top: 90px;
		left: 340px;
		background-position: -110px -160px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-005 a {
		background-position: left -160px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd.area-005 {
		top: 120px;
		left: 210px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-006 {
		top: 285px;
		left: 30px;
		background-position: -110px -200px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dt.area-006 a {
		background-position: left -200px;
	}

	div#maintop div.rside div#main-view-box div#main-area div#railmap dl dd.area-006 {
		top: 315px;
		left: 20px;
	}

	/* 取材コンテンツ */
	div#maintop div.rside div#main-view-box div#main-report {
		width: 520px;
		margin-right: -10px;
	}

	div#maintop div.rside div#main-view-box div#main-report h3 {
		background-position: left -100px;
	}

	div#maintop div.rside div#main-view-box div#main-report h3.mov {
		background-position: left -150px;
	}

	div#maintop div.rside div#main-view-box div#main-report h3.com {
		background-position: left -200px;
	}

	div#maintop div.rside div#main-view-box div#main-report div {
		width: 250px;
		float: left;
		margin: 0 8px 10px 0;
	}
	
	div#maintop div.rside div#main-view-box div#main-report div img {
		border: #ccc solid 1px;
		margin: 3px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl {
		border: #ccc solid 1px;
		border-top: none;
		height: 124px;
	}
	
	div#maintop div.rside div#main-view-box div#main-report div dl dt, 
	div#maintop div.rside div#main-view-box div#main-report div dl dt a {
		color: #333;
		font-weight: bold;
		font-size: 14px;
		text-indent: 6px;
		text-decoration: none;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dt {
		padding-top: 3px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dt a:hover {
		color: #f39;
		text-decoration: underline;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl.gra dt{
		background: url("/img/top/top_cont_head.png") no-repeat right top;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl.mov dt{
		background: url("/img/top/top_cont_head.png") no-repeat right -50px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl.com dt{
		background: url("/img/top/top_cont_head.png") no-repeat right -100px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dd{
		padding-left: 136px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dd.tn{
		float: left;
		padding-left: 0;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dd.tn img{
		width: 125px;
		height: 94px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dd.update {
		color: #f63;
		margin-top: 3px;
	}

	div#maintop div.rside div#main-view-box div#main-report div dl dd.title {
		font-weight: bold;
	}

	div#maintop div.rside div#main-view-box div#main-report div p {
		text-align: right;
	}

	/* 特集ページバナー */
	div#maintop div.rside div#main-view-box div .special {
		margin: 10px 0;
		padding: 0;
	}

	div#maintop div.rside div#main-view-box div .specialbk {
		text-align: right;
	}


/* #mm-top */
div#mm-top {
	margin: 10px 0;
}

/* #gokusen */
div#gokusentop{
	width:730px;
	height: 160px;
	background: url("/img/top/gokusen_backwall.gif") no-repeat right top;
	margin-top: 10px;
}

div#gokusentop h3{
	width: 59px;
	height: 138px;
	text-indent: -9999px;
	float: left;
}

div#gokusentop ul{
	margin-top: 14px;
	float: left;
	overflow: hidden;
}

div#gokusentop ul li{
	width: 111px;
	float: left;
	font-weight: bold;
	text-align: center;
}

div#gokusentop ul li img{
	border: #CCCCCC solid 1px;
}

/* #mainmiddle */
div#mainmiddle{
	height: 240px;
	clear: both;
}
	/* #mainmiddle .lside */
	div#mainmiddle div.lside{
		width: 400px;
		float: left;
	}

	div#mainmiddle div.lside div.headline{
		width: 400px;
		height: 32px;
		background: url("/img/top/bar_topics.gif") no-repeat left top;
		position: relative;
	}

	div#mainmiddle div.lside div.headline h2{
		text-indent: -9999px;
	}

	div#mainmiddle div.lside div.headline p{
		bottom: 0;
		right: 2px;
		background: url("/img/top/ico_bararrow.gif") no-repeat left center;
		text-indent: 14px;
		position: absolute;
	}

	div#mainmiddle div.lside div.headline p a, div#mainmiddle div.lside div.headline p a:link{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 14px;
	}

	div#mainmiddle div.lside div.framebox{
		height: 200px;
	}

	div#mainmiddle div.lside div.framebox dl{
		width: 380px;
		margin: 2px 0 0 1px;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
		padding-bottom: 2px;
		clear: both;
	}

	div#mainmiddle div.lside div.framebox dl dt{
		width: 72px;
		text-indent: -9999px;
		margin-right: 5px;
		float: left;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi1{
		background: url("/img/com/ico_topi1.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi2{
		background: url("/img/com/ico_topi2.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi3{
		background: url("/img/com/ico_topi3.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi4{
		background: url("/img/com/ico_topi4.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi5{
		background: url("/img/com/ico_topi5.gif") no-repeat right center;
	}

	div#mainmiddle div.lside div.framebox dl dt.topi6{
		background: url("/img/com/ico_topi6.gif") no-repeat right center;
	}


	div#mainmiddle div.lside div.framebox dl dd{
		width: 302px;
		float: left;
	}

	div#mainmiddle div.lside div.framebox dl dd span{
		color: #FF9933;
		margin-right: 2px;
	}

	div#mainmiddle div.lside div.framebox dl dd.shop a, div#mainmiddle div.lside div.framebox dl dd.shop a:link{
		color: #3399FF;
		text-decoration: none;
	}

	div#mainmiddle div.lside div.framebox dl dd.title a, div#mainmiddle div.lside div.framebox dl dd.title a:link{
		color: #FF3399;
		text-decoration: none;
	}

	div#mainmiddle div.lside div.framebox dl dd.time{
		text-align: right;
		margin-right: 5px;
		width: 72px;
		clear: both;
	}

	/* for Safari2 and Opera9 */
	html:first-child div#mainmiddle div.lside div.framebox dl dd.time{
		font-size: 10px;
		line-height: 1.6em;
	}

	/* for Safari3 */
	body:first-of-type div#mainmiddle div.lside div.framebox dl dd.time{
		font-size: 10px;
		line-height: 1.6em;
	}

	div#mainmiddle div.lside div.framebox dl dd.shop a:hover, 
	div#mainmiddle div.lside div.framebox dl dd.title a:hover {
		text-decoration: underline;
	}

	/* #mainmiddle .rside */
	div#mainmiddle div.rside{
		width: 320px;
		float: right;
		position: relative;
	}

	div#mainmiddle div.rside iframe{
		position: absolute;
		top: 24px;
		left: 110px;
	}
/* スマホポップ */
div#smp-info{
	margin: 10px 0;
	width: 727px;
	height: 150px;
	background: url("/img/com/smp_pop.jpg") no-repeat center center;
	text-indent: -9999px;
}

/* #newface */
div#newface{
	width: 730px;
	margin-top: 10px;
}

div#newface div.headline{
	height: 32px;
	background: url("/img/top/bar_newface.gif") no-repeat left top;
	position: relative;
}

div#newface div.headline h2{
	text-indent: -9999px;
}

div#newface div.headline p{
	bottom: 0;
	right: 2px;
	background: url("/img/top/ico_bararrow.gif") no-repeat left center;
	text-indent: 14px;
	position: absolute;
}

div#newface div.headline p a, div#newface div.headline p a:link{
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
}

div#newface div.framebox{
	height: 186px;
	overflow: hidden;
}

div#newface div.framebox div.box{
	width: 143px;
	background: url("/img/top/newface_backwall.gif") no-repeat left bottom;
	margin-left: 2px;
	float:left;
}

div#newface div.framebox div.box h3{
	width: 138px;
	height: 30px;
	margin-left: 4px;
	line-height: 1.2em;
	clear: both;
}

div#newface div.framebox div.box h3 a{
	font-size: 11px;
}

div#newface div.framebox div.box dl dt{
	height: 62px;
	float:left;
}

/* for Safari2 and Opera9 */
html:first-child div#newface div.framebox div.box dl dd{
	font-size: 10px;
	line-height: 1.6em;
}

/* for Safari3 */
body:first-of-type div#newface div.framebox div.box dl dd{
	font-size: 10px;
	line-height: 1.6em;
}

div#newface div.framebox div.box dl dd{
	line-height: 1.2em;
}

div#newface div.framebox div.box dl dd.hp{
	margin-left: 100px;
}

div#newface div.framebox div.box img{
	margin: 1px;
}

/* #mainbottom */
div#mainbottom{
	margin-top: 10px;
}

	/* #mainbottom .lside */
	div#mainbottom div.lside{
		width: 480px;
		float: left;
		margin-top:5px;
	}

	/* イベント情報 */
	div#mainbottom div.lside div.headline{
		width: 480px;
		height: 24px;
		background: url("/img/top/bar_blue.gif") no-repeat left top;
		position: relative;
	}

	div#mainbottom div.lside div.headline h2{
		height: 24px;
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		text-indent: 12px;
	}

	div#mainbottom div.lside div.headline p{
		bottom: 0;
		right: 2px;
		background: url("/img/top/ico_bararrow.gif") no-repeat left center;
		text-indent: 14px;
		position: absolute;
	}

	div#mainbottom div.lside div.headline p a, div#mainbottom div.lside div.headline p a:link{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 24px;
	}

	div#mainbottom div.lside div#eventbox {
		margin-bottom: 15px;
	}
	div#mainbottom div.lside div#eventbox h3{
		width: 439px;
		height: 18px;
		background: #CCCCCC;
		text-indent: 4px;
		margin-top: 1px;
		float: left;
		clear: both;
		overflow: hidden;
	}

	div#mainbottom div.lside div#eventbox p{
		height: 18px;
		float: left;
		background-color: #CCCCCC;
		margin-top: 1px;
	}

	div#mainbottom div.lside div#eventbox h3 span{
		margin-left: 15px;
	}

	div#mainbottom div.lside div#eventbox h3 a, div#mainbottom div.lside div#eventbox h3 a:link{
		font-weight: bold;
		/*color: #333333;
		text-decoration: none;*/
	}
	
	div#mainbottom div.lside div.framebox {
		overflow: visible;
		height: auto;
		border: 1px solid #555;
	}
	
	div#mainbottom div.lside div.framebox h3 a:hover{
		color: #FF3399;
		text-decoration: underline;
	}

	div#mainbottom div.lside div#eventbox dl{
		margin-left: 4px;
		clear: both;
	}

	div#mainbottom div.lside div#eventbox dl dt, div#mainbottom div.lside div#eventbox dl dd{
		line-height: 2em;
		height: 2em;
		overflow: hidden;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
	}
	div#mainbottom div.lside div#eventbox dl dt.noborder, div#mainbottom div.lside div#eventbox dl dd.noborder{
		background: none;
	}

	div#mainbottom div.lside div#eventbox dl dt{
		width: 160px;
		float: left;
		clear: left;
	}

	div#mainbottom div.lside div#eventbox dl dd{
		float: left;
	}

	div#mainbottom div.lside div#eventbox dl dd{
		text-indent: 6px;
		width: 190px;
	}

	div#mainbottom div.lside div#eventbox dl dd.date{
		width: 100px;
	}

	/* 更新情報(共通) */
	div#mainbottom div.lside div div.lside, div#mainbottom div.lside div div.rside{
		margin-top: 10px;
		width: 235px;
	}
	
	div#mainbottom div.lside div div.update{
		margin-top: 5px;
		margin-bottom: 15px;
	}
	div#mainbottom div.lside div div.update p.more{
		padding: 5px;
		background: #f0f0f0;
		text-align: right;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
		border-bottom: 1px solid #555;
	}
	div#mainbottom div.lside div div.update p.more a{
		color: #285B95;
		font-weight: bold;
	}
	div#mainbottom div.lside div div.update p.more a:hover{
		color: #387ECE;
	}
	div#mainbottom div.lside div div.update div.headline{
		width: 480px;
		height: 24px;
		background: url("/img/top/bar_blue.gif") no-repeat left top;
		position: relative;
	}

	div#mainbottom div.lside div div.update div.headline h2{
		height: 24px;
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		text-indent: 12px;
	}

	div#mainbottom div.lside div div.update div.headline p{
		bottom: 0;
		right: 2px;
		background: url("/img/top/ico_bararrow.gif") no-repeat left center;
		text-indent: 14px;
		position: absolute;
	}

	div#mainbottom div.lside div div.update div.headline p a, div#mainbottom div.lside div div.update div.headline p a:link{
		color: #FFFFFF;
		text-decoration: none;
		line-height: 24px;
	}

	div#mainbottom div.lside div div div.framebox{
		height: 200px;
		overflow-x: hidden;
		overflow-y: scroll;
		margin-top: 3px;
		padding-bottom: 3px;
		border: 1px solid #555;
	}

	div#mainbottom div.lside div div div.framebox dl{

	}

	div#mainbottom div.lside div div div.framebox dl dt{
		clear: both;
		height: 16px;
		background: url("/img/top/graybar_black.gif") no-repeat left top;
		text-indent: 12px;
	}

	div#mainbottom div.lside div div div.framebox dl dd{
		padding-top: 2px;
		padding-left: 3px;
		background: url("/img/com/dotto_line.gif") repeat-x left top;
		margin: 0 2px;
	}

	div#mainbottom div.lside div div div.framebox dl dd.noborder{
		background: none;
	}

	div#mainbottom div.lside div div div.framebox dl dd.left{
		margin-left: 5px;
		padding-right: 5px;
		float: left;
		clear: both;
		width: 230px;
	}

	div#mainbottom div.lside div div div.framebox dl dd.right{
		float:right;
	 	width:225px;
		margin-right: 5px;
	 	/float:none;
	 	/margin-left:230px;
	 	/width:auto;
	}

	/* サイト更新情報 */

	div#mainbottom div.lside div div.update div.framebox h3{
		width: 478px;
		padding: 5px 0;
		/*background: url("/img/top/update_backwall.gif") no-repeat left top;*/
		font-size: 14px;
		font-weight: bold;
		text-indent: 12px;
		color: #3F9CF8;
		background-color: #f0f0f0;
		border-bottom: 1px solid #999;
	}

	div#mainbottom div.lside div div div.framebox dl dt.blue{
		background: url("/img/top/graybar_blue.gif") no-repeat left top;
	}

	div#mainbottom div.lside div div div.framebox dl dt.red{
		background: url("/img/top/graybar_red.gif") no-repeat left top;
	}

	div#mainbottom div.lside div div div.framebox dl dt.ogrange{
		background: url("/img/top/graybar_orange.gif") no-repeat left top;
	}

	div#mainbottom div.lside div div div.framebox dl dt.green{
		background: url("/img/top/graybar_green.gif") no-repeat left top;
	}

	/* オフィシャルHP更新情報 */
	div#mainbottom div.lside div div.rside h2{
		width: 235px;
		height: 32px;
		background: url("/img/top/bar_news.gif") no-repeat left top;
		text-indent: -9999px;
	}

	div#mainbottom div.lside div div.rside div.framebox h3{
		width: 216px;
		height: 24px;
		background: url("/img/top/news_backwall.gif") no-repeat left top;
		font-size: 16px;
		font-weight: bold;
		text-indent: 16px;
	}












	/* コンテンツ紹介 */
	div#mainbottom div.lside h3.pinkbar{
		margin-top: 10px;
	}

	div#mainbottom div.lside div#contents{
		width: 480px;
		height: 275px;
		background: url("/img/top/contents_backwall.gif") no-repeat left top;
	}

	div#mainbottom div.lside div#contents div.box{
		width: 160px;
		height: 138px;
		float: left;
	}

	div#mainbottom div.lside div#contents div.box h4{
		height: 50px;
		visibility: hidden;
		overflow: hidden;
	}

	div#mainbottom div.lside div#contents div.box p{
		margin: 0 8px 0 12px;
	}

	div#mainbottom div.lside div#contents div.box p a{
		color: #333333;
		text-decoration: none;
	}

	div#mainbottom div.lside div#contents .bl-hover a:link, div#mainbottom div.lside div#contents .bl-hover a:visited {
		color: #FF33CC;
		text-decoration: underline;
	}

	div#mainbottom div.lside div#contents div.box p.hide{
		visibility: hidden;
	}

	/* スポンサーバナー */
	div#mainbottom div.lside ul#sponsor{
		margin: 5px auto;
	}

	div#mainbottom div.lside ul#sponsor li{
		text-align: center;
	}

	/* オススメ相互リンク */
	div#mainbottom div.lside ul#link{
		margin: 5px auto;
	}

	div#mainbottom div.lside ul#link li{
		width: 115px;
		height: 50px;
		font-size: 9px;
		text-align: center;
		float: left;
		overflow: hidden;
		background: #F3F3F3;
		margin: 0 5px 5px 0;
	}
	div#mainbottom div.lside ul#link li img {
		margin-top: 4px;
	}

	div#mainbottom div.lside ul#link li a{
		font-size: 9px;
		color: #333333;
		text-decoration: none;
	}

	/* #mainbottom .rside */
	div#mainbottom div.rside{
		width: 240px;
		float: right;
	}

	/* 新規掲載 */
	div#mainbottom div.rside div#newcomer div.box{
		width: 240px;
		background: url("/img/com/dotto_line.gif") repeat-x left bottom;
		padding-bottom: 2px;
	}
	div#mainbottom div.rside div#newcomer div.box h4{
		color: #FF9933;
		margin: 1px 0;
	}

	div#mainbottom div.rside div#newcomer div.box img{
		margin: 1px 2px;
		float: left;
	}

	div#mainbottom div.rside div#newcomer div.box dl{
		margin-left: 2px;
	}

	div#mainbottom div.rside div#newcomer div.box dl dt{
		width: 140px;
		overflow: hidden;
		float: left;
	}

	div#mainbottom div.rside div#newcomer div.box dl dt, div#mainbottom div.rside div#newcomer div.box dl dd.hp{
		height: 20px;
	}

	div#mainbottom div.rside div#newcomer div.box dl dd.hp{
		margin-left: 194px;
	}

	div#mainbottom div.rside div#newcomer div.box dl dd{
		line-height: 1.2em;
	}

	/* 新規掲載申し込み */
	div#mainbottom div.rside div#offer{
		width: 240px;
		height: 144px;
		background: url("/img/top/keisai_backwall.gif") no-repeat left top;
		margin-top: 10px;
	}

	div#mainbottom div.rside div#offer h3{
		color: #FFFFFF;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
	}

	div#mainbottom div.rside div#offer p{
		margin: 5px 10px;
	}

	div#mainbottom div.rside div#offer p.bottun{
		width: 180px;
		height: 50px;
		background: url("/img/top/btn_keisai.gif") no-repeat left top;
		text-indent: -9999px;
		margin: 0 auto;
	}

	div#mainbottom div.rside div#offer p.bottun a, div#mainbottom div.rside div#offer p.bottun a:link{
		width: 180px;
		height: 50px;
		display: block;
	}


	div#mainbottom div.rside p.pop{
		margin: 10px auto;
	}
	/* メルマガ登録 */
	div#mainbottom div.rside div#melmaga{
		width: 240px;
		height: 211px;
		background: url("/img/top/pop_melmaga.gif") no-repeat left top;
		margin-top: 10px;
		position: relative;
	}

	div#mainbottom div.rside div#melmaga h3, div#mainbottom div.rside div#melmaga p{
		visibility: hidden;
		margin: 0 10px;
	}

	div#mainbottom div.rside div#melmaga form{
		left: 8px;
		bottom: 2px;
		position: absolute;
	}

	div#mainbottom div.rside div#melmaga form p{
		margin: 0;
		color: #FFFFFF;
		visibility: visible;
	}

	div#mainbottom div.rside div#melmaga form input#email{
		width: 175px;
	}

	div#mainbottom div.rside div#melmaga form input.empty{
		background: #FFFFFF url("/img/top/input_mail_bg2.gif") no-repeat left top;
	}


	/* ランキング */
	div#mainbottom div.rside h3#rank {
		background-image: url(../img/main_bar_rank.gif);
		height: 36px;
		width: 176px;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
	}

	div#mainbottom div.rside dl#ranking {
		margin-bottom: 10px;
	}

	div#mainbottom div.rside dl#ranking dt{
		width: 30px;
		height: 18px;
		float: left;
		clear: left;
		text-align: center;
	}

	div#mainbottom div.rside dl#ranking dd{
		float: left;
		height: 18px;
		overflow: hidden;
	}

	div#mainbottom div.rside dl#ranking dd.name{
		width: 170px;
	}

	div#mainbottom div.rside dl#ranking dd.status{
		width: 36px;
		text-align: center;
	}

/* 年末年始企画用 */
div#newyear {
	margin: 10px 5px;

}

div#newyear p{
	float: left;
	text-indent: -9999px;
}

div#newyear p.otoshidama {
	width: 442px;
	height: 100px;
	background: url("/img/newyear/otoshidama_pop2.jpg") no-repeat left top;
	margin-right: 20px;
}

div#newyear p.otoshidama a {
	display: block;
	width: 442px;
	height: 100px;
}

div#newyear p.calendar {
	width: 258px;
	height: 100px;
	background: url("/img/newyear/year_pop.gif") no-repeat left top;
}

div#newyear p.calendar a {
	display: block;
	width: 258px;
	height: 100px;
}

/*-------------------------
  0311 震災関連アナウンス
-------------------------*/
div#notice0311 {
	border: #FF3333 solid 1px;
	padding: 10px;
}

div#notice0311 h2 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

div#notice0311 p {
	font-size: 14px;
}

div#notice0311 p.readme {
	margin-top: 10px;
}

div#notice0311 p.readme a {
	font-size: 16px;
}