/* SNI */
/* common------------------------------------------------------------------------- */

*{
	margin: 0px;
	padding: 0px;;
	}

body{
	font-size: 12px;
	line-height: 18px;
	background-color: #fff;
	}

h2{
	margin: 5 0 5 15px;
	padding: 15 5px;
	background-image: url(image/title_back.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 35px;
	text-align: left;
	color: #004176;
	}

h2 span{
	font-size: 20px;
	}

h3{
	clear: both;
	margin: 20 0 10 20px;
	}

h4{
	clear: both;
	display: block;
	padding: 5px;
	margin: 20 40 10 40px;
	background: #99B0BD;
	color: #ffffff;
	text-align: left;
	font-size: 15px;
	}

a{
	color: #0094CF;
	}

h4 a{
	color: #ffffff;
	}

h5{
	clear: both;
	display: block;
	padding: 5px;
	margin: 20 40 10 40px;
	padding: 3px;
	background: #ddd;
	color: #555;
	font-size: 12px;
	text-align: left;
	}

h5 a{
	color: #555;
	}

table{
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	}

#table_container{
	width: 654px;
	padding-bottom: 40px;
	vertical-align: top;
	}

.table_base{
	margin: 0 40px;
	border-collapse: collapse;
	width: 80%;
	}

.table_base td, .table_base th{
	padding: 5px;
	empty-cells: show;
	border: 3px solid #009FB1;
	}

.table_base th{
	padding: 10px;
	background-color: #BEE3E7;
	}

.table_base td{
	text-align: left;
	}

.table_base td span{
	font-size: 13px;
	font-weight: bold;
	}

.table_tr{
	background-color: #EFFDFF;
	}

p{
	clear: left;
	padding: 5 40 5 40px;
	text-align: left;
	}

p span{
	font-weight: bold;
	}

img{
	border: none;
	}

.input_botan{
	width: 150px;
	height: 30px;
	margin: 10px;
	}

.input_text{
	font-size: 100%;
	}

.page_top{
	clear:both;
	display: block;
	text-align: right;
	color: #0094CF;
	}

.list{
	text-align: left;
	margin: 5 40 0 60px;
	}
	
.list li{
	margin-bottom: 5px;
	}

.num_list{
	text-align: left;
	margin: 5 40 0 60px;
	}

.num_list li{
	margin-bottom: 5px;
	}


.font_red{
	color: #FF0000;
	}

strong a{
	color: #000;
	}

input{
	margin: 3 0px;
	}

/* tab_menu-------------------------- */

#tab{
	float: left;
	width: 98%;
	margin: 10 15px;
	background-image: url(image/tab_back.gif);
	background-position: center;
	list-style: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	}


#tab li{
	width: 85px;
	float: left;
	background-image: url(image/tab_back-on.gif);
	background-position: center;
	border-right: 1px solid #ffffff;
	}

#tab li span{
	display: block;
	padding: 9 0px;
	}

#tab li a{
	display: block;
	width: 85px;
	padding: 9 0px;
	background-image: url(image/tab_back.gif);
	background-position: center;
	color: #ffffff;
	text-decoration: none;
	}

#tab li a:hover{
	background-image: url(image/tab_back-on.gif);
	}


.subtab{
	float: left;
	margin: 5 0 15 40px;
	list-style: none;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	
	}

.subtab li{
	width: 150px;
	float: left;
	margin-right: 5px;
	background-image: url(image/subtab_back-on.gif);
	background-position: bottom;
	border: 1px solid #aaa;
	}

.subtab li span{
	display: block;
	}

.subtab li a{
	display: block;
	width: 100%;
	background-image: url(image/subtab_back.gif);
	background-position: bottom;
	color: #666;
	text-decoration: none;
	}

.subtab li a:hover{
	background-image: url(image/subtab_back-on.gif);
	color: #fff;
	}


/* upper-------------------------------------------------------------------------- */

#upper{
	width: 795px;
	border-bottom: 3px solid #00693E;
	margin: 20 0 0 5px;
	}

#upper h1{
	padding: 3 0 3 0px;
	border-top: 2px solid #B8D200;
	border-bottom: 2px solid #B8D200;
	}

