@charset "utf-8";

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

infoNet base.css   ver.10.0.1

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


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

/* html,body
------------------------------ */
html,
body{height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;}

/* link
------------------------------ */
a,
a:hover{text-decoration:none;}

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

/* 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;}

/* table
------------------------------ */
table{border:none;border-spacing:0;border-collapse:collapse;}
table[align="left"],
table[align="right"]{float:none;}
td,
th{text-align:left;}

/* hr
------------------------------ */
hr{height:1px;margin:3em 0;border-top:#e6e6e6 solid 1px;background:transparent;}
hr.dotted{border-style:dotted;}

/* formparts
------------------------------ */
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer;}
input[type="password"]{cursor:text;}
button[disabled],
input[disabled]{cursor:default;}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
button,
textarea{padding:2px 1px;border:1px solid #ccc;border-radius:0;-webkit-appearance:none;}
iframe{vertical-align:bottom;}

/* headings
------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6{margin:2em 0 1em;padding:0 0 0.5em;line-height:1.2;}


/* --------------------------------------------------
	HTML5-reset
-------------------------------------------------- */
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-weight:inherit;font-size:inherit;}
.full{width:100%;}


/* --------------------------------------------------
	css for print
-------------------------------------*/
@media print{
	body{font-family:"ヒラギノ角ゴ Pro W3", "HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
	section{display:block;}
	pre code{page-break-after:always;}
	p a,
	code,
	pre{word-wrap:break-word;}
	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;}
}


/*--------------------------------------
	file icon
--------------------------------------*/
a[href*=".pdf"],
a[href*=".doc"],
a[href*=".docx"],
a[href*=".xls"],
a[href*=".xlsx"],
a[href*=".zip"],
a.externalLink{display:inline;}
a[href*=".pdf"]:after,
a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".xls"]:after,
a[href*=".xlsx"]:after,
a[href*=".zip"]:after,
a.externalLink:after{display:inline-block;width:auto;height:auto;margin:0 5px;line-height:1;vertical-align:middle;}
a[href*=".pdf"]:after{content:url(/Portals/0/images/common/ico_file_pdf.png);}
a[href*=".doc"]:after,
a[href*=".docx"]:after{content:url(/Portals/0/images/common/ico_file_word.png);}
a[href*=".xls"]:after,
a[href*=".xlsx"]:after{content:url(/Portals/0/images/common/ico_file_excel.png);}
a[href*=".zip"]:after{content:url(/Portals/0/images/common/ico_file_zip.png);}
a.externalLink:after{content:url(/Portals/0/images/common/ico_external.png);}
a.noIcon:after{display:none;}


