@charset "UTF-8";

/* Reset ------------------------------　*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
form, textarea, fieldset, input, figure {
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section, summary {
  display: block;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size:inherit;
  font:100%;
}

img {
  vertical-align: top;
  border: none;
}

input, textarea, select {
  font-family: inherit;
}

input, select {
  vertical-align: middle;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

a {
  outline: 0;
}

/* clearfix */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
  /* For IE 6/7 */
}

/* common style ------------------------------　*/
body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
}

body {
  color: #333;
  background-color: #f5f8f9;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  line-height: 1;
  padding-top: 101px;
}

html > body {
  font-size/*\**/: small\9;
}

a:link {
  color: #1e7bb9;
}

a:visited {
  color: #1e7bb9;
}

a:hover {
  color: #1e7bb9;
}

a:active {
  color: #1e7bb9;
}

.pageHeader {
  	background: white url(../img/bg_header.png) repeat-x left bottom;
  	height: 101px;
  	width: 100%;
	min-width:980px;
  	box-shadow: 0 1px rgba(0, 0, 0, 0.1);
  	z-index: 10;
 	position: absolute;
  	top: 0;
  	left: 0;
}

.headerInner {
  width: 980px;
  margin: 0 auto;
}

.logo {
  float: left;
  width: 248px;
  padding: 24px 0 0 0;
}

.headerNav {
  float: right;
  /*width: 531px;*/
  padding: 43px 0 0;
}
.headerNav li {
  float: left;
  width: 106px;
  border-left: 1px solid #dde4e5;
  font-size: 85%;
  line-height: 1.2;
  padding: 7px 0 5px 25px;
}

.headerNav li:last-child {
  border-right: 1px solid #dde4e5;
}

.headerNav .hnav01 a, .headerNav .hnav02 a {
  background: url(../img/icon_arrow.png) no-repeat 0 50%;
  color: #333;
  padding-left: 10px;
  text-decoration: none;
}

.headerNav .hnav01 a:hover, .headerNav .hnav02 a:hover {
  color: #1e7bb9;
}

.headerNav .hnav01 {
  width: 106px;
}

.headerNav .hnav02 {
  width: 102px;
}

.headerNav .hnav03 {
  width: 243px;
}

.gnav {
  overflow: hidden;
  margin-bottom: 20px;
}

