@charset "Shift_JIS";









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





	.HeaderMain{
	    width: 100%;
	}

	.HeaderMain .header {
	    text-align: left;
		border:1px solid #ddd;
		padding:0 0 0 2%;
		line-height:auto;
		height:auto;
		background-image: url("../img/bg_header.gif");
		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 .description_area{
		padding-left:2%;
	}

	.HeaderMain .description_area_noborder{
		padding-left:2%;
	}

	.HeaderMain .description{
		width:100%;
	}

	.HeaderMain .btn_service_detail {
		padding-top:5px;
		padding-right:2%;
	}

	.breadCrumbsScreenId{
		padding-left:3px;
		padding-right:3px;
		text-align:right;
	}

	.breadCrumbs {
	    height: auto;
	}

	.breadCrumbs ul li {
		display: block;
	}

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

	.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;

	}

	.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;
	}



	.HeaderMain .btn_print {
		display:none;
	}



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


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


	.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 {
		display: inline-block;
		padding:0 4px 0 4px;
		width: 4px;
		height: 45px;
		background : url('../img/id_flow_arrow.gif') no-repeat center;
		background-position : 50% 50%;
	}

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

	.navigation_pic .arrow{
		display: block;
		width: 100%;
		height: 39px;
		background : url('../img/id_flow_arrow.gif') no-repeat;
		background-position : 50% 50%;
	}

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

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

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

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

	.navigation_pic tbody td.respNaviDummyTd{
		width: 8px;
	}


}