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

/*【12supporters.css : サポーターズクラブ】*/

/*====================================================*/
#supporters {}

/*====================================================*/
/* sidenavi */
/*====================================================*/

#supporters #sidenavi li.side1,
#supporters #sidenavi li.side1 a
{background:url(../images/supporters/sidenavi/1.gif) no-repeat;}

#supporters #sidenavi li.side1_1,
#supporters #sidenavi li.side1_1 a{background:url(../images/supporters/sidenavi/1_1.gif) no-repeat;}
#supporters #sidenavi li.side1_1 a:hover,
#supporters #sidenavi li.side1_1 a:active{background:url(../images/supporters/sidenavi/1_1on.gif) no-repeat;}

#supporters #sidenavi li.side1_2,
#supporters #sidenavi li.side1_2 a{background:url(../images/supporters/sidenavi/1_2.gif) no-repeat;}
#supporters #sidenavi li.side1_2 a:hover,
#supporters #sidenavi li.side1_2 a:active{background:url(../images/supporters/sidenavi/1_2on.gif) no-repeat;}

#supporters #sidenavi li.side1_3,
#supporters #sidenavi li.side1_3 a{background:url(../images/supporters/sidenavi/1_3.gif) no-repeat;}
#supporters #sidenavi li.side1_3 a:hover,
#supporters #sidenavi li.side1_3 a:active{background:url(../images/supporters/sidenavi/1_3on.gif) no-repeat;}

#supporters #sidenavi li.side1_4,
#supporters #sidenavi li.side1_4 a{background:url(../images/supporters/sidenavi/1_4.gif) no-repeat;}
#supporters #sidenavi li.side1_4 a:hover,
#supporters #sidenavi li.side1_4 a:active{background:url(../images/supporters/sidenavi/1_4on.gif) no-repeat;}

#supporters #sidenavi li.side1_5,
#supporters #sidenavi li.side1_5 a{background:url(../images/supporters/sidenavi/1_5.gif) no-repeat;}
#supporters #sidenavi li.side1_5 a:hover,
#supporters #sidenavi li.side1_5 a:active{background:url(../images/supporters/sidenavi/1_5on.gif) no-repeat;}

#supporters #sidenavi li.side1_6,
#supporters #sidenavi li.side1_6 a{background:url(../images/supporters/sidenavi/1_6.gif) no-repeat;}
#supporters #sidenavi li.side1_6 a:hover,
#supporters #sidenavi li.side1_6 a:active{background:url(../images/supporters/sidenavi/1_6on.gif) no-repeat;}

#supporters #sidenavi li.side1_7,
#supporters #sidenavi li.side1_7 a{background:url(../images/supporters/sidenavi/1_7.gif) no-repeat;}
#supporters #sidenavi li.side1_7 a:hover,
#supporters #sidenavi li.side1_7 a:active{background:url(../images/supporters/sidenavi/1_7on.gif) no-repeat;}

#supporters #sidenavi li.side1_8,
#supporters #sidenavi li.side1_8 a{background:url(../images/supporters/sidenavi/1_8.gif) no-repeat;}
#supporters #sidenavi li.side1_8 a:hover,
#supporters #sidenavi li.side1_8 a:active{background:url(../images/supporters/sidenavi/1_8on.gif) no-repeat;}


#supporters #sidenavi li.side1_9,
#supporters #sidenavi li.side1_9 a{background:url(../images/supporters/sidenavi/1_9.gif) no-repeat;}
#supporters #sidenavi li.side1_9 a:hover,
#supporters #sidenavi li.side1_9 a:active{background:url(../images/supporters/sidenavi/1_9on.gif) no-repeat;}







