@charset "utf-8";


@media only screen and (min-width: 768px), print {




/* layout common setting
=========================================*/
/* container */

body{
 font-family: 'Noto Sans JP', sans-serif;
 color:#333333;
 font-size:15px;
 line-height:1.8;
}
a:hover img{
	opacity:0.7;
}
#pageContainer{
 font-family: 'Noto Sans JP', sans-serif;
 color:#333333;
 font-size:15px;
 line-height:1.8;
}
img{
	max-width:100%;
	height:auto;
}
p{
	margin-top:1em;
}
ul{
	margin-top:1em;
}
ol{
	margin-top:1em;
}
dl{
	margin-top:1em;
}
table{
	margin-top:1em;
}


/* header
=========================================*/

#globalHeader {
	background: url(/tri/common/img/com_bg01.png);
	height:85px;
}
#globalHeader .headIn{
	width:1200px;
	margin:0 auto;
	position:relative;
}
#globalHeader #logo{
	padding-top:23px;
	float:left;
  width: 600px;
}

#globalHeader .gnavLinkBox{
	position:absolute;
	left:0px;
	top:85px;
	background:#00418f;
	width:100%;
	text-align:left;
	color:#FFF;
	padding:30px;
	z-index:300;
	display:none;
}
#globalHeader li.gnavi02 .gnavLinkBox{
	background:#e63721;
}
#globalHeader li.gnavi03 .gnavLinkBox{
	background:#009852;
}
#globalHeader li.on .gnavLinkBox{
	display:none;
}
#globalHeader li.now .gnavLinkBox{
	display:block;
}
#globalHeader #headRight{
	float:right;
	width:453px;
}
#globalHeader #headRight #gnaviBlock{
	display:table;
	width:100%;
	margin-top:0px;
}
#globalHeader #headRight #gnaviBlock > li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:33.3%;
	height:85px;
}
#globalHeader #headRight #gnaviBlock > li > .gnaviLink > a{
	display:table;
	width:100%;
	height:85px;
	color:#FFF;
	text-decoration:none;
}
#globalHeader #headRight #gnaviBlock > li > .gnaviLink > a:hover{
	background:url(/tri/common/img/com_bg04.png);
}
#globalHeader #headRight #gnaviBlock > li.gnavi01.now > .gnaviLink > a{
	background:#00418f;
}
#globalHeader #headRight #gnaviBlock > li.gnavi01.on > .gnaviLink > a{
	background:#00418f;
}
#globalHeader #headRight #gnaviBlock > li.gnavi02.now > .gnaviLink > a{
	background:#e63721;
}
#globalHeader #headRight #gnaviBlock > li.gnavi02.on > .gnaviLink > a{
	background:#e63721;
}
#globalHeader #headRight #gnaviBlock > li.gnavi03.now > .gnaviLink > a{
	background:#009852;
}
#globalHeader #headRight #gnaviBlock > li.gnavi03.on > .gnaviLink > a{
	background:#009852;
}
#globalHeader #headRight #gnaviBlock > li > .gnaviLink > a > span{
	display:table-cell;
	width:100%;
	height:85px;
	vertical-align:middle;
	text-align:center;
	border-bottom:3px solid #00418f;
	border-left:1px solid #777777;
	font-size:16px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}
