/*-----------------------------------------------

 join page 購入 ページ
 
-----------------------------------------------*/
#joinCase {
	background-image: url(/img/join/bg_content.gif);
	width: 1000px;
	margin-top: 0px;
	padding-top: 4px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;
	font-size: 12px;
	line-height:1.3em;
	color: #000;
}
h2{background:url(/img/join/headline.png) no-repeat; width:1000px; height:60px; text-indent:-9000px;}
div#join{width:800px; margin:0 auto; padding-bottom:30px; overflow:auto; text-align:left;}
#joinCase a {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

#joinCase a:link,#joinCase a:visited {
	color:#009;
	font-weight:bold;
	text-decoration:none;
}

#joinCase a:active,#joinCase a:hover {
	color:#600;
	font-weight:bold;
	text-decoration:none;
}



/*-----------------------------------------------
 　購入振り分け
 -----------------------------------------------*/
div#join ul#purchase li{float:left;}
div#join ul#purchase li.card a{ width:250px; height:70px; background:url(/img/join/btn_credit.jpg) 0 0 no-repeat; display:block; text-indent:-9000px; margin:15px 0 0 20px;}
div#join ul#purchase li.card a:hover{background:url(/img/join/btn_credit.jpg) -250px 0 no-repeat;}
div#join ul#purchase li.furikomi a{ width:250px; height:70px; background:url(/img/join/btn_furikomi.jpg) 0 0 no-repeat; display:block; text-indent:-9000px; margin:15px 0 40px 20px;}
div#join ul#purchase li.furikomi a:hover{background:url(/img/join/btn_furikomi.jpg) -250px 0 no-repeat;}
div#join ul#purchase li.ippondo a{ clear:both; width:680px; height:50px; background:url(/img/join/1pondoPlan.gif) 0 0 no-repeat; display:block; text-indent:-9000px; margin:15px 0 40px 20px;}
div#join ul#purchase li.ippondo a:hover{background:url(/img/join/1pondoPlan.gif) -682px 0 no-repeat;}

/* -----------------------------------------------*/
div#join h3#creditCard{clear:both; background:url(/img/join/credit.jpg) no-repeat; width:800px; height:21px; text-indent:-9000px;}
div#join h3#furikomi{clear:both; background:url(/img/join/furikomi.jpg) no-repeat; width:800px; height:21px; text-indent:-9000px;}
div#join h4{font-size:14px; width:800px; border-bottom:#330000 1px dotted; text-indent:10px; margin:35px 0 0 0;}
div#join p{margin:5px 10px;}
div#join p.notice{margin:20px 10px; color:#FF0000; font-size:11px;}
div#join img.flow{margin:20px 0 20px 20px;}


/*-----------------------------------------------
 　料金表
 -----------------------------------------------*/
div#join table span{font-size:16px;}
 
 /*  非会員 */
div#join table.price{width:750px; border:#d3ccc6 1px solid; border-collapse:collapse; text-align:center; color:#333; margin:15px auto;}
div#join table.price td{padding:5px; border:#d3ccc6 1px solid; background:#fcc601;}
div#join table.price td.upper{background:#37302c; font-weight:bold; color:#FFFFFF; height:40px;}
div#join table.price td.even{background:#FEF7FA;}
div#join table.price input{font-size:14px; width:110px; height:40px; cursor:pointer;}
div#join table.price input.trial{color:#FF0000; font-weight:bold;}

 /*  一般会員 */
div#join table.priceRegular{width:750px; border:#d3ccc6 1px solid; border-collapse:collapse; text-align:center; color:#333; margin:15px auto;}
div#join table.priceRegular td{padding:5px; border:#d3ccc6 1px solid; background:#fcc601;}
div#join table.priceRegular td.upper{background:#37302c; font-weight:bold;　color:#FFFFFF; height:40px;}
div#join table.priceRegular td.even{background:#FFEF7FA;}
div#join table.priceRegular input{font-size:14px; width:110px; height:40px; cursor:pointer;}

 /*  VIP会員 */
div#join table.priceVip{width:750px; border:#666 1px solid; border-collapse:collapse; text-align:center; color:#333; margin:15px auto;}
div#join table.priceVip td{padding:5px; border:#666 1px solid;}
div#join table.priceVip td.upper{background:#FFECC0; font-weight:bold;}
div#join table.priceVip td.even{background:#FFF9E6;}
div#join table.priceVip input{font-size:14px; width:110px; height:26px; cursor:pointer;}