/* VITORIA */
#supporters #sidenavi li.vitoria,
#supporters #sidenavi li.vitoria a {
 background:url("../images/supporters/sidenavi/sidenavi_vitoria.gif");
}
/* VITORIA 協賛店 */
#supporters #sidenavi li.shop,
#supporters #sidenavi li.shop a {
 background:url("../images/supporters/sidenavi/sidenavi_vitoria_shop.gif");
}
/* VITORIA 磐田エリア */
#supporters #sidenavi li.iwata,
#supporters #sidenavi li.iwata a {
 background:url("../images/supporters/sidenavi/sidenavi_vitoria_iwata.gif");
}
/* VITORIA 浜松エリア */
#supporters #sidenavi li.hamamatsu,
#supporters #sidenavi li.hamamatsu a {
 background:url("../images/supporters/sidenavi/sidenavi_vitoria_hamamatsu.gif");
}
/* VITORIA その他のエリア */
#supporters #sidenavi li.etc,
#supporters #sidenavi li.etc a {
 background:url("../images/supporters/sidenavi/sidenavi_vitoria_etc.gif");
}
#supporters #sidenavi.sidenaviVitoria li a:hover {
 background-position: 0px -20px;
}
/* ジュビロモバっち */ 
#supporters #sidenavi li.mobacchi, 
#supporters #sidenavi li.mobacchi a { 
 background:url("../images/supporters/sidenavi/sidenavi_mobacchi.gif"); 
} 




/*====================================================*/
/* トップページ */
/*====================================================*/
/* == 特典 ===== */
#supporters #benefit {
 margin: 10px 0px 0px 0px;
 display: block;
}
#supporters #benefit dt {
 height: 43px;
 overflow: hidden;
 display: block;
}
#supporters #benefit dt img {
 display: block; 
 vertical-align: top;
}
#supporters #benefit dd {
 background:url("../images/supporters/benefit_bg.gif") left bottom no-repeat;
 padding: 10px 20px 20px 20px;
}
#supporters #benefit dd li {
 /*display: inline; */
 white-space: nowrap;
 padding-right: 2em;
 display: block;
 float: left;
}

#supporters #benefit dd ul.links {
 text-align: center;
 display: inline; 
}
#supporters #benefit dd ul.links li {
 display: inline; 
 text-align: center;
 white-space: auto;
 padding: 0em 1em;
 float: none;
 background-position: 0em 0.25em;
}


/* == 会員の種類 ===== */
#supporters table.value {
}
#supporters table.value .thead {
 text-align: center; 
 vertical-align:middle;
 padding: 20px; 
border-right-width: 1px;
}
#supporters table.value .info {
 vertical-align:top;
 padding: 10px;
 border-right: 0;
}
#supporters table.value .card {
 vertical-align:top;
 padding: 10px;
 width: 120px;
 border-left: 0;
}

/* テキストスタイル */
#supporters table.value .info dt {
 margin-bottom: 5px;
}
#supporters table.value .info dd p {
 padding-bottom: 14px;
}
#supporters table.value .info dd a {
 margin-right: 5px;
}

/*====================================================*/
/* 会員紹介ページ */
/*====================================================*/
/* カード&入会資格 */
#supporters table.data {
}
#supporters table.data td{
 vertical-align:top;
 padding: 9px;
 border-right-width:0;
}
#supporters table.data td h4 {
 margin-top: 10px;
}
#supporters table.data td ul li {
 margin-left:1em;
}
#supporters table.data td span.request {
 width: 100px;
 padding: 5px;
 display: block;
 margin-top: 12px;
}


#supporters table.data .card {
 width: 208px;
 border-right-width:1px;
 border-left-width:0;
 text-align: center;
}
#supporters table.data .card img {
 display: block;
 margin-bottom: 5px;
 margin-top: 8px;
}
#supporters table.data .card span {
}

/* 会費 */
#supporters table.member_fee {
}
#supporters table.member_fee .thead {
 background-color: #ecf7fb;
 width:48%;
}
#supporters table.member_fee .total td {
 border-top: 2px solid #666;
}

