@charset "utf-8";

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

infoNet base.css   ver.1.2

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

/*--------------------------------------
	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:link,
a:visited,
a:hover{outline:0;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;}
em{font-family:'Verdana', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';}

/*table*/
table{border:none;border-spacing:0;border-collapse:collapse;}
td,
th{text-align:left;}

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

/* formparts */
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"],
input[type="password"],
button,
textarea{padding:2px 1px;border:1px solid #ccc;border-radius:0;outline:none;-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;}

/* accessibility */
select,
option{background-color:#fff !important;color:#000 !important;}

/*  */

/*--------------------------------------
	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-size:inherit;font-weight:inherit;}


/*--------------------------------------
	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-block;}
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;padding-left:5px;line-height:1;vertical-align:bottom;}
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
--------------------------------------*/
a.linkItem,
.linkItem 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:all 0.25s ease-out;transition:all 0.25s ease-out;}

a.linkItem.bulge,
.linkItem.bulge a{font-size:120%;}

a.linkItem.shrink,
.linkItem.shrink a{font-size:80%;}

a.linkItem.full,
.linkItem.full a{display:block;}

/* inPageLinks */
a.linkItem.inPageLinks,
.linkItem.inPageLinks a{padding-left:1.7em;}
a.linkItem.inPageLinks:before,
.linkItem.inPageLinks a:before{content:"";position:absolute;top:0.9em;left:0.7em;z-index:4;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:7px;height:7px;margin:0;border:none;border-right:1px solid #fff;border-bottom:1px solid #fff;}
a.linkItem.inPageLinks:hover:before,
.linkItem.inPageLinks a:hover:before{border-right:1px solid #333;border-bottom:1px solid #333;}


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

/* float */
.layoutItem.col2,
.layoutItem.col3,
.layoutItem.col4,
.layoutItem.col5,
.layoutItem.col6,
.layoutItem.col7,
.layoutItem.col8{display:block;}
.layoutItem.col2:after,
.layoutItem.col3:after,
.layoutItem.col4:after,
.layoutItem.col5:after,
.layoutItem.col6:after,
.layoutItem.col7:after,
.layoutItem.col8:after{content:"";display:block;clear:both;}
.layoutItem.col2 > *,
.layoutItem.col3 > *,
.layoutItem.col4 > *,
.layoutItem.col5 > *,
.layoutItem.col6 > *,
.layoutItem.col7 > *,
.layoutItem.col8 > *{float:left;margin-right:2%;margin-bottom:1rem;}
.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 > *: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;}
.layoutItem.col2 > *:nth-child(2n+1),
.layoutItem.col3 > *:nth-child(3n+1),
.layoutItem.col4 > *:nth-child(4n+1),
.layoutItem.col5 > *:nth-child(5n+1),
.layoutItem.col6 > *:nth-child(6n+1),
.layoutItem.col7 > *:nth-child(7n+1),
.layoutItem.col8 > *:nth-child(8n+1){clear:left;}
.layoutItem img{max-width:100%;vertical-align:bottom;}

/* thumbnail */
.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%;}
.layoutItem.firstitemrighted > *:first-child{float:right;margin-left:2%;}
.layoutItem.firstitemlefted.wraparound > *,
.layoutItem.firstitemrighted.wraparound > *{overflow:visible;}

/* inline */
.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:after{display:none;}

/* flex */
.layoutItem.flexed{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.layoutItem.flexed.wraped{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutItem.flexed.lefted{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-moz-justify-content:flex-start;}
.layoutItem.flexed.righted{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
.layoutItem.flexed.centered{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.layoutItem.flexed.betweened{justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;}
.layoutItem.flexed.middled{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layoutItem.flexed.baselined{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.layoutItem.flexed.stretched{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
.layoutItem.flexed.retentioned{flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;-moz-flex-shrink:0;}
.layoutItem.flexed.col2,
.layoutItem.flexed.col3,
.layoutItem.flexed.col4,
.layoutItem.flexed.col5,
.layoutItem.flexed.col6,
.layoutItem.flexed.col7,
.layoutItem.flexed.col8{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutItem.flexed.col2 > *,
.layoutItem.flexed.col3 > *,
.layoutItem.flexed.col4 > *,
.layoutItem.flexed.col5 > *,
.layoutItem.flexed.col6 > *,
.layoutItem.flexed.col7 > *,
.layoutItem.flexed.col8 > *{float:none;margin-right:2%;margin-bottom:1rem;}
.layoutItem.flexed:after{display:none;}

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.layoutItem{list-style:none;padding-left:0;}
ul.layoutItem li{margin-bottom:1rem;}


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

/*--------------------------------------
	table
--------------------------------------*/
table.tableBasic{max-width:100%;margin:0 0 2em;}
table.tableBasic{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
table.tableBasic th,
table.tableBasic td{padding:0.5em;border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.tableBasic th{background-color:rgba(0,0,0,0.05);}
table.tableBasic.full{width:100%;}
table.tableBasic.shrink th,
table.tableBasic.shrink td{padding:0.05em 0.25em;}
table.tableBasic.bulge th,
th.fixed,
td.fixed{width:8em;}

th.colored{background-color:#f6f6f6;}
td.colored{background-color:rgba(0,0,0,0.05);}

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

th.nowrap,
td.nowrap{white-space:nowrap;}
table.tableBasic.bulge td{padding:1em 1.5em;}



/*--------------------------------------
	box
--------------------------------------*/
.boxBordered{margin:0 0 2em;padding:2em;border:1px solid rgba(0,0,0,0.5);}
.boxBordered.shrink{padding:0.5em;}
.boxBordered.bulge{padding:4em;}

.boxColored{margin:0 0 2em;padding:2em;background-color:rgba(0,0,0,0.03);}
.boxColored.shrink{padding:0.5em;}
.boxColored.bulge{padding:4em;}

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

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


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

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

.txtBold{font-weight:bold;}

.colorRed{color:#c00;}
.colorGray{color:#777;}


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