/* content.css */


/*-------------------- layout --------------------*/
#title_left {
float: left;
overflow: hidden;
/display:inline;
width: 180px;
margin-right: 42px;
}
.content_box {
float: right;
overflow: hidden;
width: 688px;
}
.box_txt {
float: left;
overflow: hidden;
/display:inline;
width: 340px;
margin-right: 28px;
}
.box_photo {
float: right;
overflow: hidden;
width: 320px;
}
.box_txt_r {
float: left;
overflow: hidden;
width: 340px;
}
.box_photo_l {
float: left;
overflow: hidden;
/display:inline;
width: 320px;
margin-right: 28px;
}

.box_half_l {
float: left;
overflow: hidden;
/display:inline;
width: 330px;
margin-right: 28px;
}
.box_half_r {
float: left;
overflow: hidden;
width: 330px;
}
.box_1_3,
.box_2_3 {
float: left;
overflow: hidden;
/display:inline;
width: 210px;
margin-right: 29px;
}
.box_12_3 {
float: left;
overflow: hidden;
/display:inline;
width: 449px;
margin-right: 29px;
}
.box_3_3 {
float: left;
overflow: hidden;
width: 210px;
margin: 0px;
}
.box_80 {
float: left;
overflow: hidden;
width: 80px;
margin-right: 4px;
}
.box_600 {
float: left;
overflow: hidden;
/display:inline;
width: 600px;
margin-right: 4px;
}

.sitemap_1_3 {
float: left;
overflow: hidden;
/display:inline;
width: 260px;
margin-right: 29px;
}

.sitemap_2_3 {
float: left;
overflow: hidden;
/display:inline;
width: 180px;
margin-right: 29px;
}
.sitemap_3_3 {
float: left;
overflow: hidden;
width: 190px;
margin: 0px;
}

/*-------------------- left menu --------------------*/
#title {
width:180px;
float:left;
}

#leftmenu {
width:180px;
float:left;
}
#leftmenu li{
float: left;
}
#leftmenu li img{
vertical-align: top;
}
.bnbox {
float: left;
overflow: hidden;
width: 180px;
}
.bnbox img {
margin-bottom: 10px;
}
/*-------------------- news layout --------------------*/

#topics_title {
display: block;
margin-bottom: 5px;
width: 640px;
height: 31px;
background: url(../image/h2_topi.gif) left top no-repeat;
}

.topilist {
  width: 640px;
  float: left;
display: block;
}

ul.topics_list li {
  display: block;
  width: 688px;
  text-decoration: none;
  padding: 12px 0;
  clear: both;
}
ul.topics_list li a {
  display: block;
  width: 688px;
  color: #5c8111;
  text-decoration: none;
  clear: both;
}
ul.topics_list li a:hover {
  display: block;
  width: 688px;
  color: #cc0000;
  text-decoration: none;
  clear: both;
}
.topi_new {
  float: left;
  overflow: hidden;
  display: inline;
  font-size:11px;
  line-height: 140%;
  width: 85px;
  color: #999;
  padding: 8px 0px 7px 45px;
  background: url(../image/new.gif) left center no-repeat;
}
.topi_day {
  float: left;
  overflow: hidden;
  display: inline;
  font-size:11px;
  line-height: 140%;
  width: 85px;
  color: #999;
  padding: 8px 0px 7px 45px;
}
.topi_txt {
  float: left;
  display: inline;
  font-size:12px;
  line-height: 130%;
  width: 548px;
  padding: 8px 0px 7px;
  margin-left: 5px;
}
#news {
width: 688px;
}

#news_photo {
float: right;
width: 240px;
margin-left: 30px;
}
#news_photo img {
margin-bottom: 30px;
}
#news_txt {
float: left;
overflow: hidden;
width: 418px;
text-align: left;
}

#nophoto {
float: left;
text-align: left;
}
.news_day {
  float: right;
  overflow: hidden;
  color: #999;
  text-align: right;
  width: 100%;
  margin-bottom: 30px;
}