#upper form {
	position: absolute;
	top: 26px;
	left: 550px;
	line-height: 10px;
	}

#upper_menu{
	width: 800px;
	text-align: right;
	position: absolute;
	top: 1px;
	}

#upper_menu a{
	padding: 0 15 0 15px;
	background-image: url(image/point.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #595757;
	}

#upper_menu a:hover{
	color:#009944;
	}

/* menu--------------------------------------------------------------------------- */

#menu{
	width: 130px;
	margin-left:10px;
	text-align: center;
	}

#menu ul{
	list-style: none;
	margin-bottom: 5px;
	text-align: left;
	}

#menu ul li{
	padding: 0px;
	border: 1px solid #ccc;
	border-top: 1px solid #fff; 
	}

#menu ul a{
	display: block;
	padding:3 0 3 5px;
	border-left: 5px solid orange;
	color: #000;
	text-decoration: none;
	background-image: url(menu/image/menu_back.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#menu ul a:hover{
	color: #000;
	background-image: none;
	background-color: orange;
	font-weight: bold;
	}


.page_top_link{
	display: block;
	clear: both;
	width: 100%;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	color: #0092FF;
	text-decoration: none;
	}

.page_top_link:hover{
	color: #888888;
	}

/* top---------------------------------------------------------------------------- */

/* top center-------------------------------- */

#top_main{
	width: 380px;
	float: left;
	text-align: center;
	}

#top_main img{
	margin-bottom: 10px;
	}


/* 新着情報 */

ul.news{
	list-style: none;
	text-align: left;
	margin: 3 0 0 0px;
	}

ul.news li{
	padding: 3px;
	}

ul.news li.back{
	background-color: #eee;
	}

ul.news li a{
	color: #000;
	text-decoration: none;
	}

ul.news li a:hover{
	color: #FFA500;
	text-decoration: none;
	}

ul.news li.kako{
	text-align: right;
	border-top: 3px solid #ccc;
	}


/* 工事障害情報 */

ul.accident{
	width: 182px;
	height:155px;
	margin: 10 3 10 3px;
	float:left;
	border: 1px solid #9F9FA0;
	list-style: none;
	text-align: left;
	}

ul.accident li{
	padding: 4px;
	}

ul.accident .title{
	background-color: #E1F0E2;
	border-bottom: 1px solid #9F9FA0;
	color: #008842;
	font-weight: bold;
	}

ul.accident li a{
	display: block;
	padding-left: 18px;
	font-size: 10px;
	line-height: 15px;
	color: #000;
	text-decoration: none;
	background: url(image/point.gif);
	background-repeat: no-repeat;
	background-position: laft top;
	}

ul.accident li a:hover{
	color: #FFA500;
	}


/* 携帯サイト *

#top_mobile{
	width: 380px;
	clear: left;
	padding: 1px;
	border: 1px solid #9F9FA0;
	text-align: left;
	margin-bottom: 10px;
	}

#top_mobile dt{
	padding: 5px;
	color: #004EA2;
	font-size: 15px;
	font-weight: bold;
	}

#top_mobile dd{
	padding: 5px;
	}

#top_mobile dd span{
	font-size: 10px;
	color: #666;
	}

#top_mobile dd img{
	margin-right: 5px;
	}


/* top sidebox------------------------------- */

#sidebox{
	float: left;
	width: 254px;
	margin-left: 10px;
	text-align: center;
	}

#sidebox dl{
	width: 100%;
	padding: 1px;
	border: 1px solid #9F9FA0;
	margin-bottom: 10px;
	}

#sidebox dd{
	text-align: left;
	padding: 5px;
	}

#sidebox dd .center{
	display: block;
	text-align: center;
	}

#sidebox a img{
	margin-bottom: 6px;
	}

#sidebox p{
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	color: #555;
	padding: 0px;
	margin-bottom: 10px;
	
	}



/* service------------------------------------------------------------------------ */

.service_text{
	font-size: 13px;
	text-align: left;
	clear: both;
	}

.service_text span{
	font-size: 15px;
	font-weight: bold;
	}

