@charset "utf-8";
/* CSS Document */

.joininfo-img {
	background: url(../guide/join_info_img.png) no-repeat;
}
#joininfo-title {
	background-position: left top;
	width: 760px;
	height: 84px;
	margin-bottom:30px;
}
.joininfo-btn {
	background-position: left -494px;
	width: 197px;
	height: 37px;
	display: block;
	margin: 0 auto 10px auto;
}
.joininfo-btn:hover {
	background-position: left -531px;
}
#joininfo-tokuten-top {
	background-position: left -84px;
	width: 760px;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.joininfo-tokuten-wrap {
	background-position: left -224px;
	width: 760px;
	height: 120px;
	margin-bottom: 7px;
	position:relative;
	}
	
.joininfo-num {
	position: absolute;
	top: 42px;
	left: 18px;
	width: 30px;
	height: 30px;
}
#num-one {
	background-position: left -344px;
}
#num-two {
	background-position: -30px -344px;
}
#num-three {
	background-position: -60px -344px;
}
#num-four {
	background-position: -90px -344px;
}
#num-five {
	background-position: left -374px;
}
.joininfo-title {
	position: absolute;
	top: 20px;
	left: 70px;
	width: 450px;
	height: 20px;
}
#title-one {
	background-position: left -414px;
}
#title-two {
	background-position: left -434px;
}
#title-three {
	background-position: left -454px;
}
#title-four {
	background-position: left -474px;
}
#title-five {
	background-position: left -568px;
}
.joininfo-tokuten-text {
	position: absolute;
	width:450px;
	height: 54px;
	top: 58px;
	left: 72px;
	text-align: left;
	font-size: 14px;
	line-height: 120%;
}

.joininfo-icon {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 26px;
	left: 568px;
}
#icon-one {
	background-position: -120px -344px;	
}
#icon-two {
	background-position: -190px -344px;	
}
#icon-three {
	background-position: -260px -344px;	
}
#icon-four {
	background-position: -330px -344px;	
}
#icon-five {
	background-position: -447px -344px;	
}
.joininfo-shosai-btn {
	background-position: -400px -344px;
	position: absolute;
	width: 50px;
	height: 70px;
	top: 29px;
	left: 684px;
}
#joininfo-bottom {
	width: 760px;
	height: 94px;
	margin-bottom: 50px;
	background-position: left -130px;
	position: relative;
}
#joininfo-btn-bottom {
	position: absolute;
	top: 29px;
	left: 536px;
}

/* PRICING TABLE STYLE  */


.tsc_clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.tsc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

.txt_green{
	color:#66c303;
}
	
	/* --------------- */

	.clear:before, .clear:after {
	  content:"";
	  display:table
	}

	.clear:after {
	  clear:both
	}

	.clear	{
	  zoom:1
	}
	
	
	
#pricingtable_wrap{
	width:750px;
	padding:10px 0px 10px 10px;
}


.tsc_pricingtable_top {
	width: 740px;
	height:140px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:-5px;
	background:url("../guide/pricing_table_top.png") left top no-repeat; 
}


.tsc_pricingtable {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #313131;
	line-height:16px;	
	width:100%;
}
.tsc_pricingtable ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tsc_pricingtable ul li {
	margin: 0px;
	width: 100%;
	height: 100%;
	height: 26px;
	padding-top: 10px;
	float: left;
	text-align: center;
	padding-left: 0px;
}



.tsc_pricingtable li.pricing_header1{
	height:36px;
	font-size: 14px;
	line-height:22px;
	color:#ffffff;
	-webkit-border-radius:1px 6px 0 0;
	-khtml-border-radius:19px 6px 0 0;
	-moz-border-radius:19px 6px 0 0;
	border-radius:19px 6px 0 0;
}

.tsc_pricingtable li.pricing_header1 a{
	font-size: 14px;
	line-height:22px;
	color:#ffffff;
}


.tsc_pricingtable li.pricing_header2 {
	height:60px;
	font-size: 18px;
	font-weight:bold;
	line-height:30px;
	background-color: #efefef;
	border-bottom:1px dotted #ccc;	color:#333;	
}

.tsc_pricingtable li.pricing_header2 span {
	font-size: 12px;
	line-height:40px;
}

.tsc_pricingtable .pricing_column_first li.pricing_header1 {
	background:none;
	height:60px;
}

.tsc_pricingtable .pricing_column_first li.pricing_header2 {
	background-color: #efefef;
	border-bottom:1px dotted #ccc;
	-webkit-border-radius:19px 0px 0 0;
	-khtml-border-radius:19px 0px 0 0;
	-moz-border-radius:19px 0px 0 0;
	border-radius:19px 0px 0 0;
}