/* --------------------------------------------------
	link
-------------------------------------------------- */
/* linkBtn
------------------------------ */
a.linkBtn,
.linkBtn a{display:inline-block;position:relative;padding:0.5em 1em;background-color:rgba(0,0,0,0.5);color:#fff;text-decoration:none;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.linkBtn:hover,
.linkBtn a:hover{opacity:0.75;text-decoration:none;}
/* shrink */
a.linkBtn.shrink,
.linkBtn.shrink a{padding:0.25em 0.5em;}
/* bulge */
a.linkBtn.bulge,
.linkBtn.bulge a{padding:1.5em 2em;}
/* full */
a.linkBtn.full,
.linkBtn.full a{display:block;}

/* linkTxt
------------------------------ */
a.linkTxt,
.linkTxt a{display:inline-block;position:relative;padding-left:0.9em;text-decoration:none;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.linkTxt:before,
.linkTxt a:before{content:"";display:block;position:absolute;top:0.0em;bottom:0.2em;left:0;z-index:4;width:7px;height:10px;margin:auto;background:linear-gradient(45deg,transparent 40%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:top left,bottom left;}
/* full */
a.linkTxt.full,
.linkTxt.full a{display:block;}

/* linkBtn + linkTxt
------------------------------ */
a.linkBtn.linkTxt,
.linkBtn.linkTxt a{display:inline-block;position:relative;position:relative;padding-left:1.7em;text-decoration:none;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.linkBtn.linkTxt:before,
.linkBtn.linkTxt a:before{top:0;bottom:0;left:0.7em;background:linear-gradient(45deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:top left,bottom left;}

/* linkInpage
------------------------------ */
a.linkInpage,
.linkInpage a{display:inline-block;position:relative;padding:0.5em 1em 0.5em 2em;background-color:rgba(0,0,0,0.5);color:#fff;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.linkInpage:before,
.linkInpage a:before{content:"";position:absolute;top:0.0em;bottom:0.0em;left:0.7em;z-index:4;width:10px;height:7px;margin:auto;background:linear-gradient(45deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat;background-position:top left,top right;}
a.linkInpage:hover,
.linkInpage a:hover{opacity:0.75;text-decoration:none;}
/* shrink */
a.linkInpage.shrink,
.linkInpage.shrink a{padding:0.25em 2.0em 0.25em 0.5em;}
/* bulge */
a.linkInpage.bulge,
.linkInpage.bulge a{padding:1em 3em 1em 1.5em;}
/* full */
a.linkInpage.full,
.linkInpage.full a{display:block;}
/* linkInpage + layoutItem */
ul.layoutItem.linkInpage a{display:flex;width:100%;height:100%;align-items:center;}



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

/* align
------------------------------ */
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}

/* align image
------------------------------ */
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;}

/* vertical
------------------------------ */
.alignTop{vertical-align:top;}
.alignMiddle{vertical-align:middle;}
.alignBaseline{vertical-align:baseline;}
.alignBottom{vertical-align:bottom;}


/* --------------------------------------------------
	layout
-------------------------------------------------- */
.layoutItem{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;width:100%;margin:0 0 1em;padding:0;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}

/* ul + layoutItem
------------------------------ */
ul.layoutItem li{margin-bottom:1rem;}

/* img in layoutItem
------------------------------ */
.layoutItem img{max-width:100%;vertical-align:bottom;}

/* flex
------------------------------ */
/* wraped */
.layoutItem.nowraped{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.layoutItem.nowraped > *{flex:1 0 0%;}
/* flex-direction */
.layoutItem.reRowed{flex-direction:row-reverse;}
.layoutItem.columned{flex-direction:column;}
.layoutItem.reColumned{flex-direction:column-reverse;}
/* align-items */
.layoutItem.bottomed{-webkit-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;}
.layoutItem.middled{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layoutItem.baselined{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.layoutItem.stretched{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
/* justify-content */
.layoutItem.lefted{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-moz-justify-content:flex-start;}
.layoutItem.righted{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
.layoutItem.centered{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.layoutItem.betweened{justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;}
/* shrink */
.layoutItem.retentioned{flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;-moz-flex-shrink:0;}
/* basis */
.layoutItem.basised > *{flex-basis:100%;}

/* column
------------------------------ */
.layoutItem.col2,
.layoutItem.col3,
.layoutItem.col4,
.layoutItem.col5,
.layoutItem.col6,
.layoutItem.col7,
.layoutItem.col8{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutItem.col2 > *{width:49%;}
.layoutItem.col3 > *{width:32%;}
.layoutItem.col4 > *{width:23.5%;}
.layoutItem.col5 > *{width:18.4%;}
.layoutItem.col6 > *{width:15%;}
.layoutItem.col7 > *{width:12.57%;}
.layoutItem.col8 > *{width:10.75%;}
.layoutItem.col2 > *,
.layoutItem.col3 > *,
.layoutItem.col4 > *,
.layoutItem.col5 > *,
.layoutItem.col6 > *,
.layoutItem.col7 > *,
.layoutItem.col8 > *{float:none;margin-right:2%;margin-bottom:1rem;}
.layoutItem.col2 > *:nth-child(2n),
.layoutItem.col3 > *:nth-child(3n),
.layoutItem.col4 > *:nth-child(4n),
.layoutItem.col5 > *:nth-child(5n),
.layoutItem.col6 > *:nth-child(6n),
.layoutItem.col7 > *:nth-child(7n),
.layoutItem.col8 > *:nth-child(8n){margin-right:0 !important;}

/* float
------------------------------ */
.layoutItem.floated,
.layoutItem.floated.col2,
.layoutItem.floated.col3,
.layoutItem.floated.col4,
.layoutItem.floated.col5,
.layoutItem.floated.col6,
.layoutItem.floated.col7,
.layoutItem.floated.col8{display:block;}
.layoutItem.floated > *,
.layoutItem.floated.col2 > *,
.layoutItem.floated.col3 > *,
.layoutItem.floated.col4 > *,
.layoutItem.floated.col5 > *,
.layoutItem.floated.col6 > *,
.layoutItem.floated.col7 > *,
.layoutItem.floated.col8 > *{display:block;float:left;margin-right:2%;margin-bottom:1rem;}
.layoutItem.floated.col2 > *:nth-child(2n+1),
.layoutItem.floated.col3 > *:nth-child(3n+1),
.layoutItem.floated.col4 > *:nth-child(4n+1),
.layoutItem.floated.col5 > *:nth-child(5n+1),
.layoutItem.floated.col6 > *:nth-child(6n+1),
.layoutItem.floated.col7 > *:nth-child(7n+1),
.layoutItem.floated.col8 > *:nth-child(8n+1){clear:left;}
.layoutItem.floated:after{content:"";display:block;clear:both;}

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

/* inline
------------------------------ */
.layoutItem.inlined{display:block;}
.layoutItem.inlined > *{display:inline-block;margin-right:1rem;vertical-align:top;}

/* table
------------------------------ */
.layoutItem.tabled{display:table;width:100%;table-layout:fixed;}
.layoutItem.tabled > *{display:table-cell;vertical-align:middle;}
.layoutItem.tabled.alignTop > *{vertical-align:top;}
.layoutItem.tabled.alignBaseline > *{vertical-align:baseline;}
.layoutItem.tabled.alignBottom > *{vertical-align:bottom;}

/* imgFloat
------------------------------ */
img.ImageFloatRight{display:inline-block;float:right;margin:0 0 20px 20px;}
img.ImageFloatLeft{display:inline-block;float:left;margin:0 20px 20px 0;}


/* --------------------------------------------------
	table
-------------------------------------------------- */
.tableBasic{max-width:100%;margin:0 0 2em;border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
.tableBasic.full{width:100%;}
.tableBasic.fixed{table-layout:fixed;}
.tableBasic > tbody > tr > th,
.tableBasic > tbody > tr > td{padding:0.5em;border-top:1px solid #ccc;border-left:1px solid #ccc;text-align:left;}
.tableBasic > tbody > tr > th{background-color:rgba(0,0,0,0.05);}
.tableBasic > tbody > tr > td.alignRight,
.tableBasic > tbody > tr > th.alignRight,
.tableBasic > tbody > tr > td[align="right"],
.tableBasic > tbody > tr > th[align="right"]{text-align:right;}
.tableBasic > tbody > tr > td.alignCenter,
.tableBasic > tbody > tr > th.alignCenter,
.tableBasic > tbody > tr > td[align="center"],
.tableBasic > tbody > tr > th[align="center"]{text-align:center;}
/* shrink */
.tableBasic.shrink > tbody > tr > th,
.tableBasic.shrink > tbody > tr > td{padding:0.05em 0.25em;}
/* bulge */
.tableBasic.bulge > tbody > tr > th,
.tableBasic.bulge > tbody > tr > td{padding:1em 1.5em;}

/* cell
------------------------------ */
/* fixed */
th.fixed,
td.fixed{width:8em;}
/* color */
th.colored{background-color:#f6f6f6;}
td.colored{background-color:rgba(0,0,0,0.05);}
/* empty */
th.emptyCell,
td.emptyCell{border:none !important;background:none !important;}
/* nowrap */
th.nowrap,
td.nowrap{white-space:nowrap;}


/* --------------------------------------------------
	box
-------------------------------------------------- */
/* boxBordered && boxColored
------------------------------ */
.boxBordered{margin:0 0 2em;padding:2em;border:1px solid rgba(0,0,0,0.5);}
.boxColored{margin:0 0 2em;padding:2em;background-color:rgba(0,0,0,0.03);}
.boxColored > *:first-child,
.boxBordered > *:first-child{margin-top:0;}
.boxColored > *:last-child,
.boxBordered > *:last-child{margin-bottom:0;}
/* shrink */
.boxBordered.shrink,
.boxColored.shrink{padding:0.5em;}
/* bulge */
.boxBordered.bulge,
.boxColored.bulge{padding:4em;}

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


/* --------------------------------------------------
	txt
-------------------------------------------------- */
/* indent
------------------------------ */
.txtIndent{padding-left:1em;text-indent:-1em;}
.txtIndent2{padding-left:2em;text-indent:-2em;}

/* font-size
------------------------------ */
.txtSmall{font-size:80%;}
.txtLarge{font-size:120%;}

/* font-weight
------------------------------ */
.txtBold{font-weight:bold;}

/* font-color
------------------------------ */
.colorRed{color:#c00;}
.colorGray{color:#777;}


/* --------------------------------------------------
	list
-------------------------------------------------- */
/* reset
------------------------------ */
.listNone{display:block;list-style:none;width:100%;margin:0 0 1em;padding:0;}


/* --------------------------------------------------
	youtube
-------------------------------------------------- */
.youtubeWrap16-9{overflow:hidden;position:relative;height:0;padding-bottom:56.25% !important;}
.youtubeWrap4-3{overflow:hidden;position:relative;height:0;padding-bottom:75% !important;}
.youtubeWrap16-9 iframe,
.youtubeWrap4-3 iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}