@charset "utf-8";
html{
	height:100%;
}
body{
	height:100%;
	background-color:#F7F7F7;
}
#body{
	min-height:600px;
	width:1000px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
}
#body-sp{
	margin-bottom: 38px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
	height: auto;
	position: inherit;
}
.ui-dialog {
	border: 2px solid #555 !important;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
a {
	font-size:13px;
	color:black;
	text-decoration:underline;
}
a :hover{
	font-size:13px;
	color:#13448f;
	text-decoration:underline;
}
.b{
	font-weight:bold;
}
.inner{
	width: 920px;
	margin: 0 auto;
	position: relative;
}
.box{
	display: block;
	width: 100%;
}
.box > *{
	display: block;
	background-color: #fff;
}
.float > *{
	display: block;
	float: left;
}
.float:after{
	content:  "";
	clear:  both;
	display:  block;
}
.inline > *{
	display: inline-block;
}
.important_inline > *{
	display: inline-block !important;
}
p span.require{
	display:inline-block;
	padding:2px 5px;
	background-color:#f00;
	font-size:12px;
	color:#fff;
	margin-right:5px;
}
#wrap-sp {
	position:inherit;
	height: 100%;
	margin-bottom: -48px;
	background-color: #fff;
	
}
#header{
	display: block;
	height:48px;
	background-color:#2c579b;
	width:1000px;
	margin:0 auto;
}
#header .inner{
	background-color:transparent;
}
#header a div{
	display:inline-block;
	height:48px;
	position:relative;
}
#header a div:before{
	content:url("/portal/javax.faces.resource/img/h1_before.png.xhtml");
	display:block;
	width:21px;
	height:48px;
	overflow:hidden;
	position: absolute;
	left:-21px;
	top:0;
	z-index:2;
}
#header a div:after{
	content:url("/portal/javax.faces.resource/img/h1_after.png.xhtml");
	display:block;
	position: absolute;
	width:21px;
	height:48px;
	overflow:hidden;
	right:-21px;
	top:0;
	z-index:2;
}
#header a h1 img{
	position:relative;
	vertical-align:middle;
	z-index:3;
}
#header .name{
	line-height:14px;
	font-size:12px;
	text-align:right;
	position:absolute;
	right:200px;
	padding:1px 20px;
	border-right:1px solid #c0dbf4;;
	top:9px;
	color:#fff;
}
#header .logout{
	position:absolute;
	right:-30px;
	top:9px;
}
#header .logout a{
	display:block;
	height:30px;
	line-height:28px;
	padding:2px 0 0 32px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#header .logout a:before{
	content:url("/portal/javax.faces.resource/img/icon_door.png.xhtml");
	position:absolute;
	left:0;
	top:0;
}
#header .setting{
	position:absolute;
	right:45px;
	top:9px;
}
#header .setting a{
	display:block;
	height:30px;
	line-height:28px;
	padding:1px 30px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#header .title{
	position:absolute;
	left:130px;
	top:9px;
	color:#fff;
	font-size:22px;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#header .setting a:before{
	content:url("/portal/javax.faces.resource/img/icon_setting.png.xhtml");
	position:absolute;
	left:0;
	top:0;
}
#header .home a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#header a:hover{
	-webkit-animation: shadow .4s linear 1;
    -moz-animation: shadow .4s linear 1;
    -ms-animation: shadow .4s linear 1;
    -o-animation: shadow .4s linear 1;
    animation: shadow .4s linear 1;
}
#header .logout a:hover:before{
	-webkit-animation: piston .4s linear 1;
    -moz-animation: piston .4s linear 1;
    -ms-animation: piston .4s linear 1;
    -o-animation: piston .4s linear 1;
    animation: piston .4s linear 1;
}
#header .setting a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#header .language{
    margin-right: 10px;
    width:auto;
    display:inline-block;
    font-size:12px;
    padding:0px 0px 0px 0px;
}
#header-sp{
	display: block;
	background-color:#2c579b;
	height:48px;
	margin:0 auto;
	padding-left: 40px;
}
#header-sp .inner{
	background-color:transparent;
}
#header-sp a div{
	display:inline-block;
	height:48px;
	position:relative;
}
#header-sp a div:before{
	content:url("/portal/javax.faces.resource/img/h1_before.png.xhtml");
	display:block;
	width:21px;
	height:48px;
	overflow:hidden;
	position: absolute;
	left:-21px;
	top:0;
	z-index:2;
}
#header-sp a div:after{
	content:url("/portal/javax.faces.resource/img/h1_after.png.xhtml");
	display:block;
	position: absolute;
	width:21px;
	height:48px;
	overflow:hidden;
	right:-21px;
	top:0;
	z-index:2;
}
#header-sp a h1 img{
	position:relative;
	vertical-align:middle;
	z-index:3;
}
#header-sp .name{
	line-height:14px;
	font-size:12px;
	text-align:right;
	position:absolute;
	right:200px;
	padding:1px 20px;
	border-right:1px solid #c0dbf4;;
	top:9px;
	color:#fff;
}
#header-sp .nameinfo{
	line-height:14px;
	font-size:10px;
	text-align:right;
	position:absolute;
	right:0px;
	padding:9px 5px;
	top:40px;
	color:#fff;
}
#header-sp .logout{
	position:absolute;
	right:0;
	top:9px;
}
#header-sp .logout a{
	display:block;
	height:30px;
	line-height:28px;
	padding:2px 0px 0px 32px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#header-sp .setting{
	position:absolute;
	right:80px;
	top:9px;
}
#header-sp .setting a{
	display:block;
	height:30px;
	line-height:28px;
	padding:2px 0px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#header-sp .title{
	position:absolute;
	left:130px;
	top:9px;
	color:#fff;
	font-size:22px;
	text-shadow:2px 2px rgba(0,0,0,1);
} 
#header-sp .home a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#header-sp a:hover{
	-webkit-animation: shadow .4s linear 1;
    -moz-animation: shadow .4s linear 1;
    -ms-animation: shadow .4s linear 1;
    -o-animation: shadow .4s linear 1;
    animation: shadow .4s linear 1;
}
#header-sp .logout a:hover:before{
	-webkit-animation: piston .4s linear 1;
    -moz-animation: piston .4s linear 1;
    -ms-animation: piston .4s linear 1;
    -o-animation: piston .4s linear 1;
    animation: piston .4s linear 1;
}
#header-sp .setting a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#header-sp .languageinfo{
	line-height:14px;
	position:absolute;
	left:20px;
	color:#fff;
}
#header-sp .language{
    width:auto;
    display:inline-block;
	line-height:14px;
	font-size:13px;
    padding:0px 0px 0px 0px;
}
#footer{
	width:1000px;
	margin:0 auto;
	padding:12px 0 12px;
	background-color:#2A2A2A;
	text-align:center;
}
#footer p{
	display:inline-block;
	font-size:12px;
	color:#fff;
	margin: 0 auto;
	position: relative;
}
#footer p.terms{
	width:100px;
	text-align:left;
}
#footer p.policy{
	width:150px;
	text-align:left;
}
#footer p.copyright{
	width:850px;
	text-align:right;
}
#footer p a{
	font-size:12px;
	color:#fff;
}
#footer-sp{
	margin:0 auto;
	padding:12px 0 12px;
	background-color:#2A2A2A;
	text-align:center;
	position: inherit;
}
#footer-sp p{
	display:inline-block;
	font-size:10px;
	color:#fff;
	margin: 0 auto;
	position: relative;
}
#footer-sp p.terms{
	text-align:left;
}
#footer-sp p.policy{
	text-align:left;
}
#footer-sp p.copyright{
	text-align:right;
}
#footer-sp p a{
	font-size:12px;
	color:#fff;
}
#side_menu ul{
	margin-bottom:30px;
}
#side_menu ul li{
	margin-bottom:15px;
}
.side_menu {
	display:block;
	width:100%;
	line-height:1;
	color:black;
	text-decoration:none;
	font-size:16px;
	background-color:#e9eef4;
	padding:10px 10px 5px 10px;
	border:1px solid #b9cadf;
	outline:none;
	border-radius:5px;
	cursor:pointer;
}
.side_menu_bank {
	display:block;
	width:100%;
	line-height:1;
	color:black;
	text-decoration:none;
	font-size:16px;
	background-color:rgba(254, 228, 225, 1);
	padding:10px 10px 5px 10px;
	border:1px solid #b9cadf;
	outline:none;
	border-radius:5px;
	cursor:pointer;
}
.side_menu:hover{
	background-color:#2c579b;
	color:#fff;
}
.side_menu_bank:hover {
	background-color:#9c392c;
	color:#fff;
}
#side_menu ul li table img{
	background-color:white;
	border:1px solid #13448f;
	border-radius:5px;
	vertical-align:middle;
	padding:4px;
	margin-bottom:5px;
	margin-right:10px;
}
.side_menu_sp {
	display:block;
	width:50%;
	color:black;
	text-decoration:none;
	background-color:#e9eef4;
	padding:10px 10px 5px 10px;
	border:1px solid #b9cadf;
	outline:none;
}
.side_menu_bank_sp {
	display:block;
	width:50%;
	color:black;
	text-decoration:none;
	background-color:rgba(254, 228, 225, 1);
	padding:10px 10px 5px 10px;
	border:1px solid #b9cadf;
	outline:none;
}
#inquiry ul{
	margin-bottom:15px;
}
#inquiry ul li{
	display:block;
	margin-bottom:15px;
}
#inquiry ul li table{
	display:block;
	width:100%;
	line-height:1;
	color:black;
	text-decoration:none;
	font-size:16px;
	background-color:#fac634;
	padding:10px 10px 10px 10px;
	border:1px solid #b9cadf;
	outline:none;
	border-radius:5px;
	cursor:pointer;
}
#inquiry ul li table:hover{
	background-color:#ffdd67;
	color:black;
}
#inquiry ul li table img{
	background-color:white;
	border:1px solid #13448f;
	border-radius:5px;
	vertical-align:middle;
	padding:4px;
	margin-right:10px;
	width:30px;
	height:30px;
}
table tbody tr td.require:after{
	content:"\5FC5\9808";
	display:inline-block;
	padding:2px 5px;
	background-color:#f00;
	font-size:10px;
	color:#fff;
	float:right;
	margin-right:5px;
}
#info tr td div a {
	font-size:13px;
	color:black;
	text-decoration:underline;
}
#info tr td div a:hover{
	font-size:13px;
	color:#13448f;
	text-decoration:underline;
}
#link a {
	font-size:13px;
	color:black;
	text-decoration:underline;
}
#link a:hover{
	font-size:13px;
	color:#13448f;
	text-decoration:underline;
}
#document a {
	font-size:13px;
	color:black;
	text-decoration:underline;
}
#document a:hover{
	font-size:13px;
	color:#13448f;
	text-decoration:underline;
}
.acd_area{
	border-top:2px dashed #ccc;
}
.acd_area dl{
	border-bottom:2px dashed #ccc;
	padding:10px;
}
.acd_area > dl:nth-child(even){
	background-color:#f8f8f8;
}
.acd_area dl > *{
	padding-left:80px;
}
.acd_area dl dt{
	color:#f2653b;
	font-size:16px;
	padding-bottom:5px;
	padding-top:5px;
	background-position:40px top;
	background-repeat:no-repeat;
	position:relative;
}
.icon_company_b{
	background-image:url(../img/icon_company_b.png);
}
.icon_setting_b{
	background-image:url(../img/icon_setting_m_b.png);
}
.acd_area dl dt div{
	display:table;
	width:100%;
	table-layout:fixed;
}
.acd_area dl dt span{
	display:table-cell;
	color:#000;
	font-size:13px;
	text-decoration:none;
	margin-right:10px;
	width:60px;
	vertical-align:top;
}
.acd_area dl dt div p{
	display:table-cell;
	vertical-align:top;
}
.acd_area dl dt:before{
	content:"+";
	display:block;
	font-size:24px;
	font-weight:bold;
	padding:0;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fff;
	background-color:#2b88db;
	box-shadow:0 3px 0 rgba(19,102,176,1);
	text-decoration:none;
	border-radius:5px;
	position:absolute;
	left:0;
	top:0;
}
.acd_area dl dt.open:before{
	content:"－";
	display:block;
	font-size:24px;
	font-weight:bold;
	padding:0;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fff;
	background-color:#2b88db;
	box-shadow:0 3px 0 rgba(19,102,176,1);
	text-decoration:none;
	border-radius:5px;
	position:absolute;
	left:0;
	top:0;
}
.acd_area dl dd{
	display:none;
}
.acd_area .more{
	display:block;
	width:500px;
	line-height:1;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	box-shadow:0 3px 0 rgba(19,102,176,1);
	background-color:#59A7F2;
	padding:15px;
	border:none;
	outline:none;
	border-radius:5px;
	cursor:pointer;
	text-align:center;
	margin:20px auto 0;
}
.acd_area .more:hover{
	box-shadow:0 3px 0 rgba(69,152,226,1);
	background-color:#91C4F7;
}
.acd_table tbody{
	display:none;
}
.acd_table thead th p{
	position:relative;
	padding-left:35px;
}
.acd_table thead th p:before{
	content:"+";
	display:block;
	font-size:24px;
	font-weight:bold;
	padding:0;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fff;
	background-color:#2b88db;
	box-shadow:0 3px 0 rgba(19,102,176,1);
	text-decoration:none;
	border-radius:5px;
	position:absolute;
	left:0;
	top:-3px;
}
.acd_table.open thead th p:before{
	content:"－";
	display:block;
	font-size:24px;
	font-weight:bold;
	padding:0;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fff;
	background-color:#2b88db;
	box-shadow:0 3px 0 rgba(19,102,176,1);
	text-decoration:none;
	border-radius:5px;
	position:absolute;
	left:0;
	top:-3px;
}
#contents{
	min-height:560px;
	padding:20px;
	border:2px solid #87b9ea;
}
#contents h2{
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
	padding:2px 35px 6px;
	x-background:url(../img/icon_list_b.png) left top no-repeat;
}
#contents h2.icon_door_b{
	x-background:url(../img/icon_door_b.png) left top no-repeat;
}
#contents h2.icon_info_b{
	background:url(../img/icon_info_b.png) left top no-repeat;
	margin-bottom:10px;
}
table{
	width:100%;
}
#contents-sp{
	min-height:560px;
	margin-bottom: 38px;
}
#contents-sp h2{
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
	padding:2px 35px 6px;
	x-background:url(../img/icon_list_b.png) left top no-repeat;
}
#contents-sp h2.icon_door_b{
	x-background:url(../img/icon_door_b.png) left top no-repeat;
}
#contents-sp h2.icon_info_b{
	background:url(../img/icon_info_b.png) left top no-repeat;
	margin-bottom:10px;
}
.column2{
	padding-bottom:20px;
}
.column2 #contents.inner{
	min-width:680px;
	float:right;
}
.column2 #side_menu{
	width:200px;
}
.column2 #side_menu .bg_blue{
	border:2px solid #89B8EC;
}

