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

/* body css start */
body {
	background-image: url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	text-align: center;
}
/* body css end */

/* header css start */
#header-div {
	width:880px;
	height:133px;
	background-image: url(../images/bg-header.jpg);
	background-repeat:no-repeat;
	margin:2px auto 5px auto;
	text-align:left;
	overflow:hidden;
}
#header-cont01 {
	width:880px;
	height:84px;
}
#header-logo {
	float:left;
	width:185px;
	height:60px;
	margin:12px 0px 0px 0px;
}
#header-cont02 {
	float:right;
	width:685px;
	margin:25px 0px 0px 0px;
}
#header-menu {
	width:685px;
	height:20px;
	margin:0px 0px 0px 0px;
}
#header-menu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header-menu li {
	float:right;
	height:11px;
	font-size:85%;
	background-image:url(../images/arrow-01.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 16px;
	list-style-type: none;
}
#header-menu li a {
	color:#396D6C;
	text-decoration:underline;
}
#header-menu li a:hover {
	text-decoration:none;
}
#header-cont03{
	clear:both;
	width:685px;
}
#header-ja{
	float:right;
	margin:0px 0px 0px 10px;	
}
#header-search{
	float:right;
}
#header-cont04 {
	width:880px;
	height:40px;
}
#header-gnavi {
	float:left;
	width:673px;
	height:40px;
	padding:0px 0px 0px 2px;
}
#header-gnavi ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header-gnavi li {
	float:left;
	width:120px;
	height:40px;
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}
#header-gnavi li.home {
	width:61px;
	height:40px;
}
#header-gnavi li a {
	display:block;
	width:120px;
	height:40px;
	background-repeat:no-repeat;
	text-decoration:none;
}
#header-gnavi li a strong {
	visibility:hidden;
}
#header-gnavi li.home a {
	width:61px;
	background-image:url(../images/gnavi-01.jpg);
}
#header-gnavi li.service a {
	background-image:url(../images/gnavi-02.jpg);
}
#header-gnavi li.option a {
	background-image:url(../images/gnavi-03.jpg);
}
#header-gnavi li.apply a {
	background-image:url(../images/gnavi-04.jpg);
}
#header-gnavi li.process a {
	background-image:url(../images/gnavi-05.jpg);
}
#header-gnavi li.support a {
	background-image:url(../images/gnavi-06.jpg);
}
#header-gnavi li a:hover {
	background:none;
}
#header-textsize {
	float:right;
	width:195px;
	height:40px;
}
#header-textsize p {
	float:left;
	width:109px;
}
#header-textsize-switch {
	float:right;
	width:86px;
	height:24px;
	margin:8px 0px 0px 0px;
}
#header-textsize-switch ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header-textsize-switch li {
	float:left;
	width:24px;
	height:24px;
	margin:0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}
#header-textsize-switch li a {
	display:block;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	text-decoration:none;
}
/* header css end */

/* page css start */
#page-div {
	width:880px;
	margin:0px auto 10px auto;
}
#page-menu {
	float:left;
	width:195px;
	text-align:left;
	margin:0px 20px 0px 0px;
}
#page-index-cont {
	float:left;
	width:450px;
	text-align:left;
}
#page-index-oth {
	float:right;
	width:195px;
	text-align:left;
}
#page-cont {
	float:right;
	width:665px;
	text-align:left;
}
/* page css end */

/* footer css start */
#footer-div {
	width:880px;
	margin:0px auto 0px auto;
}
#footer-menu {
	width:880px;
	border-top:solid #cde0cc 1px;
	padding:10px 0px 10px 0px;
}
#footer-menu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#footer-menu li {
	float:left;
	height:11px;
	font-size:85%;
	background-image:url(../images/arrow-01.gif);
	background-repeat:no-repeat;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 16px;
	list-style-type: none;
}
#footer-menu li a {
	color:#396D6C;
	text-decoration:underline;
}
#footer-menu li a:hover {
	text-decoration:none;
}
#footer-copyright {
	width:880px;
	font-size:85%;
	color:#a2c6a3;
	background-color:#eef5ee;
	padding:10px 0px 10px 0px;
}
/* footer css end */

