@charset "utf-8";

/* ----------------------------------------------------
   layout
---------------------------------------------------- */
#wrapper {
	display:block;
	width:100%;
	min-width:960px;
}
#container {
	width:960px;
	margin:0 auto 20px auto;
	overflow:hidden;	
}
#content-main {
	width:760px;
	float:left;
	overflow:hidden;
}
#sidebar-global {
	width:180px;
	float:right;	
}
.wrap960 {
	width:960px;
	margin:0 auto;	
}
/* ----------------------------------------------------
   Header
---------------------------------------------------- */
#cmn-header {
	width:940px;
	min-height:60px;
	_height:60px;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
/* 	background:url(../images/bg_header.png) no-repeat 0 0; @TODO: to Custom */
}
#cmn-header h1 a {
	display:block;
	width:220px;
	height:55px;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
#cmn-header .ads-container {
	width:468px;
	float:left;
	margin-right:20px;
}
#cmn-header .ads-container a {
	display:block;
	width:468px;
	height:60px;
}
#cmn-header .nav-sub {
	width:130px;
	float:right;
	font-size:10px;
	margin-right:10px;
}
#cmn-header .nav-sub li {
	min-height:10px;
	padding-left:13px;
	margin-top:5px;
}
#cmn-header .nav-sub .n01 {background:url(../images/icons_subnav.png) no-repeat 0 3px;}
#cmn-header .nav-sub .n02 {background:url(../images/icons_subnav.png) no-repeat 0 -47px;}
#cmn-header .nav-sub .n03 {background:url(../images/icons_subnav.png) no-repeat 0 -97px;}
#cmn-header .nav-sub .n04 {background:url(../images/icons_subnav.png) no-repeat 0 -147px;}
/* ----------------------------------------------------
   Global Navigation
---------------------------------------------------- */
#nav-global {
	width:100%;
	background-color:#E10A16;
	padding:2px 0 4px 0;
	margin-bottom:10px;
	overflow:hidden;
	color:#FFF;
}
#nav-global a {color:#FFF;}
#nav-global .search-form-container {
	display:block;
	width:300px;
	float:left;
	border-right:1px dotted #fff;
	margin:5px 10px 0 10px;
	overflow:hidden;
}
#nav-global .search-field {
	display:block;
	width:220px;
	margin:-1px 5px 0 0;
	float:left;
}
#nav-global input[type=image] {padding:0; margin:1px 0 0 0; }
#nav-global p.nickname {
	width:280px;
	float:left;
	text-align:right;
	padding-top:7px;
	font-size:10px;
}
#nav-global p.nickname.reg {width:380px;}
#nav-global .btns {
	width:350px;
	float:right;
	margin-top:5px;	
}
#nav-global .btns.reg {
	width:250px;
	margin-top:2px;
}
#nav-global .btns li{
	float:left;
    height:20px;
	margin-right:10px;
}
#nav-global .btns.reg li {height:26px;}
#nav-global .btns li a{
	display:block;
	text-indent:-99999em;
	overflow:hidden;
}
#nav-global .login  { width:85px; }
#nav-global .register  { width:135px; }
#nav-global .bookmark  { width:120px; }
#nav-global .grape  { width:130px; }
#nav-global .logout  { width:70px; }
#nav-global .login a {
	width:85px;
	height:26px;
	background:url(../images/btns_mainnav.png) no-repeat -60px 6px;
}
#nav-global .register a {
	width:135px;
	height:26px;
	background:url(../images/btns_mainnav.png) no-repeat -145px 0;
}
#nav-global .bookmark a {
	width:120px;
	height:20px;
	background:url(../images/btns_mainnav.png) no-repeat -280px 0;
}
#nav-global .grape a {
	width:130px;
	height:20px;
	background:url(../images/btns_mainnav.png) no-repeat -400px 0;
}
#nav-global .btns .logout a { text-indent:0 !important;font-size:10px;}
/* ----------------------------------------------------
   sidebar
---------------------------------------------------- */
/* kuchikomi button */
#sidebar-global #btn-grape a {
	display:block;
	background:url(../images/btn_grape.png) repeat 0 0;
	width:180px;
	height:50px;
	margin-bottom:20px;
	text-indent:-99999em;
	overflow:hidden;
}
/* not member
------------------------------------*/
#sidebar-global #member-info .btn-member a {
	font-weight:bold;
	font-size:14px;
	text-shadow:1px 1px 0 #ccc;
	display:block;
	width:150px;
	margin:0 auto;
	border:1px solid #FF9900;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding:10px 5px;
	text-align:center;
	color:#fff;
	background: #FFC875; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #FFC875 0%, #FF9900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC875), color-stop(100%,#FF9900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFC875 0%,#FF9900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFC875 0%,#FF9900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFC875 0%,#FF9900 100%); /* IE10+ */
	background: linear-gradient(top,  #FFC875 0%,#FF9900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC875', endColorstr='#FF9900',GradientType=0 ); /* IE6-8 */
}
#sidebar-global #member-info .privileges {
	border-bottom:1px solid #dfdfdf;
	padding-bottom:5px;
}
#sidebar-global #member-info .privileges ul {
	background:url(../images/img_privileges.png) repeat 0 0;
	width:170px;
	height:180px;
	margin-bottom:10px;
	text-indent:-99999em;
}
/* member info
------------------------------------*/
#sidebar-global #member-info {
	background:url(../images/bg_slash_gr.png) repeat 0 0;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