.column2 #side_menu ul{
}
.column2 #side_menu ul li{
	display:block;
}

.mg_l5{
	margin-left:5px !important;
}
.mg_l10{
	margin-left:10px !important;
}
.mg_l20{
	margin-left:20px !important;
}
.mg_l30{
	margin-left:30px !important;
}
.mg_b10{
	margin-bottom:10px !important;
}
.mg_b20{
	margin-bottom:20px !important;
}
.mg_b30{
	margin-bottom:30px !important;
}
.mg_b40{
	margin-bottom:40px !important;
}
.mg_t10{
	margin-top:10px !important;
}
.mg_t20{
	margin-top:20px !important;
}

.mg0{
	margin:0 !important;
}

.w100p{width:100% !important;}
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w280{width:280px !important;}
.w290{width:290px !important;}
.w300{width:300px !important;}
.w310{width:310px !important;}
.w320{width:320px !important;}
.w330{width:330px !important;}
.w340{width:340px !important;}
.w350{width:350px !important;}
.w360{width:360px !important;}
.w370{width:370px !important;}
.w380{width:380px !important;}
.w390{width:390px !important;}
.w400{width:400px !important;}
.w410{width:410px !important;}
.w420{width:420px !important;}
.w430{width:430px !important;}
.w440{width:440px !important;}
.w450{width:450px !important;}
.w460{width:460px !important;}
.w470{width:470px !important;}
.w480{width:480px !important;}
.w490{width:490px !important;}
.w500{width:590px !important;}
.w510{width:510px !important;}
.w520{width:520px !important;}
.w530{width:530px !important;}
.w540{width:540px !important;}
.w550{width:550px !important;}
.w560{width:560px !important;}
.w570{width:570px !important;}
.w580{width:580px !important;}
.w590{width:590px !important;}
.w600{width:600px !important;}
.w610{width:610px !important;}
.w620{width:620px !important;}
.w630{width:630px !important;}
.w640{width:640px !important;}
.w650{width:650px !important;}
.w660{width:660px !important;}
.w670{width:670px !important;}
.w680{width:680px !important;}
.w690{width:690px !important;}
.w700{width:700px !important;}

