@charset "utf-8";
.box {
  overflow: hidden;
  float:left;
  margin-right:10px;
  margin-bottom: 10px;
}


.box_content {
  background-image:url("../images/marble.jpg");
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #faf8f5;
  overflow: hidden;
  border: double 3px #7b7563;
  color: #444;
  padding:10px;
}

.side_box {
	overflow: hidden;
	margin-bottom: 10px;
}

.side_box dd {
  color: #EEE;
  background-color: #FFF;
  overflow: hidden;
  border: double 3px #5b574b;
  text-align: center;
  padding:5px;
}

.side_banner li {
	margin:4px 0;
}

/* TOP */

.top_info {
	overflow-y: scroll;
	height:183px;
	border: 1px solid #888;
	padding:5px;
	background:url("../images/white_dot.gif");
}

.top_info dl {
	overflow: hidden;
	margin-bottom: 10px;
	width: 340px;
}

.top_info dt {
	font-weight:bold;
	font-size:120%;
	border-bottom: 1px solid #AAA;
	padding:3px;
}

.top_info dd {
	background: transparent;
	border: none;
	padding: 5px;
}

.top_clubphoto .box_content {
	width: 394px;
	height: 260px;
}

.top_clubphoto ul {
	width: 384px;
	margin:0px auto;
}

.top_clubphoto li {
	margin: 3px;
	border: 1px solid #888;
	background-color: #FFF;
	float:left;
}

.top_clubphoto li a {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #000;
	width :120px;
	height:120px;
}

.top_access .box_content {
	height:260px;
	text-align: center;
}

.top_access .map {
	border: 1px solid #888;
	margin-bottom:5px;
}

.top_pickup dl {
	background-image: url("../images/cast_frame_s.jpg");
	border: 1px solid #94814f;
	overflow: hidden;
	width:136px;
	height:212px;
	float:left;
	margin:3px;
}

.top_pickup dt {
	margin-top:8px;
	text-align: center;
}

.top_pickup dt img {
	width:120px;
	height:160px;
}


.top_pickup dd {
	text-align: center;
	line-height:40px;
	color: #800d3d;
	font-size:12px;
}

.top_pickup a {
	color: #fff;
}

.top_blog {
	width: 420px;
}

.top_blog dl {
	border: 1px solid #706448;
	float:left;
	overflow: hidden;
	width:190px;
	height:111px;
	margin:2px;
}

.top_blog dt {
	text-align: center;
	float:left;
	padding: 5px;
}

.top_blog dt img {
	width: 72px;
	height: 96px;
}

.top_blog dd {
	float:left;
	padding:5px;
	width: 98px;
	overflow: hidden;
}

.top_blog .box_content {
	height: 234px;
}

.top_calendar {
	width:320px;
}

.top_calendar .box_content {
	height: 240px;
	padding:7px;
}

.shop_calendar img{
	max-width: 100%;
	height: auto;
}

.top_calendar dl {
	margin: 2px;
	overflow: hidden;
	float:left;
	border: 1px solid #544b34;
	padding:1px;
}

.top_calendar dt {
	width: 90px;
	height: 90px;
	background-color: #000;
	border: 1px solid #544b34;
}

.top_calendar dt a{
	display:block;
	width:90px;
	height: 90px;
	background-size: cover;
	background-position: center center;
}

.top_calendar dd {
	height:20px;
	line-height:20px;
	font-size:12px;
	text-align: center;
}

.home_banners {
	margin: 0 -5px;
}

.home_banners:after {
	display: table;
	content: '';
	clear: both;
}

.home_banners li {
	box-sizing: border-box;
	float: left;
	width: 33.333333%;
	padding: 0 5px;
}

.home_banners li img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid #886;
}

.sub_page {
	border: double 3px #755f24;
	background-image: url("../images/trans_white.png");
	width:724px;
	overflow: hidden;
	padding:10px;
}


/* CAST */
.cast_list dl {
	width:180px;
	height:280px;
	background-image: url("../images/cast_frame.jpg");
	overflow: hidden;
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	text-align: center;
}