#sidebar-global #member-info .logout a {
	display:block;
	width:55px;
	height:20px;
	background:url(../images/btn_logout.png) repeat 0 0;
	position:absolute;
	top:27px;
	left:125px;
	text-indent:-99999em;
	overflow:hidden;
}
#sidebar-global #member-info .btn-login a {
	display:block;
	width:55px;
	height:20px;
	background:url(../images/btn_login.png) repeat 0 0;
	position:absolute;
	top:27px;
	left:125px;
	text-indent:-99999em;
	overflow:hidden;
}
#sidebar-global #member-info .member-box dt {
	width:180px;
	height:50px;
	text-indent:-999999em;/* 背景画像ありcustom.css */
}
#sidebar-global #member-info .member-box dd {
	width:170px;
	margin:4px;
}
#sidebar-global #member-info .member-avater {
	width:48px;
	float:left;
	margin:5px 0 5px 5px;
}
#sidebar-global #member-info .member-avater img {border:1px solid #dedede; vertical-align:top;}
#sidebar-global #member-info .member-detail {
	width:100px;
	float:right;
	margin:5px 5px 5px 0;
	font-size:10px;
}
/* member rank  -------------------- */
#sidebar-global #member-info .member-rank,
#sidebar-global #member-info .member-nav { padding:5px; }
#sidebar-global #member-info .member-rank {
	clear: both;
	font-size: 10px;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
}
#sidebar-global #member-info .member-rank ol {
	width:160px;
	height:65px;
	background:url(../images/bg_badge.png) no-repeat 0 0;
	margin-bottom:2px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
}
#sidebar-global #member-info .member-rank li {
	width:21px;
	height:29px;
	float:left;
	text-indent:-999999em;
	margin:1px 5px 0 1px;
}
#sidebar-global #member-info .member-rank .rank01 {background:url(../images/badges.png) no-repeat 0 0;}
#sidebar-global #member-info .member-rank .rank02 {background:url(../images/badges.png) no-repeat -25px 0;}
#sidebar-global #member-info .member-rank .rank03 {background:url(../images/badges.png) no-repeat -50px 0;}
#sidebar-global #member-info .member-rank .rank04 {background:url(../images/badges.png) no-repeat -75px 0;}
#sidebar-global #member-info .member-rank .rank05 {background:url(../images/badges.png) no-repeat -100px 0;}
#sidebar-global #member-info .member-rank .rank06 {background:url(../images/badges.png) no-repeat -125px 0;}
#sidebar-global #member-info .member-rank .rank07 {background:url(../images/badges.png) no-repeat 0 -30px;}
#sidebar-global #member-info .member-rank .rank08 {background:url(../images/badges.png) no-repeat -25px -30px;}
#sidebar-global #member-info .member-rank .rank09 {background:url(../images/badges.png) no-repeat -50px -30px;}
#sidebar-global #member-info .member-rank .rank10 {background:url(../images/badges.png) no-repeat -75px -30px;}
#sidebar-global #member-info .member-rank .rank11 {background:url(../images/badges.png) no-repeat -100px -30px;}
#sidebar-global #member-info .member-rank .rank12 {background:url(../images/badges.png) no-repeat -125px -30px;}
/* member navigation  -------------------- */
#sidebar-global #member-nav ul li { color:#999;}
#sidebar-global #member-nav ul li a {
	display:block;
	border-bottom:1px dotted #dedede;
	padding:7px 2px 7px 25px;
}
#sidebar-global #member-nav ul li.off a { color:#999;}
#sidebar-global #member-nav .n01{ background:url(../images/icons.png) no-repeat 5px 7px; }
#sidebar-global #member-nav .n02{ background:url(../images/icons.png) no-repeat 5px -93px; }
#sidebar-global #member-nav .n03{ background:url(../images/icons.png) no-repeat 5px -193px; }
#sidebar-global #member-nav .n04{ background:url(../images/icons.png) no-repeat 5px -293px; }
#sidebar-global #member-nav .n05{ background:url(../images/icons.png) no-repeat 5px -393px; border-bottom:none; }
#sidebar-global #member-nav li:hover { cursor:pointer;background-color:#f7f7f7;}