/* 特典 */
#supporters .benefit_list {
 margin-left: 0;
 padding-left: 0; 
}
#supporters #contents .chapter ul.benefit_list li,
#ticket #supporters .chapter ul.benefit_list li {
 padding-bottom: 0.8em;
 border-bottom: 1px solid #999;
 margin-bottom: 1em;
 margin-left: 0em;
}
#supporters .benefit_list li p {
 padding-bottom: 0;
}
 padding-bottom: 0.8em;
 border-bottom: 1px solid #999;
 margin-bottom: 1em;
 margin-left: 0em;
}
#supporters .benefit_list li p {
 padding-bottom: 0;
}

/* 優待施設 */
#supporters table.facilities_list {
}
#supporters table.facilities_list th {
 background-color: #ecf7fb;
}

#supporters table.facilities_list .name {
 white-space: nowrap;
}
#supporters table.facilities_list .inner_thead {
 white-space: nowrap;
 border-right-width: 2px;
 background: #e9e9e9;
}


/*====================================================*/
/* 規約 */
/*====================================================*/
/* 同意ボタン */
#supporters .confirm {
 padding: 20px 0px;
}
#supporters .confirm ul {
 padding-left: 120px;
}
#supporters .confirm li {
 display: block;
 margin: 0;
 float: left;
 padding: 10px;
}



/*====================================================*/
/* VITORIA */
/*====================================================*/
/* == 協賛店リスト ========== */
#supporters #vitoriaShopListing {}

/* ユニット */
#supporters #vitoriaShopListing dt {
 display: block;
 clear:both;
 margin-top: 5px;
 
}
#supporters #vitoriaShopListing dd {
 display: block;
 /*clear:both;*/
 margin-left: 0;
 /*background: url("../images/line_dotted1px_black.gif") bottom repeat-x;*/
 /* padding-bottom: 1px; */
}
#supporters #vitoriaShopListing dd ul {
 margin:0;
}
#supporters #vitoriaShopListing dd li {
 display: inline;
 background-position: 0em 0.25em;
 padding: 0 0 0 1em;
}
* html #supporters #vitoriaShopListing dd li {
 background-position: 0em 0.1em;
}



#supporters #vitoriaShopListing dd p {
 background: url("../images/line_dotted1px_gray.gif") bottom repeat-x;
 margin-bottom: 0.5em;
}

#supporters #vitoriaShopListing dd div {
 margin-top: 0.5em;
}
#supporters #vitoriaShopListing dd div p{
 background:none;
 padding-bottom:0;
}



/* == add: shopNew ========== */
/* == loading == */
#supporters #loading {
	width: 400px;
	height: 60px;
	margin: 20px 10px;
	background: url("../images/load.gif") no-repeat;
 overflow: hidden;
 text-indent: -9999px;
}

/* == mainCategories Tab Menu == */
#mainCategories {
	/*display: none;*/
}
#mainCategories li.present {
	background-position: 0px -46px;
}
/* 現在位置表示 */
#mainCategories li.present a,
#mainCategories li.present a:hover {
 background: none;
	cursor: default;
}


/* == subCategories Menu == */
#subCategories {
}

#subCategories {
	padding-bottom: 20px;
	padding-top: 5px;
}
#subCategories ul {
	display: block;
	/*border-bottom: 1px solid #efefef;*/
}
#subCategories li {
	display: block;
	float: left;
	border-right: 1px solid #e0e0e0;
	margin-bottom: 2px;
}
#subCategories li a {
	white-space: nowrap;
}
#subCategories li a,
#subCategories li .present {
 display: block;
	padding: 4px 8px;
}
#subCategories li a:hover {
	text-decoration: none;
	background: #FDDB3A;
	color: #208AD4;
}

#subCategories li .present,
#subCategories li.present a,
#subCategories li.present a:hover {
	background: #efefef;
	color: #999;
	cursor: default;
}


/* == limitCondition == */
#limitCondition {
	padding: 7px;
	background: url("../images/bg_stripe.gif");
	margin-bottom: 10px;
	/*display: none;*/
}
#limitCondition .num {
		 font-family: arial Black;
	font-size: 114%;
	margin-right: 2px;
	margin-top: 1px;
}



