@charset "Shift_JIS";





.HeaderMain{
    width: 840px;
	margin:10px auto 15px;
    text-align : center;
    clear : both;
}

.HeaderMain .header {
	background:url(../img/bg_header.gif) 0 0 repeat-x;
	line-height:50px;
	height:50px;
    text-align: left;
	border:1px solid #ddd;
	padding:0 0 0 18px;
	margin:0 0 10px;
	position:relative;
}

.HeaderMain .header h1 {
	font-weight:bold;
    font-size: 22px;
    color : #000;
}


.HeaderMain .description_area{
	border-bottom:1px dotted #808080;
	padding-bottom:10px;
}

.HeaderMain .description_area_noborder{
	padding-bottom:10px;
}


.HeaderMain .description{
	width:590px;
	padding:6px 0 0 0;
	line-height:1.6em;
	text-align:left;
	float:left;
}


.HeaderMain .btn_service_detail {
	height:28px;
	float:right;
}



.eo{
	font-size:160%;
}


.HeaderMain .header h1 .eonet{
	font-size:130%;
}

.breadCrumbs{
	background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	line-height:17px;
	height:17px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	text-align:left;
	clear:both;
	margin-bottom:10px;
	padding:3px 0 1px 10px;
	zoom:1;
}

.breadCrumbs li{
	display:inline;
	font-size:90%;
}

.breadCrumbsScreenId{
	padding-left:680px;
}

.errorBreadCrumbs{
	height: 17px;
}

.errorBreadCrumbs ul li.errorBreadCrumbsTitle{
	display:block;
	float:left;
	width:750px;
}

.errorBreadCrumbs ul li.errorBreadCrumbsScreenId{
	display:block;
	float:left;
	padding-left:0px;
	margin-right:10px;
}

.UserInfo {
	width:98%;
	padding-top:3px;
	padding-bottom:3px;
	margin:0 auto;
	text-align:left;

	zoom:1;
}


.UserInfo:after {
	font-size:1%;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .UserInfo {
	display: inline-table;
	/*\*/display: block;/**/
}

.UserInfoArea {
	text-align:center;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	background-image:url(./../img/bg_user_info.gif);
	background-position:left center;
	background-repeat:repeat-x;
}



.UserNav ul li.Sep {
	display:block;
	float:left;
	padding:2px 2px 2px 2px;
	background-image:url(./../img/h_partition.gif);
	background-position:left center;
	background-repeat:repeat-y;
}

.UserNav ul li.UserName{
	width:190px;
	padding-top:6px;
}

.UserNav ul li.ServiceInfoLabel1{
	width:85px;
	padding-top:6px;
}

.UserNav ul li.ServiceInfoLabel2{
	width:0px;
	padding-top:6px;
}

.UserNav ul li.ServiceInfo1{
	width:285px;
	padding-top:6px;
	word-break:break-all;
	word-wrap:break-word;
}

.UserNav ul li.ServiceInfo2{
	width:110px;
	padding-top:6px;
	word-break:break-all;
	word-wrap:break-word;
}
.UserNav ul li.ScreenId{
	width:100px;
	padding-top:6px;
}

.UserNav {
	float:left;
	font-size:89%;
}

.UserNav ul li {
	display:block;
	float:left;
	padding: 0px 5px 0px 5px;
}




.HeaderMain .navigation{
	padding:6px;
	border:0px;
	background-color:#ffd879;
}

.HeaderMain .navigation table{
	border-collapse: separate;
}

.HeaderMain .navigation table tr{
	vertical-align: middle;
	height:51px;
}

.HeaderMain .navigation table td{
	text-align: center;
}

.HeaderMain .navigation .navitem{
	padding:0px;
	margin:0px;
	height:39px;
}


.HeaderMain .navigation .navarrow{
	background   : url(../img/id_flow_arrow.gif) no-repeat center;
}

.HeaderMain .navigation_pic .present1{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow1_p.gif) no-repeat center;
}
.HeaderMain .navigation_pic .present2{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow2_p.gif) no-repeat center;
}
.HeaderMain .navigation_pic .present3{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow3_p.gif) no-repeat center;
}
.HeaderMain .navigation_pic .present4{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow4_p.gif) no-repeat center;
}
.HeaderMain .navigation_pic .present5{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow5_p.gif) no-repeat center;
}
.HeaderMain .navigation_pic .present6{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow6_p.gif) no-repeat center;
}


.HeaderMain .navigation_pic .except1{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow1_e.gif) no-repeat center;
}
.HeaderMain .navigation_pic .except2{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow2_e.gif) no-repeat center;
}
.HeaderMain .navigation_pic .except3{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow3_e.gif) no-repeat center;
}
.HeaderMain .navigation_pic .except4{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow4_e.gif) no-repeat center;
}
.HeaderMain .navigation_pic .except5{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow5_e.gif) no-repeat center;
}
.HeaderMain .navigation_pic .except6{
	height:39px;
	width:125px;
	background   : url(../img/tel_flow6_e.gif) no-repeat center;
}