/* Checked Shop  -------------------- */
#sidebar-global #checked-shop {
	width:170px;
	margin:0 4px 4px 4px;
}
#sidebar-global #checked-shop dt {
	padding:7px 2px 7px 25px;
	background:url(../images/icons.png) no-repeat 5px -493px;
	font-weight:bold;
}
#sidebar-global #checked-shop li a {
	display:block;
	width:160px;
	padding:7px 5px;
	border-top:1px dotted #dedede;
	background-color:#ffffff;
	overflow:hidden;
}
#sidebar-global #checked-shop li a:hover { background-color:#f7f7f7;}
#sidebar-global #checked-shop li .shop-photo {
	display:block;
	width:48px;
	float:left;
}
#sidebar-global #checked-shop li .shop-photo img {border:1px solid #dedede;}
#sidebar-global #checked-shop li .shopName {
	display:block;
	width:105px;
	float:right;
}
/* ranking
------------------------------------ */
#sidebar-global #ranking-grape dt {
	height:29px;
	background:url(../images/title_ranking.png) no-repeat 1px 1px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#sidebar-global #ranking-grape .period {
	padding:2px 5px 2px 5px;
	font-size:10px;
	text-align:right;
	color:#333;
}
#sidebar-global #ranking-grape ul { padding:0 5px;}
#sidebar-global #ranking-grape li {
	padding-bottom:5px;
	overflow:hidden;
}
#sidebar-global #ranking-grape .rank {
	width:30px;
	float:left;
	line-height:1;
	white-space:nowrap;
}
#sidebar-global #ranking-grape .rank span {
	font-size:16px;
	font-weight:bold;
	padding-right:2px;
	color:#666;
}
#sidebar-global #ranking-grape .rank .first { color:#FF8295;}
#sidebar-global #ranking-grape .rank .second { color:#64BF42;}
#sidebar-global #ranking-grape .rank .third { color:#4AA5FF;}
#sidebar-global #ranking-grape .rank-detail {
	width:130px;
	float:right;
	font-size:10px;
	padding-top:1px;
}
#sidebar-global #ranking-grape .rank-nickname { font-size:12px; }
#sidebar-global #ranking-grape .rank-num { color:#666; }
#sidebar-global #ranking-grape .chk-all {
	text-align:right;
	padding:0 5px 5px 0;
}

#sidebar-global #ranking-grape .btn {
	border-top:1px dotted #ccc;
	padding:10px 0;
}
#sidebar-global #ranking-grape .btn a {
	display:block;
	width:166px;
	height:24px;
	background:url(../images/btn_grape_s.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:0 auto;
}
/* news navi
------------------------------------ */
#sidebar-global #news-navi ul li a {
	display:block;
	padding:5px;
	border-bottom:1px dotted #dedede;
}
#sidebar-global #news-navi ul li a:hover { background-color:#f7f7f7; text-decoration:none; }
#sidebar-global #news-navi ul li a span {
	font-size:10px;
	color:#999;
}
#sidebar-global #news-navi p {
	text-align:right;
	padding:5px;
}

/* mobile info
------------------------------------ */
#sidebar-global #mobile-info dd {
	padding:5px;
}
#sidebar-global #mobile-info dd .box-line {
	border-bottom:1px dotted #dedede;
	padding-bottom:5px;
	margin-bottom:5px;
}
#sidebar-global #mobile-info p.qr {
	width:158px;
	height:105px;
	margin:0 auto;
	background:url(../images/img_sp.png) no-repeat 0 0;
}
#sidebar-global #mobile-info .qr {
	width:158px;
	height:105px;
	margin:0 auto;
	background:url(../images/img_sp.png) no-repeat 0 0;
	text-align:right;
}
/* share Navi
------------------------------------ */
#sidebar-global #share-navi .fb-like-box{
	border-bottom:1px dotted #dedede;
	padding-bottom:5px;
	margin:0 auto 5px auto;
	width:100%;
}
/* survey Navi
------------------------------------ */
#sidebar-global #survey-navi {
	background:url(../images/bg_slash_gr.png) repeat 0 0;
	opacity:0.5;
}
#sidebar-global #survey-navi dl {padding:5px 10px; opacity:1;}
#sidebar-global #survey-navi dd {text-align:center;}
/* share Navi
------------------------------------ */
#sidebar-global #news-feature .adsContent a {display:block;margin-bottom:10px;}
/* ----------------------------------------------------
   footer
---------------------------------------------------- */
footer {
	width:100%;
	border-top:1px solid #dedede;
	margin-bottom:10px;
}
footer #footer-nav {
	clear:both;
	text-align:center;
	padding:20px 0;
}
footer #footer-nav ul{
	display:inline-block;
	/display:inline;
    /zoom:1;
}
footer #footer-nav li {
	display:inline-block;
	/display:inline;
    /zoom:1;
	border-right:1px solid #CCC;
	padding:0 5px;
}
footer #list-navi {
	width:930px;
    background-color:#EEEEEE;
    margin:0 0 10px 0;
    overflow: hidden;
    padding: 15px 15px 10px 15px;
}
footer #list-navi dt {
    border-left: 5px solid #CCCCCC;
    float: left;
    padding-left: 5px;
    text-align: left;
    width: 150px;
	font-size:10px;
}
footer #list-navi ul {
	width:760px;
	float:right;
	text-align:left;
}
footer #list-navi li {
	width:180px;
	float:left;
	padding-right:10px;
	padding-bottom:5px;
	font-size:10px;
}
footer .copyright {
	display:block;
	font-size:10px;
	text-align:center;
	color:#999;
}
/* ----------------------------------------------------
   Print
---------------------------------------------------- */
@media print{
	#wrapper{min-width:640px;}
}