/* CSS Document */
@charset "utf-8";
/* english */

/*----------------------------------------------
navigation
Globalnavi
*----------------------------------------------*/

div#nav {
	margin: 0;
	padding:0;
	clear: left;
}	

div#globalNavi {
	margin: 0;
	padding:0;
}	

div#globalNavi ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	width: 760px;
}	

div#globalNavi ul  li {
	display: inline;
	float: left;
	height: 41px;
}	

div#globalNavi ul li.nav01 {
	background: url(../img/nav01.gif) no-repeat;
	width: 194px;
}

div#globalNavi ul li.nav02 {
	background: url(../img/nav02.gif) no-repeat;
	width: 188px;
}	

div#globalNavi ul li.nav03 {
	background: url(../img/nav03.gif) no-repeat;
	width: 188px;
}	

div#globalNavi ul li.nav04 {
	background: url(../img/nav04.gif) no-repeat;
	width: 190px;
}		

div#globalNavi ul li a {
	margin: 0;
	padding:0;
	display: block;
	height: 41px;
	text-indent: -9999px;
}	

div#globalNavi ul li.nav01 a {
	background: url(../img/nav01.gif) no-repeat;
	width: 194px;
}

div#globalNavi ul li.nav02 a {
	background: url(../img/nav02.gif) no-repeat;
	width: 188px;
}	

div#globalNavi ul li.nav03 a {
	background: url(../img/nav03.gif) no-repeat;
	width: 188px;
}	

div#globalNavi ul li.nav04 a {
	background: url(../img/nav04.gif) no-repeat;
	width: 190px;
}	

div#globalNavi ul li.nav01 a:hover {
	background: url(../img/nav01_o.gif) no-repeat;
	width: 194px;
	
}

div#globalNavi ul li.nav02 a:hover {
	background: url(../img/nav02_o.gif) no-repeat;
	width: 188px;
	
}	

div#globalNavi ul li.nav03 a:hover {
	background: url(../img/nav03_o.gif) no-repeat;
	width: 188px;
}	

div#globalNavi ul li.nav04 a:hover {
	background: url(../img/nav04_o.gif) no-repeat;
	width: 190px;
}		

/*--- sub menu--*/

div#subCategory {
	margin: 0;
	padding:0;
	width: 760px;
	height: 26px;
	clear: both;
	background: url(../img/bg_submenu.gif) no-repeat left top;
	height: 26px;
}	

div#subCategory ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	width: 760px;
}	

div#subCategory ul li {
	margin: 0;
	padding:1px 0 0 0;
	display: inline;
	float: left;
	height: 22px;
}	

div#subCategory ul li.nav01 {
	background: url(../img/submenu01.gif) no-repeat;
	width: 140px;
}

div#subCategory ul li.nav02 {
	background: url(../img/submenu02.gif) no-repeat;
	width: 178px;
}

div#subCategory ul li.nav02second {
	background: url(../img/submenu02_2.gif) no-repeat;
	width: 178px;
}


div#subCategory ul li.nav03 {
	background: url(../img/submenu03.gif) no-repeat;
	width: 130px;
}	

div#subCategory ul li.nav04 {
	background: url(../img/submenu04.gif) no-repeat;
	width: 215px;
}		

div#subCategory ul li.nav05 {
	background: url(../img/submenu05.gif) no-repeat;
	width: 97px;
}		


div#subCategory ul li a {
	display: block;
	height: 25px;
	text-indent: -9999px;
}	

div#subCategory ul li.nav01 a {
	background: url(../img/submenu01.gif) no-repeat;
	width: 140px;
}

div#subCategory ul li.nav02 a {
	background: url(../img/submenu02.gif) no-repeat;
	width: 178px;
}	

div#subCategory ul li.nav02second a {
	background: url(../img/submenu02_2.gif) no-repeat;
	width: 178px;
}


div#subCategory ul li.nav03 a {
	background: url(../img/submenu03.gif) no-repeat;
	width: 130px;
}	

div#subCategory ul li.nav04 a {
	background: url(../img/submenu04.gif) no-repeat;
	width: 215px;
}

div#subCategory ul li.nav01 a:hover {
	background: url(../img/submenu01_o.gif) no-repeat;
	width: 140px;
}