.w15{width:15px !important;}
.w25{width:25px !important;}
.w35{width:35px !important;}
.w45{width:45px !important;}
.w55{width:55px !important;}
.w65{width:65px !important;}
.w75{width:75px !important;}
.w85{width:85px !important;}
.w95{width:95px !important;}
.w105{width:105px !important;}
.w115{width:115px !important;}
.w125{width:125px !important;}
.w135{width:135px !important;}
.w145{width:145px !important;}
.w155{width:155px !important;}
.w165{width:165px !important;}
.w175{width:175px !important;}
.w185{width:185px !important;}
.w195{width:195px !important;}
.w205{width:205px !important;}
.w215{width:215px !important;}
.w225{width:225px !important;}
.w235{width:235px !important;}
.w245{width:245px !important;}
.w255{width:255px !important;}
.w265{width:265px !important;}
.w275{width:275px !important;}
.w285{width:285px !important;}
.w295{width:295px !important;}
.w305{width:305px !important;}
.w315{width:315px !important;}
.w325{width:325px !important;}
.w335{width:335px !important;}
.w345{width:345px !important;}
.w355{width:355px !important;}
.w365{width:365px !important;}
.w375{width:375px !important;}
.w385{width:385px !important;}
.w395{width:395px !important;}
.w405{width:405px !important;}
.w415{width:415px !important;}
.w425{width:425px !important;}
.w435{width:435px !important;}
.w445{width:445px !important;}
.w455{width:455px !important;}
.w465{width:465px !important;}
.w475{width:475px !important;}
.w485{width:485px !important;}
.w495{width:495px !important;}
.w505{width:595px !important;}
.w515{width:515px !important;}
.w525{width:525px !important;}
.w535{width:535px !important;}
.w545{width:545px !important;}
.w555{width:555px !important;}
.w565{width:565px !important;}
.w575{width:575px !important;}
.w585{width:585px !important;}
.w595{width:595px !important;}
.w605{width:605px !important;}
.w615{width:615px !important;}
.w625{width:625px !important;}
.w635{width:635px !important;}
.w645{width:645px !important;}
.w655{width:655px !important;}
.w665{width:665px !important;}
.w675{width:675px !important;}
.w685{width:685px !important;}
.w695{width:695px !important;}
.w705{width:705px !important;}
.bg_blue{
	background-color:#E9F6FC !important;
}
.bg_warter{
	background-color:#F3FAFC !important;
}

