/* CSS Document */
html{
		height:100%;
		margin-bottom:1px;
}
body{
		margin:0;
		height:100%;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
		font-size:90%;
		line-height:140%;
		color:#333;
}
.subtitle{
	font-size:16px;
	color:#555;
	font-weight:bold;
}

a{color:#0000ee;}
a:hover{color:#4499ff;}
.reset{
		clear:both;
		font-size:1px;
		line-height:1px;
}
.hasen{
		border:none;
		border-top:dashed 1px #ccc;
		background:none;
		margin:8px;
		padding:0;
		height:0;
		line-height:1px;
}

#wrapper{
		height: 100%;
		margin:auto;
}

body > #wrapper{
        height: auto;
}
#wrapper{
		margin:0 auto;
		width:928px;
        position: relative;
        height: 100%;
        min-height: 100%;
        padding-left: 20px;
}
#login_wrap{
}
#container {margin:0 auto; padding:0 10px; width:928px; }

#sub_wrapper{
		padding-bottom:60px;
}
#header{
/*		width:918px;*/
		padding:9px 5px;
		position:relative;
		height:40px;
		overflow:hidden;
		margin:0 auto;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
		padding-left: 20px;
}
#hdr_left{
		float:left;
}
#category_name{
		font-size:16px;
		font-weight:600;
		color:#888;
}
#hdr_link{
		font-size:11px;
		line-height:18px;
		float:right;
		text-align:right;
		margin-right:2px;
}
#pankuzu{
		font-size:11px;
		color:#333333;
		margin-bottom:10px;
}
div#headermsg{
  width:250px;
  height:39px;
  overflow:scroll;
  overflow-x:hidden;
  float:right;
  text-align:left;
  padding:0px 0px 0px 3px;
  font-size:11px;
  line-height:13px;
  background-color:#fff;
  margin: 0 auto !important;
}
h1{
	margin-top:0px;
margin-bottom:1em;
padding: 6px 20px 4px;
background:url(../img/h1_bg.png);
height:20px;
color:#444444;
font-size:16px;
line-height:20px;
}

h2{
		font-size:14px;
		color:#555555;
		margin:0;
}
h3{
		font-size:14px;
		color:#555555;
		margin:0;
}
.red{
	color:#F00;
}
.redsmall{
	color:#F00;
	font-size:12px;
}
.small{
	font-size:12px;
}

#contents{
		width:608px;
		text-align:left;
		margin:auto;
		float:left;
}
#full_contents{
		width:928px;
		margin:auto;
}
#right_side{
		float:right;
		width:300px;
}


#footer { 
		clear:both;
		color: #666;
		font-size: smaller;
		text-align: center;
		height:40px;
		width:100%;
}
#login_wrap #footer{
		position:relative;
}
/* --------------------------------------------------------------------- ログイン時*/
#menu{
		margin-bottom:20px;
}
#main_tab{
		height:24px;
		overflow:hidden;
		padding-left:20px;
/*		width:928px;*/
		margin:0 auto;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
}
#main_tab ul, #main_tab li{
		margin:0;
		padding:0;
		list-style:none;
		list-style-position:outside;
		font-size:13px;
}
#main_tab li{
		display:block;
		height:24px;
		float:left;
		text-align:center;
		line-height:25px;
		font-weight:600;
		color:#FFFFFF;
		overflow:hidden;
}
#main_tab li.off_left{
		background:url(../img/main_tab_left.png);
		width:5px;
}
#main_tab li.off_body{
		background:url(../img/main_tab_body.png);
}
#main_tab li.off_right{
		background:url(../img/main_tab_right.png);
		width:5px;
		margin-right:2px;
}
#main_tab li.on_left{
		background:url(../img/main_tab_on_left.png);
		width:5px;
}
#main_tab li.on_body{
		background:url(../img/main_tab_on_body.png);
		padding-left:10px;
		padding-right:10px;
}
#main_tab li.on_right{
		background:url(../img/main_tab_on_right.png);
		width:5px;
		margin-right:2px;
}


#main_tab li a{
		padding-left:10px;
		padding-right:10px;
		display:block;
		height:24px;
		float:left;
		margin-right:2px;
		text-decoration:none;
}
#main_tab li a:hover{
		text-decoration:none;
}
#sub_menu{
		height:24px;
		line-height:24px;
		background:#0071bc;
		padding-left:20px;
		color:#eeeeff;
		font-weight:600;
		margin:0 10px;
		min-width:928px;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
}
#sub_menu_inner{
		width:928px;
		margin:0 auto;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
}
#sub_menu a{
		color:#ffffff;
		font-weight:normal;
}

#sub_menu a:hover{
		text-decoration:none;
		color:#eeeeff;
}


