@charset "UTF-8";
/*--------------------------------------
  Reset Style
---------------------------------------*/
* {box-sizing: border-box;}
html { box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit;}
body{overflow: hidden;}
.wrapper {height: 100%;}
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea { padding: 0; margin: 0;}
/*--------------------------------------
	Text Module		
---------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, em { font-style: normal; font-weight: normal;}
/*--------------------------------------
	HyperText Module
---------------------------------------*/
a:link { color: #36c; text-decoration: none;}
a:visited { color: #369; text-decoration: none;}
a:hover { color: #c60; background-color: #FF9; text-decoration: underline;}
a:active { color: #c00; text-decoration: underline;}
a.arr { padding-left: 1.2em; background: url(../images/common/go.gif) no-repeat 0 center;}
a:hover.arr { padding-left: 1.2em; background: url(../images/common/go_o.gif) no-repeat 0 center;}
/*--------------------------------------
  List Module
---------------------------------------*/
ul, ol { list-style: none;}
/*--------------------------------------
	Image Module		
---------------------------------------*/
img, fieldset { border: none;}
hr { clear: both; border-top: 2px dotted #cde; height: 1px; margin: 1.5em auto 1.5em auto; padding: 1.5em auto 1.5em auto;}
img { max-width: 100%; height: auto; display: block;}
/*--------------------------------------
	Table Module		
---------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
table th { padding: .5em; font-weight: normal; text-align: left;}
table td { padding: .5em;}
caption, th { text-align: left;}


/*--------------------------------------
  ページ全体・見出し
---------------------------------------*/
html { overflow-y: scroll;}
body { text-align: center; background: url(../images/common/bg-header.jpg) repeat-x top;}
.wrapper { text-align: center; }
#header, #content, #footer { clear: both; max-width: 950px; width: 100%; margin: auto; text-align: left;}
/*--------------------------------------
  wrapper > header
---------------------------------------*/
#header { position: relative; height: 115px;}
#header h1.logo { position: absolute; top: 0px; left: 1px; text-indent: -9999px;
 background-image: url(../images/common/logo2.gif); background-repeat: no-repeat;
 height: 115px; width: 98%; max-width: 500px; background-size: 100% auto;
}
#header h1.logo a { display: block; height: 115px; width: 620px;}
#header h1.logo a:hover { background: none;}
#header #text-right { position: absolute; top: 0; right: 0; font-size: 77%; text-align: right;
 background: url(../images/common/hatarakuhito.png) no-repeat right top;
 height: 170px; width: 210px;}

/*	wrapper > header > globalNav
---------------------------------------*/
#globalNav { width: 100%;}
#globalNav ul { max-width: 950px; width: 100%; padding: 0; margin: 0 auto; display: flex;
 justify-content: space-between;}
#globalNav ul:after { clear: both; height: 0; visibility: hidden; display: block; content: ".";}
#globalNav ul li { font-size: 105%; font-weight: bold; margin-left: 1px; margin-top: 17px; padding: 0; height: 47px;}
#globalNav ul li a { color: #fff; padding: 0; border: none; text-decoration: none; width: 100%; position: relative;}
#globalNav ul li.gNav a { margin: 0; padding-left: 16px; padding-top: 0px;
 background: url(../images/common/bg-gNav0.png) no-repeat left center;}
#globalNav ul li a:hover { background-color: transparent;
 -moz-opacity: 0.8; /* Firefox 1.5未満, Netscape用 */
 -khtml-opacity: 0.8; /* Safari 1.x, 他khtmlに対応したブラウザ用  */
 opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}
/*	wrapper > header > fontScaler
---------------------------------------
div.fontScalerVariable {	position: absolute;	top: 0;	right: 0;	display: none;}*/
/*--------------------------------------
  wrapper > content
---------------------------------------*/
#content::after { clear: both; height: 0; visibility: hidden; display: block; content: ".";}
#content { background-color: #fff; display: inline-block; zoom: 1;}
#main > p { line-height: 1.5; margin-bottom: 1.5em;}
/*	マルチカラムレイアウト
---------------------------------------*/
.oneCol #main { width: 100%;}
/* 3カラムレイアウト */
.thrCol .sideBar { float: right; width: 180px; margin-right: 10px; display: inline;}
.thrCol .sideBar.first { float: left; margin-left: 10px; display: inline;}
.thrCol #main { float: left; width: 550px;}
/* 2カラムレイアウト　左袖 */
.twoColLt .sideBar { float: left; width: 21.2%; display: inline;}
.twoColLt #main { float: right; width: 75.9%; display: inline;}
/* 2カラムレイアウト　右袖 */
.twoColRt .sideBar { float: right; width: 21.2%;}
.twoColRt .sideBar_2nd { float: right; width: 21.2%;}
.twoColRt #main { float: left; width: 73.5%; margin-left: 20px; display: inline-block; zoom: 1;}
.twoColRt #main:after { clear: both; height: 0; visibility: hidden; display: block; content: ".";}
.twoColRt .sideBar h2 { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0.5em !important;
 border-left: 1px solid #ddd !important; border-bottom: none;}

.twoColRt .sideBar dl.sideMenu { margin-bottom: 1.5em; border-top: 0px dotted #999;}
.twoColRt .sideBar dl.sideMenu dt { border-bottom: 1px dotted #ccc; padding: 0; font-weight: bold;}
.twoColRt .sideBar dl.sideMenu dt a { padding: 0.8em 0.3em 0.8em 0.8em; display: block;
 background: url(../images/common/bg-sidemenuarr.gif) no-repeat 0 center;}
.twoColRt .sideBar dl.sideMenu dd ul li { padding: 0.2em 0 0.2em 1em; text-indent: -1em;}
.twoColRt .sideBar dl.sideMenu dd ul li a { padding: 0.3em 0 0.3em 1em;
 background: url(../images/common/go.gif) no-repeat 0 6px;}
.twoColRt .sideBar dl.sideMenu dd ul li a:hover { background: url(../images/common/go_o.gif) no-repeat 0 6px;}

/*	パンくずリスト
---------------------------------------*/
.topicpath { font-size: 92%; padding: 0.3em 0 1em 0.5em; background: url(../images/common/bg-topicpath.gif) no-repeat; height: 35px;}
.topicpath dl { padding: 0;}
.topicpath dt { display: none;}

/*	セクションアンカー、その他の設定
---------------------------------------*/
p.gotop { clear: both; width: 100%; height: 20px; position: relative;}
p.gotop a { position: absolute; right: 0; top: 0; width: 120px; height: 20px;
 background: url(../images/common/gotop.gif) no-repeat 0 0; display: block; text-decoration: none; text-indent: -9999px; outline: none;}
.clear { clear: both;}
.skip, .hide { display: none;}

/*--------------------------------------
  wrapper > footer
---------------------------------------*/
#footer { clear: both; position: relative; padding: 2px 0; height: 120px; font-size: 88%;background: url(../images/common/bg-footer.gif) repeat-x top;}
#footer .footerNav { margin-top: 5px;}
#footer .footerNav ul { text-align: left;}
#footer .footerNav ul li { margin: 0 1em; display: inline;}
#footer .footerNav ul li a { color: #EEC;}
#footer .footerNav ul li a:hover { background-color: transparent;}
#footer .footerNav ul li.first {}
#footer p { position: absolute; top: 45px; left: 10px; font-size: 105%;}
#footer p.tabonly { text-indent: -9999px;}
#copyright { text-align: right; position: absolute; right: 0; bottom: 12px;}