@charset "utf-8";
/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Montserrat);


/*----------------------------------------------------*/
/* start common
------------------------------------------------------*/
html {
		font-size: 62.5%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	color: #000;
}
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
	color: #000;
}
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }



/*----------------------------------------------------*/
/* link
------------------------------------------------------*/

a:link {	color:#0059B2; text-decoration:underline;}
a:visited {	color:#0059B2;	text-decoration:underline;}
a:hover {	color:#0059B2;	text-decoration:underline;}
a:active {
	color:#EFEFEF;
	text-decoration:underline;
	font-size: 12px;
}

a:hover img.linkbtn {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*----------------------------------------------------*/
/* text
------------------------------------------------------*/

body {
	background:#FFF;
	color:#525252;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

p,li,th,td,dt,dd {
	line-height:2.2;
	font-size:16px;
	font-size:1.6rem;
}

dt,dd,li,th,td,address {
	line-height:1.8;
	color: #000;
}

img {
	vertical-align:bottom;
}

.red { color:#cc0000; }
.redB { color:#cc0000; font-weight:bold; }


.txt10 { font-size:10px;	font-size:1.0rem;}
.txt11 { font-size:11px;	font-size:1.1rem;}
.txt12 { font-size:12px;	font-size:1.2rem;}
.txt14 { font-size:14px;	font-size:1.4rem;}
.txt15 { font-size:15px;	font-size:1.5rem;}
.txt16 { font-size:16px;	font-size:1.6rem;}
.txt18 { font-size:18px;	font-size:1.8rem;}
.txt20 { font-size:20px;	font-size:2.0rem;}
.txt22 { font-size:22px;	font-size:2.2rem;}
.txt24 { font-size:24px;	font-size:2.4rem;}
.txt26 { font-size:26px;	font-size:2.6rem;}
.txt28 { font-size:28px;	font-size:2.8rem;}
.txt30 { font-size:30px;	font-size:3.0rem;}
.txt32 { font-size:32px;	font-size:3.2rem;}

.posC { text-align:center;}
.posR { text-align:right;}

#contents .mb0 { margin-bottom:0px !important; }
#contents .mb5 { margin-bottom:5px !important; }
#contents .mb10 { margin-bottom:10px !important; }
#contents .mb15 { margin-bottom:15px !important; }
#contents .mb20 { margin-bottom:20px !important; }
#contents .mb25 { margin-bottom:25px !important; }
#contents .mb30 { margin-bottom:30px !important; }
#contents .mb35 { margin-bottom:35px !important; }
#contents .mb40 { margin-bottom:40px !important; }
#contents .mb45 { margin-bottom:45px !important; }
#contents .mb50 { margin-bottom:50px !important; }
#contents .mb60 { margin-bottom:60px !important; }
#contents .mb70 { margin-bottom:70px !important; }

#contents .mt0 { margin-top:0px !important; }
#contents .mt5 { margin-top:5px !important; }
#contents .mt10 { margin-top:10px !important; }
#contents .mt15 { margin-top:15px !important; }
#contents .mt20 { margin-top:20px !important; }
#contents .mt25 { margin-top:25px !important; }
#contents .mt30 { margin-top:30px !important; }
#contents .mt35 { margin-top:35px !important; }
#contents .mt40 { margin-top:40px !important; }
#contents .mt45 { margin-top:45px !important; }
#contents .mt50 { margin-top:50px !important; }

.clearfix {
 min-height: 1px;
}
.clearfix:after {
 content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*----------------------------------------------------*/
/* header
------------------------------------------------------*/

#skiplink {
	margin: 0;
	text-align: center;
	width: 100%;
}

#skiplink a {
	color: #333;
	display: block;
	background: #eee;
	margin-top: -1px;
	font-size: 1px;
	line-height: 0;
	height: 1px;
	overflow: hidden;
	zoom: 1;
}

header {
	background:url(../img/bg_gnav.png) bottom left repeat-x;
	padding-bottom:3px;
}

#headerMini {
	background:none;
	border-bottom:5px solid #334DAA;
	margin-bottom:30px;
}

#header {
	width:1000px;
	margin:0 auto;
	padding:25px 0 0 0;
	position:relative;
}

#header .logo {	padding:0 0 15px 15px;}



#header #gnavi > li {
	border-right:1px solid #7183C4;
	display:table-cell;
	box-sizing:border-box;
	position:relative;
}

#header #gnavi > li.home {
	border-left:1px solid #7183C4;
}

#header #gnavi > li > a {
	display:block;
	float:left;
	width:190px;
	height:14px;
	padding:16px 0 14px;
	height:45px;
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	line-height:1;
}

#header #gnavi > li.home a {	width:43px;}
#header #gnavi > li > a.current { background:#1F2C83 ;}
#header #gnavi > li img {	vertical-align:top;}

#header #gnavi > li.home > a { letter-spacing:0em;}
#header #gnavi > li.info > a { letter-spacing:0.3em;}
#header #gnavi > li.product > a { letter-spacing:0.3em;}
#header #gnavi > li.company > a { letter-spacing:0.3em;}
#header #gnavi > li.about > a { letter-spacing:0em;}
#header #gnavi > li.member > a { letter-spacing:0.1em;}

#header #gnavi > li ul {
  display: none;
  position: absolute;
  top: 45px;
  left: 0px;
  padding: 10px 10px 5px 10px;
  width: 190px;
		box-sizing:border-box;
  background: #1F2C83;
		z-index:10;
	box-shadow:0 3px 3px rgba(0,0,0,0.2) inset;
}

