@charset "Shift_JIS";









@media screen and (max-width: 799px) and (min-width: 0px) {


	.HeaderMain{
	    width: 100%;
		margin-top:10px;
	    text-align : center;
	    clear : both;
	}

	.HeaderMain .header {
	   	text-align: left;
		padding:0 0 0 2%;
		line-height:auto;
		height:auto;
		background-repeat: repeat-x;
		background-size: 100% 100%;
	}

	.HeaderMain .header h1.respNewLine {
		line-height:25px;
		height:50px;
	}

	.HeaderMain .header h1.respNew2Line {
		line-height:25px;
		height:50px;
	}

	.HeaderMain .header h1.respNew3Line {
		line-height:25px;
		height:75px;
	}

	.HeaderMain .header h1 {
	    font-size: 14px;
	}


	.HeaderMain .btn_print {
		display:none;
	}


	.breadCrumbs{
		background-image:none;
		width:100%;
		padding:0px 0px 0px 0px;
		height:100%
	}

	.breadCrumbs li{
		display: block;
		font-size:100%;
		float:none;
		padding: 0px 0px 0px 0px;
	}

	.breadCrumbs ul li{
		display: block;
		padding-left:1%;
		padding-right:1%;
		width:100%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:20px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
		padding-left:5px !important;
	}

	.breadCrumbsScreenId{
		text-align: right;
	}

		.errorBreadCrumbs{
		height: 54px;
		background-image: none;
		width: 100%;
		padding-top: 3px;
		padding-left: 1%;
		padding-bottom: 3px;
	}

	.errorBreadCrumbs ul{
		width: 100%;
	}

	.errorBreadCrumbs ul li.errorBreadCrumbsTitle{
		display:block;
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 6px;
		width: 99%;
		border: 1px solid #D1D1D1;
		font-size: 10px;
		line-height: 15px;
		background: url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.errorBreadCrumbs ul li.errorBreadCrumbsScreenId{
		display:block;
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 6px;
		width: 99%;
		border: 1px solid #D1D1D1;
		font-size: 12px;
		line-height: 15px;
		background: url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
		text-align: right;

	}






	.HeaderMain .navigation2{
		margin-top:10px;
		padding:6px;
		background-color:#b2cafc;
	}

	.naviSvcChoiceOff, .naviCustinfoOff, .naviOpChoiceOff, .naviPaywayOff, .naviMskmFinOff, .naviMskmEntryOff,
	.naviSvcChoiceOn, .naviCustinfoOn, .naviOpChoiceOn, .naviPaywayOn, .naviMskmFinOn, .naviMskmEntryOn {
		height: 39px;
		width: 100%;
		background-position : 50% 50%;
	}

	.navigation2 .arrow{
		display: inline-block;
		padding:0px;
		width: 4px;
		height: 45px;
		background : url('../img/id_flow_arrow.gif') no-repeat center;
		background-position : 50% 50%;
	}

	.navigation2 table, .navigation2 thead, .navigation2 tbody, .navigation2 th, .navigation2 td, .navigation2 tr{
		display: block;
	}

	.navigation2 tbody th, .navigation2 tbody td{
		display: list-item;
		list-style-type: none;
		width: 100%;
	}



	.sslinfo {
	    height: auto;
	    padding: 70px 0 10px;
	}

	.sslinfo2 {
	    height:auto;
	    padding: 10px 10px 10px 10px;
	}

	.navigation2 tbody tr{
		display: inline;
		height:40px;
	}

	.navigation2 tbody td{
		display: inline-block;
		width: 125px;
		height:40px;
		margin-right: auto;
		margin-left: auto;
	}

	.navigation2 tbody td.respNaviDummyTd{
		width: 4px;
	}

	.header table, .header thead, .header tbody, .header th, .header td, .header tr{
		display: block;
	}

	.header tbody th, .header tbody td{
		display: list-item;
		list-style-type: none;
	}

	.header table.nodisp, .header thead.nodisp, .header tbody.nodisp, .header th.nodisp, .header td.nodisp, .header tr.nodisp{
		display: none;
	}

	.header tbody th.nodisp, .header tbody td.nodisp{
		display: none;
	}

	.header .titleArea {
		font-size: 14px;
		width: 100%;
		padding: 15px 0 15px 2%;
		height: auto;
	}

	.header .nmArea {
	    width: 100%;
	    height: 20px;
	}

	.HeaderMain .header h1.respOverTheCounterSalesSupport {
		height: 70px !important;
	}

	.HeaderMain .header h1.respOverTheCounterSalesSupport td.respOverTheCounterSalesSupportMenuLogoutBtn {
		position: absolute;
		top: 10px;
		width: 98%;
		padding-right: 10px;
	}


	.UserInfoArea {
		background-image:none;
		width:100%;
	}

	.UserInfo {
		padding-top:3px;
		padding-left:1%;
		padding-bottom:3px;
		width:100%;
	}

	.UserNav {
		width:100%;
	}

	.UserNav ul li.Sep {
		display: none;
	}

	.UserNav ul li.UserName{
		display: block;
		padding-left:1%;
		width:99%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:15px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.UserNav ul li.ServiceInfoLabel1{
		display: block;
		padding-left:1%;
		width:99%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:15px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.UserNav ul li.ServiceInfo1{
		display: block;
		padding-left:1%;
		width:99%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:15px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.UserNav ul li.ServiceInfoLabel2{
		display: block;
		padding-left:1%;
		width:99%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:15px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.UserNav ul li.ServiceInfo2{
		display: block;
		padding-left:1%;
		width:99%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:15px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.UserNav ul li.ScreenId{
		display: block;
		padding-left:1%;
		padding-right:1%;
		width:99%;
		border:1px solid #D1D1D1;
		font-size : 12px;
		line-height:15px;
		background:url(../img/bg_breadcrumbs.gif) 0 0 repeat-x;
	}

	.UserNav ul li.respNoDisp{
		display: none;
	}

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