/* == output == */
#output {
}
#output dl {
	border: 1px solid #ccc;
	/*border-right-width: 2px;*/
	/*border-bottom-width: 2px;*/
	padding: 1em 1em 0.5em 1em;
	margin-bottom: 0.5em;
 background: url("../images/supporters/benefit_bg.gif") right bottom no-repeat;
}

#output dt span {
	display: block;
}

/* shopName */
#output dt .shopName {
	float: left;
}
/* icons */

#output dt img.topic {
	display: inline;
	vertical-align: top;
	margin: 2px 0px 0px 4px;
}
#output dt .area {
	float: right;
	text-align: center;
	margin-left: 4px;
	width: 80px;
	padding: 3px 0 2px 0;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -webkit-background-clip: padding-box;
 	border-bottom: 1px solid #c70000;
 }
 #output dt .areaCat0 {	/*磐田エリア*/
		background: #0764ce;
 color: #fff;
 border-bottom: 1px solid #034896;
}
 #output dt .areaCat1 {	/*浜松エリア*/
		background: #66bbff;
 color: #fff;
 border-bottom: 1px solid #398fd4;
}
 #output dt .areaCat2 {	/*袋井エリア*/
		background: #79438f;
 color: #fff;
 border-bottom: 1px solid #4b195f;
}

 #output dt .areaCat3 {	/*その他のエリア*/
		background: #999999;
 color: #fff;
 border-bottom: 1px solid #666;
}



#output dt .genre {
	float: right;
	text-align: center;
	margin-left: 4px;
	width: 100px;
	padding: 3px 0 2px 0;
	background: #ff0000;
	border-bottom: 1px solid #c70000;
 color: #fff;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -webkit-background-clip: padding-box;

}

#output dt .genreCat0,
#output dt .genreCat1,
#output dt .genreCat2,
#output dt .genreCat3,
#output dt .genreCat4 {	/* 食べ物系 */
	background:#ee6400 ;
	border-bottom: 1px solid #ba4f01;
}

#output dt .genreCat5,
#output dt .genreCat6, 
#output dt .genreCat7,
#output dt .genreCat8 {	/* 宿泊・美容系 */
	background: #ff80c2;
	border-bottom: 1px solid #c9498b;
}

#output dt .genreCat9,
#output dt .genreCat10,
#output dt .genreCat11 {	/* レジャー系 */
	background:#689b02 ;
	border-bottom: 1px solid #446600;
}

#output dt .genreCat12,
#output dt .genreCat13,
#output dt .genreCat14,
#output dt .genreCat15,
#output dt .genreCat16,
#output dt .genreCat17 {	/* 日用品*/
	background:#c1b600 ;
	border-bottom: 1px solid #918900;
}

#output dt .genreCat18 {	/* その他 */
	background:#999 ;
	border-bottom: 1px solid #666;
}




#output dd {
	margin-bottom: 0; !important
}
#output dd.imgBox {
	float: left;
	width: 200px;
	padding: 2px;
	text-align: center;
	background: url("../images/bg_stripe.gif") repeat scroll 0 0 transparent;
}
#output dd.infoBox {
	float: right;	
	width: 372px;
}



#outputList .shopName {
	width: 276px;
	padding: 4px 12px 3px;
	float: left;
	border: 1px solid #f0f0f0;
	border-color: #f5f5f5 #eee #bbb;
	background: #fff;
}
#outputList .shopName a {
	display: block;
}
#outputList .shopName a:hover { 
}



.outputIndex, #vitoriaShopListing2 {
	margin-bottom: 1.8em;
}

#vSide {
    margin: 10px 0 0 10px;
    width: 150px;
}


#vArea {
	width: 146px;
	height: 102px;
	padding: 21px 2px 2px;
	display: block;
	overflow: hidden;
	vertical-align: top;
	background-image: url(../images/supporters/sidenavi/vitoria_btArea_o.png);
	margin-bottom: 10px;
}
#vArea a {
	display: block;
	overflow: hidden;
	vertical-align: top;
	text-indent: -9999px;
	background-image: url(../images/supporters/sidenavi/vitoria_btArea.png);
}
#vArea a:hover {
	background-image: none;
}

