@charset "Shift_JIS";
















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

.HeaderMain .header {
	background:url(../img/bg_header.gif) 0 0 repeat-x;
	padding-left:17px;
	line-height:50px;
	height:50px;
    text-align: left;
	position:relative;
}

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

.HeaderMain .header h1 span {
	font-size : 150%;
}





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




.header td{
	padding : auto;
	vertical-align : middle;
	height : 50px;
}

.header .titleArea{
	font-weight : bold;
    font-size   : 22px;
    width       : 365px;
}

.header .titleArea span{
	font-size : 150%;
}

.header .nmArea{
	width       : 330px;
	text-align  : right;
	line-height : 1.3em;
	padding-right : 10px;
}

.header .btnArea{
	width       : 114px;
	padding-right : 6px;
}

.header .titleArea_01{
	font-weight : bold;
    font-size   : 22px;
    width       : 150px;
}





.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:640px;
}




.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;
	margin-bottom:10px;
}


.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:110px;
	padding-top:6px;
}

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

.UserNav ul li.ServiceInfo1{
	width:80px;
	padding-top:6px;
}

.UserNav ul li.ServiceInfo2{
	width:230px;
	padding-top:6px;
}
.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 .navigation2{
	margin-top:10px;
	padding:6px;
	background-color:#b2cafc;
}


.naviSvcChoiceOff, .naviCustinfoOff, .naviOpChoiceOff, .naviPaywayOff, .naviMskmFinOff,
.naviSvcChoiceOn, .naviCustinfoOn, .naviOpChoiceOn, .naviPaywayOn, .naviMskmFinOn {



	height: 39px;
}



.navigation2 .arrow{
	width : 15px;
	background : url('../img/id_flow_arrow.gif') no-repeat;
	background-position : 50% 50%;

}


.naviSvcChoiceOff {
	cursor: default;
	border: 0px;
	background : url('../img/flow_service_off.gif') no-repeat;
}


.naviSvcChoiceOn {



	cursor: default;
	border: 0px;
	background : url('../img/flow_service_on.gif') no-repeat;
}


.naviCustinfoOff {
	cursor: default;
	border: 0px;
	background : url('../img/flow_customer_off.gif') no-repeat;
}


.naviCustinfoOn {



	cursor: default;
	border: 0px;
	background : url('../img/flow_customer_on.gif') no-repeat;
}


.naviOpChoiceOff {
	cursor: default;
	border: 0px;
	background : url('../img/flow_option_off.gif') no-repeat;
}


.naviOpChoiceOn {



	cursor: default;
	border: 0px;
	background : url('../img/flow_option_on.gif') no-repeat;
}


.naviPaywayOff {
	cursor: default;
	border: 0px;
	background : url('../img/flow_payment_off.gif') no-repeat;
}


.naviPaywayOn {



	cursor: default;
	border: 0px;
	background : url('../img/flow_payment_on.gif') no-repeat;
}


.naviMskmFinOff {
	cursor: default;
	border: 0px;
	background : url('../img/flow_complete_off.gif') no-repeat;
}


.naviMskmFinOn {



	cursor: default;
	border: 0px;
	background : url('../img/flow_complete_on.gif') no-repeat;
}

.naviMobileChoiceOn {
	cursor: default;
	border: 0px;
	background : url('../img/eo_mobile_choice_on.gif') no-repeat;
}

.naviMobileChoiceOff {
	cursor: default;
	border: 0px;
	background : url('../img/eo_mobile_choice_off.gif') no-repeat;
}

.naviEntryConfirmOn {
	cursor: default;
	border: 0px;
	background : url('../img/flow_mskm_entry_on.gif') no-repeat;
}

.naviEntryConfirmOff {
	cursor: default;
	border: 0px;
	background : url('../img/flow_mskm_entry_off.gif') no-repeat;
}


.naviMskmEntryOn {



	cursor: default;
	border: 0px;
	background : url('../img/flow_entry_on.gif') no-repeat;
}


.naviMskmEntryOff {



	cursor: default;
	border: 0px;
	background : url('../img/flow_entry_off.gif') no-repeat;
}










.sslinfo {
	clear        : both;
	height       : 40px;

	background   : url(../img/sslmark_demo.gif) 15px 5px no-repeat;
	text-align   : left;
	padding:20px 0 20px 128px;
	border:1px solid #ccc;
	margin:20px 0 15px;
	line-height:1.6em;

}





.sslinfo2 {
	clear        : both;
	height       : 40px;
	text-align   : left;
	padding:20px 0 20px 128px;
	border:1px solid #ccc;
	margin:20px 0 15px;
	line-height:1.6em;
}