.service_text span a{
	color: #0092FF;
	text-decoration: none;
	}

.service_text span a:hover{
	color: #888888;
	}

.join_plan{
	width: 580px;
	font-size: 13px;
	border: 5px solid #119EAE;
	}

.join_plan td{
	text-align: center;
	padding: 5px;
	border: 1px solid #119EAE;
	}

td.join_plan_title{
	background: #BEE3E7;
	font-size: 15px;
	font-weight: bold;
	}

.option_mail{
	width: 240px;
	height: 160px;
	border: 3px solid #F4B4C0;
	padding: 2px;
	margin: 0 10 20 40px;
	font-weight: bold;
	float: left;
	text-align: left;
	}

.option_mail .title{
	margin: 7 0px;
	}

.option_mail_img{
	margin: 7 0 0 20px;
	}
	
.option_hp{
	width: 300px;
	height: 160px;
	border: 3px solid #FACA81;
	padding: 5px;
	font-weight: bold;
	float: left;
	}

/* その他------------------------------------- */

.sonota{
	width: 80%;
	margin: 0 10 0 10px;
	font-size: 13px;
	border: 5px solid #119EAE;
	}

.sonota td{
	text-align: center;
	padding: 5px;
	border: 1px solid #119EAE;
	}

td.sonota_title{
	background: #BEE3E7;
	font-size: 13px;
	font-weight: bold;
	}


/* kiyaku------------------------------------------------------------------------- */

.kiyaku_day{
	display: block;
	text-align: right;
	}

.kiyaku{
	margin-left: 20px;
	text-indent: -1em;
	}


/* support------------------------------------------------------------------------ */

#support td{
	text-align: center;
	}

.support_text{
	font-size: 130%;
	}


/* news--------------------------------------------------------------------------- */

#news ul{
	margin-top: 0px;
	}

#news ul li{
	margin: 0px;
	}

.table_news{
	margin: 0 40px;
	border-collapse: collapse;
	width: 85%;
	}


.table_news td, .table_news th{
	padding: 5px;
	empty-cells: show;
	border: 1px solid #666666;
	}

.table_news th{
	background-color: #eeeeee;
	}

.table_news td{
	text-align: left;
	}


/* flets-------------------------------------------------------------------------- */

#flets_menu li{
	width: 77px;
	font-size: 88%;
	}

#flets_menu li a{
	width: 77px;
	font-size: 88%;
	}

#flets_menu .flets_spot{
	width: 90px;
	}

#flets_menu .flets_spot a{
	width: 90px;
	}

#flets_menu span{
	font-size: 88%;
	}

.flets_table table{
	width: 85%;
	}

.flets_table td{
	text-align: center;
	}

.flets_table div{
	font-size: 85%;
	}

.flets_flow{
	margin: 10 80px;
	padding: 5 15px;
	background-color: #eee;
	font-size: 15px;
	line-height: 25px;
	border: 1px dotted #666;
	}

.flets_flow img{
	margin: 5 0px;
	}


/* ap----------------------------------------------------------------------------- */

#ap_menu li{
	width: 180px;
	}

#ap_menu li a{
	width: 180px;
	}

.ap table th{
	text-align: left;
	}

.ap table td{
	text-align: center;
	}

.ap_sniap{
	padding: 0 20px;
	margin: 3px;
	border: 1px solid #333;
	background-color: #CDEFC2;
	}

.ap_loap{
	padding: 0 20px;
	margin: 3px;
	border: 1px solid #333;
	background-color: #ffffdc;
	}

.ap_td_sniap{
	background-color: #CDEFC2;
	font-weight: bold;
	}

.ap_td_loap{
	background-color: #ffffdc;
	font-weight: bold;
	}

/* application-------------------------------------------------------------------- */

#app #tab li{
	width: 155px;
	}

#app #tab li a{
	width: 155px;
	}


/* homepage----------------------------------------------------------------------- */

#homepage_menu li{
	width :200px;
	}

#homepage_menu li a{
	width :200px;
	}


/* userpage----------------------------------------------------------------------- */
.userpage_premium th{
	font-size: 120%;
	text-align: left;
	}