.news_pdf {
  padding-left: 20px;
  margin: 10px 10px 0px;
  background-image: url(../image/pdf.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
.news_word {
  padding-left: 20px;
  margin: 10px 10px 0px;
  background-image: url(../image/word.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
.news_excel {
  padding-left: 20px;
  margin: 10px 10px 0px;
  background-image: url(../image/excel.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
.news_other {
  padding-left: 20px;
  margin: 10px 10px 0px;
  background-image: url(../image/file.gif);
  background-repeat: no-repeat;
  background-position: center left;
}


/*-------------------- image --------------------*/
.photo_r {
float: right;
overflow: hidden;
padding: 0px 0px 5px 20px;
}
.photo_l {
float: left;
overflow: hidden;
padding: 0px 20px 5px 0px;
}

.bm5 img {
margin-bottom: 5px;
}
.bm10 img {
margin-bottom: 10px;
}
.bm15 img {
margin-bottom: 15px;
}
.bm30 img {
margin-bottom: 30px;
}
.tbm5 img {
margin: 5px 0px;
}
.tbm10 img {
margin: 10px 0px;
}
.tbm15 img {
margin: 15px 0px;
}
.tm10 img {
margin-top: 10px;
}
.tm20 img {
margin-top: 20px;
}
.tm30 img {
margin-top: 30px;
}
.rm5 img {
margin-right: 5px;
}
.rm20 img {
margin-right: 20px;
}
.lrm2tm10 img {
margin: 10px 2px;
}
.lrm10tm10 img {
margin: 10px;
}
/*-------------------- box --------------------*/

.line_box {
	border: 1px solid #c6c5c5;
	margin: 10px 0px;
	padding: 18px;
}
.dotline_box {
	border: 1px dotted #c6c5c5;
	margin: 10px 0px;
	padding: 20px;
}
.line_box_bg {
	background-color: #e6eed6;
	margin: 10px 0px;
	padding: 20px;
}
.r_box_bg {
	background-color: #e6eed6;
	width: 648px;
	margin: 10px 0px;
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
}
.r_box_bg_b {
	background-color: #eee8cc;
	width: 648px;
	margin: 10px 0px;
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
}
.r_line_box_bg {
	border: 1px solid #d1e0be;
	background-color: #c3c69b;
	width: 650px;
	margin: 10px 0px;
	padding: 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
}

.r_line_box_night {
	border: 1px solid #c6c5c5;
	background-color: #181827;
	color: #fff;
	width: 650px;
	margin: 10px 0px;
	padding: 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
}
.r_line_box_night a:link  {
color: #a4cd51;
text-decoration: none;
}
.r_line_box_night a:visited  {
color: #95ad64;
text-decoration: none;
}

/*-------------------- sitemap --------------------*/
.sitemap ul li {
list-style-type: none;
}
.sitemap ul li.site_h {
color: #333;
font-size: 90%;
line-height: 120%;
text-decoration: none;
padding-left: 14px;
margin-bottom: 10px;
background-image: url(../image/arrow_m.gif);
background-repeat: no-repeat;
background-position: center left;
}
.sitemap ul li.site_l {
color: #333;
font-size: 90%;
line-height: 120%;
text-decoration: none;
padding-left: 14px;
margin: 0px 0px 10px 10px;
background-image: url(../image/arrow_m.gif);
background-repeat: no-repeat;
background-position: center left;
}

.sitemap ul li.site_m {
color: #333;
font-size: 90%;
line-height: 120%;
text-decoration: none;
line-height: 120%;
padding-left: 10px;
margin: 0px 0px 10px 20px;
background-image: url(../image/arrow_s.gif);
background-repeat: no-repeat;
background-position: center left;
}
.sitemap ul li.site_s {
color: #333;
font-size: 80%;
line-height: 120%;
text-decoration: none;
padding-left: 10px;
margin: 0px 0px 10px 40px;
background-image: url(../image/arrow_s.gif);
background-repeat: no-repeat;
background-position: center left;
}
.sitemap ul li a {
color: #333;
text-decoration: none;
}
.sitemap li a:hover {
color: #333;
text-decoration: underline;
}

/*-------------------- content box --------------------*/
#e-topics-topics #content_box ul li,
#topics-topics #content_box ul li {
	list-style:disc;
	margin-left: 2em;
	line-height:170%;
}
#e-topics-topics #content_box ol li,
#topics-topics #content_box ol li {
	list-style:decimal;
	margin-left: 2em;
	line-height:170%;
}

ul li.disc {
	list-style:disc;
	margin: 0 0 0 2em;
	line-height:160%;
}
ol li.decimal {
	list-style:decimal;
	margin: 0 0 1em 2em;
	line-height:160%;
}
/*-------------------- kawakudari --------------------*/
#k_menu {
width: 688px;
height: 99px;
margin: 20px 0;
display: block;
float: left;
}
#k_menu li {
width: 90px;
height: 90px;
margin-left: 60px;
display : inline;
float: left; 
}
#h_menu img {
vertical-align: bottom;
}

/*-------------------- table --------------------*/

table.base {
  border: none;
  border-collapse: collapse;
}
table.base th {
  vertical-align: top;
  text-align: left;
  font-weight: 500;
  padding: 3px;
}
table.base td {
  vertical-align: top;
  padding: 3px;
}
table.base td.top_c {
  vertical-align: top;
  text-align: center;
  padding: 3px;
}
table.base td.top_r {
  vertical-align: top;
  text-align: right;
  padding: 3px;
}
table.base td.mid {
  vertical-align: middle;
  padding: 3px;
}

table.dotline {
  margin: 10px 0;
  border-top: dotted 1px #cec2db;
  border-bottom: dotted 1px #ccdbc2;
  border-collapse: collapse;
  line-height: 160%;
}
table.dotline th {
  text-align: left;
  font-weight: 500;
  border-top: dotted 1px #ccdbc2;
  vertical-align: top;
  padding: 10px 15px 15px 4px;
}
table.dotline td {
  border-top: dotted 1px #ccdbc2;
  vertical-align: top;
  padding: 10px 4px 15px;
}

table.box {
  margin: 1px 0px 5px 1px;
  border: solid 1px #d5d9d0;
  border-collapse: collapse;
}
table.box th {
  border: solid 1px #d5d9d0;
  background: #e6eed6;
  font-weight: 500; 
  text-align: center;
  padding: 6px;
}
table.box th.box_l {
  border: solid 1px #d5d9d0;
  background: #e6eed6;
  font-weight: bold;
  text-align: left;
  padding: 6px;
}

table.box td {
  border: solid 1px #d5d9d0;
  background: #fff;
  padding: 6px;
}
table.box td.box_c {
  border: solid 1px #d5d0d9;
  background: #fff;
  text-align: center;
  padding: 6px;
}
table.box td.box_r {
  border: solid 1px #d5d9d0;
  background: #fff;
  text-align: right;
  padding: 6px;
}
table.box th.gr {
  border: solid 1px #d5d9d0;
  background: #ecede8;
  font-weight: bold; 
  text-align: center;
  vertical-align: top;
  padding: 6px;
}
table.box th.gr_l {
  border: solid 1px #d5d9d0;
  background: #ecede8;
  font-weight: bold; 
  text-align: left;
  vertical-align: top;
  padding: 6px;
}
table.box td.gr {
  border: solid 1px #d5d9d0;
  background: #ecede8;
  vertical-align: top;
  padding: 6px;
}
table.box th.day {
  border: solid 1px #d5d9d0;
  background: #c2d0e2;
  color: #2b3341;
  font-weight: bold; 
  text-align: center;
  vertical-align: top;
  padding: 6px;
}
table.box th.night {
  border: solid 1px #d5d9d0;
  background: #464666;
  color: #fff;
  font-weight: bold; 
  text-align: center;
  vertical-align: top;
  padding: 6px;
}
table.box td.box_noline {
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;
  vertical-align: top;
  text-align: center;
  padding: 6px;
}

/*-------------------- 重要なお知らせ --------------------*/

.importanttopic {
margin: 0 auto 40px;
padding : 20px;
width: 868px;
background: #fff;
border:solid 1px #cc0000;
}
.importanttopic h3 {
color: #cc0000;
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-size: 150%;
font-weight: 600; 
line-height: 150%;
text-align:center;
letter-spacing: 0.2em;
margin-bottom: 15px;
padding-bottom: 3px;
border-bottom: dotted 1px #ccc;
}
.importanttopic h4 {
color: #ac7d7f;
font-size: 110%;
font-weight: 600; 
line-height: 150%;
letter-spacing: 0.1em;
}
.importanttopic p {
font-size: 14px;
margin-bottom: 0.5em;
}
.importanttopic table {
font-size: 14px;
}

.importanttopic .eng {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
margin: 1.5em 0 0.5em;
}
.right {
text-align: right;
display: block;
float: right;
}
.dotline {
line-height: 0;
margin: 10px 0px;
padding-bottom: 6px;
border-bottom: dotted 1px #c6c5c5;
}
.m20 {
  margin: 15px 0 15px 20px;
}

/*-------------------- important topics --------------------*/
.e_importanttopic {
margin: 0 auto 40px;
padding : 20px;
width: 646px;
background: #fff;
border:solid 1px #cc0000;
}

.e_importanttopic h3 {
color: #cc0000;
font-family : serif;
font-size: 150%;
font-weight: 600; 
line-height: 150%;
text-align:center;
letter-spacing: 0.2em;
margin-bottom: 15px;
padding-bottom: 3px;
border-bottom: dotted 1px #ccc;
}

.e_importanttopic p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:1.6;
margin-bottom: 15px;
}
.e_importanttopic table {
font-size: 14px;
}