.bg_gray{
	background-color:#fcfcfc !important;
}

.bg_deppblue{
	background-color:#366092 !important;
}

.bg_green{
	background-color:#90AF5F !important;
}

.bg_pink{
	background-color:#ffe9e9 !important;
}

.bg_warning{
	background-color:#ffe7a0 !important;
}

.fc_red{
	color:#f00 !important;
}

.err{
	background-color:#ffe9e9 !important;
	color:#f00 !important;
}
.ta_r{
	text-align:right !important;
}
.ta_l{
	text-align:left !important;
	height:31px;
}
.ta_c{
	text-align:center !important;
}

.val_m{
	vertical-align:middle !important;
}
.val_t{
	vertical-align:top !important;
}

.ur_btn{
	position:absolute;
	top:15px;
	right:20px;
}
.dr_btn{
	margin:20px 0 0 auto;
}
.nowrap{
	white-space:nowrap;
}
.invisible{
	display:none !important;
}
.narrow{
	letter-spacing:-0.8px;
}
.ajax-loader{
	margin:18px 0px 0px 3px;
	position:absolute;
}

input, textarea, select, button {
	font-family:"メイリオ",Meiryo,Helvetica,Arial,Verdana,'ＭＳ Ｐゴシック',sans-serif;
}
@media screen and (min-width: 769px) {
.pc		{}
.sp		{ display:none !important; }
#header{
	display: block;
	height:48px;
	width:1000px;
	margin:0 auto;
}
#body{
	min-height:600px;
	width:1000px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
}
#footer{
	width:1000px;
	margin:0 auto;
	padding:12px 0 12px;
	text-align:center;
}
#footer p.copyright{
	width:850px;
	text-align:right;
}
.inner{
	width: 920px;
	margin: 0 auto;
	position: relative;
}
.subject{
	width: 620px
}
#portal-header .setting a{
	display:block;
	height:30px;
	line-height:28px;
	padding:1px 30px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#portal-header .logout a{
	display:block;
	height:30px;
	line-height:28px;
	padding:2px 0 0 32px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
}
#portal-header .name{
	line-height:14px;
	font-size:12px;
	text-align:right;
	position:absolute;
	right:200px;
	padding:1px 20px;
	border-right:1px solid #c0dbf4;;
	top:9px;
	color:#fff;
}
#portal-header{
	display: block;
	height:48px;
	background-color:#2c579b;
	width:1000px;
	margin:0 auto;
}
#portal-header .language{
    margin-right: 10px;
    width:auto;
    display:inline-block;
    font-size:12px;
    padding:0px 0px 0px 0px;
}
.header-inner{
	width: 920px;
	margin: 0 auto;
	position: relative;
}
.header-inline > *{
	display: inline-block;
}
#portal-header .inner{
	background-color:transparent;
}
#portal-header a div{
	display:inline-block;
	height:48px;
	position:relative;
}
#portal-header a div:before{
	content:url("/portal/javax.faces.resource/img/h1_before.png.xhtml");
	display:block;
	width:21px;
	height:48px;
	overflow:hidden;
	position: absolute;
	left:-21px;
	top:0;
	z-index:2;
}
#portal-header a div:after{
	content:url("/portal/javax.faces.resource/img/h1_after.png.xhtml");
	display:block;
	position: absolute;
	width:21px;
	height:48px;
	overflow:hidden;
	right:-21px;
	top:0;
	z-index:2;
}
#portal-header a h1 img{
	position:relative;
	vertical-align:middle;
	z-index:3;
}
#portal-header .logout{
	position:absolute;
	right:-30px;
	top:9px;
}