#vArea .vAhamamatsu {
	width: 48px;
	height: 84px;
	background-position: -2px -21px;
	float: left;
}
#vArea .vAiwata {
	width: 50px;
	height: 84px;
	background-position: -50px -21px;	
	float: left;
}
#vArea .vAfukuroi {
	width: 48px;
	height: 84px;
	background-position: -100px -21px;
	float: left;
}
#vArea .vAetc {
	width: 146px;
	height: 18px;
	background-position: -2px -105px;	
	clear: both;
}


#vRecom {
	height: 150px;
	background: #ccc;
	margin-bottom: 10px;
}


#supporters #vitoriaShopListing .tab_menu {
	background-image: none;
	padding: 0;
	margin: 0 auto 12px;
	width: 620px;
	border-bottom: 1px solid #E2E2E2;
}
#supporters #vitoriaShopListing #mainCategories li,
#supporters #vitoriaShopListing #mainCategories li a {
	width: 207px;
	height: 49px;
	display: block;
	overflow: hidden;
}
#supporters #vitoriaShopListing #mainCategories li#tabMenu1,
#supporters #vitoriaShopListing #mainCategories li#tabMenu1 a {
	width: 206px;	
}
#supporters #vitoriaShopListing #mainCategories li {
	background-image: url(../images/supporters/vitoria_nav.png);
}
#supporters #vitoriaShopListing #mainCategories li a {
	text-indent: -9999px;
	background-image: none;
}
#supporters #vitoriaShopListing #mainCategories li a:hover {
	opacity: .25; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=25); /* IE lt 8 */
	-ms-filter: "alpha(opacity=25)"; /* IE 8 */
	-khtml-opacity: .25; /* Safari 1.x */
	-moz-opacity: .25; /* FF lt 1.5, Netscape */
	background-color: #fff;
}
#supporters #vitoriaShopListing #mainCategories li.present a {
	opacity: .2; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=20); /* IE lt 8 */
	-ms-filter: "alpha(opacity=20)"; /* IE 8 */
	-khtml-opacity: .2; /* Safari 1.x */
	-moz-opacity: .2; /* FF lt 1.5, Netscape */
	background-color: #666;
}
#supporters #vitoriaShopListing #mainCategories li#tabMenu1 {
	background-position: 0 0;
}
#supporters #vitoriaShopListing #mainCategories li#tabMenu2 {
	background-position: -206px 0;
}
#supporters #vitoriaShopListing #mainCategories li#tabMenu3 {
	background-position: -413px 0;
}



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





/*====================================================*/
/* MOBACHI */
/*====================================================*/
h2.mobachi-title {width:620px; height:144px !important; margin:0px 0px 20px !important; overflow:visible; line-height:1;}

div.mobachiBox {width:620px; margin:0px;}
div.mobachiBox dt, div.mobachiBox dd, div.mobachiBox p {font-size:75%;}

div.mobachiBox dl {margin:0px 0px 30px;}
div.mobachiBox dt {margin:0px 0px 5px !important; font-weight:bold;}
div.mobachiBox dd {margin:0px 0px 20px !important; line-height:150%;}