#header #gnavi > li li {
	border-top:1px dotted #636CA8;
}

#header #gnavi > li li:first-child {
	border-top:none;
}

#header #gnavi > li li a {
	color:#FFF;
	text-decoration:none;
	padding: 10px 7px 10px 18px;
	display:block;
	font-size:14px;
	letter-spacing:0;
	text-align:left;
	line-height:1.3;
	background:url(../img/icon_link_04.png) no-repeat 5px center;
}

#header #gnavi > li li a:hover {
	text-decoration:underline;
}

/* utilbox */

#header .utilbox {
	position:absolute;
	right:0;
	width:415px;
	top:24px;
	height:36px;
	overflow:hidden;
}

#header .utilbox div.search,
#header .utilbox ul { display:table-cell; vertical-align:top;}


#header .utilbox .search { width:315px; }

#header .utilbox .langSW {
	width:auto;
	overflow:hidden;
	padding-left:20px;
	padding-top:1px;
}

#header .utilbox .langSW li {
	float:left;
}

#header .utilbox .langSW li span,
#header .utilbox .langSW li a {
	display:table-cell;
	vertical-align:middle;
	width:40px;
	height:30px;
	box-sizing:border-box;
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	background:#314AAD;
	color:#FFF;
	text-align:center;
}

#header .utilbox .langSW li a {
	border:1px solid #DDDDDD;
	background:#F5F5F5;
	color:#314AAD;
}

#header .utilbox .langSW li a:hover {
	text-decoration:none;
}

/* searchbox cstm */
#header .gsc-control-cse.gsc-control-cse-ja {	padding:0; line-height:1; font-size:12px;}
#header #gsc-iw-id1 { height:30px; box-sizing:border-box;}
#header #gs_tti50 { line-height:1; padding-right:0; }
#header .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right:0; }
#header input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button { opacity:0; }
#header td.gsc-search-button { background:url(../img/btn_search.png) no-repeat left top; background-size:58px auto; }
#header .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { width:55px; box-sizing:border-box;}

.gsc-search-button-v2 {
	border-color: transparent!important;
	background-color: transparent!important;
}
.gsc-search-button-v2 svg {
	fill: transparent!important;
}


#header #cse-search-box {
	padding-top:1px;
}

#header #cse-search-box .formbox {
	height:30px;
	box-sizing:border-box;
	padding:3px 5px;
	width:253px;
}

#header #cse-search-box .formbtn {
	background:#314aad;
	height:30px; box-sizing:border-box;
	padding:3px 10px;
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:12px;
	letter-spacing:3px;
	text-align:center;
	width:55px;
	cursor:pointer;
}



/*----------------------------------------------------*/
/* topHeaderBlk
------------------------------------------------------*/

#topHeaderBlk {
	background:url(../img/bg_header.jpg) top left repeat-x;
	background-size: cover;
	margin-top:-3px;
	box-shadow:0 3px 3px rgba(0,0,0,0.2) inset;
	margin-bottom:50px;
}

#pageHeader {
	width:1000px;
	margin:0 auto;
	padding:25px 0 35px 0;
}

#pageHeader p.topicpath {
	font-size:10px;
	margin:0 0 20px;
	color:#D0E1EF;
}

#pageHeader p.topicpath a {	color : #D0E1EF }

#pageHeader h1{
	color:#FFF;
	font-size:40px;
	margin-bottom:10px;
	font-weight:normal;
}

#pageHeader p.lead {
	font-size:16px;
	margin:0;
	color:#FFF;
}

/*----------------------------------------------------*/
/* main
------------------------------------------------------*/

