@charset 'utf-8';

/* ================================


infoNet base.css   ver.1.0


================================ */

/*--------------------------------------
カラーリング仕様

薄いグレー		#f6f6f6
中間グレー		#777777
濃いグレー		#333333
--------------------------------------*/

/*--------------------------------------
	BROUSER-reset （ブラウザ間の差異をなくすためのもの）
--------------------------------------*/

/*boxsizing*/
*,
:hover,
:before,
:after{box-sizing:border-box;}

/* html,body */
html,
body{height:100%;margin:0;padding:0;font-family:'Meiryo','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';-webkit-text-size-adjust:100%;}

/* paragraph */
p{margin:0 0 1em 0;padding:0;}

/* anchorlink*/
a,
a:link,
a:visited,
a:hover{outline:0;background-color:transparent;color:#455ea2;text-decoration:underline;}
a:hover{text-decoration:none;}
a:hover,
a:hover img{opacity:0.75;}

/* list */
ul,
ol{margin:0;padding:0.5em 0 1em 2em;}
li{margin:0;padding:0 0 0.25em 0;}
ul ul,
ul ol,
ol ul,
ol ol{padding-top:0.5em;padding-bottom:0.5em;}

/* textdecorations */
b,
strong{font-weight:bold;}
em{font-family:'Verdana', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';}


/* hr */
hr{height:1px;margin:30px 0;border-bottom:1px dotted #ccc;background:transparent;}

/*　（input種類はこれでいいのか、webkitappearanceはなくしていいのか）　*/
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
input[type='password']{cursor:pointer;}
button[disabled],
input[disabled]{cursor:default;}
input[type='submit'],
input[type='button'],
input[type='text'],
button,
textarea{border:1px solid #ccc;border-radius:0;outline:none;-webkit-appearance:none;}

/*　headings（ベーシックなデザインへ要見直しか）　*/
h1,
h2,
h3,
h4,
h5{margin:2em 0 1em;padding:0 0 0.5em;font-weight:normal;line-height:1.2;}
h1{font-size:228.5%;}
h2{font-size:171.4%;}
h3{font-size:142.8%;}
h4{font-size:114.2%;}
h5{font-size:100%;}
h6{font-size:100%;}

/*--------------------------------------
	HTML5-reset （HTMLバージョン間の差異をなくすためのもの）
--------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{margin:0;padding:0;border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}

/*--------------------------------------
	BUG-reset （ブラウザ、筐体ごとのバグをつぶすためのもの）
--------------------------------------*/

/* Android 4.xx problems */
.spMode *{background-image:url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
br{background-image:none !important;}

/*--------------------------------------
	default.css-reset
--------------------------------------*/
.Head{font-size:100%;}

/*--------------------------------------
	css for print
--------------------------------------*/
@media print{body{font-family:'ヒラギノ角ゴ Pro W3', 'HiraginoKaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';}
section{display:block;page-break-before:always;}
pre code{page-break-after:always;}
@page{margin:0.5cm;margin-top:0.4cm;}
p a,
code,
pre{word-wrap:break-word;}

/* 画像全般を印刷対象外にしたい場合（通常、背景画像を含めて印刷しない限りは関係ない）
	img{display:none;}
	*/
pre a[href]:after{content:'';}
pre abbr[title]:after{content:'';}
pre .ir a:after,
pre a[href^='javascript:']:after,
pre a[href^='#']:after{content:'';}
.noPrint{display:none;}
.controlPanel{display:none;}

/* アコーディオンを印刷時に全展開したい場合
	.accordionItem{display:block !important;}
	*/}

/*--------------------------------------
ファイル拡張子、外部アイコン付リンク
--------------------------------------*/
a[href$='.pdf'],
a[href$='.doc'],
a[href$='.docx'],
a[href$='.xls'],
a[href$='.xlsx'],
a.externalLink{display:inline-block;}
a[href$='.pdf']:before,
a[href$='.doc']:before,
a[href$='.docx']:before,
a[href$='.xls']:before,
a[href$='.xlsx']:before,
a.externalLink:after{content:'';display:inline-block;width:30px;height:18px;padding:0;vertical-align:middle;}
a[href$='.pdf']:before{background:url(/Portals/0/images/common/ico_pdf.png) 0 0 no-repeat;}
a[href$='.doc']:before,
a[href$='.docx']:before{background:url(/Portals/0/images/common/ico_word.png) 0 0 no-repeat;}
a[href$='.xls']:before,
a[href$='.xlsx']:before{background:url(/Portals/0/images/common/ico_excel.png) 0 0 no-repeat;}
a.externalLink:after{background:url(/Portals/0/images/common/ico_external.png) 0 0 no-repeat;margin-left: 5px;width: 14px;height: 11px;}a.noIcon:before{display:none;}

/*--------------------------------------
ボタン装飾
--------------------------------------*/

/* 矢印 */
a.linkItem,
.linkItem a{display:inline-block;position:relative;margin-right:0.5em;margin-left:0.4em;padding-left:12px;text-indent:-12px;}
a.linkItem:before,
.linkItem a:before{content:'';display:inline-block;width:12px;height:6px;margin:0;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #777;border-style:solid;}

/* image */
a.linkItem.image,
.linkItem.image a{font-size:86%;}

/* サイズ小 */
a.linkItem.small,
.linkItem.small a{font-size:86%;}

/* サイズ大 */
a.linkItem.large,
.linkItem.large a{font-size:128%;}

/* internallinkDesign */
a.linkItem.internallinkDesign,
.linkItem.internallinkDesign a{position:relative;padding-left:1.5em;}
a.linkItem.internallinkDesign:before,
.linkItem.internallinkDesign a:before{content:'';position:absolute;top:0.35em;left:0.5em;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:0.5em;height:0.5em;margin:0.25em 0 0;border-right:1px solid #777;border-bottom:1px solid #777;}
a.linkItem.internallinkDesign:after,
.linkItem.internallinkDesign a:after{content:'';position:absolute;top:0.25em;left:0.7em;width:1px;height:0.7em;margin:0.15em 0 0;background-color:#777;}
a.linkItem.internallinkDesign.bordered,
.linkItem.internallinkDesign.bordered a{padding-left:2em;}
a.linkItem.internallinkDesign.bordered:before,
.linkItem.internallinkDesign.bordered a:before{top:0.75em;left:0.7em;}
a.linkItem.internallinkDesign.bordered:after,
.linkItem.internallinkDesign.bordered a:after{top:0.65em;left:0.9em;}
a.layoutItem.linkItem,
.layoutItem.linkItem a,
.layoutItem a.linkItem,
.layoutItem .linkItem a{margin-right:2%;margin-left:0;display:block;width: 100%;}
.layoutItem a.linkItem,
.layoutItem.linkItem a,
.layoutItem a.linkItem.large,
.layoutItem.linkItem.large a,
.layoutItem a.linkItem.small,
.layoutItem.linkItem.small a,
.layoutItem a.linkItem.image,
.layoutItem.linkItem.image a{margin-right:2%;}
.layoutItem.col2.linkItem > *:nth-child(2n),
.layoutItem.col3.linkItem > *:nth-child(3n),
.layoutItem.col4.linkItem > *:nth-child(4n),
.layoutItem.col5.linkItem > *:nth-child(5n),
.layoutItem.col2.linkItem.large > *:nth-child(2n),
.layoutItem.col3.linkItem.large > *:nth-child(3n),
.layoutItem.col4.linkItem.large > *:nth-child(4n),
.layoutItem.col5.linkItem.large > *:nth-child(5n),
.layoutItem.col2.linkItem.small > *:nth-child(2n),
.layoutItem.col3.linkItem.small > *:nth-child(3n),
.layoutItem.col4.linkItem.small > *:nth-child(4n),
.layoutItem.col5.linkItem.small > *:nth-child(5n),
.layoutItem.col2.linkItem.image > *:nth-child(2n),
.layoutItem.col3.linkItem.image > *:nth-child(3n),
.layoutItem.col4.linkItem.image > *:nth-child(4n),
.layoutItem.col5.linkItem.image > *:nth-child(5n){margin-right:0;}

/* internallinkDesign */
a.linkItem.internallinkDesign{position:relative;padding-left:1.5em;}
a.linkItem.internallinkDesign:before{content:'';position:absolute;top:0.35em;left:0.5em;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:0.5em;height:0.5em;margin:0.25em 0 0;border-right:1px solid #777;border-bottom:1px solid #777;}
a.linkItem.internallinkDesign:after{content:'';position:absolute;top:0.25em;left:0.7em;width:1px;height:0.7em;margin:0.15em 0 0;background-color:#777;}
a.linkItem.internallinkDesign.bordered{padding-left:2em;}
a.linkItem.internallinkDesign.bordered:before{top:0.75em;left:0.7em;}
a.linkItem.internallinkDesign.bordered:after{top:0.65em;left:0.9em;}

/*--------------------------------------
レイアウト
--------------------------------------*/
.layoutItem.col2,
.layoutItem.col3,
.layoutItem.col4,
.layoutItem.col5{display:block;}
.layoutItem.col2:after,
.layoutItem.col3:after,
.layoutItem.col4:after,
.layoutItem.col5:after{content:'';display:block;clear:both;}
.layoutItem.col2 > *,
.layoutItem.col3 > *,
.layoutItem.col4 > *,
.layoutItem.col5 > *{display:inline-block;float:left;margin-right:2% !important;}
.layoutItem.col2 > *{width:49%;}
.layoutItem.col3 > *{width:32%;}
.layoutItem.col4 > *{width:23.5%;}
.layoutItem.col5 > *{width:18.4%;}
.layoutItem.col2 > *:nth-child(2n),
.layoutItem.col3 > *:nth-child(3n),
.layoutItem.col4 > *:nth-child(4n),
.layoutItem.col5 > *:nth-child(5n){margin-right:0 !important;}
.layoutItem.col2 > *:nth-child(2n+1),
.layoutItem.col3 > *:nth-child(3n+1),
.layoutItem.col4 > *:nth-child(4n+1),
.layoutItem.col5 > *:nth-child(5n+1){clear:left;}
.layoutItem img{max-width:100%;vertical-align:bottom;}

/**/
.layoutItem.firstitemlefted,
.layoutItem.firstitemrighted{display:block;}
.layoutItem.firstitemlefted:after,
.layoutItem.firstitemrighted:after{content:'';display:block;clear:both;}
.layoutItem.firstitemlefted > *,
.layoutItem.firstitemrighted > *{overflow:hidden;width:auto;}
.layoutItem.firstitemlefted > *:first-child{float:left;margin-right:2% !important;}
.layoutItem.firstitemrighted > *:first-child{float:right;margin-left:2% !important;}
.layoutItem.firstitemlefted.wraparound > *,
.layoutItem.firstitemrighted.wraparound > *{overflow:visible;}

/* 画像の右・左・中央寄せ */
img.ImageFloatRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.ImageFloatLeft{display:inline-block;float:left;margin:0 20px 20px 0;}
.layoutItem:after{content:'';display:block;clear:both;}

/*ulにつけた場合*/
ul.layoutItem{list-style:none;padding-left:0;}
ul.layoutItem li{margin-bottom:2%;}

/*--------------------------------------
pc/sp settings
--------------------------------------*/
.spArea{display:none !important;}
.pcArea{display:block !important;}
.spArea.inlined{display:none !important;}
.pcArea.inlined{display:inline-block !important;}

/*--------------------------------------
clearfix,float,align settings
--------------------------------------*/
.clearfix:after{content:'';display:block;clear:both;}
.floatRight{float:right;}
.floatLeft{float:left;}

/* テキストの右・左・中央寄せ */
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}

/* 画像の右・左・中央寄せ */
img.alignCenter{display:block;margin:0 auto 20px;}
img.alignRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.alignLeft{display:inline-block;float:left;margin:0 20px 20px 0;}

/*--------------------------------------
  box
--------------------------------------*/
table.basicTable{width:100%;margin:0 0 2em;padding:0;border:none;border-right:1px solid #d2dbe1;border-bottom:1px solid #d2dbe1;border-spacing:0;border-collapse:collapse;}
table.basicTable th,
table.basicTable td{padding:0.8em 1.5em;border-top:1px solid #d2dbe1;border-left:1px solid #d2dbe1;background-color:#fff;}
table.basicTable th{background-color:#455ea2;color:#fff;font-weight:bold;text-align:left;}
table.basicTable th.lightBlue{background-color:#B3D4EB;color:#333;}
table.basicTable.conpactTable th,
table.basicTable.conpactTable td{padding:10px 12px;}
table.horizontalTable{width:100%;margin:0 0 2em;padding:0;border:none;border-spacing:0;border-collapse:collapse;}
table.horizontalTable tr{border-bottom:1px solid #d2dbe1;}
table.horizontalTable th,
table.horizontalTable td{padding:0.8em 1.5em;border-right:1px solid #d2dbe1;background-color:#fff;}
table.horizontalTable th:last-child,
table.horizontalTable td:last-child{border-right:none;}
table.horizontalTable th{background-color:#455ea2;color:#fff;text-align:center;}
table.verticalTable{width:100%;margin:0 0 2em;padding:0;border:none;border-spacing:0;border-collapse:collapse;}
table.verticalTable tr{border-bottom:1px solid #d2dbe1;}
table.verticalTable tr:first-child{border-top:1px solid #d2dbe1;}
table.verticalTable th,
table.verticalTable td{padding:0.8em 1.5em;background-color:#fff;}
table.verticalTable th:last-child,
table.verticalTable td:last-child{border-right:none;}
table.verticalTable th{background-color:#455ea2;color:#fff;text-align:left;}
table tr .tHead{background-color:#455ea2;color:#fff;}

/***********************/
th.fixed,
td.fixed{width:8em;}

/**/
th.colored{background-color:#f6f6f6;}
td.colored{background-color:#f6f6f6;}

/**/
th.emptyCell,
td.emptyCell{border:none !important;background:none !important;}

/**/
th.nowrap,
td.nowrap{white-space:nowrap;}

/*--------------------------------------
  box
--------------------------------------*/

/* boxBordered */
.boxBordered{margin:0 0 2em;padding:2em;border:1px solid #777;}
.boxBordered.shrink{padding:0.5em;}
.boxBordered.bulge{padding:4em;}

/* boxColored */
.boxColored{margin:0 0 2em;padding:2em;background-color:#f6f6f6;}
.boxColored.shrink{padding:0.5em;}
.boxColored.bulge{padding:4em;}

/* boxOverflowX */
.boxOverflowX{overflow-x:auto;overflow-y:hidden;width:auto !important;height:100%;max-width:100%;}
.boxOverflowY{overflow-x:hidden;overflow-y:auto;height:10em !important;height:100%;max-width:100%;}
.boxOverflowXY{overflow-x:auto;overflow-y:auto;width:auto !important;height:10em !important;height:100%;max-width:100%;}

/**/
.boxColored > *:first-child,
.boxBordered > *:first-child{margin-top:0;}
.boxColored > *:last-child,
.boxBordered > *:last-child{margin-bottom:0;}

/*--------------------------------------
  txt
--------------------------------------*/

/* txtAsterisk */
.txtAsterisk{padding-left:1em;text-indent:-0.5em;}
.txtAsterisk:before{content:'※';display:inline-block;}
ul.txtAsterisk:before{display:none;}
ul.txtAsterisk,
ul.txtAsterisk li{list-style:none;}
ul.txtAsterisk li:before{content:'※';display:inline-block;}

/* txtSmall */
.txtSmall{font-size:76%;}

/* txtLarge */
.txtLarge{font-size:128%;}

/*--------------------------------------
  color
--------------------------------------*/

/* colorRed */
.colorRed{color:#c00;}
.txtAsterisk.colorRed:before{color:#c00;}

/*--------------------------------------
  list
--------------------------------------*/

/* listColored */
ul.listColored li{list-style:none;position:relative;}
ul.listColored li:before{content:'';position:absolute;top:0.45em;left:-1em;width:6px;height:6px;border-radius:50%;background-color:#aaa;}
ul.listColored ol > li{list-style:inherit;}
ul.listColored ol > li:before{display:none;}