@charset "UTF-8";
/* CSS Document */
.clear {clear:both;}


/* 購入方法タブ　*/
.join_tab_outer {display:block; height:40px; margin:15px 15px 0 15px;}

.join_tab_outer ul.join_tab {list-style:none; padding:0px; margin:0px; display:block; border-bottom:#eb095f 2px solid; width:801px; height:40px;}

.join_tab_outer ul.join_tab li {float:left; padding:0; margin-right:2px;}

.join_tab_outer ul.join_tab li.creditcard a,
.join_tab_outer ul.join_tab li.bank a {width:200px; height:40px;}

.join_tab_outer ul.join_tab li a {background-image:url(../img/join/join_tab.png); text-indent:-9999px; display:block;}

.join_tab_outer ul.join_tab li.creditcard a { background-position:0px -40px;}
.join_tab_outer ul.join_tab li.creditcard a:hover { background-position:0px 0;}
.join_tab_outer ul.join_tab li.creditcard a.selected { background-position:0px 0;}

.join_tab_outer ul.join_tab li.bank a { background-position:-200px -40px;}
.join_tab_outer ul.join_tab li.bank a:hover { background-position:-200px 0;}
.join_tab_outer ul.join_tab li.bank a.selected { background-position:-200px 0;}

/* ファイアフォックスのタブリンクをクリックしたときの変なアウトラインの除去 */
/* http://bloggeruniversity.blogspot.com/2007/01/how-to-remove-dotted-border-from-links.html */
ul li a {outline:medium none;}
* a:active {outline: none;}
* a:focus {-moz-outline-style: none;}


/* コンテンツエリア */
.join_contents_wrapper {width:860px; margin:15px 30px; color:#fff; font-size:14px; text-align:left; margin:100px auto;}
.join_contents_wrapper a {color:#f903fc; text-decoration:none;}
.join_contents_wrapper a {color:#f903fc; text-decoration:underline;}

.join_contents_wrapper p {width:771px; margin:0; padding:0;}

h2.join_contentsTitle {width:771px; height:17px; margin-top:35px; padding-bottom:3px; font-size:16px; font-weight:bold; color:#f5ff09; border-bottom:#f5ff09 1px solid;}
h2.join_bank_contentsTitle {width:771px; height:17px; margin-top:35px; padding-bottom:3px; font-size:16px; font-weight:bold; color:#00ffff; border-bottom:#00ffff 1px solid;}

.planBox_top {width:771px; height:55px; margin-top:15px; padding:0;}
.planBox {width:771px; height:55px; margin-top:5px; padding:0;}

ul.step, ul.step_bank {width:771px; margin-top:15px; padding:0;}
ul.step li {width:771px; margin-bottom:25px; padding:0; color:#0FF;}
ul.step_bank li {width:771px; margin-bottom:25px; padding:0; color:#f5ff09;}
ul.step li span, ul.step_bank li span {padding-left:25px; margin:0; color:#fff;}

.noticeBox {width:729px; padding:20px; margin-bottom:20px; border:1px solid rgb(255, 255, 0)}
.noticeBox_bank {width:729px; padding:20px; margin-bottom:20px; border:1px solid rgb(0, 255, 255)}
.noticeBox ul, .noticeBox_bank ul {width:700px; margin:0; padding:0;}
.noticeBox li, .noticeBox_bank li {margin-bottom:15px; padding:0;}
.noticeBox li.bottom, .noticeBox_bank li.bottom {margin:0; padding:0;}

img.D2board {width:; height:; margin-top:15px;}