.font_small{
	font-size:12px;
}


.contents_title{
		line-height:26px;
		height:26px;
		padding-left:5px;
		border:solid 1px #ccc;
		background:#009adb;
		font-weight:600;
		color:#fff;
}
.contents_box, #news_box{
		border:solid 1px #ccc;
		border-top:none;
		padding:10px;
		margin-bottom:20px;
}
#news_box table{
		width:100%;
		font-size:80%;
}
#news_box table td{
		padding:1px;
}
#news_box .date{
		width:80px;
		padding-left:5px;
}
#new_account_box{
		width:100%;
}


#account_box, .right_box{
		background:#e8eefa;
		border:solid 1px #ccc;
		padding:10px 10px;
		margin-bottom:20px;
		text-align:center;
}
#account_box a{
		display:block;
		background:url(../img/button_blue.gif);
		width:240px;
		height:40px;
		margin:5px auto 0;
		text-align:center;
		line-height:36px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-decoration:none
}
#account_box a:hover{
		text-decoration:underline;
}
#login_box{
		width:100%;
		border:solid 1px #e8eefa;
}
#login_box td.bg{
		background:#e8eefa;
		text-align:center;
		vertical-align:top;
		padding:10px;
}
.login_text{
		width:160px;
}

/* -------------------------------------------------------------------- インターネットＦＡＸ */
.sub_menu{
		text-align:left;
}
.sub_menu ul, sub_menu li{
		margin:0;
		padding:0;
		list-style:none;
}
.sub_li{
		margin-left:20px;
}



.sub_menu h2{
		font-size:16px;
		margin:5px;
		color:#333333;
		text-align:center;
}
.plan_table{
		width:100%;
		background:#999999;
		margin-bottom:20px;
}
.plan_table th{
/*		width:107px;*/
		background:#c6e0f5;
		text-align:center;
		height:26px;
		border:solid #fff;
		border-width:1px 0 0 1px;
		color:#444;
}
.plan_table th.left{
/*			width:200px;*/
}
.plan_table td{
		background:#fff;
		padding:5px;
}
.plan_table td.left{
		background:#f3f3ff;
		border:solid #fff;
		border-width:1px 0 0 1px;
}
.plan_table td{
		text-align:center;
}
.plan_table td.bikou{
		text-align:left;
}

.kinou_ul{
		margin:5px 0 15px 5px;
		list-style:none;
}


.contents_h2{
		background:url(../img/h2_bg.png);
		height:30px;
		line-height:30px;
		margin-top:10px;
		padding-left:13px;
/*		width:595px;*/
		width:575px;
		color:#555;
		margin-bottom:8px;
}

.contents_p{
		margin:0;
		padding:5px 5px 20px 10px;
}

.kiki_table{
		width:100%;
		background:#CCCCCC;
}
.kiki_table th{
		width:150px;
		text-align:center;
		font-size:90%;
		background:#f3f3f3;
		color:#333;
		border:solid #fff;
		border-width:1px 0 0 1px;
}
.kiki_table td{
		background:#fff;
		padding:5px;
		font-size:90%;
}

/* ナンバーポータビリティー */
.np_table{
		background:#CCCCCC;
		font-size:13px;
}
.np_table th{
		background:#e6e6e6;
		color:#333;
		padding:5px 10px;
		text-align:center;
		border:solid #fff;
		border-width:1px 0 0 1px;
}
.np_table td{
		background:#fff;
		padding:5px 10px;
}
.np_table td.np_left{
		width:80px;
		background:#f3f3f3;
		text-align:center;
		border:solid #fff;
		border-width:1px 0 0 1px;
}


/* ナンバーポータビリティー申込 */
.npapp_table{
		background:#CCCCCC;
		font-size:13px;
}
.npapp_table td{
		background:#fff;
		padding:5px 10px;
}
.npapp_table td.header{
		background:#e6e6e6;
		text-align:center;
}
.npapp_table td.right{
		background:#f3f3f3;
		text-align:right;
		border:solid #fff;
		border-width:1px 0 0 1px;
}

/* 運営会社 */
.unei_table{
		background:#CCCCCC;
		font-size:13px;
}
.unei_table th{
		background:#e6e6e6;
		color:#333;
		padding:5px 10px;
		text-align:center;
		border:solid #fff;
		border-width:1px 0 0 1px;
}
.unei_table td{
		background:#fff;
		padding:5px 10px;
}
.unei_table td.np_left{
		background:#f3f3f3;
		text-align:center;
		border:solid #fff;
		border-width:1px 0 0 1px;
}