/* page-cont css start */
#bg-page-cont {
	width:665px;
	background-image:url(../images/bg-page-cont-02.jpg);
	background-repeat:repeat-y;
}
#bg-page-cont-up {
	width:665px;
	background-image:url(../images/bg-page-cont-01.jpg);
	background-repeat:no-repeat;
}
#bg-page-cont-btm {
	width:665px;
	background-image:url(../images/bg-page-cont-03.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:10px 0px 20px 0px;	
}
#page-cont-title{
	width:625px;
	background-image:url(../images/bg-page-cont-title.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:0px 0px 15px 0px;
	padding:5px 20px 6px 20px;	
}
#page-cont-title h1{
	font-size:130%;
	color:#333333;
	background:none;
	border-top:none;
	border-bottom:solid #f7e9ae 5px;
	padding:0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
}
h2{
	font-size:110%;
	line-height:120%;
	color:#333333;
	background-color:#fbf4d6;
	border-bottom:solid #7b5b46 1px;
	border-top:solid #f7e9ae 2px;
	padding:5px 0px 5px 5px;
	margin:0px 0px 10px 0px;	
}
h3{
	font-size:110%;
	line-height:120%;
	color:#7b5b46;
	border-bottom:solid #7b5b46 1px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;	
}
#page-cont-edit{
	width:625px;
	margin:0px auto 0px auto;
}
.navi{
	font-size:85%;
	width:625px;
	margin:0px auto 10px auto;
}
#navi-topicpath{
	float:left;
}
#navi-back{
	float:right;
}
/* page-cont css end */

/* page-menu css start */
#index-menu-service{
	width:185px;
	background-color:#efd35d;
	padding:5px 5px 0px 5px;
}
#index-menu-service p.index-menu-title{
	width:185px;
	background-image:url(../images/bg-h1.jpg);
	background-repeat:no-repeat;
	font-size:100%;
	color:#ffffff;
}
#index-menu-service p.index-menu-title a{
	display:block;
	width:175px;
	color:#ffffff;
	text-decoration:none;
	padding:6px 0px 6px 10px;
}
#index-menu-service ul{
	background-image: url(../images/bg-index-service.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}
#index-menu-service li{
	width:185px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}
#index-menu-service li a{
	text-decoration:none;
}
#index-menu-service li.fletshikari a{
	display:block;
	width:185px;
	height:65px;
	background-image:url(../images/btm-index-service-01.jpg);
	background-repeat:no-repeat;	
}
#index-menu-service li.bflets a{
	display:block;
	width:185px;
	height:65px;
	background-image:url(../images/btm-index-service-02.jpg);
	background-repeat:no-repeat;	
}
#index-menu-service li.fletsadsl a{
	display:block;
	width:185px;
	height:65px;
	background-image:url(../images/btm-index-service-03.jpg);
	background-repeat:no-repeat;	
}
#index-menu-service li.fletsisdn a{
	display:block;
	width:185px;
	height:65px;
	background-image:url(../images/btm-index-service-04.jpg);
	background-repeat:no-repeat;	
}
#index-menu-service li.mobile a{
	display:block;
	width:185px;
	height:52px;
	background-image:url(../images/btm-index-service-05.jpg);
	background-repeat:no-repeat;	
}
#index-menu-service li.dialup a{
	display:block;
	width:185px;
	height:52px;
	background-image:url(../images/btm-index-service-06.jpg);
	background-repeat:no-repeat;	
}
#index-menu-service li.other{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:solid #eeeeee 1px;
	list-style-type: none;
}
#index-menu-service li.other a{
	display:block;
	color:#234e4d;
	text-decoration:none;
	background-image:url(../images/arrow-02.gif);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding:8px 0px 8px 15px;
}
* html #index-menu-service li.other a{
	display:block;
	width:170px;
	color:#234e4d;
	text-decoration:none;
	background-image:url(../images/arrow-02.gif);
	background-repeat:no-repeat;
	background-position:5px 12px;
	padding:8px 0px 8px 15px;
}
#index-menu-service li a strong{
	visibility:hidden;
}
#index-menu-service li a:hover{
	background:none;	
}
#index-menu-service li.other a:hover{
	text-decoration:underline;
	background-image:url(../images/arrow-02.gif);
	background-repeat:no-repeat;
	background-position:5px 12px;	
}
#page-menu-sub{
	width:185px;
	background-color:#efd35d;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}