.userpage_premium td{
	width: 164px;
	text-align: center;
	font-size: 120%;
	}

.userpage_premium p img{
	margin: 0 10 20 10px;
	float: left;
	vertical-align: top;
	}


/* setup-------------------------------------------------------------------------- */

#setup_menu li{
	width :100px;
	}

#setup_menu li a{
	width :100px;
	}

#setup_menu .on{
	background-image: url(image/tab_back-on.gif);
	}

#setup_menu .on:hover{
	background-image: url(image/tab_back-on.gif);
	}

.table_setup{
	width: 87%;
	margin-bottom: 35px;
}
.table_setup th,
.table_setup td{
	border: 1px solid #2a2a2a;
}

.table_setup_taiou td{
	width: 50%;
	font-weight: bold;
	padding: 5px 70px;
}

.table_setup_taiou td.center{
	text-align: center;
}

.table_setup_taiou th span,
.table_setup_taiou td span{
	color: #B70000;
}


/* q_and_a------------------------------------------------------------------------ */

#q_and_a_menu li{
	width: 110px;
	}

#q_and_a_menu li a{
	width: 110px;
	}


/* word--------------------------------------------------------------------------- */

#word h2{
	width: 590px;
	background-image: url(image/sub_title-back.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #C9CACB;
	font-size: 120%;
	text-align: left;
	padding:5px;
	margin: 10 0 10 0px;
	}

#word div{
	margin-left: 35px;
	}

#word a{
	margin: 3px;
	}

#word dl{
	width: 280px;
	float: left;
	margin: 0 5 0 5px;
	}

#word dt{
	padding: 5 0 5 10px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	}

#word dt a{
	color: #fff;
	}

#word dd{
	text-align: left;
	}

#word dd a{
	display: block;
	width:120px;
	float: left;
	background-image: url(word/image/point.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:10px;
	color: #0094CF;
	text-decoration: none;
	}

#word dd a:hover{
	text-decoration: underline;
	}

#word dt.net{
	background: #4EC2F1;
	}

#word dt.hp{
	background: #0068B7;
	}

#word dt.mail{
	background: #920783;
	}

#word dt.join{
	background: #EB6EA5;
	}

#word dt.service{
	background: #ED6D00;
	}

#word dt.pc{
	background: #00AC96;
	}

.word_50on {
	text-align: left;
	}

.word_50on a{
	display: block;
	width:185px;
	float: left;
	background-image: url(word/image/point.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:10px;
	color: #0094CF;
	text-decoration: none;
	}

.word_50on a:hover{
	text-decoration: underline;
	}

#word .page_top{
	width: 90%;
	}

#word h3{
	width: 80%;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 45px;
	background-image: url(word/image/word_back.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #009B63;
	text-align: left;
	font-weight: bold;
	font-size: 180%;
	}

#word h3 span{
	padding: 5px;
	}

#word p{
	width: 85%;
	text-align: left;
	}



/* sitemap------------------------------------------------------------------------ */

.sitemap{
	margin: 0 20px;
	border-collapse: collapse;
	width: 95%;
	}

.sitemap td, .sitemap th{
	width: 50%;
	padding: 5px;
	empty-cells: show;
	border: 3px solid #009FB1;
	}

.sitemap th{
	padding: 10px;
	background-color: #BEE3E7;
	}

.sitemap td{
	text-align: left;
	vertical-align: top;
	}

.sitemap td a{
	text-decoration: none;
	color: #45859F;
	}

.sitemap td a:hover{
	color: #0094CF;
	text-decoration: underline;
	}

.sitemap td strong{
	display: block;
	padding: 5 0px;
	margin-top: 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #EFFDFF;
	}

.sitemap td strong a{
	padding-left: 15px;
	background: url(image/point.gif) left center no-repeat;
	font-size: 15px;
	font-weight: bold;
	}

.sitemap ul{
	margin-top: 5px;
	list-style: none;
	}

.sitemap ul li{
	line-height: 2em;
	font-weight: bold;
	}

.sitemap ul li li{
	list-style: square;
	margin-left: 20px;
	font-weight: 100;
	}