body { font: 80% Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; /*background: #151515 url(bg_body_gray.gif) repeat-y top center;*/
	background: url(images/bg.jpg) repeat-x top fixed #efefef;}
img {border:0;}
.clear {clear:both;}
table {border-collapse:collapse; border-spacing: 0; color: #646464;}

/*--------------------------------------------------------- */
/*      Link Color 
/*--------------------------------------------------------- */
a:link { color:#078D00; text-decoration:none; }
a:visited { color:#189B12; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { color:#666; }

input:hover{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}

/*--------------------------------------------------------- */
/*      header footer
/*--------------------------------------------------------- */
#container { width: 760px; background: #FFFFFF; margin: 0 auto; text-align: left; padding:0 20px; }
#header { padding: 0; background-color: #DDDDDD; background-image: url(tmp_freepass_kanban.jpg); height: 160px; text-indent: -1000px; }
#header h1 { margin: 0; 
	padding: 10px 0; 
}

#footer { padding: 24px 0 35px 0; font-size: 11px; text-align: center; height: 5px; background: #444; color: #999999; }
/*--------------------------------------------------------- */
/*      main
/*--------------------------------------------------------- */
#maincontent { width: 580px; border: 3px double #00CCCC; padding: 90px 30px 10px 30px; height: 70px; margin-top: 10px; margin-right: 0px; margin-bottom: 0; margin-left: 55px; background: #ffffff url(bn_freepass.gif) no-repeat; font-size: 12px; }
#maincontent1 {padding: 15px 50px;}
#maincontent h1{text-indent: -1000px;}
#maincontent2 {margin: 0 0 0 0px;}
#maincontent2 table {border-collapse: collapse; margin:10px auto 30px auto;}
#maincontent2 table td {text-align: center;}

#tbl_btn0 {margin: 20px auto; width: 400px; color: #000;}
#tbl_btn0 th {text-align: center; padding: 10px 0; border: solid 1px #eee; color: #777; background: #aaa url(h2.png) repeat-x; font-size: 14px;}
#tbl_btn0 td {text-align: center; padding: 10px 0; border: solid 1px #ddd; font-size: 16px; font-weight: bolder; font-family: "Times New Roman", Times, serif;}


#tbl_btn {margin: 20px auto; width: 700px; color: #000;}
#tbl_btn th {text-align: center; padding: 10px 0; border: solid 1px #eee; color: #fff; background: #900 url(bg_tbl_btns.gif) repeat-x;}
#tbl_btn td {text-align: center; padding: 10px 0; border: solid 1px #ddd; font-size: 16px; font-weight: bolder; font-family: "Times New Roman", Times, serif;}

.btn_subscribe {margin: 10px 0 20px 0;}
.btn_unsubscribe {border:double 3px #ccc; color: #ddd; padding: 5px 25px; background: #888; font-size: 12px; font-weight: bold;}


#tmp{ width: 760px; height: 400px; margin:10px auto; }

.campaign{ width: 760px; background: #EEE; text-align: center; margin: 10px auto;}

/*--------------------------------------------------------- */
/*      join
/*--------------------------------------------------------- */

div.join { background: #EEE; margin: 20px auto; padding: 10px 0; width: 760px;
-moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; /*--top left rounded corner--*/
-moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; /*--Hidden for those with js turned off--*/
-moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; /*--Hidden for those with js turned off--*/
}
div.join ul {float: left; list-style: none; padding: 0; margin: 0; text-align: center;}
div.join ul.days_30 { width: 152px; }
div.join ul.days_60 { width: 151px; border-left: 1px solid #CCC;}
div.join ul.days_90 { width: 151px; border-left: 1px solid #CCC;}
div.join ul.days_180 { width: 151px; border-left: 1px solid #CCC; }
div.join ul.days_365 { width: 151px; border-left: 1px solid #CCC;}

div.join ul li{ padding: 0; margin:0;}
div.join ul li.term{ height: 60px; padding: 30px 0 0 70px; margin: 10px 0 0 0; background: url(images/ticket.jpg) no-repeat 4px 0px; text-align: center; color: #555; font-size: 12px;}
div.join ul li.term strong{ margin: 0 0 0px; font-size: 14px;}

div.join ul li.price{ font-weight: bold; color: #4774C4; font-size:25px; line-height: 0;}
div.join ul li.price span{}
div.join ul li.price span.sale_price { color: #C00B0C; font-size:28px; }
div.join ul li.price span.regular_price { text-decoration: line-through; font-weight: normal;  color: #555; font-size: 20px; line-height: 30px}
div.join ul li.price span.sale_detail { font-size: 11px; color: #999; font-weight: normal}

div.join ul li.apply{ margin: 0; padding: 0;}



/*--------------------------------------------------------- */
/*      font
/*--------------------------------------------------------- */
h1 { margin: 0; padding: 0; font-size: 14px; }
h2 { font-size: 14px; color: #FF0033; margin: 0; padding: 0; }
h3 { font-size: 12px; }


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}