@charset "Shift-jis";
/* -----------------------------------------------

TNC | 入会案内
FILE DATA: index.css

----------------------------------------------- */
h1 {
	margin:5px 0 10px 0;
	padding:0;
	background:url(../images/title.gif) no-repeat 50%;
	width:760px;
	height:42px;
	text-indent:-1000em;
	border-top:#CCCCCC solid 1px;
}
/* サイド --------------------------------------------------------- */
#menu {
	padding:0 0 0 10px;
	width:170px;
	float:left;
}
#banner01 {
	background: url(../images/banner01.gif) no-repeat;
	width:170px;
	height:82px;
}
#banner01 h3 {
	text-indent:-1000em;
}
#banner01 p {
	text-indent:-1000em;
}
#cp_banner {
	margin:10px auto 0 auto;
	width:170px;
	text-align:center;
}
#cp_banner img{
	padding:3px;
	border:#CCCCCC solid 1px;
}
#banner02{
	padding:10px 0 0 0;
	margin:0 auto 0 auto;
	text-align:center;
}
#banner02 h3{
	background: url(../images/banner02_top.gif) no-repeat;
	width:170px;
	height:92px;
	display:block;
	text-indent:-1000em;
}
#banner02 p{
	visibility:hidden;
	display:none;
}
#service_area {
	padding:0 0 0 3px;
	_padding:0;
	background: url(../images/banner02_bg.gif) repeat-y;
}
#service_area input{
	margin:0 4px;
}
.adslin {
	width:30px;
}
#banner02_footer {
	background: url(../images/banner02_bottom.gif) no-repeat;
	width:170px;
	height:10px;
	display:block;
	text-indent:-1000em;
}
.service_area_bt {
	padding:5px 0 0 0;
	outline:none;
}
/* 今すぐ */
#banner03{
	padding:5px 0 0 0;
}
#banner03 h3{
	background: url(../images/banner03_top.gif) no-repeat;
	width:170px;
	height:56px;
	display:block;
	text-indent:-1000em;
}
#banner03_ul {
	list-style:none;
	background:#00B8D4;
}
.px01 {
	margin:1px 0 0 0;
}
.b03_01 {
	background:#00B8D4 url(../images/banner03_bt_01.gif) no-repeat;
	width:170px;
	height:32px;
	display:block;
	text-indent:-1000em;
	margin:0 0 1px 0;
	text-decoration:none;
}
.b03_02 {
	background: url(../images/banner03_bt_02.gif) no-repeat;
	width:170px;
	height:33px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b03_03 {
	background: url(../images/banner03_bt_03.gif) no-repeat;
	width:170px;
	height:33px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b03_04 {
	background: url(../images/banner03_bt_04.gif) no-repeat;
	width:170px;
	height:33px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b03_05 {
	background: url(../images/banner03_bt_05.gif) no-repeat;
	width:170px;
	height:33px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b03_06 {
	background: url(../images/banner03_bt_06.gif) no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
a.b03_01:hover{
	background-position: 0 -32px;
}
a.b03_02:hover,
a.b03_03:hover,
a.b03_04:hover,
a.b03_05:hover{
	background-position: 0 -33px;
}
a.b03_06:hover{
	background-position: 0 -35px;
}
/* すでに入会 */
#banner04{
	padding:8px 0 0 0;
}
#banner04 h3{
	background: url(../images/banner04_top.gif) no-repeat;
	width:170px;
	height:60px;
	display:block;
	text-indent:-1000em;
}
#banner04_ul {
	list-style:none;
	background:#00B8D4;
}
.b04_01 {
	background: url(../images/banner04_bt_01.gif) no-repeat;
	width:170px;
	height:38px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b04_02 {
	background: url(../images/banner04_bt_02.gif) no-repeat;
	width:170px;
	height:37px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b04_03 {
	background: url(../images/banner04_bt_03.gif) no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b04_04 {
	background: url(../images/banner04_bt_04.gif) no-repeat;
	width:170px;
	height:38px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
a.b04_01:hover,
a.b04_04:hover{
	background-position: 0 -38px;
}
a.b04_02:hover{
	background-position: 0 -37px;
}
a.b04_03:hover{
	background-position: 0 -35px;
}
/* TNCおすすめサービス */
#banner05{
	margin:8px 0 0 0;
	background: url(../images/b4_bg.gif) repeat-y;
}
#banner05 h3{
	background: url(../images/banner05_top.gif) no-repeat;
	width:170px;
	height:24px;
	display:block;
	text-indent:-1000em;
}
#banner05_ul {
	width:170px;
	background:none;
	list-style:none;
}
#banner05_ul li{

}

.b5_li {
	border-bottom:#CCCCCC dotted 1px;
	padding:10px 0;
}
.b5_li_end {
	padding:10px 0;
}
.b05_01 {
	margin:0 auto;
	background: url(../images/logo01.gif) no-repeat;
	width:170px;
	height:35px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b05_02 {
	margin:0 auto;
	background: url(../images/logo02.gif) no-repeat;
	width:170px;
	height:31px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b05_03 {
	margin:0 auto;
	background: url(../images/logo03.gif) no-repeat;
	width:170px;
	height:17px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b05_04 {
	margin:0 auto;
	background: url(../images/logo04.gif) no-repeat;
	width:170px;
	height:30px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
.b05_05 {
	margin:0 auto;
	background: url(../images/pocket_banner.gif) no-repeat;
	width:170px;
	height:49px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
}
#banner05_footer{
	background: url(../images/banner05_bottom.gif) no-repeat;
	width:170px;
	height:3px;
	display:block;
	line-height:0;
	font-size:1px;
	text-indent:-1000em;
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
}
*+html #banner05_footer {
	background: url(../images/banner05_bottom.gif) no-repeat;
	width:170px;
	height:3px;
	display:block;
	line-height:0;
	font-size:1px;
	text-indent:-1000em;
	margin:0 0 5px 0;
}
/* コンテンツ ------------------------------------------------------ */
#contents {
	padding:0 10px 0 10px;
	width:560px;
	float:right;
}
h4 {
	margin:0;
	background-color:#009999;
}
#flash_banner {
	margin:0 0 10px 0;
}
#adsl {
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
	padding:0;
	border:#ECECEC solid 5px;
	width:265px;
	float:left;
}
#hikari {
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
	padding:0;
	border:#ECECEC solid 5px;
	width:265px;
	float:right;
	text-align:center;
}
.top_bb {
	clear:both;
	text-align:left;
	margin:0 auto;
	width:240px;
}
.item_p {
	padding:0;
	margin:0 0 10px 0;
	color:#555555;
	line-height:1.3em;
	width:240px;
}
.smallcap {
	font-size:0.8em;
	color:#999999;
}
.main_h2 {
	margin:0;
	padding:0;
	text-indent:-10000em;
}
.item_l {
	margin:0 0 10px 0;
	padding:10px;
	border:#ECECEC solid 5px;
	width:245px;
	float:left;
}
.item_r {
	margin:0 0 10px 0;
	padding:10px;
	border:#ECECEC solid 5px;
	width:245px;
	float:right;
}
.item2_l {
	margin:0 0 10px 0;
	_margin:0;
	padding:10px;
	border:#ECECEC solid 5px;
	width:245px;
	float:left;
	height:100px;
}
.item2_r {
	margin:0 0 10px 0;
	_margin:0;
	padding:10px;
	border:#ECECEC solid 5px;
	width:245px;
	float:right;
	height:100px;
}
.item_img{
	padding:0;
	margin:0 0 5px 0;
	float:left;
}
.item01_title {
	margin:0;
	padding:0;
	display:block;
	text-indent:-1000em;
	float:right;
	text-decoration:none;
}