div#subCategory ul li.nav02 a:hover {
	background: url(../img/submenu02_o.gif) no-repeat;
	width: 178px;
}	

div#subCategory ul li.nav02second a:hover {
	background: url(../img/submenu02_2_o.gif) no-repeat;
	width: 178px;
}

div#subCategory ul li.nav03 a:hover {
	background: url(../img/submenu03_o.gif) no-repeat;
	width: 130px;
}	

div#subCategory ul li.nav04 a:hover {
	background: url(../img/submenu04_o.gif) no-repeat;
	width: 215px;
}		

/*--- How to Apply sub menu--*/

div#subApply {
	margin: 0;
	padding:0;
	width: 760px;
	height: 26px;
	clear: both;
	background: url(../img/bg_submenu.gif) no-repeat left top;
	height: 26px;
}	

div#subApply ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	width: 760px;
}	

div#subApply ul li {
	margin: 0;
	padding:0;
	display: inline;
	float: left;
	height: 23px;
}	

div#subApply ul li.navi1 {
	background: url(../img/sub_apply01.gif) no-repeat;
	width: 246px;
}

div#subApply ul li.navi2 {
	background: url(../img/sub_apply02.gif) no-repeat;
	width: 239px;
}


div#subApply ul li.navi3 {
	background: url(../img/sub_apply03.gif) no-repeat;
	width: 131px;
}	


div#subApply ul li a {
	display: block;
	height: 23px;
	text-indent: -9999px;
}	

div#subApply ul li.navi1 a {
	background: url(../img/sub_apply01.gif) no-repeat;
	width: 246px;
}

div#subApply ul li.navi2 a {
	background: url(../img/sub_apply02.gif) no-repeat;
	width: 239px;
}	

div#subApply ul li.navi3 a {
	background: url(../img/sub_apply03.gif) no-repeat;
	width: 131px;
}	

div#subApply ul li.navi1 a:hover {
	background: url(../img/sub_apply01_o.gif) no-repeat;
	width: 246px;
}

div#subApply ul li.navi2 a:hover {
	background: url(../img/sub_apply02_o.gif) no-repeat;
	width: 239px;
}	

div#subApply ul li.navi3 a:hover {
	background: url(../img/sub_apply03_o.gif) no-repeat;
	width: 131px;
}	


/*----------------------------------------------
breadCrumbs CSS
*----------------------------------------------*/

div#breadCrumbs {
	margin: 0;
	padding: 0;
	width: 760px;
	clear: both;
}

div#breadCrumbs ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 760px;
}

div#breadCrumbs ol li{
	margin: 0;
	padding: 2px 0 0 5px;
	float: left;
	font-size: x-small;
	color: #333333;
}

div#breadCrumbs ol li a, a:visited {
	margin: 0;
	padding: 0;
	color: #333333;
}

div#breadCrumbs ol li a:hover {
	color: #0000FF;
}

div#breadCrumbs ol li.on {
	color: #333333;
	font-size: x-small;
}


/*----------------------------------------------
headdings
*----------------------------------------------*/
h2 {
	background: url(../img/titleh2_bg.jpg) repeat-x;
	width: 525px;
	height: 20px;
	margin: 0 0 10px 0;
	padding:6px 0 2px 10px;
	font-weight: bold;
	font-size: 14px;
	border: solid 1px #CBCBCB;
}

h3 {
	clear: both;
	width: 518px;
	margin: 20px 0 10px 0;
	padding:6px 0 10px 10px;
	font-weight: bold;
	font-size: 14px;
	border-left: 5px solid #13007c;
	border-bottom: 1px solid #13007c;
	line-height: 1.4em;
}

h3 img {
	padding: 0;
	margin: 0 10px 10px 0;
	float: right;
	display: block;
	height: 28px;
}

*html h3 {
	margin: 0 0 5px 0;
}

*html h3 img {
	margin: 0 10px 0 0;
}

