@charset "UTF-8";
/*
 本ファイルはSSIでincludeされる場合もあるため、url()関数等で外部ファイルを
 読み込む場合には、配置場所からの相対パスではなく、絶対パスを使用すること。
 */

/* parts modules
--------------------------------------------------------------*/

/* DISPLAY --------------------------------------------------- */
.hideNarrow{
	display:none !important;
}
/* //DISPLAY --------------------------------------------------- */

/* PARAGRAPH --------------------------------------------------- */
#contents p{
	padding-bottom:15px;
	line-height:1.7;
}
p.caption{
	margin-top:-10px;
	color:#666;
	font-size:86%;
	line-height:1.42 !important;
}
/* //PARAGRAPH --------------------------------------------------- */


/* IMG --------------------------------------------------- */

/* ピンチで拡大 */
p.imgPinch{
	background-color:#f1f1f1;
	text-align:center;
	margin-top:-10px;
	padding-bottom:0 !important;
	margin-bottom:15px;
	font-size:12px;
	line-height:1.1;
}
p.imgPinch span{
	display:inline-block;
	background:url(/_sharedZ_New/img/icon/pinch_2x.png) no-repeat left center;
	-webkit-background-size:14px 21px;
	background-size:14px 21px;
	padding-left:20px;
	min-height:21px;
}
p.imgPinch img{
	vertical-align:bottom !important;
	margin-right:5px;
}

/* .imgReplace */
.imgReplace{
	width:auto !important;
	height:auto !important;
	font-size:inherit;
}
.imgReplace .hide{
	display:inline !important;
}
.imgReplace .panel{
	background:none !important;
	display:none !important;
}

/* //IMG --------------------------------------------------- */



/* HEADING --------------------------------------------------- */