.item02_title {
	display:block;
	text-indent:-1000em;
	float:right;
	text-decoration:none;
}
a.item02_title:hover{
	background-position: 0 -50px;
}
.item03_title {
	position:relative;
	right:20px;
	background: url(../images/sub_title03.gif) no-repeat;
	width:149px;
	height:36px;
	display:block;
	text-indent:-1000em;
	float:right;
	text-decoration:none;
}
a.item03_title:hover{
	background-position: 0 -36px;
}
.item04_title {
	position:relative;
	right:0px;
	background: url(../images/sub_title04.gif) no-repeat;
	width:171px;
	height:17px;
	display:block;
	text-indent:-1000em;
	float:right;
	text-decoration:none;
}
a.item04_title:hover{
	background-position: 0 -17px;
}
.item05_title {
	position:relative;
	right:28px;
	background: url(../images/sub_title05.gif) no-repeat;
	width:142px;
	height:34px;
	display:block;
	text-indent:-1000em;
	float:right;
	text-decoration:none;
}
a.item05_title:hover{
	background-position: 0 -34px;
}
.item06_title {
	position:relative;
	right:45px;
	background: url(../images/sub_title06.gif) no-repeat;
	width:124px;
	height:36px;
	display:block;
	text-indent:-1000em;
	float:right;
	text-decoration:none;
}
a.item06_title:hover{
	background-position: 0 -36px;
}
.item07_title {
	width:122px;
	height:39px;
	display:block;
	text-indent:-1000em;
	float:right;
	margin:0;
	padding:0;
	text-decoration:none;
}
/*.item07_title {
	background: url(../images/sub_title07.gif) no-repeat;
	width:122px;
	height:39px;
	display:block;
	text-indent:-1000em;
	float:right;
	margin:0;
	padding:0;
}*/
a.item07_title:hover{
	background-position: 0 -39px;
	margin:0;
	padding:0;
}
.item_img2{
	float:left;
}
.item2_p {
	padding:5px 0 0 0;
	text-align:left;
	color:#555555;
	width:170px;
	float:right;
	line-height:1.3em;
}