h4 {
	background: #DFEBFF;
	width: 530px;
	margin: 20px 0 5px 0!important;
	padding:2px 0 2px 5px;
	color: #13007c;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

/*----------------------------------------------
table
*----------------------------------------------*/

table.gray{
	clear:both;
	margin: 10px 0 ;
	padding: 0;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}


table.gray caption{
	margin: 10px 0 0 0;
	padding: 0 0 2px 18px;
	font-weight: bold;
	text-align: left;
	background: url(../img/square.jpg) no-repeat left center;
	widtht: 11px;

}

table.gray tr th{
	font-weight: bold;
	background: #eeeeee;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 3px;
	text-align: center;
}

.gray tr td.bgGray{
	font-weight: bold;
	background: #eeeeee;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 3px;
}

.gray tr td.gray{
	font-weight: bold;
	background: #eeeeee;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 3px;
}


 tr td{
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 3px;
}

.total {
	font-weight: bold;
	font-size: 14px;
}

table.gray ul li {
	list-style-type: disc;
	list-style-position: inside;
}

/*----------------------------------------------
note
*----------------------------------------------*/


div#main p {
	margin: 0;
	padding:3px 5px 0 0;
	line-height: 1.5;
}

div#main p.note {
	clear: both;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: x-small;
	line-height: 1.5;
}

div#main p.noteTitle {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: x-small;
	line-height: 1.5;
	font-weight: bold;
}


div#main p.noteBorder {
	clear: both;
	margin: 10px 0 20px 0;
	border: solid 1px #cccccc; 
	padding: 5px; 
	font-size: x-small;
	line-height: 1.5;
	width: 530px;
}

div.notes  {
	clear: both;
	margin: 5px 0 10px 0;
	padding:0;
	width: 500px;
}

div.notes dl {
	margin: 0;
	padding:0;
	width: 500px;
	font-size: x-small;
}

div.notes dl dt {
	float: left;
	width: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 120%;
}

div.notes dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	line-height: 120%;
}


div.regular  {
	margin: 10px 0;
	padding:0;
}

div.regular dl {
	margin: 0;
	padding:0;
	width: 545px;
}

div.regular dl dt {
	float: left;
	width: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 120%;
}

div.regular dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 1.5em;
	padding: 0;
	line-height: 120%;
}

/*----------------------------------------------
page top link CSS
*----------------------------------------------*/
p.goTop {
	margin: 0;
	padding: 0 10px 0 0!important;
	text-align: right;
}

p.goTop a, a:visited{
	color:#0000FF;
}

p.goTop a:hover{
	color:#666666;
}

/*----------------------------------------------
color
*----------------------------------------------*/
.blue {
	color: #0066cc;
	font-weight: bold;
	font-size: small;
}

.blue02 {
	color: #0099FF;
}

.red {
	color: #FF0000;
}

.orange {
	color: #FF6600;
}

/*----------------------------------------------
arrow
*----------------------------------------------*/

.arrow  {
	clear:both;
	margin: 5px 0;
	padding: 0 0 0 15px!important;
	background: url(../img/arrow.gif) no-repeat left center;
	font-size: small;
	display: block;
	line-height: 1.5;
}

.arrow a {
	color: #0000FF;
}

.arrow a:hover {
	color:#666666;
}

.arrowRgiht  {
	margin: 5px 0 20px 0!important;
	padding: 0 0 0 15px!important;
	background: url(../img/arrow.gif) no-repeat 645px center;
	font-size: small;
	display: block;
	line-height: 1.5;
	text-align: right
}

.arrowRgiht a {
	color: #0000FF;
}

.arrowRgiht a:hover {
	color:#666666;
}

.arrow_top  {
	clear:both;
	margin: 5px 0;
	padding: 0 0 0 15px!important;
	background: url(../img/arrow.gif) no-repeat left 3px;
	font-size: small;
	display: block;
	line-height: 1.5;
}

/*----------------------------------------------
plan
*----------------------------------------------*/
div.plan {
	margin: 10px auto;
	text-align: center;
	padding: 5px;
	border: solid 1px #cccccc;
	width: 500px;
}

div.plan ul {
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type: none;	
}

div.plan ul li {
	margin: 0;
	padding: 0 30px 0 15px;
	background: url(../img/arrow.gif) no-repeat left center;
	font-size: small;
	float: left;
	text-align: left;
}

div.plan ul li a {
	color: #0000FF;
}

div.plan ul li a:hover {
	color:#666666;
}

