@charset "utf-8";
@import url("./global.css");

/* =====================================================================
	header
====================================================================== */

body#whole div#header,
body#free div#header {
	margin : 0;
	background :  url(../img/icon/accessory/background20100501.gif) repeat-x bottom;
	height : 196px;
}

/* =====================================================================
	shell
====================================================================== */

body#whole div#contents,
body#whole div#utilities {
	margin : 15px 0 0 0;
}
body#whole div#contents {
	width : 790px;
}
body#login div#shell,
body#error div#shell,
body#attestation div#shell,
body#free div#shell {
	width : 800px;
}
body#login ul.topic_path,
body#error ul.topic_path,
body#attestation ul.topic_path,
body#free ul.topic_path {
	margin : 5px auto 10px auto;
	width : 960px;
	text-align : left;
}
*html body#login ul.topic_path,
*html body#error ul.topic_path,
*html body#attestation ul.topic_path,
*html body#free ul.topic_path {
	width : 1000px;
}

/* ___________________________________________________________ whole */

body#whole div.information dl{
	margin : 0 0 -1px 0;
	font-size : 12px;
}

*html body#whole div.information dl,
*+html body#whole div.information dl{
	margin : 0 0 -1px 0;
	font-size : 12px;
}


body#whole div#contents h3 {
	margin : 0 0 10px 0;
	font-size : 12px;
}
body#whole div.information h3 {
	position : relative;
	background : url(../img/icon/contents/dl/whole.gif) no-repeat;
	font-weight : normal;
	text-indent : 10px;
}
body#whole div.information h3 span {
	position : absolute;
	top : 5px;
	right : 10px;
	margin : 0 0 0 20px;
}
body#whole div.information dl {
	background : url(../img/icon/accessory/blue_top.gif) no-repeat;
	color:#000066;
}

body#whole p#map {
	float : left;
	width : 400px;
	height : 287px;
}
body#whole div.information {
	float : right;
	width : 575px;
	position: relative;
}
body#whole div.summary {
	padding : 10px 0 5px 10px;
}
div.information div.effect {
	margin : 0;
	padding : 0 5px 0 10px;
	background : url(../img/icon/accessory/blue_bottom.gif) no-repeat bottom;
}
*+html div.information div.effect {
	margin : 0 0 0 -1px;
	padding : 0 5px 0 10px;
	background : url(../img/icon/accessory/blue_bottom.gif) no-repeat bottom;
}
*html div.information div.effect {
	margin : 0 0 0 -1px;
	padding : 0 5px 0 10px;
	background : url(../img/icon/accessory/blue_bottom.gif) no-repeat bottom;
}
*+html>/**/body div.information div.effect ul li {
	padding : 2px 0;
}
body#whole div#contents div.summary {
	background : #F7F7F7;
}
/* ↓↓↓1.85フェーズ会員限定ニュース配信機能対応 @ESS 2011/02/22 */
body#whole div#contents div.memberOnly {
	background : #FFFFCC;
}
/* ↑↑↑1.85フェーズ会員限定ニュース配信機能対応 @ESS 2011/02/22 */
body#whole div#shell div.effect {
	clear: both;
	height : 100%;
}
body#whole div#shell div.effect hr {
	display : block;
	margin : -15px 0 0 0;
	height : 5px;
}
body#whole div#shell div.effect div.section {
	float : left;
	margin : 5px 0 0 0;
	width : 140px;
	height : 54px;
}

*+html body#whole div#shell div.effect div.section {
	height : 54px;
}
*+html>/**/body#whole div#shell div.effect div.section {
	height : 53px;
}
body#whole div#shell div.effect div.section p {
	display : inline;
	padding : 3px 0 0 0;
	color : #3366cc;
	line-height : 1.5;
}
body#whole div#shell div.effect div.section p a {
	text-decoration : underline;
}
/* ___________________________________________________________ login, attestation */

body#login div#shell h3,
body#attestation div#shell h3 {
	background : url(../img/icon/contents/headline/attestation.gif) no-repeat;
	text-align : left;
}
body#error div#shell h3 {
	background : url(../img/icon/contents/headline/error.gif) no-repeat;
}
body#attestation div#shell div.finished h3 {
	background : url(../img/icon/contents/headline/caption_800.gif) no-repeat;
}
body#free div#shell h3 {
	background : url(../img/icon/contents/headline/caption_800.gif) no-repeat;
}