.cast_list dt {
	margin-top: 10px;
	margin-bottom: 4px;
}

.cast_list dt img {
	width: 160px;
	height:213px;
}

.cast_list dd {
	color: #EEE;
	line-height:40px;
	height: 40px;
	font-size:15px;
}

.cast_list a {
	color: #fff;
}

/* PROFILE */

.profile_box {
	background-image:url("../images/profile_frame.jpg");
	background-repeat: no-repeat;
	width:370px;
	height:280px;
	overflow: hidden;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.profile_photo{
	float:left;
	width: 160px;
	margin: 20px 5px 5px 20px;
	text-align: center;
}

.profile_photo dt img {
	width: 160px;
	height: 213px;
}

.profile_photo dd {
	margin-top:2px;
	height:25px;
	line-height:25px;
	color: #a4013e;
}

.profile_detail {
	float:left;
	overflow: hidden;
	width:180px;
}

.profile_detail table {
	border-collapse: separate;
	border-spacing:1px 1px;
	width:150px;
	margin: 40px 0 10px 5px;
}

ul.icon {
	width:156px;
	height:30px;
	margin-left:3px;
}

.icon li {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin-right:1px;
	margin-bottom:1px;
}

.profile_detail th,
.profile_detail td {
	border: 1px solid #DDD;
	color: #480d23;
	font-size:11px;
	height:18px;
	line-height:18px;
}

.profile_detail th {
	background-color: #DDD;
	color: #480d23;
	width:35%;
	text-align: center;
}

.profile_detail td {
	width:65%;
	padding: 0 5px;
}

.user_calendar {
	background-image: url("../images/trans_white.png");
    float: left;
    height: 280px;
    overflow: hidden;
    width: 370px;
}
.user_calendar ul {
    margin-left: 10px;
    margin-top: 5px;
}
.user_calendar li {
    background-color: #000000;
    border: 3px double #B29A67;
    float: left;
    height: 100px;
    margin: 5px;
    width: 100px;
}
.user_calendar li a {
    background-position: center center;
    background-size: cover;
    display: block;
    height: 100px;
    width: 100px;
}

.cast_blog {
	clear:both;
	margin-top:10px;
	overflow: hidden;
}

.cast_blog iframe {
	overflow-y: scroll;
	width: 748px;
	height:480px;
	border: 1px solid #999;
}

/* BLOG */

.blog_box {
	background-image:url("../images/blog_frame.jpg");
	width:370px;
	height:280px;
	overflow: hidden;
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}

.blog_profile{
	float:left;
	width: 160px;
	margin-left:25px;
	margin-right: 5px;
	text-align: center;
}

.blog_profile dt {
	margin-top: 25px;
	margin-bottom:2px;
}

.blog_profile dt img {
	width:160px;
	height:213px;
}

.blog_profile dd {
	height:20px;
	line-height:20px;
}

.blog_profile dd a {
	color: #41004f;
}

.headline {
	width: 140px;
	overflow: hidden;
	float:left;
}

.headline {
}

dl.headline {
	width: 150px;
	padding: 40px 20px 20px 10px;
	overflow: hidden;
}

.headline dt {
	font-size:11px;
	color: #999;
}

.headline dd {
	margin-bottom:8px;
	padding:0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new {
	color: #ee0000;
}

.headline a {
	color: #755f24;
}

/* COUPON */
.coupon_page {
	text-align: center;
	padding:20px;
}

/* ACCESS */
.access {
	text-align: center;
	padding:30px 10px;
}

/* RECRUIT */
.mail_form {
	width:600px;
	margin: 1em auto;
	
}

.mail_form dl {
	overflow: hidden;
	clear:both;
	background-color: #624930;
	padding:5px;
	margin-bottom: 3px;
	color: #FFF;
}

.mail_form dt {
	float:left;
	overflow: hidden;
	width:160px;
	padding:2px;
	text-align: right;
	margin-right:10px;
	font-weight: bold;
}
.mail_form dd {
	float:left;
	oveflow:hidden;
	width:400px;
	padding:2px;
}