#page-menu-sub ul{
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:solid #eeeeee 1px;
}
#page-menu-sub li{
	line-height:120%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	border-right:solid #eeeeee 1px;
	border-bottom:solid #eeeeee 1px;
	border-left:solid #eeeeee 1px;
}
#page-menu-sub li.page_item ul li a{
	display:block;
	color:#234e4d;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../images/bg-page_item.jpg);
	background-repeat:no-repeat;
	padding:7px 0px 6px 13px;
}
#page-menu-sub li.page_item ul li a:hover{
	background-image:url(../images/bg-page_item-sel.jpg);
}
#page-menu-sub li.page_item a{
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/bg-page_folder.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 8px 5px;
}
#page-menu-sub li.page_item a:hover{
	background-image:url(../images/bg-page_folder-sel.jpg);
}
#page-menu-sub li.page_item ul li ul li a{
	display:block;
	color:#234e4d;
	background-image:url(../images/arrow-02.gif);
	background-repeat:no-repeat;
	background-position:12px 11px;
	background-color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	padding:5px 0px 5px 22px;
}
#page-menu-sub li.page_item ul li ul li a:hover{
	background-image:url(../images/arrow-02.gif);
	background-repeat:no-repeat;
	background-position:12px 9px;
	background-color:#efefef;
}
/* page-menu css end */

/* com-parts css start */
#part-link{
	width:185px;
	background-color:#e7e7e7;
	padding:0px 5px 0px 5px;
}
#part-tool{
	width:195px;
	height:288px;
	background-image:url(../images/bg-tool.jpg);
	overflow:hidden;
}
#tool-text-01{
	width:195px;
	height:19px;
	overflow:hidden;
}
#tool-text-02{
	width:195px;
	height:19px;
	overflow:hidden;
}
#tool-text-03{
	width:195px;
	height:25px;
	overflow:hidden;
}
#tool-tel{
	width:195px;
	height:46px;
	overflow:hidden;
}
#tool-mail{
	width:195px;
	height:21px;
	text-align:center;
	padding:5px 0px 0px 0px;
	margin:0px 0px 3px 0px;
	overflow:hidden;
}
#tool-btm-apply{
	width:185px;
	height:51px;
	padding:0px 5px 0px 5px;	
	overflow:hidden;
}
#tool-btm-apply a{
	display:block;
	width:185px;
	height:51px;
	background-image:url(../images/tool-btm-apply.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}
#tool-btm-oth{
	width:185px;
	height:51px;
	padding:0px 5px 0px 5px;
	margin:0px 0px 12px 0px;	
	overflow:hidden;
}
#tool-btm-oth a{
	display:block;
	width:185px;
	height:51px;
	background-image:url(../images/tool-btm-oth.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}
#tool-btm-inquiry{
	width:177px;
	height:27px;
	padding:0px 9px 0px 9px;	
	overflow:hidden;
}
#tool-btm-inquiry a{
	display:block;
	width:177px;
	height:27px;
	background-image:url(../images/tool-btm-inquiry.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}
#tool-btm-apply a strong, #tool-btm-oth a strong, #tool-btm-inquiry a strong{
	visibility:hidden;
}
#tool-btm-apply a:hover, #tool-btm-oth a:hover, #tool-btm-inquiry a:hover{
	background:none;
	text-decoration:none;
}
#part-helpdesk{
	width:195px;
	height:175px;
	background-image:url(../images/bg-helpdesk.jpg);
	overflow:hidden;
}
#helpdesk-text-01{
	width:195px;
	height:50px;
	overflow:hidden;
}
#helpdesk-tel{
	width:195px;
	height:40px;
	overflow:hidden;
}
#helpdesk-mail{
	width:195px;
	height:21px;
	text-align:center;
	padding:5px 0px 0px 0px;
	overflow:hidden;
}
#helpdesk-btm{
	width:179px;
	height:51px;
	padding:0px 8px 0px 8px;	
	overflow:hidden;
}
#helpdesk-btm a{
	display:block;
	width:179px;
	height:51px;
	background-image:url(../images/helpdesk-btm.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}
#helpdesk-btm a strong{
	visibility:hidden;
}
#helpdesk-btm a:hover{
	background:none;
	text-decoration:none;
}
#index-menu-support{
	width:185px;
	height:395px;
	background-image:url(../images/bg-index-support.jpg);
	background-repeat:no-repeat;
	padding:5px 5px 0px 5px;
}
#index-menu-support p.index-menu-support-title{
	width:185px;
	height:30px;
}
#index-menu-support p.index-menu-support-title a{
	display:block;
	width:185px;
	height:20px;
	text-decoration:none;
}
#index-menu-support p.index-menu-support-title a strong{
	visibility:hidden;
}
#index-menu-support ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#index-menu-support li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}
#index-menu-support li a{
	text-decoration:none;
}
#index-menu-support li.fletshikari a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../images/btm-index-support-01.jpg);
	background-repeat:no-repeat;	
}
#index-menu-support li.fletsother a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../images/btm-index-support-02.jpg);
	background-repeat:no-repeat;	
}
#index-menu-support li.fletsisdn a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../images/btm-index-support-03.jpg);
	background-repeat:no-repeat;	
}
#index-menu-support li.dialup a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../images/btm-index-support-04.jpg);
	background-repeat:no-repeat;	
}
#index-menu-support li.mail a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../images/btm-index-support-05.jpg);
	background-repeat:no-repeat;	
}
#index-menu-support li.trouble a{
	display:block;
	width:185px;
	height:60px;
	background-image:url(../images/btm-index-support-06.jpg);
	background-repeat:no-repeat;	
}
#index-menu-support li a strong{
	visibility:hidden;
}
#index-menu-support li a:hover{
	background:none;	
}

