@charset "utf-8";


/* ----------------------------------------------------
   common
---------------------------------------------------- */
#header-mypage {
	overflow:hidden;
	margin-bottom:20px;
}
#header-mypage .member-data {
	border-width:5px;
	border-style:solid;
	padding:10px;
	overflow:hidden;
}
/* メンバーデータ */
#header-mypage .left-box {
	width:150px;
	float:left;	
	font-size:10px;
	text-align:center;
}
#header-mypage .right-box {
	width:560px;
	float:right;	
	overflow:hidden;
}
#header-mypage .right-box table{width:100%;}
#header-mypage .avatar img {text-align:center;}
#header-mypage .avatar img {
	border:1px solid #dedede;
	vertical-align:top;
	margin-bottom:10px;
}
#header-mypage h1 {font-weight:bold;font-size:18px;}
#header-mypage .avatar img {
	border:1px solid #dedede;
	vertical-align:top;
	margin-bottom:10px;
}
/* ナビゲーション */
#header-mypage #nav-mypage ul{
	overflow:hidden;
	border-left:1px solid #dedede;
	margin-right:-2px;
}
#header-mypage #nav-mypage li {
	position:relative;
	height:50px;
	width:94px;
	float:left;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;/* 背景はcustom.cssで指定 */
}
#header-mypage #nav-mypage li a {
	position:absolute;
	height:50px;
	top:50%;
	margin-top:-0.8em;
	display:block;
	width:84px;
	padding:0 5px;
	text-align:center;
	vertical-align:central;
}
#header-mypage #nav-mypage li.p2 a {
	top:50%;
	margin-top:-1.6em;
}
#header-mypage #nav-mypage .w93 {width:93px;}
/* ナビゲーション */
#header-mypage table th,
#header-mypage table td {
	border-top:1px dotted #dedede;
	padding:5px 10px;
}
/* ----------------------------------------------------
   kuchikomi_post.tpl
---------------------------------------------------- */
.point-get {
	padding:0 10px 0 120px;
	min-height:80px;
	background:url(/common/images/member/point.png) no-repeat 15px 0;	
	margin-bottom:10px;
}
#grape-flow {
	width:700px;
	height:160px;
	margin:0 auto 20px auto;
	background:url(/common/images/member/grape_flow.png) 0 0;
	text-indent:-99999em;
}
/* ----------------------------------------------------
   mypage.tpl
---------------------------------------------------- */
.look-all {
	text-align:right;
	border-top:1px dotted #dedede;
	padding-top:5px;
}
/* ----------------------------------------------------
   index.tpl
---------------------------------------------------- */
ul#benefit {
	width:700px;
	overflow:hidden;
}
ul#benefit li {
	width:350px;
	_height:12em;
	float:left;
	padding:0px 0 20px;
}
ul#benefit li div {
	width:340px;
}
ul#benefit li div h4 {
	padding:0 0 4px 0;
	font-weight: bold;
}
ul#benefit li div div {
	width:220px;
	float:right;
}
ul#benefit li div p.photo {
	width:100px;
	float:left;
	margin-right:10px;
	_margin-right:0;
	border: 1px solid #CCCCCC;
}
#lists-prize{
	overflow:hidden;
	margin-bottom:20px;
}
#lists-prize li {
width:122px;
padding:10px;
float:left;
}
#lists-prize .point {
	background-color:#eee;
	text-align:center;
	padding:2px;
}
#lists-prize .photo {border:1px solid #eee;}
#lists-prize h4 {font-weight:bold;}
/* ----------------------------------------------------
   mygrapevine.tpl
---------------------------------------------------- */
.good-box {
	padding:0 20px;
	overflow:hidden;
	margin:10px 0;
	border-top:1px solid #FFE1E1;
	border-bottom:1px solid #FFE1E1;
}
.good-box .txt{
	display:block;
	width:10em;
	float:left;
	padding-top:5px;
	white-space:nowrap;
}
.good-box .icon-good{
	background:url(/common/images/icon_good.png) no-repeat 0 0;
	width:68px;
	height:27px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float:left;
	margin-right:10px;
}
.good-box .num-good{
	display:block;
	width:10em;
	float:left;
	white-space:nowrap;
}
.good-box .num-good span{
	font-weight:bold;
	font-size:18px;
	color:#FF6060;
}
.good-box-s{
	clear:both;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #FFE1E1;
	padding:0 10px 1px 10px;
	margin-top:3px;
}
.good-box-s .num-good{
	font-weight:bold;
	font-size:16px;
	color:#FF6060;
}
/* 左カラム固定・右カラム可変 */
.cmn-list-grapevine li .l_col_fix {
  float: left;  /* 左方向にフロート */
  width: 100px; /* 左カラムをpxで固定 */
  margin-bottom:5px;
  z-index:2;
}
.cmn-list-grapevine li .r_col_liquid {
  float: right; /* 右方向にフロート */
  width: 100%;  /* 左カラムで指定した100px以外の幅を保持 */
  margin: 0 0 5px -100px; /* 左カラムと同じ幅をマイナス指定し横並びに */
  z-index:0;
}
.cmn-list-grapevine li .r_col_liquid .r_contents {
  margin: 0 0 0 110px; /* 左カラムとの左マージンを調整 */
}
/* ----------------------------------------------------
   favorite_event.tpl
---------------------------------------------------- */
div.calendar-handler {
	clear:both;
	width:340px;
	text-align:center;
	margin:20px auto 5px auto;
	overflow:hidden;
}
div.calendar-handler strong {
	display:block;
	width:150px;
	float:left;
	font-size:1.2em;
}
div.calendar-handler a.btn {
	display:block;
	width:25px;
	height:17px;
	float:left;
	margin:0 10px;
	overflow:hidden;
	text-indent:-999999em;
}
div.calendar-handler a.prev-m { background:url(/common/images/btn_date_nav.png) no-repeat -25px 2px; }
div.calendar-handler a.next-m { background:url(/common/images/btn_date_nav.png) no-repeat -50px 2px; }
div.calendar-handler a.prev-y { background:url(/common/images/btn_date_nav.png) no-repeat 0 2px; }
div.calendar-handler a.next-y { background:url(/common/images/btn_date_nav.png) no-repeat -75px 2px; }
table.calendar {
	width:100%;
	margin:0 auto;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table.calendar th,
table.calendar td {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;	
	vertical-align:top;
}
table.calendar th {
	width:2em;
	text-align:center;
	white-space:nowrap;
	padding:5px;
}
table.calendar th.w-0 { background:#FFF0F0; }
table.calendar th.w-6 { background:#DFEFFF; }
table.calendar td div.event {
	width:100%;
	padding:5px;
	border-top:1px solid #CCCCCC;
}
table.calendar td div.event:first-child { border-top:none; }
/* 日付変更アイコン */
.calendar .cmn-icon {background:#C00;}
/* 削除アイコン */
.calendar .icon-del {
	display:inline-block;
	/display:inline;
    /zoom:1;
	min-height:7px;
	padding-left:10px;
	background:url(/common/images/icon_del.png) no-repeat 0 3px; 
	color:#0000de;
	font-size:10px;
	margin-left:10px;
	cursor:pointer;
}
/* ----------------------------------------------------
   common
---------------------------------------------------- */
#header-mypage {
	overflow:hidden;
	margin-bottom:20px;
}