div.mobachiBox em {font-weight:bold; color:#FFFFFF; background-color:#3fb3e2; padding:5px; font-size:90%; font-style:normal; display:block; margin:0px 0px 10px;}

div.mobachiBox h3 {margin:0px 0px 20px !important;}
div.mobachiBox div.lineBox h3 {margin:0px !important;}

div.mobachiBox div.lineBox {width:620px; margin:0px 0px 30px;}
div.mobachiBox div.lineBox div.line {width:590px; padding:15px 12px 0px; border-left:3px solid #3fb3e2; border-right:3px solid #3fb3e2;}
div.mobachiBox div.lineBox p {padding:0px 0px 10px;}
div.mobachiBox div.lineBox p.btm {margin:0px; padding:0px; font-size:0.1em;}
div.mobachiBox div.lineBox strong {display:block; margin:0px 0px 5px; padding:10px 0px 0px;}
div.mobachiBox div.lineBox em {font-weight:bold; color:#FFF; background-color:#ffb603; padding:5px;}
div.mobachiBox div.lineBox table {width:589px !important; border-left:1px solid #999999 !important; border-top:1px solid #999999 !important;}
div.mobachiBox div.lineBox th, div.mobachiBox div.lineBox td {border-bottom:1px solid #999999 !important; border-right:1px solid #999999 !important; font-size:75%; text-align:center;}
div.mobachiBox div.lineBox th {background-color:#EEEEEE; font-weight:bold;}
div.mobachiBox div.lineBox table strong {color:#3fb3e2;}
div.mobachiBox div.lineBox p.present {background-color:#FFC; padding:10px; border:1px solid #ffb603; margin:0px 0px 10px;}
div.mobachiBox div.lineBox p.present em {font-size:110%; color:#F90; background:#FFC; padding:0px;}

div.mobachiBox div.lineBox li {font-size:75%; line-height:150%; margin:0px 0px 0px 22px; padding:0px 0px 5px; list-style:disc;}
div.mobachiBox div.lineBox li.tit {list-style:none; margin-left:0px;}
div.mobachiBox div.lineBox li.attention {list-style:none; margin-left:0px; color:#333; font-size:70%; background-color:#EEEEEE; padding:3px;}

div.mobachiBox ul.btn {width:620px; margin:0px 0px 20px;}
div.mobachiBox ul.btn li {float:left; padding:0px 20px 0px 10px;}

div.mobachiBox div.lineBox dl.instadium {margin:0px; padding:0px 0px 20px; display:inline !important;}
div.mobachiBox div.lineBox dl.instadium dd img {float:right; margin:0px 0px 10px 10px;}
div.mobachiBox div.lineBox p.thumb {margin:0px;}

div.mobachiBox div.lineBox ul.instadium li {width:100px; margin:0px 4px 0px 15px; list-style:none; float:left; font-size:70%; line-height:120%; text-indent:-1em;}
div.mobachiBox div.lineBox ul.instadium li.end {margin:0px 0px 0px 15px; width:99px;}
div.mobachiBox div.lineBox ul.instadium li span {color:#F30; font-weight:bold;}

div.mobachiBox div.lineBox ul.outstadium li {margin:0px 24px 0px 0px; list-style:none; float:left; font-size:70%; line-height:120%;}
div.mobachiBox div.lineBox ul.outstadium li.felica {width:100px;}
div.mobachiBox div.lineBox ul.outstadium li.text01 {width:120px;}
div.mobachiBox div.lineBox ul.outstadium li.text02 {width:134px;}
div.mobachiBox div.lineBox ul.outstadium li.end {width:160px; margin:0px;}

div.mobachiBox div.lineBox p.outstadium {padding:10px 0px 0px; line-height:150%;}

body.mobachi div {overflow:inherit;}

div.mobachiBox p.second {padding:10px; font-size:75%; line-height:180%; border:3px solid #FC6; margin:0px 0px 20px;}
div.mobachiBox p.second em {background-color:#FFF; font-size:100%; color:#F90; display:inline; margin:0px;}
div.mobachiBox p.inquiry {background-color:#EEEEEE; padding:10px; font-size:75%; line-height:180%;}


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

/*====================================================*/
.supportul{
	width:630px; 
	margin:0px 10px 0px 10px;
	}
.supportul li
{
	float:left; 
	/*width:280px;*/
	width:310px;
	margin:0px 10px 0px 10px;
	}
	.width280
	{
		width:280px!important;
		}
		.width312
	{
		width:312px!important;
		}
		.width320
	{
		width:320px!important;
		}
		.width330
	{
		width:330px;
		}
	.width350
	{
		width:350px;
		}