#portal-header .logout a:before{
	content:url("/portal/javax.faces.resource/img/icon_door.png.xhtml");
	position:absolute;
	left:0;
	top:0;
}
#portal-header .setting{
	position:absolute;
	right:45px;
	top:9px;
}
#portal-header .title{
	position:absolute;
	left:130px;
	top:9px;
	color:#fff;
	font-size:22px;
	text-shadow:2px 2px rgba(0,0,0,1);
} 
#portal-header .setting a:before{
	content:url("/portal/javax.faces.resource/img/icon_setting.png.xhtml");
	position:absolute;
	left:0;
	top:0;
}
#portal-header .home a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#portal-header a:hover{
	-webkit-animation: shadow .4s linear 1;
    -moz-animation: shadow .4s linear 1;
    -ms-animation: shadow .4s linear 1;
    -o-animation: shadow .4s linear 1;
    animation: shadow .4s linear 1;
}
#portal-header .logout a:hover:before{
	-webkit-animation: piston .4s linear 1;
    -moz-animation: piston .4s linear 1;
    -ms-animation: piston .4s linear 1;
    -o-animation: piston .4s linear 1;
    animation: piston .4s linear 1;
}
#portal-header .setting a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#portal-body{
	min-height:600px;
	width:1000px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
}
#portal-footer{
	width:1000px;
	margin:0 auto;
	padding:12px 0 12px;
	background-color:#2A2A2A;
	text-align:center;
}
#portal-footer p{
	display:inline-block;
	font-size:12px;
	color:#fff;
	margin: 0 auto;
	position: relative;
}
#portal-footer p.terms{
	width:100px;
	text-align:left;
}
#portal-footer p.policy{
	width:150px;
	text-align:left;
}
#portal-footer p.copyright{
	width:850px;
	text-align:right;
}
#portal-footer p a{
	font-size:12px;
	color:#fff;
}
table th.midasi_sp{ display:none !important; }
#shokaiNaiyo{
	width:620px !important;
	height: 75px;
}
.w150pc{width: 150px;}
.w190pc{width: 190px;}
.w200pc{width: 200px;}
.w256pc{width: 256px;}
.w500pc{width: 500px;}
.w700pc{width: 700px;}
.w780pc{width: 780px;}
.pcWidth_35 {width: 35%;}
.w43pcp{width: 43%;}
.w57pcp{width: 57%;}