main {
 min-height: 1px;
	width:1000px;
	margin:0 auto 30px auto;
	display:block;
}

main:after {
 content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#contents {
	width:710px;
	position:relative;
	float:left;
}

#contents section {
	margin-bottom:30px;
}

#contents > article > section {
	margin-bottom:60px;
	font-size: 1.6px;
}

#side {
	width:240px;
	position:relative;
	float:right;
}

#contents.wide {
	float:none;
	width:1000px;
}

/*----------------------------------------------------*/
/* component #contents
------------------------------------------------------*/

#contents .htype02 {
	font-size:36px;
	margin-bottom:35px;
	font-weight:normal;
}

#contents .htype03 {
	font-size:20px;
	margin:40px 0 20px;
	background:#F5F5F5;
	border-left:4px #1C3F6A solid;
	padding:15px 0 15px 15px;
}

#contents .htype04 {
	font-size:16px;
	margin-bottom:20px;
}

#contents .htype04pdf {
	font-size:16px;
	margin-bottom:20px;
	position:relative;
}

#contents .htype04pdf:after {
	display:inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(../img/icon_pdf.png) no-repeat left top;
	background-size:18px auto;
	margin:-.2em 0 0 .25em;
	vertical-align:middle;
}

/* text */

#contents p {
	margin-bottom:15px;
	color: #000;
	font-size: 12px;
}

#contents .notes01 {
	padding-left:1em;
	text-indent:-1em;
}


/* list */

#contents ul.ultype01 {
	margin:15px 0 15px 1em;
}

#contents ul.ultype01 > li {
	padding-left:20px;
	background:url(../img/icon_list_01.png) no-repeat 0 .3em;
	margin-bottom:5px;
	font-size: 12px;
}

#contents ul.ultype02 {
	margin:15px 0 15px 1em;
}

#contents ul.ultype02 > li {
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
}

#contents .linkBtn01 {
	border:1px dashed  #CCC;
	display:inline-block;
}

#contents .linkBtn01 a {
	display:block;
	background:url(../img/icon_link_02.png) no-repeat 2em center;
	background-size:15px auto;
	padding:15px 2.5em 15px 3.5em;
	text-decoration:none;
}

#contents .linkBtn01 a:hover {
	text-decoration:underline;
}

/* link */

#contents a.iconPdf,
#contents a.iconXls,
#contents a.iconWord,
#contents a.iconPp,
#contents a.iconMembers {
	display:inline-block;
	padding:0 5px 0 28px;
	text-indent:-28px;
	vertical-align:top;
	position:relative;
	line-height:1.5;
	background-image: url(data/Nor2019/_notes);
	font-size: 12px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#contents a.iconPdf:before {
	display:inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(../img/icon_pdf.png) no-repeat left top;
	background-size:18px auto;
	margin:0 0.7em 0 0;
	vertical-align:text-top;
}

#contents a.iconXls:before {
	display:inline-block;
	content:"X";
	box-sizing:border-box;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	border-radius:2px;
	background:#00A153;
	padding:2px 2px;
	width:18px;
	height:18px;
	text-align:center;
	text-indent:0;
	vertical-align:text-top;
	margin:0 1em 0 0;
	line-height:1.5;
}

#contents a.iconWord:before {
	display:inline-block;
	content:"W";
	box-sizing:border-box;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	border-radius:2px;
	background:#086AA5;
	padding:2px 2px;
	width:18px;
	height:18px;
	text-align:center;
	text-indent:0;
	vertical-align:text-top;
	margin:0 1em 0 0;
	line-height:1.5;
}

#contents a.iconPp:before {
	display:inline-block;
	content:"P";
	box-sizing:border-box;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	border-radius:2px;
	background:#FA9B00;
	padding:2px 2px;
	width:18px;
	height:18px;
	text-align:center;
	text-indent:0;
	vertical-align:text-top;
	margin:0 1em 0 0;
	line-height:1.5;
}

#contents a.iconMembers:before {
	display:inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(../img/icon_member.png) no-repeat left top;
	background-size:14px auto;
	margin:0 0.7em 0 0;
	vertical-align:text-top;
}

/* tblBase */

#contents table.tblBase {
	border-left:1px solid #DDD;
	border-top:1px solid #DDD;
	text-align: left;
}

#contents table.tblBase th,
#contents table.tblBase td {
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	text-align:left;
	padding:15px;
	font-size:14px;
	line-height:1.8;
}

#contents table.tblBase thead th {
	background:#EFEFEF;
	font-size:18px;
	font-weight:bold;
}

#contents table.tblBase.land01 th {
	background:#EFEFEF;
	font-weight:bold;
	text-align:center;
}