.bg-index-blog{
	width:450px;
	background-image:url(../images/bg-index-blog-02.jpg);
	background-repeat:repeat-y;
	margin:0px 0px 10px 0px;	
}
#index-title-notice{
	width:450px;
	background-image:url(../images/index-title-notice.jpg);
	background-repeat:no-repeat;
}
#index-title-maintain{
	width:450px;
	background-image:url(../images/index-title-maintain.jpg);
	background-repeat:no-repeat;
}
.bg-index-blog-btm{
	width:430px;
	background-image:url(../images/bg-index-blog-03.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 10px 10px 10px;
}
#index-title-notice-cont{
	width:430px;
	height:65px;
}
#index-title-notice-cont h2{
	display:block;
	width:335px;
	float:left;
	border:none;
	background:none;
	padding:0px 0px 0px 0px;
}
#index-title-notice-cont p{
	float:right;
	width:95px;
	height:20px;
	margin:29px 0px 0px 0px;
}
#index-title-notice-cont p a{
	display:block;
	width:95px;
	height:20px;
}
#index-title-maintain-cont{
	width:430px;
	height:65px;
}
#index-title-maintain-cont h2{
	display:block;
	width:335px;
	float:left;
	border:none;
	background:none;
	padding:0px 0px 0px 0px;
}
#index-title-maintain-cont p{
	float:right;
	width:95px;
	height:20px;
	margin:29px 0px 0px 0px;
}
#index-title-maintain-cont p a{
	display:block;
	width:95px;
	height:20px;
}
.blog-cont{
	border-bottom:solid #e7e7e7 1px;;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}
p.blog-date-index{
	float:left;
	width:100px;
	font-size:85%;
	color:#f07f17;
	padding:6px 0px 0px 0px;
}
div.blog-text-index{
	float:right;
	width:320px;
	font-size:100%;
	line-height:160%;
	background-image:url(../images/arrow-03.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding: 0px 0px 0px 10px;
}
#index-bnr-cont{
	width:450px;
	margin:0px 0px 10px 0px;
}
#index-bnr-left{
	width:220px;
	float:left;
}
#index-bnr-right{
	width:220px;
	float:right;
}
#index-link-div{
	width:440px;
	padding-left:10px;
}
ul#index-link, ul#index-link li, ul#index-link li ul, ul#index-link li ul li{
	margin:0px;
	padding:0px;
}
ul#index-link h2{
	display:none;
}
ul#index-link li, ul#index-link li ul li{
	list-style-type: none;
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
ul#index-link li, ul#index-link li ul li img{
	border:none;
}
#bg-ntt{
	width:430px;
	height:41px;
	overflow:hidden;
	background-image:url(../images/bg-ntt.jpg)
}
#ntt-btm1{
	float:right;
	display:block;
	width:90px;
	height:27px;
	margin:7px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
#ntt-btm2{
	float:right;
	display:block;
	width:90px;
	height:27px;
	margin:7px 0px 0px 0px;
	padding:0px 11px 0px 0px;
}
#ntt-btm1 a{
	display:block;
	width:90px;
	height:27px;
	overflow:hidden;
	background-image: url(../images/btm-ntt-01.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#ntt-btm2 a{
	display:block;
	width:90px;
	height:27px;
	overflow:hidden;
	background-image: url(../images/btm-ntt-02.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#ntt-btm1 a:hover, #ntt-btm2 a:hover{
	background:none;
}
div#navigation1{
	margin:0px 0px 10px 0px;
	padding:5px;
	background-color:#eef5ee;
}
div#navigation2{
	margin:0px 0px 20px 0px;
	padding:5px;
	background-color:#eef5ee;
}
div#navigation1 .alignleft, div#navigation2 .alignleft{
	float:left;
}
div#navigation1 .alignright, div#navigation2 .alignright{
	float:right;
}
#part-weather{
	width:185px;
	background-color:#e4e6e5;
	padding:5px 5px 5px 5px;
}
#index-main{
	width:880px;
	height:60px;
	position:relative;
	top:-14px;
}
/* com-parts css end */