@charset "utf-8";
/* style.css */
/*************************************************************
	default
*************************************************************/
html,
body {
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
}

/* footerをブラウザ最下部に配置 */
html,
body { margin: 0; height: 100%; }
#pageWrap { min-height: 100%; margin-bottom: -204px; }
footer,
.push { height: 204px; }
/*
html { height: 100%; }
body { min-height: 100%; display: flex; flex-direction: column; }
article { flex: 1; }
*/

img { border: 0; }

a { color: #00F; }
a:hover { color: #F00; }

p { max-height: 999999px; }

/*************************************************************
	page
*************************************************************/

/*	common
------------------------------------------------------------*/
body.pageTGU header,
body.pageTGU footer,
body.pageTGU article.articleWrap { color: #333; font-size: 16px; line-height: 1.4; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body.pageTGU .inner,
body.pageTGU article { margin: 0 auto !important; width: 940px; }
body.pageTGU article { padding: 20px 0 30px; }
body.pageTGU article.articleWrap { padding: 0; width: 100%; }

/*	header
------------------------------------------------------------*/
body.pageTGU header h1 { float: left; padding-top: 20px; width: 440px; }
/* ログイン前 */
body.pageTGU header #loginForm { float: right; padding: 10px 20px; width: 460px; color: #fff; font-size: 0.9em; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; }
body.pageTGU header #loginForm {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0081d6+0,57bcff+100 */
	background: #0081d6; /* Old browsers */
	background: -moz-linear-gradient(top, #0081d6 0%, #57bcff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0081d6 0%,#57bcff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0081d6 0%,#57bcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081d6', endColorstr='#57bcff',GradientType=0 ); /* IE6-9 */
}
body.pageTGU header #loginForm > p:first-child { margin-bottom: 10px; }
body.pageTGU header #loginForm > p:first-child b { display: inline-block; margin-right: 1em; padding-left: 10px; height: 24px; line-height: 24px; border-left: 5px solid #003f91; }
body.pageTGU header #loginForm > p:first-child .keyIcon { display: inline-block; padding-left: 26px; height: 24px; line-height: 24px; font-size: 0.75em; }
body.pageTGU header #loginForm .clearfix form > div { float: left; width: 260px; }
body.pageTGU header #loginForm .clearfix form > div p { margin: 0; font-size: 0.9em; text-align: right; }
body.pageTGU header #loginForm .clearfix form > div p:first-child { margin-bottom: 5px; }
body.pageTGU header #loginForm .clearfix form > div p input { padding: 0 5px; width: 170px; background: #fff; border: 1px solid #000; }
body.pageTGU header #loginForm .clearfix form > input { float: right; width: 180px; color: #fff; font-size: 0.9em; border: none; background: #003f91; cursor: pointer; }
/* ログイン後 */
body.pageTGU header #loginID { float: left; padding: 16px 0; width: 280px; text-align: center; font-size: 0.9em; }
body.pageTGU header #logoutButton { float: right; font-size: 0.9em; }
body.pageTGU header #logoutButton a { display: block; padding: 16px 0; width: 180px; color: #fff; text-align: center; text-decoration: none; background: #003f91; }

body.pageTGU header nav > ul { margin: 10px auto; width: 938px; border-right: 1px dotted #000; zoom: 1; }
body.pageTGU header nav > ul:after { content: ""; display: block; clear: both; }
body.pageTGU header nav > ul > li { float: left; padding: 10px 0; width: 133px; font-size: 0.85em; text-align: center; border-left: 1px dotted #000; }
body.pageTGU header nav > ul > li.menuParent { position: relative; }
body.pageTGU header nav > ul > li.menuParent span { color: #00F; text-decoration: underline; cursor: pointer; }
body.pageTGU header nav > ul > li.menuParent > ul { display: none; position: absolute; top: 40px; left: 0; z-index: 9999; width: 100%; background: #fff; }
body.pageTGU header nav > ul > li.menuParent > ul > li { padding: 10px 0; border-bottom: 1px dotted #000; }
body.pageTGU header nav > ul > li.menuParent > ul > li:first-child { border-top: 1px dotted #000; }

body.pageTGU header .unionList { margin: 1em auto !important; font-size: 0.85em; padding: 10px 25px; border: 1px solid #003f91; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
body.pageTGU header .unionList p { float: left; margin: 1px 10px 0 0; padding-left: 23px; width: 120px; }
body.pageTGU header .unionList p span { display: block; padding-left: 8px; color: #000; font-weight: bold; text-decoration: none; border-left: 4px solid #003f91; }
body.pageTGU header .unionList ul li { float: left; width: 50px; min-height: 20px; height: auto !important; height: 20px; padding: 1px 0 0 28px; background: url(../images/contents_listmark.png) no-repeat; font-weight: bold; }
body.pageTGU header .unionList ul li:first-child { width: 60px; }

/*	footer
------------------------------------------------------------*/
body.pageTGU > footer { color: #fff; font-size: 0.9em; }
body.pageTGU > footer > .footerWrap { padding: 20px 0 0; background: #003f91; }
body.pageTGU > footer > .footerWrap >.inner { padding-bottom: 15px; }
body.pageTGU > footer > .footerWrap >.inner > .clearfix > table { float: left; }
body.pageTGU > footer > .footerWrap >.inner > .clearfix > table tr td:first-child { padding-right: 50px; }
body.pageTGU > footer > .footerWrap >.inner > .clearfix > #qrCode { float: right; width: 100px; font-size: 0.8em; text-align: center; }
body.pageTGU > footer > .footerWrap >.inner > .clearfix > #qrCode img { margin-bottom: 5px; }
body.pageTGU > footer #copyright { padding: 1em; text-align: center; background: #0081d6; }

/*	indexPage
------------------------------------------------------------*/
body.pageTGU#indexPage section#section01 { margin-bottom: 30px; }
body.pageTGU#indexPage article.articleWrap h2 { margin-bottom: 20px; color: #003f91; text-align: center; }
body.pageTGU#indexPage article.articleWrap h2 span { display: inline-block; padding: 10px 1em; width: 320px; font-weight: bold; border: 1px solid #003f91; background-color: #fff; }
body.pageTGU#indexPage article.articleWrap #section02 ul { margin-bottom: 40px; }
body.pageTGU#indexPage article.articleWrap #section02 ul li { padding: 10px 0 10px 100px; font-size: 0.9em; border-bottom: 1px dotted #000; }
body.pageTGU#indexPage article.articleWrap #section02 ul li.newIcon { background: url(../images/new_icon.png) 1em center no-repeat; }
body.pageTGU#indexPage article.articleWrap #section02 ul li b { display: inline-block; margin-right: 1em; padding: 5px 0; color: #fff; width: 11em; font-size: 0.8em; text-align: center; background: #ccc; }
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_about,
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_vision,
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_ichiran,
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_shikobu { background: #666; }
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_introduction { background: #96f; }
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_active { background: #69f; }
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_kikanshi { background: #f66; }
body.pageTGU#indexPage article.articleWrap #section02 ul li b.cateName_offlog { background: #6cf; }

body.pageTGU#indexPage article.articleWrap #section03 { padding: 30px 0 10px; background: #f2f2f2; }
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix { margin-left: -50px; }
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix > div { float: left; padding-left: 50px; width: 280px; }
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix h3 { margin-bottom: 20px; padding: 10px; border: 1px solid #003f91; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix h3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8dbff+0,dbf1ff+100 */
background: #a8dbff; /* Old browsers */
background: -moz-linear-gradient(top, #a8dbff 0%, #dbf1ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a8dbff 0%,#dbf1ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a8dbff 0%,#dbf1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8dbff', endColorstr='#dbf1ff',GradientType=0 ); /* IE6-9 */
}
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix h3 a,
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix h3 span { display: block; padding-left: 8px; color: #000; font-weight: bold; text-decoration: none; border-left: 4px solid #003f91; }
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix h3 + ul { margin: -10px 0 20px; }
body.pageTGU#indexPage article.articleWrap #section03 > .inner > .clearfix h3 + ul li { position: relative; padding: 10px 0 10px 25px; border-bottom: 1px dotted #333; background: url(../images/contents_listmark.png) left 7px no-repeat; }

body.pageTGU#indexPage article.articleWrap #section04 { padding: 50px 0 30px; }
body.pageTGU#indexPage article.articleWrap #section04 > .inner > ul { margin-left: -20px; zoom: 1; overflow: hidden; }
body.pageTGU#indexPage article.articleWrap #section04 > .inner > ul:after { content: ""; display: block; clear: both; }
body.pageTGU#indexPage article.articleWrap #section04 > .inner > ul li { float: left; margin-bottom: 20px; margin-left: 20px; width: 220px; }

/*	secondPage
------------------------------------------------------------*/
/*
body.pageTGU #pageTitleWrap #pageTitleInner { margin: 0 auto; width: 940px; }
body.pageTGU #pageTitleWrap #pageTitleInner h2 { margin: 0; padding: 40px 0 0; }
body.pageTGU #entryList { margin: 0 auto; width: 940px; }
body.pageTGU #entryList #entryListTitle { display: none; }
*/
body.pageTGU #pageTitleWrap { background: #57bcff; box-shadow: 0px 5px 5px 0px #4496d3 inset; }
body.pageTGU #pageTitleWrap #pageTitleInner { margin: 0 auto; padding: 30px 0; width: 940px; }
body.pageTGU #pageTitleWrap #pageTitleInner h2 { margin: 0; padding: 10px 0 10px 15px; color: #fff; font-size: 2em; border-left: 5px solid #fff; }

body.pageTGU #entryList { margin-bottom: 30px; padding: 20px 0; background: #f2f2f2; }
body.pageTGU #entryList > p { margin: 0 auto; padding: 0 0 0 10px; width: 930px; border-bottom: 1px dotted #a9a9a9; }
body.pageTGU #entryList > p > a { display: block; padding: 8px 0 8px 30px; min-height: 20px; background: url(../images/contents_listmark.png) left center no-repeat; }

body.pageTGU #entryList #entryListTitle { margin-bottom: 10px !important; color: #808080; font-family: Arial; font-size: 2em; font-weight: bold; border-bottom: none !important; }
body.pageTGU #entryList .pageNaviButton { padding: 20px 0 10px; width: 940px; border-bottom: none; }
body.pageTGU #entryList .pageNaviButton a { display: inline; padding: 0; min-height: auto; background: none; }

body.pageTGU article #entryBodyWrap > div { margin: 0 0 100px; padding: 0; border: 1px solid #003f91; border-top-width: 5px; }
body.pageTGU article #entryBodyWrap > div > h3 { margin: 0; padding: 10px 20px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #003f91; font-size: 1.2em; border-bottom: 1px solid #003f91; }
body.pageTGU article #entryBodyWrap > div > .entryBodyArea { padding: 20px; }

body.pageTGU .pageNaviButton a { display: inline-block !important; padding: 10px 0 !important; width: 200px; color: #fff; text-decoration: none; background: none; background-color: #004091 !important; background-repeat: no-repeat !important;  }
body.pageTGU .pageNaviButton a:first-child { background-image: url(../images/prev_button_arrow.png) !important; background-position: left center !important; }
body.pageTGU .pageNaviButton a:last-child { background-image: url(../images/next_button_arrow.png) !important; background-position: right center !important; }
body.pageTGU .pageNaviButton a span { display: none; }

/*************************************************************
	reuse
*************************************************************/

/*	text
------------------------------------------------------------*/
/* font-family */
.fontMincho { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
/* font-size */
.fontSmaller { font-size: 0.8em; }
.fontSmall { font-size: 0.9em; }
.fontLarge { font-size: 1.1em; }
.fontLarger { font-size: 1.2em; }
/* indent */
.textIndent1 { padding-left: 1em; text-indent: -1em; }
.textIndent2 { padding-left: 2em; text-indent: -2em; }
.textIndent3 { padding-left: 3em; text-indent: -3em; }
/* weight */
.fontBold { font-weight: bold !important; }
.fontBold strong { font-weight: bold !important; }
.fontNormal { font-weight: normal !important; }

/*	list
------------------------------------------------------------*/
ul.ulTagDefault,
ol.olTagDefault { margin-left: 2em !important; }
ul.listStyle li { padding-left: 0.5em; text-indent: -0.5em; }
ul.asterisk li:before { content: "*"; }

/*	float & clearfix
------------------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
/* clearfix */
.clearfix { zoom: 1; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; }

/*	text-align
------------------------------------------------------------*/
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

/*	vertical-align
------------------------------------------------------------*/
.middleParent { position: relative; }
/*.middleParent .middleChild { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/
.middleParent .middleChild { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

/*	margin
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.margin00{margin:0px!important;}.margin10{margin:10px!important;}.margin20{margin:20px!important;}.margin30{margin:30px!important;}.margin40{margin:40px!important;}.margin50{margin:50px!important;}
/* top 0px～50px（5px刻み）*/
.mt00{margin-top:0px!important;}.mt05{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}.mt25{margin-top:25px!important;}.mt30{margin-top:30px!important;}.mt35{margin-top:35px!important;}.mt40{margin-top:40px!important;}.mt45{margin-top:45px!important;}.mt50{margin-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.mr00{margin-right:0px!important;}.mr05{margin-right:5px!important;}.mr10{margin-right:10px!important;}.mr15{margin-right:15px!important;}.mr20{margin-right:20px!important;}.mr25{margin-right:25px!important;}.mr30{margin-right:30px!important;}.mr35{margin-right:35px!important;}.mr40{margin-right:40px!important;}.mr45{margin-right:45px!important;}.mr50{margin-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.mb00{margin-bottom:0px!important;}.mb05{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}.mb20{margin-bottom:20px!important;}.mb25{margin-bottom:25px!important;}.mb30{margin-bottom:30px!important;}.mb35{margin-bottom:35px!important;}.mb40{margin-bottom:40px!important;}.mb45{margin-bottom:45px!important;}.mb50{margin-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.ml00{margin-left:0px!important;}.ml05{margin-left:5px!important;}.ml10{margin-left:10px!important;}.ml15{margin-left:15px!important;}.ml20{margin-left:20px!important;}.ml25{margin-left:25px!important;}.ml30{margin-left:30px!important;}.ml35{margin-left:35px!important;}.ml40{margin-left:40px!important;}.ml45{margin-left:45px!important;}.ml50{margin-left:50px!important;}

/*	padding
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.padding00{padding:0px!important;}.padding10{padding:10px!important;}.padding20{padding:20px!important;}.padding30{padding:30px!important;}.padding40{padding:40px!important;}.padding50{padding:50px!important;}
/* top 0px～50px（5px刻み）*/
.pt00{padding-top:0px!important;}.pt05{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt15{padding-top:15px!important;}.pt20{padding-top:20px!important;}.pt25{padding-top:25px!important;}.pt30{padding-top:30px!important;}.pt35{padding-top:35px!important;}.pt40{padding-top:40px!important;}.pt45{padding-top:45px!important;}.pt50{padding-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.pr00{padding-right:0px!important;}.pr05{padding-right:5px!important;}.pr10{padding-right:10px!important;}.pr15{padding-right:15px!important;}.pr20{padding-right:20px!important;}.pr25{padding-right:25px!important;}.pr30{padding-right:30px!important;}.pr35{padding-right:35px!important;}.pr40{padding-right:40px!important;}.pr45{padding-right:45px!important;}.pr50{padding-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.pb00{padding-bottom:0px!important;}.pb05{padding-bottom:5px!important;}.pb10{padding-bottom:10px!important;}.pb15{padding-bottom:15px!important;}.pb20{padding-bottom:20px!important;}.pb25{padding-bottom:25px!important;}.pb30{padding-bottom:30px!important;}.pb35{padding-bottom:35px!important;}.pb40{padding-bottom:40px!important;}.pb45{padding-bottom:45px!important;}.pb50{padding-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.pl00{padding-left:0px!important;}.pl05{padding-left:5px!important;}.pl10{padding-left:10px!important;}.pl15{padding-left:15px!important;}.pl20{padding-left:20px!important;}.pl25{padding-left:25px!important;}.pl30{padding-left:30px!important;}.pl35{padding-left:35px!important;}.pl40{padding-left:40px!important;}.pl45{padding-left:45px!important;}.pl50{padding-left:50px!important;}