body#login div#ad,
body#login div#entrance {
	margin : 30px 0 0 0;
}
body#login div#ad {
	float : left;
	background : url(../img/icon/accessory/login/ad.jpg) no-repeat 0 49px;
	width : 400px;
}
body#free div#shell div.section {
	margin : 15px 0 0 0;
}
body#free div#shell div.section p {
	margin : 2px 0 0 0;
	line-height : 1.3;
}
body#login div#ad p#tips,
body#login div#ad p#regist {
	overflow : hidden;
	padding : 0;
}
body#login div#ad p#tips a,
body#login div#ad p#regist a {
	display : block;
}
body#login div#ad p#tips {
	margin : 476px 0 25px 25px;
	background : url(../img/icon/accessory/login/tips.gif);
	width : 360px;
	height : 32px;
}
body#login div#ad p#tips a {
	padding : 32px 0 0 0;
	width : 360px;
	height : 32px;
}
body#login div#ad p#regist {
	margin : 0 0 0 100px;
	background : url(../img/icon/utilities/banner/member.gif);
	width : 200px;
	height : 49px;
}
body#login div#ad p#regist a {
	padding : 49px 0 0 0;
	width : 200px;
	height : 49px;
}

body#login div#entrance {
	margin : 30px 0 0 427px;
	background : url(../img/icon/accessory/login/background.gif) no-repeat;
	height : 415px;
}

body#login div#entrance h4,
body#attestation div#shell h4 {
	color : #ffffff;
}
body#login div#entrance h4 {
	text-indent : 15px;
	line-height : 35px;
	height : 30px;
}
body#login div#entrance p#escort {
	margin : 20px 0 0 125px;
}
body#login div#entrance fieldset.unit {
	margin : 35px 0 0 50px;
}
body#login div#entrance fieldset.unit label {
	display : block;
	float : left;
	padding : 3px 0;
	width : 75px;
}
body#login div#entrance fieldset.option {
	margin : 20px 0 30px 125px;
}
body#attestation div#shell h4 {
	margin : 0 1px;
	padding : 6px 0;
	background : #9eb4c6;
	border-top : 1px solid #eff8ff;
	text-indent : 10px;
}
body#attestation div#shell p {
	margin : 10px;
}
body#attestation div#shell p#escort {
	margin : 3px 0;
	text-align : right;
	width : 700px;
}
body#login div#shell p.submit,
body#attestation div#shell p.submit {
	margin : 10px 0;
	text-align : center;
}
body#attestation div#shell fieldset p {
	margin : 0;
	text-align : right;
}

body#attestation div#shell form {
	margin : 10px 100px 0 100px;
	padding : 0;
	border : 1px solid #9eb4c6;
}
body#attestation div#shell.reminder form {
	margin : 10px 100px 0 100px;
	padding : 0;
	border : none;
}
body#attestation div#shell.reminder div#pwd {
	margin : 10px 0 20px 205px;
	background : #ecf1f7;
	border : 1px solid #9eb4c6;
	width : 395px;
}

body#attestation div#shell.finished {
	text-align : center;
}
body#attestation div#shell.finished div.note {
	margin : 20px auto;
	padding : 20px;
	background : #ecf1f7;
	border : 1px solid #9eb4c6;
	text-align : left;
	width : 75%;
}
body#attestation div#shell.reminder p {
	margin : 15px 0 20px 260px;
}
body#attestation div#shell.reminder div#pwd p {
	margin : 0 0 0 60px;
	padding : 15px 0 0 0;
}
body#attestation div#shell.reminder div#pwd dl {
	margin : 10px 0 0 60px;
	padding : 0 0 15px 0;
}
body#attestation div#shell.reminder div#pwd dt {
	clear : both;
	float : left;
	padding : 3px 0;
	width : 90px;
}
body#attestation div#shell.reminder div#pwd dd {
	margin : 0 0 0 90px;
	padding : 3px 0;
}
body#attestation div#shell.reminder p.submit {
	margin : 0;
}
body#attestation div#shell fieldset {
	margin : 10px 160px;
}
body#attestation div#shell fieldset input {
	border : 1px solid #6699ce;
}
body#attestation div#shell fieldset p.submit input {
	border : none;
}
body#attestation div#shell fieldset#reminder {
	margin : 10px 140px;
}
body#attestation div#shell label {
	display : block;
	float : left;
	width : 80px;
}
body#attestation div#shell fieldset#reminder label {
	width : 120px;
}
body#attestation div#shell input#user,
body#attestation div#shell input#pass,
body#attestation div#shell input#email {
	margin : 0 0 5px 0;
	padding : 2px;
	width : 190px;
}

body#attestation div#shell input.submit {
	background : url(../img/icon/accessory/button/button.gif) no-repeat;
}

/* =====================================================================
	contents
====================================================================== */

/* ___________________________________________________________ whole */

body#whole div#contents h3 {
	margin : 0 0 0 30px;
	background : url(../img/icon/accessory/newbar_760a.gif) no-repeat;
	width:760px;
	height:38px;
	padding:5px 0 0 0px;
	text-indent: 270px;
	text-align: left;
}
body#whole div#contents h4 {
	position : relative;
	margin : 10px 0 0 0;
	background : url(../img/icon/contents/headline/info2.gif) no-repeat right;
	color : #000000;
	font-weight : bold;
	text-indent : 15px;
	line-height : 26px;
	height : 26px;
}
body#whole div#contents h4 a {
	line-height : 26px;
	color : #000000;
	font-weight : bold;
}
body#whole div#contents div.summary h5 a {
	font-weight : bold;
}