/*----------------------------------------------
online discount, campaign
*----------------------------------------------*/
div.recommend {
	margin:10px auto;
	padding: 5px;
	width: 500px;
	height: 30px;
	border: solid 1px #cccccc;
	background: #f0f7fe;
}

div.recommend p.text {
	float: left;
	margin:10px  0;
	padding: 5px 0 0 20px !important;
	color: #000099;
	text-align: left;
	width: 368px;
	font-weight:bold;
}

div.recommend p.detail {
	margin:  0!important;
	padding: 0!important;
	float: left;
	color:#000066;
	width: 109px;
}

div.dott  {
	clear: both;
	margin: 10px 10px 0 15px;
	padding: 0;
}

div.dott ul  {
	clear: both;
	margin: 0;
	padding: 0;
}


div.dott2  {
	clear: both;
	margin: 10px 0 0 15px;
	padding: 0;
	font-size: x-small;
}


div.dott2 ul  {
	clear: both;
	margin: 0;
	padding: 0;
}

div.dott3  {
	clear: both;
	margin: 5px 10px 0 15px;
	padding: 0;
}

div.dott3 ul  {
	clear: both;
	margin: 0;
	padding: 0;
}

div.dott4  {
	clear: both;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: x-small;
}


div.dott4 ul  {
	clear: both;
	margin: 0;
	padding: 0;
}


.discountCell{
	 border:1px solid red!important;
	}
td.rightBorderRed, body table.tbDetail tr th.rightBorderRed{
	 border-right:1px solid red!important;
	}


/*----------------------------------------------
button
*----------------------------------------------*/

.btn {
	background: url(../img/btn_bg.gif) no-repeat left center;
	width: 86px;
	height: 23px;
	margin: 0;
	padding: 5px 0 0 23px!important;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: left;
}


.btn a {
	color:#333333!important;
	text-decoration: none;
	display: block;
	width: 86px;
	height: 23px;
	margin: 0;
}

.btn a:hover {
	color:#ff6600!important;
}

/*----------------------------------------------
flets_hikari/packages/payment.html
*----------------------------------------------*/
table.payment  {
	clear: both;
	margin: 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
}


table.payment tr th {
	background: #D7E8FF;
	font-weight:bold;
	border-bottom: solid 1px #AAAAAA;
	border-right:  solid 1px #AAAAAA;
	text-align: center;
	padding: 2px;
}

table.payment tr td {
	padding: 2px;
	border-bottom: solid 1px #AAAAAA;
	border-right:  solid 1px #AAAAAA;
	background: #ffffff;
}

table..payment tr td.column1 {
	background: #FFFF00;
}

dl.method  {
	margin: 0;
	padding:0 0 0 5px;
}

dl.method dt {
	margin: 0;
	padding:5px 0 0 0;
	font-weight: bold;
}

dl.method dd {
	margin: 0;
	padding:0 0 3px 5px;
}

dl.method dd.indent  {
	margin: 0;
	padding:0 0 10px 10px;
}

ul.method {
	margin: 0;
	padding:0 0 0 5px;
	list-style-type: none;
}

ul.method li {
	margin: 0;
	padding:0 0 3px 5px;
}

ul.method li.indent {
	margin: 0;
	padding:0 0 10px 10px;
}


/*----------------------------------------------
flets_hikari/packages/
*----------------------------------------------*/
/* --table-- */

table.packages  {
	clear: both; 
	margin: 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
}

table.packages tr th {
	background: #D7E8FF;
	font-weight:bold;
	border-right:  solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
	text-align: center;
	padding: 2px;
	font-size: x-small;
}

table.packages tr td {
	padding: 2px;
	font-size: x-small;
	border-right:  solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
}

.packages td.column1 {
	background: #FFFF00;
}

.packages td.arrowOrange {
	border-right: none;
	border-left: none;
}

.packages td.none {
	border-right: none;
}

.packages span.dottline {
	display: block;
	margin: 0 auto;
	padding: 2px 0;
	text-align: center;
	height: 1px;
	width: 74px;
	background: url(../../flets_hikari/package/img/dottline.gif) repeat-x left center;
}

table.differences  {
	border: none;
	width: 100%;
}