.fl_rpc{
	float: right;
}
.mg_l30pc{
	margin-left:30px;
}
.mg_t150pc{
	margin-top:150px;
}

.ta_r_pc{
	text-align: right;
}
.padding_10pc{
	padding: 10px;
}
.padding_t10pc{
	padding-top: 10px;
}
.padding_t40pc{
	padding-top: 40px; 
}
.padding_t70pc{
	padding-top: 70px; 
}
.padding_l13pc{
	padding-left:13px;
}
.font_bold_pc{
	font-weight: bold;
}
.font_size13pc{
	font-size: 13px;
}
.font_size14pc{
	font-size: 14px;
}
.font_size15pc{
	font-size: 15px;
}
.font_size17pc{
	font-size: 17px;
}
.font_size20pc{
	font-size: 20px;
}
.font_size26pc{
	font-size: 26px;
}
.line_h_800pcp{
	line-height: 800%;
}
.border_bl_radius5pc{
	border-bottom-left-radius: 5px;
}
.pwd_button_pc{
 	display: flex;
 	width: 256px;
}
.closeButton{
	width: 180px;
}
.linkButton{
	width: 190px;
}
.list_sp_1{
	text-indent: -1em;
	padding-left: 1em;
	list-style: none;
}
@-moz-document url-prefix() {
    .table_border_f{
    	border-collapse: separate;
    	border-top: 1px solid #9bc7ec !important;
		border-left: 1px solid #9bc7ec !important;
    }
    .table_border_f  tr >*{
    	border: none;
    }
    .table_border_f tr th {
	border-bottom: 1px solid #9bc7ec !important;
	border-right: 1px solid #9bc7ec !important;
	}
    .table_border_f tr td {
	border-bottom: 1px solid #9bc7ec !important;
	border-right: 1px solid #9bc7ec !important;
	}
}
}
@media screen and (max-width: 768px) {
.pc		{ display:none !important; }
.sp		{}
#header{
	display: block;
	height:48px;
	width:100%;
	margin:0 auto;
	position: ;
	z-index: 100;
	border-bottom: 1px solid #B5B5B5;
	padding-left:40px
}
#header .inner{
		width:85%;
}
#body{
	min-height:600px;
	min-width:300px !important;
	width:100% !important;
	margin:0 auto;
	padding: 7px 7px 7px 7px!important;
	background-color:#fff;
}
#footer	{
	width:100%;
	margin:0 auto;
	padding:12px 0 12px;
	text-align:center;
 }