#dial_area {
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
	padding:10px;
	border:#ECECEC solid 5px;
	width:530px;
}
.dial_img_set {
	margin:0;
	width:200px;
	float:left;
}
.dial_img_set h2{
	display:inline;
}
.item3_img {
	float:left;
}

.item3_p {
	padding:5px 0 0 0;
	text-align:left;
	color:#555555;
	float:right;
	width:315px;
	line-height:1.3em;
}
#connect {
	float:right;
	background:url(../images/offer_img_451_150.gif) no-repeat;
	width:451px;
	height:150px;
}
#connect h3 {
	margin:0;
	padding:0;
	text-indent:-1000em;
}
#connect ul {
	float:left;
	background:none;
}
#connect li {
	background:none;
	float:left;
}
.co_b01 {
	position:relative;
	top:20px;
	left:16px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
}
/* affect to only MacIE5 \*//*/
.co_b01{
	margin:0 0 0 105px;
	position:relative;
	margin-top: 20px;
	left:16px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
	float:left;
}
/* end */
.co_b02 {
	position:relative;
	top:20px;
	left:31px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
}
/* affect to only MacIE5 \*//*/
.co_b02{
	margin:0 0 0 10px;
	position:relative;
	margin-top: 20px;
	left:31px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
	float:left;
}
/* end */
.co_b03 {
	position:relative;
	top:20px;
	left:46px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
}
/* affect to only MacIE5 \*//*/
.co_b03{
	margin:0 0 0 15px;
	position:relative;
	margin-top: 20px;
	left:46px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
	float:left;
}
/* end */
.co_b04 {
	position:relative;
	top:22px;
	left:16px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
}
/* affect to only MacIE5 \*//*/
.co_b04{
	margin:0 0 0 13px;
	position:relative;
	margin-top: 22px;
	left:16px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
	float:left;
}
/* end */
.co_b05 {
	position:relative;
	top:22px;
	left:31px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
}
/* affect to only MacIE5 \*//*/
.co_b05{
	margin:0 0 0 13px;
	position:relative;
	margin-top: 22px;
	left:31px;
	display:block;
	width:130px;
	height:46px;
	text-indent:-10000em;
	text-decoration:none;
	outline:none;
	float:left;
}
/* end */