.HeaderMain .navigation .navitem.present1{
	background   : url(../img/tel_flow1_p.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.present2{
	background   : url(../img/tel_flow2_p.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.present3{
	background   : url(../img/tel_flow3_p.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.present4{
	background   : url(../img/tel_flow4_p.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.present5{
	background   : url(../img/tel_flow5_p.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.present6{
	background   : url(../img/tel_flow6_p.gif) no-repeat center top;
}


.HeaderMain .navigation .navitem.except1{
	background   : url(../img/tel_flow1_e.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.except2{
	background   : url(../img/tel_flow2_e.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.except3{
	background   : url(../img/tel_flow3_e.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.except4{
	background   : url(../img/tel_flow4_e.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.except5{
	background   : url(../img/tel_flow5_e.gif) no-repeat center top;
}
.HeaderMain .navigation .navitem.except6{
	background   : url(../img/tel_flow6_e.gif) no-repeat center top;
}




.HeaderMain .navarrow_col1 {
	width:16px;
}






.HeaderMain .navigation_pic {
	padding:6px 0;
	margin:0 0 10px 0;
	background-color:#ffd87a;
}

.HeaderMain .navigation_pic table {
	margin:0 auto;
	border-collapse:collapse;
	border:none;
}

.HeaderMain .navigation_pic table td {
	text-align: center;
	font-size: 89%;
}

.HeaderMain .navigation_pic .navarrow {
	padding:0 5px 0 6px;
}

.HeaderMain .navigation_pic img {
	border     : 0px;
}


.HeaderMain .btn_print {
	width:98px;
	height:29px;
	position:absolute;
	top:11px;
	right:11px;
}


.help_icon {
	cursor       : pointer;
	height       : 8px;
	background   : url(../img/side_menu_selected.gif) no-repeat left center;
	padding-left:30px;
}















.HeaderMain .navigation_pic .navarrow{
	width:4px;
	background: url(../img/id_flow_arrow.gif) no-repeat center;
}


.HeaderMain .navigation_pic .soho_sel_svc_on {
	height:39px;
	width:195px;
	background: url('../img/flow01_on.gif') no-repeat;
}
.HeaderMain .navigation_pic .soho_input_info_on {
	height:39px;
	width:195px;
	background: url('../img/flow02_on.gif') no-repeat;
}
.HeaderMain .navigation_pic .soho_conf_mskm_on {
	height:39px;
	width:195px;
	background: url('../img/flow03_on.gif') no-repeat;
}
.HeaderMain .navigation_pic .soho_comp_mskm_on {
	height:39px;
	width:195px;
	background: url('../img/flow04_on.gif') no-repeat;
}


.HeaderMain .navigation_pic .soho_sel_svc {
	height:39px;
	width:195px;
	background: url('../img/flow01_off.gif') no-repeat;
}
.HeaderMain .navigation_pic .soho_input_info {
	height:39px;
	width:195px;
	background: url('../img/flow02_off.gif') no-repeat;
}
.HeaderMain .navigation_pic .soho_conf_mskm {
	height:39px;
	width:195px;
	background: url('../img/flow03_off.gif') no-repeat;
}
.HeaderMain .navigation_pic .soho_comp_mskm {
	height:39px;
	width:195px;
	background: url('../img/flow04_off.gif') no-repeat;
}





.HeaderMain .navigation_pic .moving_input_info_on{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow1_p.gif') no-repeat center top;
}
.HeaderMain .navigation_pic .moving_input_adrs_on{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow2_p.gif') no-repeat center top;
}
.HeaderMain .navigation_pic .moving_sel_svc_on{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow3_p.gif') no-repeat center top;
}
.HeaderMain .navigation_pic .moving_comp_mskm_on{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow4_p.gif') no-repeat center top;
}


.HeaderMain .navigation_pic .moving_input_info{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow1_e.gif') no-repeat center top;
}
.HeaderMain .navigation_pic .moving_input_adrs{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow2_e.gif') no-repeat center top;
}
.HeaderMain .navigation_pic .moving_sel_svc{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow3_e.gif') no-repeat center top;
}
.HeaderMain .navigation_pic .moving_comp_mskm{
	height:39px;
	width:195px;
	background   : url('../img/moving_flow4_e.gif') no-repeat center top;
}




.HeaderMain .title_leftbar{
	height:36px;
	background: url('../img/login_header_01.gif') no-repeat;
}

.HeaderMain .title_rightbar{
	height:36px;
	background: url(../img/login_header_02.gif) repeat-x;
	background-position:top right;
}