#footer p.copyright	{
	width:70%;
	text-align:center;
}
#footer p{
	display:inline-block;
	font-size:10px;
	color:#fff;
	margin: 0 auto;
	position: relative;
}
#header .title{
	font-size: 20px;
}
#portal-header .setting a{
	display:block;
	height:30px;
	line-height:28px;
	padding:2px 0px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
	font-size: 11px;
}
#portal-header .logout a{
	display:block;
	height:30px;
	line-height:28px;
	padding:2px 0px 0px 32px;
	color:#fff;
	text-decoration:underline;
	position:relative;
	text-shadow:2px 2px rgba(0,0,0,1);
	font-size: 11px;
	right: 5px;
}
#portal-header .name{
	line-height:14px;
	font-size:10px;
	text-align:right;
	position:absolute;
	right:0px;
	padding:9px 5px;
	top:40px;
	color:#fff;
}

#portal-header{
	display: block;
	background-color:#2c579b;
	height:80px;
	margin:0 auto;
	padding-left: 40px;
}
#portal-header .language{
    width:auto;
    display:inline-block;
	line-height:14px;
	font-size:13px;
    padding:0px 0px 0px 0px;
}

#portal-header .inner{
	background-color:transparent;
}
#portal-header a div{
	display:inline-block;
	height:48px;
	position:relative;
}
#portal-header a div:before{
	content:url("/portal/javax.faces.resource/img/h1_before.png.xhtml");
	display:block;
	width:21px;
	height:48px;
	overflow:hidden;
	position: absolute;
	left:-21px;
	top:0;
	z-index:2;
}
#portal-header a div:after{
	content:url("/portal/javax.faces.resource/img/h1_after.png.xhtml");
	display:block;
	position: absolute;
	width:21px;
	height:48px;
	overflow:hidden;
	right:-21px;
	top:0;
	z-index:2;
}
#portal-header a h1 img{
	position:relative;
	vertical-align:middle;
	z-index:3;
}
#portal-header .nameinfo{
	line-height:14px;
	font-size:10px;
	text-align:right;
	position:absolute;
	right:0px;
	padding:9px 5px;
	top:40px;
	color:#fff;
}
#portal-header .logout{
	position:absolute;
	right:0;
	top:9px;
}
#portal-header .setting{
	position:absolute;
	right:80px;
	top:9px;
}
#portal-header .title{
	position:absolute;
	left:130px;
	top:9px;
	color:#fff;
	font-size:22px;
	text-shadow:2px 2px rgba(0,0,0,1);
} 
#portal-header .home a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#portal-header a:hover{
	-webkit-animation: shadow .4s linear 1;
    -moz-animation: shadow .4s linear 1;
    -ms-animation: shadow .4s linear 1;
    -o-animation: shadow .4s linear 1;
    animation: shadow .4s linear 1;
}
#portal-header .logout a:hover:before{
	-webkit-animation: piston .4s linear 1;
    -moz-animation: piston .4s linear 1;
    -ms-animation: piston .4s linear 1;
    -o-animation: piston .4s linear 1;
    animation: piston .4s linear 1;
}
#portal-header .setting a:hover:before{
	-webkit-animation: roll .2s linear 3;
    -moz-animation: roll .2s linear 3;
    -ms-animation: roll .2s linear 3;
    -o-animation: roll .2s linear 3;
    animation: roll .2s linear 3;
}
#portal-header .languageinfo{
	line-height:14px;
	position:absolute;
	left:20px;
	color:#fff;
}
#portal-body{
	margin-bottom: 38px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
	height: auto;
	position: inherit;
	padding-right: 0px;
	padding-left: 0px;
}
#portal-footer{
	margin:0 auto;
	padding:12px 0 12px;
	background-color:#2A2A2A;
	text-align:center;
	position: inherit;
}