#globalHeader #headRight #gnaviBlock > li.gnavi02 > .gnaviLink > a > span{
	border-bottom:3px solid #e63721;
}
#globalHeader #headRight #gnaviBlock > li.gnavi03 > .gnaviLink > a > span{
	border-bottom:3px solid #009852;
	border-right:1px solid #777777;
}
#globalHeader .gnavLinkBox .gnavLinkBoxIn{
	position:relative;
}
#globalHeader .gnavLinkBox .gnavLinkBoxIn .gnaviCloseBtn{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}
#globalHeader .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink{
	margin-top:0px;
}
#globalHeader .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink a{
	display:inline-block;
	text-decoration:none;
	background:#3367a5;
	padding:12px 29px 12px 30px;
	color:#FFF;
	font-size:20px;
}
#globalHeader .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink a:hover{
	background:#5c85b7;
}
#globalHeader .gnavi02 .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink  a{
	background:#e36454;
}
#globalHeader .gnavi02 .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink a:hover{
	background:#e98376;
}
#globalHeader .gnavi03 .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink  a{
	background:#33ad75;
}
#globalHeader .gnavi03 .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink a:hover{
	background:#5cbd91;
}
#globalHeader .gnavLinkBox .gnavLinkBoxIn .gnaviTopLink a span{
	display:inline-block;
	background:url(/tri/common/img/com_ic01.png) no-repeat left 50%;
	background-size:10px auto;
	padding-left:20px;
}
#globalHeader .gnaviCtLinkBox{
	text-align:center;
}
#globalHeader .gnaviCtLink{
	display:inline-block;
	margin-top:30px;
}
#globalHeader .gnaviCtLink > li{
	float:left;
	width:190px;
}
#globalHeader .gnaviCtLink > li a{
	display:block;
	position:relative;
}
#globalHeader .gnaviCtLink > li a span{
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	text-align:center;
	width:100%;
	color:#333333;
	font-size:16px;
	background:url(/tri/common/img/com_bg05.png) repeat;
	padding-top:8px;
	padding-bottom:8px;
	border-left:1px solid #FFF;
	min-height: 45px;
}
#globalHeader .gnavi02 .gnaviCtLink > li:nth-child(n+2):nth-child(-n+4) a span{
	font-size:12px;
	padding-top: 12px;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 {
  display: flex;
  flex-flow: row wrap;
  margin-top: 30px;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li{
  float: none;
  width:173px;
  margin-left: 20px;
  text-align: left;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li:nth-child(6n+1) {
  margin-left: 0;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li:nth-child(n+7) {
  margin-top: 10px;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li a {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  text-align: left;
  color:#fff;
  text-decoration: none;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li a:hover {
  text-decoration: underline;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li a::before {
  display: block;
  content: "";
  width: 20px;
  height: 28px;
  position:absolute;
  top: 0;
  left: -2px;
	background:url(/tri/common/img/com_ic01.png) no-repeat 0 50%;
	background-size: 10px auto;
}
#globalHeader .gnavi03 .gnaviCtLink-v2 > li a span {
  font-size:16px;
}
#globalHeader .spNaviBtn{
	display:none !important;
}




/* footer
=========================================*/

#globalFooter{
	background:#222222;
	width:100%;
}
#globalFooter .footer{
	width:1200px;
	margin:0 auto;
	padding-top:28px;
	padding-bottom:90px;
}
#globalFooter .footer .footLink{
	float:left;
	color:#FFF;
}
#globalFooter .footer .footLink a{
	display:inline-block;
	padding-left:15px;
	color:#FFF;
	text-decoration:none;
	background:url(/tri/common/img/com_ic20.png) no-repeat left 50%;
	background-size:10px auto;
}
#globalFooter .footer .footLink a:hover{
	color:#FFF;
	text-decoration:underline;
}
#globalFooter .footer #copy{
	float:right;
	color:#FFF;
	font-size:13px;
}






/* main
=========================================*/

#globalContents{
	padding-top:50px;
	padding-bottom:50px;
}

#topicNavBlock{
	background:#f0f0f0;
	padding-top:10px;
	padding-bottom:10px;
}
#topicNavBlock .topicNav{
	width:1200px;
	margin:0 auto;
}
#topicNavBlock ul{
	margin-top:0px;
}
#topicNavBlock ul li{
	float:left;
	font-size:12px;
	padding-right:17px;
	margin-right:8px;
	background:url(/tri/common/img/com_bg07.png) no-repeat right 50%;
}
#topicNavBlock ul li em{
	font-style:normal !important;
}
#topicNavBlock ul li:last-child{
	background:none;
	font-weight:bold;
}
#topicNavBlock ul li.home a{
	background:url(/tri/common/img/com_ic07.png) no-repeat;
	display:inline-block;
	width:15px;
	height:15px;
	vertical-align:-0.25em;
}
#topicNavBlock ul li.home a em{
	display:none;
}
#topicNavBlock ul li a{
	color:#333333;
	text-decoration:none;
}

.contentsWrap{
	width:1200px;
	margin:0 auto;
}
.oneContents .contentsWrap{
	width:1200px;
}
.oneContentsType2 .contentsWrap{
	width:900px;
}
.pasTop .contentsWrap{
	width:100%;
}
.corner .contentsWrap{
	width:100%;
}

#main{
	width:920px;
	float:left;
}
.oneContents #main{
	width:1140px;
	float:none;
}
.corner  #main{
	width:100%;
	float:none;
}
.pasTop  #main{
	width:100%;
	float:none;
}