/*規約*/
.kiyaku_num{
		width:28px;
		float:left;
}
.kiyaku_sentense{
		width:580px;
		float:left;
		font-size:12px;
		margin-bottom:10px;
}









#main{
	width : 100%;
	background-color: #FFFFFF;
	border: 1px solid #0071bc;
}

.category{
	font-size: 16px;
	color: #FFFFFF;
	background-color: #0071bc;
	padding: 5px;
}
/*
table{
	border: 0;
	cellpadding: 10px;
	cellspacing: 10px;
	font-size:13px;
	text-align: center;
}
*/
/*tr.header{
	border-bottom: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	text-align: center;
	background-color: #3371BB;
	color: #ffffff;
}*/
.mypage_table{
		background:url(../img/tabel_td.gif) top;
		background:#c9d5dd;
}
td.soft-blue{
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	background-color: #70B4DE;
	text-align: center;
	color: #000000;
}
td.soft-blue-left{
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #70B4DE;
	text-align: left;
	color: #000000;
}

td.pale-blue{
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #F0F8FF;
	text-align: center;
	font-size: 16px;
	color: #000000;
}
td.pale-blue-left{
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
/*	background-color: #F0F8FF;*/
	text-align: left;
	font-size: 16px;
	color: #000000;
}

hr{
	width: 98%;
}

a img {
    border-style:none;
}

/* ユーザーページ関連 */
.mypage_h4{
		background:url(../img/mypage_arrow1.gif) left top no-repeat;
		height:30px;
		padding-left:36px;
		font-size:24px;
		line-height:30px;
		color:#454545;
		margin:10px 0 0;
		padding-bottom:20px;
}
.table_head{
		margin:30px auto 0;
		background:url(../img/table_head.gif);
		width:800px;
		
		height:20px;
}
.table_waku{
		margin:0 auto;
		background:url(../img/table_body.gif);
		padding:10px 50px;
		width:700px;
}
.table_bottom{
		margin:0 auto 30px;
		background:url(../img/table_bottom.gif);
		width:800px;
		
		height:20px;
}
.th1{
		width:220px;
		padding:5px 10px;
		background:url(../img/table_th.gif);
		background:#0080c7;
		font-size:14px;
		font-weight:600;
		color:#FFFFFF;
}
.th2{
		width:220px;
		padding:5px 10px;
		background:url(../img/table_th2.gif);
		background:#f6f6f6;
		font-size:14px;
		color:#444;
}
.td1{
		width:435px;
		padding:5px 5px 5px 10px;
		background:#fff;

}

ul.users, ul.users li{
		width:600px;
		list-style:none;
		list-style-position:outside;
		padding:0;
}
ul.users{
		margin:15px 0;
		font-size:12px;
		line-height:1.4em;
}
.table_waku hr{
		width:700px;
}
.to_top{
		margin-top:10px;
		width:700px;
}

/* ポイント管理 */
.zandaka{
		width:700px;
		background:#78b2d9;
		line-height:1.5em;
}
.zandaka td{
		border:none;
}
.zandaka_left{
		padding:3px;
		text-align:center;
		background:#78b2d9;
		color:#FFFFFF;
		font-weight:600;
		width:200px;
}
.zandaka_price{
		text-align:center;
		background:#fff;
		width:200px;
}
.how{
		font-size:13px;
		width:700px;
		background:#78b2d9;
}
.how td{
		background:#FFFFFF;
		border:none;
		padding:10px;
}
.how td.how_left{
		padding:3px;
		text-align:center;
		background:#78b2d9;
		color:#FFFFFF;
		font-weight:600;
}

.point_th{
		background:#0080c7;
		text-align:center;
		color:#fff;
		line-height:30px;
}
.point_td1{
		background:#78b2d9;
		text-align:center;
		padding:5px;
		color:#fff;
}
.point_td2{
		background:#fff;
		text-align:center;
		padding:5px;
		color:#000;
		border-bottom:solid 1px #CCCCCC;
}
.point_td3{
		background:#cae0f1;
		text-align:center;
		padding:5px;
		color:#000;
		border-bottom:solid 1px #78b2d9;
}
.point_download_left{
		background:#78b2d9;
		padding:10px 10px 15px 10px;
		width:450px;
		color:#FFFFFF;
}
.mmdd{
/*		border:none;*/
		width:26px;
}
.point_download_right{
		height:60px;
		background:#fff;
		padding:10px;
		width:260px;
		border:solid 1px #78b2d9;
		text-align:center;
}
.point_download_right input{
		width:200px;
		height:34px;
}