.tsc_pricingtable .pricing_column_first li.pricing_header2 span {
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding-left:16px;
}

.tsc_pricingtable .pricing_column_first,
.tsc_pricingtable .pricing_column {
	height: 100%;
	float: left;
	margin-right:1px;
	position:relative;
}
.tsc_pricingtable .pricing_column_first {
	*z-index:2;
}

.tsc_pricingtable .pricing_column_first li {
	text-align: left;
	height:40px;
}
	
.tsc_pricingtable .pricing_column li {
	height:40px;
}	

.tsc_pricingtable .pricing_column_first li span {
	padding-left:10px;
}

/* 2. Columns sizes */
.pricing_three .pricing_column_first { 
	width: 418px;
}

.pricing_three .pricing_column{ 
	width: 160px;
}




.tsc_pricingtable .odd {
	background-color: #ffffff;
	border-bottom:1px dotted #ccc;
}
.tsc_pricingtable .even {
	background-color: #efefef;
	border-bottom:1px dotted #ccc;
}

.tsc_pricingtable .singleline {
	line-height:34px;
}

.tsc_pricingtable a.arrow {
    position:relative;
	background:url("../guide/pricing_table_icons.png") right -36px no-repeat; 
	padding:0 30px 0 10px;
}


.tsc_pricingtable .pricing_yes,
.tsc_pricingtable .pricing_no {
	height:18px;
	width:100%;
	float:left;
}
.tsc_pricingtable .pricing_yes {
	margin-top:6px;
	background:url("../guide/pricing_table_icons.png") center top no-repeat; 
}
.tsc_pricingtable .pricing_no {
	margin-top:6px;	
	background:url("../guide/pricing_table_icons.png") center -18px no-repeat; 
}

.tsc_pricingtable .pricing_footer {
	width: 100%;
	height: 44px;
	padding-top: 14px;
	padding-bottom: 6px;
	float: left;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #ccc;
	background-color: #eee;
}

.tsc_buttons2 { width: 100px; display:inline-block; text-decoration:none; outline:none; cursor:pointer; font:bold 12px/1em Arial, sans-serif; padding:8px 11px; color:#555; text-shadow:0 1px 0 #fff; background:#f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0); border:1px solid #dedede; border-color:#dedede #d8d8d8 #d3d3d3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;}
.tsc_buttons2:hover,
.tsc_buttons2:focus { color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color:#ccc; -webkit-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;}
.tsc_buttons2:active { position:relative; top:1px; color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color:#c6c6c6; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;}
.tsc_buttons2.rounded { padding:8px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
input.tsc_buttons2,
button.tsc_buttons2 {  *width:auto; *overflow:visible;} /* IE7 Fix */
.tsc_buttons2 img { border:none; vertical-align:bottom;}


/*  Red */
.tsc_buttons2.red { background:#f96939; background:-webkit-gradient(linear, left top, left bottom, from(#f89246), to(#fb3628)); background:-moz-linear-gradient(top, #f89246, #fb3628); border-color:#f3581b; color:#fff; text-shadow:0 1px 1px #961a07; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;}

.tsc_buttons2.red:hover,
.tsc_buttons2.red:focus { background:#fa551d; background:-webkit-gradient(linear, left top, left bottom, from(#feb279), to(#fb3628)); background:-moz-linear-gradient(top, #feb279, #fb3628); border-color:#f3581b; color:#fff; text-shadow:0 1px 1px #961a07; -webkit-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow:0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;}

.tsc_buttons2.red:active { background:#e6433d; border-color:#961a07; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07; box-shadow:0 1px 0 #fff, inset 0 0 5px #961a07;}







/*****TABS********/

.tsc_pricingtable .label_premium {
	background:url("../guide/label_premium.png") right top no-repeat; 
}

.tsc_pricingtable .blue a.pricing_button,
.tsc_pricingtable .babyblue li.pricing_header1 {
	background-color: #4db6ff;
	height:60px;
}
.tsc_pricingtable .green a.pricing_button,
.tsc_pricingtable .green li.pricing_header1 {
	background-color: #66c303;
	height:60px;
}


.tsc_pricingtable .green a.pricing_button,
.tsc_pricingtable .green li.pricing_header1 {
	background-color: #66c303;
	height:60px;
}


.tsc_pricingtable .green li.pricing_header1:hover {
	background-color: #55a505;
	height:60px;
}


#tsc_pricingtable_disclaimer ul{
	margin: 10px 0 0 0;
	padding: 0px;
	list-style: none;
	color:#666;
	font-size:11px;
	line-height:14px;
	text-align:left;
}

#tsc_pricingtable_disclaimer ul li {
	color:#666;
}

#tsc_pricingtable_disclaimer a {
	color:#0099ff;
	font-size:11px;
}

