@charset "utf-8";
/* ------------------------------
 初期化
------------------------------ */
img{
	border:0;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
td{
	font-size:12px;
}
/* ------------------------------
 基本となるボックス
------------------------------ */
#wrapper{
	clear:both;
	padding:0px 10px 0px 10px;
	width:966px;
	background-color:#333333;
}
#contents{
	padding:10px 10px 10px 10px;
	width:946px;
	height:auto;
	background-color:#FFFFFF;	
}
#Joinwrapper{
	clear:both;
	padding:0px 10px 0px 10px;
	width:966px;
	height:auto;
	background-color:#333333;
}
#Joincontents{
	padding:10px 10px 10px 10px;
	width:946px;
	height:auto;
	background-color:#FFFFFF;
	
}
#welcome{
	height:355px;
}
#welcomeR{
	float:right;
	width:345px;
}
#welcomeL{
	float:left;
	width:581px;
}
#24minutes{
	width:auto;
	height:400px;
}
#trial{
	width:auto;
	height:570px;
}
#chat{
	height:820px;
}
#prepaid{
	height:820px;
}
#ratetable {
	height:710px;
}
#join{
    text-align: left;
	line-height:20px;
	font-size:14px;
	padding:30px 0px 0px 0px;
	width:800px;
	height:auto;
	background-color:#FFFFFF;
	margin:0 auto;
	
}
#joinButton{
    text-align: center;
	padding:30px 0px 0px 0px;
	width:800px;
	height:auto;
	background-color:#FFFFFF;
	margin:0 auto;
	
}


/* ------------------------------
 基本の中パーツ
------------------------------ */
h2{
	clear:both;
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
}
h3{
	clear:both;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}
h4{
	clear:both;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #CC0000;
	padding: 5px;
	height: auto;
	width: 800px;
}
h5{
clear:both;
	font-size:16px;
	font-weight:bold;
	color:#333333;
}
p{
	clear:both;
	font-size:14px;
	color:#000000;
}
.subFL{
	float:left;
}
.subFR{
	float:right;
}
.arrow{
	float:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:100px;
}
.clear{
	clear:both;
}
li{
	font-size:14px;
}
.red{
	color:#FF0000;
	font-weight:bold;
}
.white{
	color:#FFFFFF;
	font-weight:bold;
}


/* ------------------------------
 trialの中のパーツ
------------------------------ */t
img.mainBnr{margin:15px auto 10px 20px;}

ul#tabNavi {margin-top:20px; margin-bottom:0; padding-bottom:0;}
ul#tabNavi li{float:left;}


ul#tabNavi li a{width:200px; height:33px; text-indent:-9000px;}
ul#tabNavi li.safe a{background:url(../img/firsttime/tab1.gif) -200px 0; display:block; margin-left:5px;}
ul#tabNavi li.safe a:hover{background:url(../img/firsttime/tab1.gif) 0 0;}
ul#tabNavi li.safeC a{background:url(../img/firsttime/tab1.gif) 0 0; display:block; margin-left:5px;}
ul#tabNavi li.plan a{background:url(../img/firsttime/tab2.gif) -200px 0; display:block; margin-left:170px;}
ul#tabNavi li.plan a:hover{background:url(../img/firsttime/tab2.gif) 0 0;}
ul#tabNavi li.planC a{background:url(../img/firsttime/tab2.gif) 0 0; display:block; margin-left:170px;}
ul#tabNavi li.flow a{background:url(../img/firsttime/tab3.gif) -200px 0; display:block; margin-left:5px;}
ul#tabNavi li.flow a:hover{background:url(../img/firsttime/tab3.gif) 0 0;}
ul#tabNavi li.flowC a{background:url(../img/firsttime/tab3.gif) 0 0; display:block; margin-left:5px;}

div.tabBox{width:900px; border:#ff3333 1px solid; border-top:#ff3333 5px solid; margin:0 auto 0 12px; clear:both; padding-top:0;}
div.tabBox a{color:#CC0000; text-decoration:underline;}
div.tabBox a:hover{text-decoration:none;}
div.tabBox p{margin:5px 20px; line-height:1.5em; font-size:14px;}
div.tabBox h2{margin:35px auto 0 20px; background:url(../img/firsttime/h2bg.jpg);}
div.tabBox h5{text-align:center; margin-bottom:0;}
div.tabBox img.joinBtn{margin:0 auto 20px 350px;}
div.tabBox img.subBnr{margin:20px 0 0 50px;}
div.tabBox img.tokuten{margin-left:30px;}
div.tabBox table.priceTbl{margin-top:10px;}
div.tabBox table.D2join{margin:20px auto 0 20px;}
div.tabBox table td.midashi{height:23px; background:#333; font-size:16px; font-weight:bold; color:#FFF; text-align:center; line-height:1.5em;}
div.tabBox table td.nt{font-weight:bold; font-size:14px; padding-bottom:25px;}
div.tabBox table td.desc{font-size:14px; line-height:1.4em; text-align:left; padding:6px 0;}
div.tabBox table td.desc span{font-weight:bold; color:#FF0000;}


/* step */
div.tabBox div.step{width:780px; border:1px solid #FF3333; padding:10px; margin:20px auto 0 50px; clear:both;}
div.tabBox div.step:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/*\*/
* html div.tabBox div.step{height: 1em; overflow: visible;}
/**/
div.tabBox div.step img{float:left;}
div.tabBox div.step div.flt{width:460px; float:right; text-align:left;}
div.tabBox div.step div.flt h3{color:#FF3333; margin-top:5px; background:#FFFF66;}
div.tabBox div.step div.flt p{margin:10px 10px 10px 0;}