@charset "Shift_JIS";


/* Contents Layout
----------------------------------------------------*/
div#contents-area {
	width: 744px;
}
div#contents-area h2 {
	height: 66px;
	overflow: hidden;
}
div#contents-area p#foottrace {
	clear: both;
	padding: 8px 0 7px 8px;
	font-size: 80%;
	background: url(../images/bg_foottrace.gif) repeat-x left top;
	border-bottom: 1px solid #c6cfd5;
}
div#contents-area p#foottrace a {
	color:#0029B0;
	text-decoration: none;
}
div#contents-area p#foottrace a:hover {
	text-decoration: underline;
}
div#contents-body {
	width: 744px;
	padding: 23px 0 0;
	clear: both;
}

/* local-navi
----------------------------------------------------*/
div#local-navi {
	float: left;
	width: 145px;
	background: #ebf0f5;
	/*word-break: break-all;*/
}

div#local-navi ul {
	clear: both;
	width: 145px;
	background: url(../images/lm_bottom.gif) no-repeat left bottom;
	padding: 0px 0px 210px;
}
div#local-navi ul li {
	clear: both;
	width: 145px;
	background: url(../images/lm_dot_default.gif) no-repeat left top;
	padding: 3px 0px 0px;
}
div#local-navi ul li.start {
	clear: both;
	width: 145px;
	background: url(../images/lm_dot_start.gif) no-repeat left top;
	padding: 5px 0px 0px;
}
div#local-navi ul li.top {
	clear: both;
	width: 145px;
	background: #BFD3EA url(../images/lm_ico_link.gif) repeat-y 3px top;
	padding: 0px 0px 0px 0px;
}
div#local-navi ul li.top a {
	clear: both;
	width: 135px;
	padding: 0px 0px 0px 10px;
	display: block;
	border-top: 4px solid #BFD3EA;
	border-bottom: 4px solid #BFD3EA;
	line-height: 120%;
	background: #BFD3EA url(../images/lm_top_ico_link.gif) repeat-y 3px top;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul li.ttl {
	clear: both;
	width: 145px;
	background: url(none);
	padding: 0px;
	height: 23px;
	overflow: hidden;
}
div#local-navi ul li a {
	clear: both;
	width: 135px;
	padding: 0px 0px 0px 10px;
	display: block;
	border-top: 4px solid #ebf0f5;
	border-bottom: 4px solid #ebf0f5;
	line-height: 120%;
	background: #ebf0f5 url(../images/lm_ico_link.gif) repeat-y 3px top;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul li a.on {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background: #fff url(../images/lm_ico_link_on.gif) repeat-y 3px top;
	text-decoration: none;
}
div#local-navi ul li a.on-blue {
	border-top: 4px solid #ebf0f5;
	border-bottom: 4px solid #ebf0f5;
	background: #ebf0f5 url(../images/lm_ico_link_on.gif) repeat-y 3px top;
	text-decoration: none;
}
div#local-navi ul li a:hover {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background: #fff url(../images/lm_ico_link_on.gif) repeat-y 3px top;
	text-decoration: underline;
}

div#local-navi ul.third {
	clear: both;
	width: 145px;
	background: #ebf0f5 url(none);
	padding: 0px;
}
div#local-navi ul.third li {
	clear: both;
	width: 145px;
	background: url(none);
	padding: 0px;
}
div#local-navi ul.third a {
	clear: both;
	width: 127px;
	padding: 0px 0px 0px 18px;
	display: block;
	border-top: 4px solid #ebf0f5;
	border-bottom: 4px solid #ebf0f5;
	line-height: 120%;
	background: #ebf0f5 url(../images/lm_arw.gif) no-repeat 12px 5px;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul.third a.on {
	clear: both;
	width: 127px;
	padding: 0px 0px 0px 18px;
	display: block;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	line-height: 120%;
	background: #fff url(../images/lm_arw.gif) no-repeat 12px 5px;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul.third a:hover {
	clear: both;
	width: 127px;
	padding: 0px 0px 0px 18px;
	display: block;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	line-height: 120%;
	background: #fff url(../images/lm_arw.gif) no-repeat 12px 5px;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul.third a:hover {
	text-decoration: underline;
}
/*-----------------------fourth-------------------------*/
div#local-navi ul.fourth{
	clear: both;
	width: 145px;
	background: #ebf0f5 url(none);
	padding: 0px;
}
div#local-navi ul.fourth li {
	clear: both;
	width: 145px;
	background: url(none);
	padding: 0px;
}
div#local-navi ul.fourth a {
	clear: both;
	width: 118px;
	padding: 0px 0px 0px 27px;
	display: block;
	border-top: 4px solid #ebf0f5;
	border-bottom: 4px solid #ebf0f5;
	line-height: 120%;
	background: #ebf0f5 url(../images/lm_list_dot.gif) no-repeat 20px 6px;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul.fourth a.on {
	clear: both;
	width: 118px;
	padding: 0px 0px 0px 27px;
	display: block;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	line-height: 120%;
	background: #fff url(../images/lm_list_dot.gif) no-repeat 20px 6px;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul.fourth a:hover {
	clear: both;
	width: 118px;
	padding: 0px 0px 0px 27px;
	display: block;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	line-height: 120%;
	background: #fff url(../images/lm_list_dot.gif) no-repeat 20px 6px;
	text-decoration: none;
	color: #3c3c3c;
}
div#local-navi ul.fourth a:hover {
	text-decoration: underline;
}


/* 20080520-Add Start-Kamiyama.J */
/* localnavi banner */
div.local-banner{
	text-align:center;
	background-color:#fff;
	background:none;
	margin-top:-195px;
}
/* 20080520-Add End-Kamiyama.J */


/* page-body
----------------------------------------------------*/
div#page-body {
	float: right;
	width: 571px;
	text-align: left;
}
div#page-body h3 {
	clear: both;
	padding:16px 0px 10px 20px;
	color:#153AAD;
	font-size:200%;
	background: url(../images/ttl_bk.gif) repeat-x left top;
	line-height: 110%;
}
div#page-body p.bodytxt {
	line-height:180%;
}

h4.gra-dot {
  margin: 10px 0;
  padding-bottom: 2px;
  font-size: 120%;
  text-align:left;
  background:transparent url(../images/bg_dot_h4.gif) no-repeat scroll left bottom;
}

h4.gra-dotchar1 {
  margin: 10px 0;
  padding: 0 0 2px 60px;
  font-size: 120%;
  text-align:left;
  background:transparent url(../images/bg_dot_h4_char_1.gif) no-repeat scroll left bottom;
}

h4.gra-dotchar2 {
  margin: 10px 0;
  padding: 0 0 2px 25px;
  font-size: 120%;
  text-align:left;
  background:transparent url(../images/bg_dot_h4_char_2.gif) no-repeat scroll left bottom;
}

h4.dotchar1 {
  margin: 10px 0;
  padding: 0 0 2px 60px;
  font-size: 120%;
  text-align:left;
  color:#003399;
  background:transparent url(../images/bg_h4_char_1.gif) no-repeat scroll left bottom;
}

h4.dotchar2 {
  margin: 10px 0;
  padding: 0 0 2px 0px;
  font-size: 120%;
  text-align:left;
  color:#003399;
  background:transparent url(../images/bg_h4_char_2.gif) no-repeat scroll left bottom;
}