.gnav ul li {
  float: left;
  width: 196px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.gnav ul li a {
  background: url(../img/gnav.png) no-repeat 0 0;
  display: block;
  height: 51px;
}

.gnav ul li.gnav01 a {
  background-position: -1px 0;
}

.gnav ul li.gnav02 a {
  background-position: -195px 0;
}

.gnav ul li.gnav03 a {
  background-position: -392px 0;
}

.gnav ul li.gnav04 a {
  background-position: -588px 0;
}

.gnav ul li.gnav05 a {
  background-position: -784px 0;
}

.gnav ul li.gnav01 a:hover, .gnav ul li.gnav01 .current {
  background-position: -1px -51px;
}

.gnav ul li.gnav02 a:hover, .gnav ul li.gnav02 .current {
  background-position: -195px -51px;
}

.gnav ul li.gnav03 a:hover, .gnav ul li.gnav03 .current {
  background-position: -392px -51px;
}

.gnav ul li.gnav04 a:hover, .gnav ul li.gnav04 .current {
  background-position: -588px -51px;
}

.gnav ul li.gnav05 a:hover, .gnav ul li.gnav05 .current {
  background-position: -784px -51px;
}

.container {
	width:100%;
	min-width:980px;
  	background: white url(../img/bg_pageheader.jpg) no-repeat center top;
}

.containerInner {
  margin: 0 auto;
  width: 980px;
}

.contentHeader {
  margin-bottom: 17px;
}

.contentHeader .pageTtl {
  padding: 42px 0 0;
  margin-bottom: 7px;
}

.contentHeader .topicPath {
  float: right;
  font-size: 85%;
  overflow: hidden;
}

.contentHeader .topicPath li {
  float: left;
  padding-right: 7px;
  line-height: 1.2;
}

.contentHeader .topicPath li a {
  background: url(../img/bg_topicpath.png) no-repeat 100% 50%;
  padding-right: 13px;
  text-decoration: underline;
}

.contentHeader .topicPath li:last-child {
  padding-right: 0;
}

.main {
  float: left;
  width: 700px;
  padding-top: 20px;
}

.side {
  float: right;
  width: 240px;
}

.sideNav {
  border: 5px solid #eef3f4;
}

.sideNav ul li {
  border-bottom: 1px solid #dfe5e6;
  border-right: 1px solid #dfe5e6;
  border-left: 1px solid #dfe5e6;
  line-height: 1.2;
}

.sideNav ul li a {
  padding: 14px 10px 16px 10px;
  background: url(../img/icon_arrow_side.png) no-repeat 13px 46%;
  color: #333;
  padding-left: 26px;
  text-decoration: none;
  display: block;
}

.sideNav ul li.present {
  background-color: #ecfcff;
}

.sideNav ul li.present a, .sideNav ul li.otln ul li.present a {
  color: #5bc2dc;
}

.sideNav ul li.otln {
  padding: 0 9px 10px 10px;
}

.sideNav ul li.otln a {
  background: url(../img/icon_arrow_side.png) no-repeat 4px 62%;
  padding: 15px 10px 7px 16px;
}

.sideNav ul li ul li {
  background-color: #fff;
  border-top: 1px solid #dfe5e6;
}

.sideNav ul li.otln ul li a {
  padding: 7px 10px 7px 33px;
  background: url(../img/icon_sidenav.png) no-repeat 15px 48%;
}

.sideNav ul li.otln ul li a {
  color: #333;
}

.sideNav ul li:hover, .sideNav ul li.otln ul li:hover {
  background-color: #ecfcff;
}

.sideNav ul li a:hover, .sideNav ul li.otln ul li a:hover {
  color: #5bc2dc;
}

.pageFooter {
  background: #f5f8f9 url(../img/bg_footer.png) repeat-x;
  width: 100%;
  padding-bottom: 100px;
}

.footerInner {
  width: 980px;
  margin: 0 auto;
  padding: 18px 0 49px;
}

.footerLink {
  float: left;
  padding-left: 1px;
}

.footerLink li {
  float: left;
  font-size: 85%;
  padding-right: 24px;
}

.footerLink li a {
  color: #333;
  background: url(../img/icon_arrow.png) no-repeat 0 50%;
  padding-left: 11px;
  text-decoration: none;
}

.footerLink li a:hover {
  color: #1e7bb9;
}

.pageTop {
  float: right;
  font-size: 85%;
}

.pageTop a {
  color: #333;
  background: url(../img/icon_totop.png) no-repeat 0 50%;
  padding-left: 14px;
  text-decoration: none;
}

.pageTop a:hover {
  color: #1e7bb9;
}

.copyRight {
  font-size: 85%;
  text-align: center;
}

.fL { float: left!important; }
.fR { float: right!important; }
.clr { clear:both!important; }
.txR { text-align:right!important;}
.txC { text-align: center!important; }
.txB { font-weight:bold!important;}
.txc_rEd { color:#ff0000!important;}

/* margin
-----------------------------------------*/
.ml0 { margin-left:0px!important;}
.ml5 { 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;}
.ml50 { margin-left:50px!important;}

.mr0 { margin-right:0px!important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mr18 { margin-right:18px!important;}
.mr20 { margin-right:20px!important;}
.mr25 { margin-right:25px!important;}
.mr30 { margin-right:30px!important;}
.mr43 { margin-right:43px!important;}
.mr50 { margin-right:50px!important;}

.mt0 { margin-top:0px!important;}
.mt5 { 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;}
.mt100 { margin-top:100px!important;}

.mb0 { margin-bottom:0px!important;}
.mb5 { 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;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}