@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, b, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table, tbody, tfoot, thead, tr, th, td { font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: middle;}
html { overflow-y: scroll; }
body { background: #F2F2F2; color: #333; font: 14px Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; line-height: 1.5em;}

.j12 { font-size: 85%;}
.j16 { font-size: 114%;}
.j20 { font-size:146.5%;}

a:link { color: #023886; text-decoration: underline;}
a:visited { color: #023886; text-decoration: underline;}
a:hover { color: #EA609E; text-decoration: none;}
a:active { color: #F00; text-decoration: none;}

.red { color: #E60012;}

#wrapper { background: url(../img/cmn/mainbg.gif) repeat-y; width: 950px; margin: 0 auto; padding: 0 15px; }
#header { background: url(../img/cmn/headbg.jpg) repeat-x; width: 950px; height: 115px; margin: 0; padding: 0; }
#header div.inner { margin: 0 20px; overflow: hidden; }
#header h1 { float: left; }
#header .hd_right { float: right; width: 520px; }
.lastupdate { text-align: right; padding: 10px 0;}

#fontSize { float: right; padding-bottom: 5px; overflow: hidden;}
#fontSize li { list-style: none; float: left; cursor: pointer; }

.column { margin-bottom: 40px;}

.hd_rightbtm { clear: both; float: right; width: 420px;}
.Google_search { clear: both; float: left; margin-bottom: 15px;}
.Google_search .gsc-control-cse { background: none; width: 250px; border: none; margin: 0; padding: 0;}
.Google_search table.gsc-search-box td.gsc-input { margin: 0; padding: 0;}
.Google_search td.gsc-input { width: 180px; margin: 0; padding: 0;}
.Google_search input.gsc-input { float: left; width: 180px; height: 26px; border: solid 1px #EE87B4; padding: 0; margin: 0;}
.Google_search td.gsc-search-button { width: 77px;} 
.Google_search input.gsc-search-button { width: 48px; height: 28px; margin: 0; padding: 0; border: solid 1px #EE87B4; background: #EE87B4; color: #FFF; font-size: 14px; text-align:center; border-radius: 0; -webkit-border-radius: 0; cursor: pointer;}
.Google_search input.gsc-search-button:hover { background: #fff; color: #EE87B4;}
.Google_search td.gsc-clear-button { display: none;}

.hd_other { margin-right: -15px;}
.hd_other li { float: left; list-style: none; height: 23px; line-height: 1.8em; margin-right: 15px;}
.hd_other li.sitemap { background: url(../img/cmn/sitemap_icon.gif) no-repeat center left; padding-left: 23px;}
.hd_other li.rss { margin-top: 2px;}

#changeArea { line-height: 1.5em; }
#contents { padding: 15px 20px 0;}

#globalnavi { float: left; background: #F2F2F2; width: 220px;}
#globalnavi .inner { padding: 10px;}

#globalnavi .inner ul.navi01 li { list-style: none; margin-bottom: 10px;}
#globalnavi .inner ul.navi01 li img { display: block;}
#globalnavi .inner ul.navi01 li ul.inner { background: #FFF; width: 174px; margin: 0 auto; padding: 5px 5px 10px; border-top: none; border-right: solid 1px #000; border-bottom: solid 1px #000; border-left: solid 1px #000;}
#globalnavi .inner ul.navi01 li ul.inner li { background: url(../img/cmn/gnavi_icon.gif) no-repeat center right; width: 170px; margin: 0 auto -1px; border: solid 1px #000;}
#globalnavi .inner ul.navi01 li ul.inner li a { display: block; padding: 5px 20px 5px 5px;}
#globalnavi .inner ul.navi01 li ul.inner li a:link,#globalnavi .inner ul.navi01 li ul.inner li a:visited { color: #000; text-decoration: underline;}
#globalnavi .inner ul.navi01 li ul.inner li a:hover,#globalnavi .inner ul.navi01 li ul.inner li a:active { color: #EA609E; text-decoration: none;}

#globalnavi .inner ul.navi02 { line-height: 0; margin: 20px -10px 0; padding: 0;}
#globalnavi .inner ul.navi02 li { list-style: none; margin: 0 0 10px; text-align: center;}

#contents_main { float: right; background: #F2F2F2; width: 680px;}

#contents_main .breadnavi { margin: 15px 20px 0;}
#contents_main h2.pagetitle { font-size: 167%; color: #EA609E; border-left: solid 5px #EA609E; margin: 15px 20px 0; padding: 3px 8px;}
#contents_main p.pagetop { clear: both; padding: 15px 0; text-align: center;}

#contents_main .pdf_area { clear: both; background: #FFF; width: 580px; margin: 40px auto; padding: 20px; border: solid 1px  #000; font-size: 85%; overflow: hidden;}
#contents_main .pdf_area span { display: block; float: left; width: 40px; text-align: center;}
#contents_main .pdf_area span img { display: block;}
#contents_main .pdf_area p { float: right; width: 535px;}

#pagecontents { background: #FFF; margin: 15px 20px;}
#pagecontents .inner { padding: 15px 18px;}
#pagecontents .inner h3 { margin-bottom: 20px;}

#footer { clear: both; padding: 20px 0 25px;}
#footer div.inner { margin: 0 35px; overflow: hidden; }
#footer div.inner p.contact { padding: 5px 0 8px;}
#footer div.inner p.copy { float: left; width: 54%; font-size: 12px;}
#footer div.inner p.ft_navi { float: right; width: 45%; text-align: right;}

.text-center { text-align: center !important;}
.text-right { text-align: right !important;}
.text-left { text-align: left !important;}