#portal-footer p{
	display:inline-block;
	font-size:10px;
	color:#fff;
	margin: 0 auto;
	position: relative;
}
#portal-footer p.terms{
	text-align:left;
}
#portal-footer p.policy{
	text-align:left;
}
#portal-footer p.copyright{
	text-align:right;
}

#portal-footer p a{
	font-size:12px;
	color:#fff;
}
#contents {
	padding-right: 13px;
	padding-left: 13px;
	margin-bottom: 38px;
	border: none;
}
#wrap{
	background-color: #fff;
}
.inner{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.subject	{
	width: auto;
}
table th{
	display: block;
	min-height:33px;
	width:100%;
	vertical-align:middle;
	font-weight:bold;
}
table th.midasi_sp{
	font-size:1.4rem;
	background-color:#c6ebfb;
	border-bottom:none;
}
td	{
	display:block;
	min-height:33px;
	width:100%;
}
.head_sp {
	min-height:33px;
	padding:7px;
	border-bottom:none;
}
.data_sp {
	min-height:33px;
	padding:7px;
	border-bottom:none;
}
.datalast_sp {
	min-height:33px;
	padding:7px;
	word-wrap: break-word;
}
table.child_table{
	border-collapse:collapse;
	border-spacing:0;
}
table.child_table tr { width:100% !important;}
table.child_table th {
	display:inline-block;
	padding:6px 3px;
	height:38px;
	width:160px;
	border-bottom:none;
	border-right:none;
}
table.child_table td {
	display:inline-block;
	padding:6px 3px;
	height:38px;
	width:135px;
	border-bottom:none;
}
table.list tbody tr:nth-child(2n+2) td {
	background-color: transparent !important;
}
.table_sepa {
	border:none;
	height:20px;
}
.ptuMenuTable-sp td{
	display:table-cell;
}
.w150sp{width:150px  !important;}
.w10per {width:10%  !important;}
.w20per {width:20%  !important;}
.w30per {width:30%  !important;}
.w40per {width:40%  !important;}
.w50per {width:50%  !important;}
.w60per {width:60%  !important;}
.w70per {width:70%  !important;}
.w80per {width:80%  !important;}
.w90per {width:90%  !important;}
.w100per{width:100% !important;}
.hei_auto{height:auto !important;}
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}
.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}
#shokaiNaiyo{
	width:100%;
	height:150px;
}
.input td {
	display:block;
	min-height:33px;
	width:100% !important;
}
.padding_t0sp{
	padding-top: 0px !important;
}
.padding_l11sp{
	padding-left:11px;
}
.padding_l12sp{
	padding-left: 12px;
}
.padding_t20sp{
	padding-top: 20px;
}
.padding_t25sp{
	padding-top: 25px;
}
.padding_t30sp{
	padding-top: 30px;
}
.mg_b0sp{
	margin-bottom:0px !important;
}
.mg_r5spp{
	margin-right:5%;
}
.mg_lr-14sp{
	margin-left: -14px;
	margin-right: -14px;
}
.mg_lr-3sp{
	margin-left: -3px;
    margin-right: -3px;
}
.fl_lsp{
	float: left;
}
.ta_l_sp{
	text-align: left;
}
.ta_csp{
	text-align: center;
}
.grid_sp{
	display: grid;
}
.flex_sp{
	display: flex;
}
.font_size11sp{
	font-size: 11px;
}
.font_size13sp{
	font-size: 13px;
}
.font_size16sp{
	font-size: 16px;
}
.font_size18sp{
	font-size: 18px;
}
.font_size22sp{
	font-size: 22px;
}
.margin_middle_sp{
	margin-left: auto !important;
	margin-right: auto !important;
}
.henko_button_sp{
	position: relative;
	top: 46px;
}
.closeButton{
	width: 200px;
	font-size: 15px;
	text-align: left;
}
.linkButton{
	width: 200px;
	font-size: 15px;
	text-align: left;
}
.w_auto_sp{
	width: auto;
}
.list_sp_1{
    text-indent: -1em;
    padding-left: 1em;
    list-style: none;
}
.pwd_disp_button_sp{
	position: relative;
	bottom: 66px;
}
.col_xs_sp{
	width: 83.33333333333334%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col_xs_offset_sp {
	margin-left: 8.333333333333332%;
	min-height: 1px;
	display: block !important;
}
_:lang(x)::-moz-placeholder, td {
	word-wrap: break-word;
	}
}