table.differences tr td {
	border: none!important;
}

.discount {
	font-weight: bold;
	color:#FF6600;
}

span.comment {
	font-size: x-small;
}


/*----------------------------------------------
flets_hikari/packages/apartment
*----------------------------------------------*/

div.tab {
	margin: 0;
	padding: 0;
/*	width: 570px;
*/}

div.tab ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.tab ul li {
	width:190px;
	margin: 0;
	padding: 0;
	float: left;
}


div.tab ul li a {
	width:190px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

div.tab ul li.tab4 {
	width:349px;
	margin: 0;
	padding: 0;
	float: left;
}

div.tab ul li.tab4 a {
	width:349px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

/*----------------------------------------------
hikari_denwa/charge/  ,apply pages
*----------------------------------------------*/
div.thirdMenu  {
	padding: 0;
	margin: 10px 0;
	padding: 5px;
	background: #EEF8FF;
	height: 14px;
	width: 520px;
}

div.thirdMenu ul {
	clear: both;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	list-style-type: none;
	text-align: center;
	
}

div.thirdMenu ul li {
	float: left;
	background: url(../img/arrow2.gif) no-repeat left center;
	padding: 0 10px 0 15px;
	height: 12px;
	font-size: x-small;
	text-align: left;
	color: #FF6600;
}

div.thirdMenu ul li a {
	color: #0000FF;
}

div.thirdMenu ul li a:hover {
	color:#666666;
}

.bold {
	clear: both;
	font-weight: bold;
	font-size: 14px;
}

/*----------------------------------------------
hikari_denwa/charge/  ,rate.html, domestic.html
*----------------------------------------------*/
/* --table-- */

.charges caption {
	margin: 5px 0 0 0;
	padding: 0 0 2px 18px;
	font-weight: bold;
	text-align: left;
	background: url(../img/square.jpg) no-repeat left center;
	widtht: 11px;
}

.charges  {
	border-top: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
}


.charges th {
	background: #D7E8FF;
	font-weight:bold;
	border-bottom: solid 1px #AAAAAA;
	border-right:  solid 1px #AAAAAA;
	text-align: center;
	height:30px;
	vertical-align:middle;
}

.charges td.column1 {
	background: #D7F1FF;
	border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
}

.charges td.none {
	border-bottom: none;
}

.charges td.none2 {
	border-top: none;
}

.none3 tr td{
	border: none;
	padding:0;	
}

.charges td.line {
	border-top: solid 1px #AAAAAA;
}

.charges td.line2 {
	border-top: solid 1px #CCCCCC;
}

.charges td.column2 {
	background: #EBF8FF;
	border-top: solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
}

.charges  td.column3 {
	background: #FFFFCC;
	border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
}

/*----------------------------------------------
hikari_denwa/apply/cautions.html, sitemap/
*----------------------------------------------*/


div.anchor  {
	padding: 0;
	margin: 10px 0;
	padding: 5px ;
	height: 28px;
	width: 520px;
	border: 3px double #DFEBFF;
	background: #ffffff;
}

div.anchor ul {
	clear: both;
	margin: 2px auto;
	text-align: center;
	padding: 0 0 5px 0;
	list-style-type: none;
	text-align: center;
	
}

div.anchor ul li {
	float: left;
	background: url(../img/arrow.gif) no-repeat left center;
	padding: 0 10px 0 15px;
	margin: 0 0 3px 0;
	height: 12px;
	font-size: x-small;
	text-align: left;
	color: #FF6600;
}

div.anchor ul li a {
	color: #0000FF;
	text-decoration: none;
}

div.anchor ul li a:hover {
	color:#666666;
}


/*----------------------------------------------
package/  (Banner Apply) 
*----------------------------------------------*/

.bnrApply {
	margin: 5px 0;
	padding: 0;
	width: 530px;
}

.bnrApply img {
	margin: 0 auto;
	padding: 0;
	width: 316px;
	display: block;
	text-align: center;
}

table.packages tr td .no-border tr td,
table.packages tr th .no-border tr td{
border-bottom:none;
border-right:none;
}

body.providerPack .bnrApply {
	margin: 5px 0;
	padding: 0;
	width: 940px;
}