/* tblBase → WP */

#contents .tblBase table {
	border-left:1px solid #DDD;
	border-top:1px solid #DDD;
	text-align: left;
}

#contents .tblBase table th,
#contents .tblBase table td {
	border-top: inherit;
	border-left: inherit;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	text-align:left;
	padding:15px;
	font-size:14px;
	line-height:1.8;
}

#contents .tblBase table thead th {
	background:#EFEFEF;
	font-size:18px;
	font-weight:bold;
}

#contents .tblBase table.land01 th {
	background:#EFEFEF;
	font-weight:bold;
	text-align:center;
}

/* cut */

#contents .cutL1 {
	float:left;
	padding:0 25px 10px 0;
}

#contents .cutR1 {
	float:right;
	padding:0 0 10px 25px;
}

#contents .cutC1 {
	text-align:center;
	margin:1em 0 2em;
}

#contents .cutC1 .cap {
	text-align:left;
	font-size:12px;
	margin:10px 0 0 0;
}

/* clm3sysBox */

#contents.wide .clm3sysBox {
	display:table;
	margin:0 -50px 0 0;
	width:1050px;
}

#contents.wide .clm3sysBox > div {
	display:table-cell;
	vertical-align:top;
}

#contents.wide .clm3sysBox > div.clm3_1box { width:300px; padding-right:50px;}
#contents.wide .clm3sysBox > div.clm3_2box { width:650px; padding-right:50px}

#contents.wide .clm3sysBox > div h3.htype03 {
	margin-top:0;
}

/* pagelink */

#contents .pagelink {
	border:1px dotted #CCCCCC;
	padding:15px 20px;
	margin-bottom:60px;
}

#contents .pagelink li {
	display:inline-block;
	margin-right:2em;
}

#contents .pagelink li a {	text-decoration:none;display: block;padding: 5px; }
#contents .pagelink li a:hover {	text-decoration:underline; }

/*----------------------------------------------------*/
/* component #side
------------------------------------------------------*/

#side .categoryLink {
	border-top:2px solid #314AAD;
	margin:0 0 20px 0;
}

#side .categoryLink a {
	padding:20px 2.5em 20px 2.5em;
	display:block;
	border-bottom:1px dotted #C5C5C5;
	font-size:16px;
	background:url(../img/icon_link_02.png) no-repeat 1em center;
	background-size:15px auto;
	text-decoration:none;
	line-height:1.4;
}

#side .categoryLink a:hover {
	text-decoration:underline;
	background-color:#F5F5F5;
}

#side .categoryLink a.current {
	color:#444;
	font-weight:bold;
	background:#F5F5F5;
}

#side .categoryLink .sub {
	margin:10px 0 0;
	border-bottom:1px dotted #C5C5C5;
	padding-bottom:10px;
}

#side .categoryLink .sub a {
	padding:8px 2.5em 8px 2.5em;
	border-bottom:none;
	background:url(../img/icon_link_03.png) no-repeat 1em center;
}

#side .categoryLink .sub a:hover {
	background-color:#F5F5F5;
}



/*----------------------------------------------------*/
/* footer
------------------------------------------------------*/


footer {
	background:#0F203B;
	padding:50px 0 30px;
}

#footer {
	width:1000px;
	margin:0 auto;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer .sitelink {
	width:100%;
	display:table;
	margin-bottom:30px;
}

#footer .sitelink > li {
	display:table-cell;
	padding-right:2em;
}

#footer .sitelink dt {
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
}

#footer .sitelink dt:after {
	content:"";
	display:block;
	height:1px;
	background:#576376;
	width:20px;
	position:absolute;
	bottom:0;
	left:0;
}

#footer .sitelink a:hover {
	text-decoration:underline;
}

#footer .sitelink dt a {
	font-weight:bold;
	font-size:16px;
}

#footer .sitelink dd a {
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}

#footer .sitelink dd .hf {
	float:left;
	padding-right:1.5em;
}

#footer .footerBnr {
	margin:0 auto 40px;
	overflow:hidden;
	width:1000px;
}

#footer .footerBnr li {
	width:300px;
	margin-left:50px;
	float:left;
}



#footer .footerBnr li:first-child {
	margin-left:0;
}

#footer .sitemaplink {
	padding:30px 0 15px;
	border-top:1px solid #576376;
	position:relative;
	overflow:hidden;
}


#footer .sitemaplink .link {
	font-size:12px;
	position:absolute;
	top:30px;
	left:0;
}


#footer .sitemaplink  .copyright {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	color:#FFF;
	padding:10px 0 0 0;
}