/* aside
=========================================*/
#sidebar{
	width:240px;
	float:right;
}

/* sideMenu */
#sideMenu {
}
#sideMenu .catHead2nd {
	position: relative;
	display: table;
	width: 100%;
	height: 59px;
	margin: 0;
	background: #979797;
}
#sideMenu .catHead2nd.type01 {
	background: #e63721;
}
#sideMenu .catHead2nd.type02 {
	background: #00418f;
}
#sideMenu .catHead2nd.type03 {
	background: #009852;
}
#sideMenu .catHead2nd:after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #979797 transparent transparent transparent;
}
#sideMenu .catHead2nd.type01:after{
	border-color: #e63721 transparent transparent transparent;
}
#sideMenu .catHead2nd.type02:after{
	border-color: #00418f transparent transparent transparent;
}
#sideMenu .catHead2nd.type03:after{
	border-color: #009852 transparent transparent transparent;
}
#sideMenu .catHead2nd > a {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 10px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#sideMenu .catHead2nd:hover{
	opacity:0.7;
}
#sideMenu .catHead2nd > a:hover {
	text-decoration:underline;
}
#sideMenu .catMenu3rd {
	margin: 0;
}
#sideMenu .catMenu3rd > li {
	line-height: 1.4;
	border-bottom: solid 1px #cccccc;
}
#sideMenu .catMenu3rd > li.open {
	border-bottom: none;
}
#sideMenu .catMenu3rd > li > a,
#sideMenu .catMenu3rd > li > span {
	display: block;
	padding: 20px 10px;
	color: #444444;
	text-decoration: none;
	font-size:17px;
	font-weight:bold;
}
#sideMenu .catMenu3rd > li.selected > a, 
#sideMenu .catMenu3rd > li.selected > span {
	background: #f0f0f0;
	font-weight: bold;
}
#sideMenu .catMenu3rd > li.open > a,
#sideMenu .catMenu3rd > li.open > span {
	font-weight: bold;
}
#sideMenu .catMenu3rd > li > a:hover {
	color: #44bbee;
	text-decoration:underline;
}
#sideMenu .catMenu3rd > li > span {
}
#sideMenu .catMenu3rd > li > .catMenu4th {
	display: none;
	margin: 0;
	padding-left: 20px;
	border-top: solid 1px #cccccc;
}
#sideMenu .catMenu3rd > li.selected > .catMenu4th {
	display: block;
}
	#sideMenu .catMenu3rd > li#selectedNoLink > .catMenu4th {
	display: block;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li {
	border-bottom: dotted 1px #000000;
	font-size:15px;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li:last-child {
	border:none;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > a,
#sideMenu .catMenu3rd > li > .catMenu4th > li > span {
	display: block;
	padding: 15px 10px;
	color: #444444;
	text-decoration: none;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li > a:hover {
	color: #44bbee;
	text-decoration:underline;
}
#sideMenu .catMenu3rd > li > .catMenu4th > li.selected > a,
#sideMenu .catMenu3rd > li > .catMenu4th > li.selected > span {
	background: #f0f0f0;
	font-weight: bold;
}









/* extra
=========================================*/

#pageTopBtn{
	position:fixed;
	right:0px;
	bottom:0px;
	width:60px;
	height:60px;
	background:url(/tri/common/img/com_bt04.png) no-repeat;
	z-index:2000;
}
#pageTopBtn a{
	display:inline-block;
	width:60px;
	height:60px;
}

.notosan{
	font-family: 'Noto Sans JP', sans-serif !important;
}


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

	clearfix

=================================*/
.contentsWrap:after,
#globalHeader #headerInner:after,
#headerContents #headerUtility:after,
#gNav > ul:after,
#topicNavBlock .topicNav:after,
#topicNavBlock .topicNav > ul:after,
#headerMenu .headerMenuCol4:after,
#gNav > ul > li > .menuInner .menuBox .boxCol2:after,
#gNav > ul > li > .menuInner .menuBox .boxCol2 > .col .InnerCol2:after,
#gNav > ul > li > .menuInner .menuBox .boxCol4:after,
#headerSearch .headerSearchArea:after,
#globalHeader .headIn:after,
#globalHeader .gnaviCtLink:after,
.footer:after {
	content: "";
	display: block;
	clear: both;
}

}