/* H1 */
h1.hTxt,
h1.hImg{
    font-size: 20px;
    margin-bottom: 20px;
    padding: 20px 0 0;
    color: #293b60;
    line-height: 1.4;
    position: relative;
}
h1.hTxt span,
h1.hImg span{
    font-weight: bold;
}
h1.hTxt:before,
h1.hImg:before {
    background: #293b60;
    width: 100%;
    height: 4px;
    content: "";
    display: block;
    border-radius: 4px 4px 0 0 /4px 4px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

/* H2 */
h2.hTxt,
h2.hImg{
    font-size: 18px;
    margin-bottom: 20px;
    color: #293b60;
    line-height: 1.4;
    border-bottom: 4px solid #ddd;
    padding: 0 3px 10px 3px;
}
h2.hTxt span,
h2.hImg span{
    font-weight: bold;
}
h2.hTxt span a{
    color: #293b60;
    font-weight: bold;
}
/* H3 */
h3.hTxt,
h3.hImg{
    padding: 0 0 0 16px;
    font-size: 18px;
    color: #293b60;
    position: relative;
    margin-bottom: 28px;
}
h3.hTxt span,
h3.hImg span,
h3.hTxt a,
h3.hImg a {
    font-weight: bold;
    color: #293b60;
}
h3.hTxt:before,
h3.hImg:before {
    content: "";
    display: block;
    width: 6px;
    height: 30px;
    background: #293b60;
    border-radius: 3px;
    position: absolute;
    top: -5px;
    left: 0;
}

/* H4 */
h4.hTxt,
h4.hImg{
    font-size: 14px;
    font-weight: bold;
    color: #293b60;
    margin-bottom: 15px;
}
h4.hTxt span,
h4.hImg span,
h4.hTxt a,
h4.hImg a {
    color: #293b60;
    font-weight: bold;
}

/* //HEADING --------------------------------------------------- */


/* ICON --------------------------------------------------- */
img.iconL { display:inline !important;vertical-align:middle;margin:0 5px 0 0 !important; }
img.iconR { display:inline !important;vertical-align:middle;margin:0 0 0 5px !important; }
img.icon { display:inline !important;vertical-align:middle;margin:0 5px !important; }
/* //ICON --------------------------------------------------- */


/* HR --------------------------------------------------- */

hr.dotLine{
    border:0 none;
    background:transparent none;
    border-top: 1px dotted #ddd;
    height:0;
    overflow:hidden;
    margin-bottom:15px;
}
hr.solidLine{
    border:0 none;
    background:transparent none;
    border-top:2px solid #ddd;
    height:0;
    overflow:hidden;
    margin-bottom:15px;
}

/* //HR --------------------------------------------------- */


/* FONT Default 14px --------------------------------------------------- */
.fsS { font-size:85%; }/* 12px相当 */
.fsL { font-size:114%; }/* 16px相当 */
/* //FONT --------------------------------------------------- */




/* LIST --------------------------------------------------- */

/* マークなし */
ul.nrmList{
	padding-bottom:15px;
}
ul.nrmList li{
	padding-bottom:5px;
}

/* dot */
ul.dotList{
	padding-bottom:15px;
}
ul.dotList li{
    padding-bottom:5px;
    color:#293b60;
    margin-left:1.5em;
    list-style-type:disc;
}
ul.dotList li span{
	color:#333;
}

/* num */
ol.numList{
	padding-bottom:15px;
}
ol.numList li{
	padding-bottom:5px;
	list-style-type:decimal;
	list-style:position:outside;
    color:#293b60;
	margin-left:2.4em;
	font-weight:bold;
}
ol.numList li span{
	color:#333;
	font-weight:normal;
}

/* ノートアイコンリスト（アイコンは直置き） */

ul.noteList{
	padding-bottom:15px;
}
ul.noteList li{
	padding-left:18px;
	text-indent:-18px;
	padding-bottom:5px;
	color:#666;
	font-size:85%;
}

/* ※リスト（あたま１文字分マイナスインデント） */

ul.komeList{
	padding-bottom:15px;
}
ul.komeList li{
	padding-left:1em;text-indent:-1em;
	padding-bottom:5px;
	color:#666;font-size:85%;
}

/* インラインリスト */
ul.inlineList{
	margin-right:-20px;/zoom:1;
	padding-bottom:15px;
}
ul.inlineList li{
	display:inline-block;/display:inline;/zoom:1;
	vertical-align:top;
	margin-right:20px;
	padding-bottom:5px;
}


/* リンクリスト */
ul.linkList{
    padding-bottom:15px;
}
ul.linkList li a{
    display:inline-block;/display:inline;/zoom:1;
    padding-bottom:5px;
    background:url(/_sharedZ_New/img/icon/link_right_l_2x.png) no-repeat 0 0.1em;
    background-size: 15px 14px;
    padding-left:22px;
}
ul.linkList li ul{
    margin-right:-10px;/zoom:1;
    padding-left:14px;
}
ul.linkList li ul li{
    display:inline-block;/display:inline;/zoom:1;
    margin-right:10px;
}
ul.linkList li ul li a{
    background:url(/_sharedZ_New/img/icon/link_right_s_2x.png) no-repeat 0 0.25em;
    background-size: 11px 10px;
    padding-left:17px;
}


/* アンカーリンクリスト */
ul.anchorList{
    padding-bottom:15px;
}
ul.anchorList li a{
    display:inline-block;/display:inline;/zoom:1;
    padding-bottom:5px;
    background:url(/_sharedZ_New/img/icon/link_down_l_2x.png) no-repeat 0 0.1em;
    background-size: 15px 14px;
    padding-left:22px;
}
ul.anchorList li ul{
    margin-right:-10px;/zoom:1;
    padding-left:14px;
}
ul.anchorList li ul li{
    display:inline-block;/display:inline;/zoom:1;
    margin-right:10px;
}
ul.anchorList li ul li a{
    background:url(/_sharedZ_New/img/icon/link_down_s_2x.png) no-repeat 0 0.25em;
    background-size: 11px 10px;
    padding-left:17px;
}


/* //LIST --------------------------------------------------- */



/* link ------------------------------------------------------------ */
/* もっと見る */
p.more{
	text-align:right;
}
p.more a{
	background:url(/_sharedZ_New/img/icon/link_right_s_2x.png) no-repeat 0 0.25em;
    background-size: 11px 10px;
	padding-left:17px;
}
/* 前に戻る */
p.prev a{
	background:url(/_sharedZ_New/img/icon/link_left_s_2x.png) no-repeat 0 0.25em;
    background-size: 11px 10px;
	padding-left:17px;
}
/* [ページタイトル]ページの先頭へ */
p.pageTopLink{
	text-align:right;
	border-top: 1px dotted #bebebe;
	padding-top:10px;
}
/* ページの先頭へ */
p.pageTop{
    text-align:right;
}
p.pageTop a{
    display: inline-block;
    line-height: 1;
    padding: 10px 35px 10px 15px;
    background: url(/_sharedZ_New/img/icon/ico-link_blue_arrow_up_001.png) right 13px center no-repeat #eee;
    background-size: 11px auto;
    border-radius: 3px;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
p.pageTop a span{
    color: #293b60 !important;
    font-weight: bold;
}


/* //link ------------------------------------------------------------ */



/* FORM PARTS --------------------------------------------------- */

input,textarea {
    font-size: 14px;
}
input:focus,textarea:focus,select:focus {
    outline: none;
}
input.typeTxt{
    border:solid 1px #ddd;
    border-radius:5px;
    padding:8px 5px;
}
select.pulldown{
    border: 1px solid #ddd;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    display: block;
    min-width: 200px;
    cursor: pointer;
}
input.radioBtn{
    margin:0;padding:0;
}
input.chkBox{
    margin:0;padding:0;
}
textarea.textArea{
    border:solid 1px #ccc;
    border-radius:5px;
    padding:5px;
}

/* //FORM PARTS --------------------------------------------------- */


/* BUTTON --------------------------------------------------- */

a.btnA,button.btnA,button.btnB,a.btnB,a.btnC,button.btnC,button.btnD,a.btnD,button.btnE,a.btnE {
    display: inline-block;
    max-width: 300px;
    border-radius: 2px;
    color: #fff !important;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

a.btnA,button.btnA{
    background:#e2551e;
    padding: 10px 30px 10px 10px;
}
a.btnA span,button.btnA span{
    font-weight: bold;
}
a.btnA span span.icon,button.btnA span span.icon{
    display:block;position:absolute;border: 0 none;padding:0;margin:0;
    width:8px;height:14px;overflow:hidden;
    top:50%;right:8px;
    background: transparent url(/_sharedZ_New/img/icon/ico-arrow_btn_001.png) no-repeat right top !important;
    background-size: 8px auto !important;
    filter: none;
    margin-top:-7px !important;
    border-radius: 0px;
}

button.btnB,a.btnB{
    background:#e2551e;
    padding: 10px 10px 10px 10px;
}
button.btnB span,a.btnB span{
}


a.btnC,button.btnC{
    background:#eee;
    padding: 10px 30px 10px 10px;
    color: #293b60 !important;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
a.btnC span,button.btnC span{
    font-weight: bold;
}

a.btnC span span.icon,button.btnC span span.icon{
    display:block;position:absolute;border: 0 none;padding:0;margin:0;
    width:8px;height:14px;overflow:hidden;
    top:50%;right:8px;
    background: transparent url(/_sharedZ_New/img/icon/ico-arrow_btn_002.png) no-repeat right top !important;
    background-size: 8px auto !important;
    filter: none;
    margin-top:-7px !important;
    border-radius: 0px;
}


button.btnD,a.btnD{
    background:#eee;
    padding: 10px 10px 10px 10px;
    color: #293b60 !important;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
button.btnD span,a.btnD span{
}

a.btnAImg,a.btnBImg,a.btnCImg,a.btnDImg,
button.btnAImg,button.btnBImg,button.btnCImg,button.btnDImg{
    display:inline-block;/display:inline;/zoom:1;padding:0 !important;margin:0 !important;vertical-align:middle;
    border:0 none;
}
a.btnAImg span,a.btnBImg span,a.btnCImg span,a.btnDImg span,
button.btnAImg span,button.btnBImg span,button.btnCImg span,button.btnDImg span{
    display:block;/zoom:1;
    white-space:nowrap;text-indent:100%;overflow:hidden;
}


button.btnReset{
    display: inline-block;
    line-height: 1;
    color: #293b60;
    padding: 10px 35px 10px 15px;
    background: url(/_sharedZ_New/img/icon/ico-reset_001.png) right 8px center no-repeat #eee;
    background-size: 9px auto;
    border-radius: 3px;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border: none;
    cursor: pointer;
}
button.btnReset span{
    font-weight: bold;
}

/* //BUTTON --------------------------------------------------- */

/* TABLE --------------------------------------------------- */

table.staticTbl,
table.transTbl{
	border-collapse:collapse;
	margin-bottom:15px;
	background-color:#fff;
}
table.staticTbl thead th,
table.transTbl thead th{
    background-color:#293b60;
	text-align:left;
	vertical-align:middle;
	border:solid 1px #ddd;
	padding:10px 15px;
    font-weight: bold;
    color: #fff;
}
table.staticTbl tbody th,
table.transTbl tbody th{
    background-color:#f4f4f4;
	border:solid 1px #ddd;
	vertical-align:top;
	text-align:left;
	padding:15px 15px 1px;
    font-weight: bold;
}
table.staticTbl td,
table.transTbl td{
	border:solid 1px #ddd;
	padding:15px 15px 1px;
	vertical-align:top;
	text-align:left;
}

@media only screen and (max-width : 530px){
	table.transTbl{
		display:block;
		margin:0 auto 15px;
		width:auto !important;
		background-color:#fff;
		border:0 none;
		border-bottom:solid 1px #ddd;
	}
	table.transTbl tbody,
	table.transTbl thead,
	table.transTbl tfoot,
	table.transTbl tr{
		width:auto;
		display:block;
	}
	table.transTbl th{
		width:auto !important;
		display:block !important;
        background-color:#f4f4f4;
		border:solid 1px #ddd;
		border-bottom:0 none !important;
		vertical-align:top;
		text-align:left;
		padding:10px 10px 1px;
	}
	table.transTbl th p{
		padding-bottom:10px !important;
	}
	table.transTbl td{
		width:auto !important;
		display:block !important;
		border:solid 1px #ddd;
		border-bottom:0 none !important;
		padding:15px 10px 1px;
		vertical-align:top;
		text-align:left;
	}
}

table.layoutTbl{
	display:block;
	margin:0 auto;
	width:auto;
	background-color:#fff;
	border:0 none;
	margin-bottom:15px;
}
table.layoutTbl tbody,
table.layoutTbl thead,
table.layoutTbl tfoot,
table.layoutTbl tr{
	width:auto;
	display:block;
}
table.layoutTbl th,
table.layoutTbl td{
	width:auto;
	display:block;
	vertical-align:top;
	text-align:left;
	padding:0;
	border:0 none;
}
table.staticTbl.w100per,
table.transTbl.w100per,
table.layoutTbl.w100per{
	width:100%;
}


/* //TABLE --------------------------------------------------- */




/* TABLE --------------------------------------------------- */

/* table.defTbl2 */
table.defTbl2{
	margin:0 auto 20px;
	width:auto !important;
	border:0 none;
	border-bottom:solid 1px #d8d8d8;
}
table.defTbl2 tbody,
table.defTbl2 thead,
table.defTbl2 tfoot,
table.defTbl2 tr{
	width:auto;
	display:block;
}
table.defTbl2 th p,
table.defTbl2 td p{
	padding-bottom:10px !important;
}
table.defTbl2 th,
table.defTbl2 td{
	width:auto !important;
	padding:10px 10px 0;
	display:block !important;
	border:1px solid #d8d8d8;
	border-bottom:0 none;
	margin:0;
}
table.defTbl2 colgroup,
table.defTbl2 col{
	display:none;
}
table.defTbl2 tbody th{
	background-color:#f1f2f3;
}
table.defTbl2 tbody th.subTh{
	background-color:#fff;
}

/* table.defTbl3 */
table.defTbl3{
	margin:0 auto 20px;
	width:auto !important;
	border:0 none;
	border-bottom:solid 1px #d8d8d8;
	display:block;
}
table.defTbl3 tbody,
table.defTbl3 thead,
table.defTbl3 tfoot,
table.defTbl3 tr{
	width:auto;
	display:block;
}
table.defTbl3 th p,
table.defTbl3 td p{
	padding-bottom:10px !important;
}
table.defTbl3 th,
table.defTbl3 td{
	width:auto !important;
	padding:10px 10px 0;
	display:block !important;
	border-top:1px solid #d8d8d8;
	border-bottom:0 none;
	margin:0;
	font-weight:normal;
}
table.defTbl3 colgroup,
table.defTbl3 col{
	display:none;
}

/* //TABLE --------------------------------------------------- */