body#whole div#contents div.column {
	margin : 0 0 0 30px;
	width : 365px;
}
*html body#whole div#contents div.column {
	margin : 0;
	padding : 0 0 0 30px;
	width : 395px;
}
*html body#whole div.summary p.thumbsnail {
	margin : 0 5px 0 0;
}
/* ___________________________________________________________ table */

body#whole div#contents div.column table {
	width : 350px;
}

body#whole div#contents div.column table td {
	vertical-align : top;
}
body#whole div#contents div.column table td.shop_name {
	vertical-align : bottom;
}
body#whole div#contents div.column table td.thumbsnail {
	padding : 0 5px 0 0;
	width : 80px;
}

body#whole div#contents div.column td.date,
body#whole div#contents div.column p.navi {
	margin : 0 5px 0 0;
	text-align : right;
}
body#whole div#contents div.column td.shop_navi {
	line-height : 1.1;
}
/* ___________________________________________________________ object data */

body#list div.section {
	margin : 0;
	font-size : 1.2em;
	text-align : left;
	width : auto;
}
body#list ul {
	margin : 0;
	width : 98%;
}
body#list ul li {
	margin : 0 2px;
	padding : 3px 0;
	background : transparent;
	border-bottom : 1px solid #9eb4c6;
	line-height : 1.2;
}
body#list ul li img {
	margin : 0 0 0 3px;
	vertical-align : middle;
}

/* =====================================================================
	utilities
====================================================================== */

body#whole div#utilities h3 {
	background : url(../img/icon/utilities/headline/recommend.gif) no-repeat;
	text-align : left;
}
body#whole div#utilities div.mobile h3 {
	background : url(../img/icon/utilities/headline/mobile.gif) no-repeat;
}
body#whole div#utilities div.recruit h4 {
	margin : 0 0 3px 0;
	color : #f96ca2;
	font-weight : bold;
	text-align : center;
}
body#whole div#utilities div.recruit p {
	padding : 5px 0;
	font-size : 11px;
}
*html body#whole div#utilities div.recruit p {
	line-height : 1.5;
	font-size : 9px;
}
*+html body#whole div#utilities div.recruit p {
	line-height : 1.5;
	font-size : 9px;
}
*+html>/**/body#whole div#utilities div.recruit p {
	font-size : 11px;
}

body#whole div.information div.informationtop {
    background: url("../img/icon/accessory/blue_top.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #000066;
    height: 46px;
    padding-left: 15px;
}
/*
div.nightsarrow{
	height: 80px;
	width: 96px;
    position: absolute;
    right: -15px;
    top: -38px;
	background: url("//img.cityheaven.net/img/arrow/nightszenkoku_arrow.png") no-repeat;
}
div.nightsarrow a{
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 96px;
}
div.nightsarrow:hover{
	background-position: bottom;
}
*/
div.balloonarrow2{
animation:anime1_2 1.5s linear 0s infinite alternate;
-moz-animation:anime1_2 1.5s linear 0s infinite alternate;
-webkit-animation:anime1_2 1.5s linear 0s infinite alternate;
-ms-animation:anime1_2 1.5s linear 0s infinite alternate;
padding-top:11px;
padding-bottom:0;
position:absolute;
top:0;
right:-140px;
width:160px;
}
div.balloonarrow2 img{
	width:100%;
}
div.nightsarrow:hover{
	background-position:none;
}
div.balloonarrow2 a{
width: 70px;
height: 40px;
z-index: 10;
display: block;
position: absolute;
top: 170px;
right: 45px;
}
div.balloonarrow2 a.balloonBtn2{
top: 0px;
width: 160px;
right: 0px;
height: 450px;
z-index:5;
}
@-moz-keyframes anime1_2{0%{padding-top:11px;padding-bottom:0}
50%{padding-top:0;padding-bottom:11px}
100%{padding-top:11px;padding-bottom:0}
}

@keyframes anime1_2{0%{padding-top:11px;padding-bottom:0}
50%{padding-top:0;padding-bottom:11px}
100%{padding-top:11px;padding-bottom:0}
}
@-webkit-keyframes anime1_2{0%{padding-top:11px;padding-bottom:0}
50%{padding-top:0;padding-bottom:11px}
100%{padding-top:11px;padding-bottom:0}
}
@-ms-keyframes anime1_2{0%{padding-top:11px;padding-bottom:0}
50%{padding-top:0;padding-bottom:11px}
100%{padding-top:11px;padding-bottom:0}
}

/* =================================================================== */