/* CSS Document */

/* BASE
================================================================================ */
html{ overflow-y: scroll; }
body,p,div,img,form,ul,ol,li,input,select,dl,dt,dd { margin: 0px; padding: 0px; }
img { border: none; }
h1,h2,h3,h4,h5,h6 { 	font-size: medium; font-weight: normal;	line-height: normal; margin: 0px; padding: 0px; }
body { font-family: "ヒラギノ角ゴ Pro W3", Hiragino kaku Gothic pro, Osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック"; color:#333; }
.clear { clear: both; }
.small { font-size: 60%; }
.normal { font-size: 80%; }
.large { font-size: 110%; }
.xlarge { font-size: 120%; }
.mrgT5 { margin-top: 5px; }
.mrgT10 { margin-top: 10px; }
.mrgT15 { margin-top: 15px; }
.mrgT20 { margin-top: 20px; }
.mrgT30 { margin-top: 30px; }
.mrgB5 { margin-bottom: 5px;}
.mrgB10 { margin-bottom: 10px; }
.mrgB15 { margin-bottom: 15px; }
.mrgB20 { margin-bottom: 20px; }
.mrgB30 { margin-bottom: 30px; }
.mrgR15 { margin-right: 15px; }
.mrgR20 { margin-right: 20px; }
.mrgR30 { margin-right: 30px; }
a.defLink:link { color: #12C; text-decoration: underline; }
a.defLink:visited { color: #61C; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* HEAD
================================================================================ */
#main { width: 760px; margin: 0 auto; font-size: 12px; line-height: 16px; }
#columnL { float: left; width: 542px; }
#columnR { float: right; width: 145px; }
#headAreaL { background: url(/special/kokushiru/common/images/headAreaBg.jpg) no-repeat 0 bottom; padding: 0 0 10px; }
#headAreaR { background: url(/special/kokushiru/common/images/headAreaBg.jpg) no-repeat 0 bottom; padding: 0 0 10px; }
#headLogo { padding: 20px 0 0 5px; }

/* CONTENTS
================================================================================ */
.contentL { float: right; float: right; width: 417px; margin-bottom: 10px; padding-top: 20px; }
.contentR { padding-top: 20px; }
.pageTop { text-align: right; font-size: 10px; line-height: 16px; font-weight: bold; }
.pageTop a { color: #6E0002; text-decoration: none; }
.pageTop a:hover { color: #F60; }
.shiryoBtn { margin-bottom: 25px; }
.rightLogo { margin-bottom: 5px; }
.rightTxDoc { width: 115px; margin-bottom: 15px; }

#headMain { padding: 42px 0 0 125px; height: 408px; }
.headMainTx { width: 157px; }
ul#headNavi { list-style: none; margin-top: 103px; padding-bottom: 35px; }
ul#headNavi li a { display: block; height: 38px; margin-bottom: 9px; text-indent: -9999px; overflow: hidden; }
ul#headNavi li a:hover { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
ul#headNavi li.kodai a { background: url(/special/kokushiru/common/images/headNaviBtn01.jpg) no-repeat; }
ul#headNavi li.chusei a { background: url(/special/kokushiru/common/images/headNaviBtn02.jpg) no-repeat; }
ul#headNavi li.kinsei a { background: url(/special/kokushiru/common/images/headNaviBtn03.jpg) no-repeat; }
ul#headNavi li.gendai a { background: url(/special/kokushiru/common/images/headNaviBtn04.jpg) no-repeat; }

a.btn1:hover { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
/**/
#footLink { text-align: right; font-size: 10px; line-height: 16px; margin-bottom: 10px; }
#footLink a { color: #333; text-decoration: none; }
#footLink a:hover { text-decoration: underline; }