/* サービスのご案内 */
.service_table{
		background:#c4ced0;
}
.service_th{
		background:#0080c7;
		text-align:center;
		color:#fff;
		line-height:30px;
}
.service_td1{
		background:#78b2d9;
		text-align:center;
		padding:5px;
		color:#fff;
}
.service_td2{
		background:#fff;
		padding:5px;
		color:#333;
		font-size:13px;
}
.service_td3{
		background:#cae0f1;
		text-align:center;
		padding:5px;
		color:#000;
}
.service_td3 input{
		height:34px;
		width:80px;
}
/* FAX TOP */
.fax_table{
		background:#c9d5dd;
}
.fax_table td{
		font-size:13px;
		background:#fff;
		padding:5px;
		text-align:center;
}
.fax_table td.service_th{
		background:#0080c7;
		text-align:center;
		color:#fff;
		line-height:1.5em;
		font-size:14px;
}
.fax_table td.service_th a{
		color:#fff;
}

.fax_table td.service_th a:hover{
		color:#cceeff;
}

.faxtop_btn1{
		width:90px;
}
.faxtop_btn2{
		width:180px;
}

.fax_table .fax_input_td{
		padding:5px 5px 5px 10px;
		text-align:left
}
.btn_send{
		width:200px;
		height:32px;
		margin:auto
}
.fax_table .fax_th_gray{
		background:#f2f2f2;
}

/* フォーム関連 */

div.form_area{
	width: 600px;
	margin: 10px auto;
	text-align: center;
	background: url(/toukibo_common/images/form-middle.jpg) repeat-y center top;
	}
	
div.form_area table{
	width: 580px;
	margin: 0 auto;
	}
	
div.form_area th{
	background-color: #F93;
	/*padding:10px;*/
	padding:3px 3px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
    line-height:130%;
	}
	
div.form_area td{
	/*padding:10px;*/
	padding:2px 3px;
	border: 1px solid #cccccc;
    line-height:130%;
	}

select.stretchDropdown {
    font-size:12px;
    width:410px;
    margin-top:2px;
    margin-bottom:2px;
}
select#get_number {
    margin-top:2px;
    margin-bottom:2px;
}
.text_small {
    display:block;
    text-align:left;
    margin-left:15px;
    font-size:small;
}

	
div.form_btn{
	text-align: center;
	margin: 15px auto;
	}
	
div.form_btn02{
	float: right;
	margin: 5px;
	width: 250px;
	text-align: right;
	}
	
div.form_btn02 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div.form_btn02 li{
	float: left;
	}
	
.cap10px{
	font-size: 10px;
}

/* ログイン画面関連 */

div#contents_login{
	width: 640px;
	margin: 20px auto;
}

div#login_form{
	width: 626px;
	background: url(../toukibo/login/images/login-middle.jpg) repeat-y center top;
	position: relative;
	}
	
div#remind_form{
	width: 626px;
	margin-top: 30px;
	background: url(../toukibo/login/images/mail-middle.jpg) repeat-y center top;
	
	}
	
div#remind_form h3{
	margin: 10px auto;
	text-align: center;
}
	
div#login_form p,div#remind_form p{
	padding: 10px 20px;
	}
	
div#login_form dl,div#remind_form dl{
	padding: 5px  20px;
}

div#login_form dt,div#remind_form dt{
	color: #3eb7e0;
	font-size: 12px;
	font-weight: bold;
}

div.submit_btn{
	margin: 10px auto 0 auto;
	text-align: center;
}

div#contents_login p{
	margin: 15px 0;
	font-size: 12px;
}

div#ssl{
	position: absolute;
	top: 75px;
	right: 15px;
}

#headerR{
	width:350px;
	float:right;
	text-align:right;
    font-size:11px;
    line-height:1;
}
	#headerR ul{
		margin-bottom:5px;
	}
		#headerR li{display:inline;margin-right:1px;}
		#headerR li a{
			display:inline-block;
			*display: inline;
			*zoom: 1;
			border:1px solid #d9d9d9;
			border-radius:2px;
			margin-left:-3px;
			margin-left:0\9;
			text-decoration:none;
			color:#333;
			background: #fefefe;
			background: -moz-linear-gradient(top,  #fefefe 0%, #ebebeb 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ebebeb));
			background: -webkit-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
			background: -o-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
			background: -ms-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
			background: linear-gradient(to bottom,  #fefefe 0%,#ebebeb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebebeb',GradientType=0 );
		
		}
		#headerR li a span{
			height:20px;
			line-height:20px;
			padding:0 13px 0 15px;
			overflow:hidden;
			background:url(../img/h_btn_arrow.gif) 5px 50% no-repeat;
		}
			#headerR li a:hover{
				color:#20b8f1;
				background:#fefefe;
			}
			#headerR li a:hover span{background:url(../img/h_btn_arrow_on.gif) 5px 50% no-repeat;}