@charset "UTF-8";

/* 文書全体 */



body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  border: 0px;
  font-size: 85%;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "ＭＳ Ｐゴシック", "sans-serif";
  background: #E0EDED;
}

a:link {
color:#033da8; text-decoration: underline; 
}

a:visited{
color:#3d03a8;
}

a:hover,
a:active {
color:; text-decoration: none; 
}

.clear {
  clear: both;
  width: 0px;
  height: 0px;
  display: block;
  overflow: hidden;
}

.p_t05 { padding-top: 5px !important; }

.p_t10 { padding-top: 10px !important; }

.p_t15 { padding-top: 15px !important; }

.p_t20 { padding-top: 20px !important; }

.p_t30 { padding-top: 30px !important; }

.p_t40 { padding-top: 40px !important; }

.p_b05 { padding-bottom: 5px !important; }

.p_b10 { padding-bottom: 10px !important; }

.p_b15 { padding-bottom: 15px !important; }

.p_b20 { padding-bottom: 20px !important; }

.p_b30 { padding-bottom: 30px !important; }

.p_b40 { padding-bottom: 40px !important; }

.m_t05 { margin-top: 5px !important; }

.m_t10 { margin-top: 10px !important; }

.m_t15 { margin-top: 15px !important; }

.m_t20 { margin-top: 20px !important; }

.m_t30 { margin-top: 30px !important; }

.m_t40 { margin-top: 40px !important; }

.m_b05 { margin-bottom: 5px !important; }

.m_b10 { margin-bottom: 10px !important; }

.m_b15 { margin-bottom: 15px !important; }

.m_b20 { margin-bottom: 20px !important; }

.m_b30 { margin-bottom: 30px !important; }

.m_b40 { margin-bottom: 40px !important; }

.m_l05 { margin-left: 5px !important; }

.m_l10 { margin-left: 10px !important; }

.m_l15 { margin-left: 15px !important; }

.m_l20 { margin-left: 20px !important; }

.m_l30 { margin-left: 30px !important; }

.m_l40 { margin-left: 40px !important; }

.th_10 { width: 10px; }

.th_20 { width: 20px; }

.th_30 { width: 30px; }

.th_40 { width: 40px; }

.th_60 { width: 60px; }

.th_80 { width: 80px; }

.th_100 { width: 100px; }

.th_120 { width: 120px; }

.th_130 { width: 130px; }

.th_140 { width: 140px; }

.th_160 { width: 160px; }

.th_180 { width: 180px; }

.th_200 { width: 200px; }

.cen { text-align: center !important; }

.rgt { text-align: right !important; }

.lft { text-align: left !important; }

.opa a:hover img {
  -moz-opacity: 0.80;
  opacity: 0.80;
  filter: alpha(opacity=80);
}

.img_right {
  float: right;
  padding: 0px 0px 15px 15px;
}

.img_left {
  float: right;
  padding: 0px 15px 15px 0px;
}

.hide_area { display: none; }

hr {
  border: solid #E2E2E2;
  border-width: 1px 0px 0px 0px;
  height: 1px;
  overflow: hidden;
  margin: 5px 0;
  clear: both;
}

/********************************************************************************************

********************************************************************************************/



/* basebox */



#wrapper {
  margin: 0px auto 0px auto;
  background: url(../../img/con_bg.gif) repeat-y 0 0;
  width: 898px;
  padding-bottom: 24px;
}

#container {
  background: url(../../img/con_end.gif) no-repeat left bottom;
  text-align: left;
  padding-bottom: 35px;
}

#fontChanger {
  position: absolute;
  left: 500px;
  top: 36px;
  background: url(../../img/font_size.gif) no-repeat left top;
  padding-top: 19px;
  width: 100px;
}

#fontChanger #fontChanger-small {
  display: block;
  width: 30px;
  height: 21px;
  float: left;
  background: url(../../img/font_size_s.gif) no-repeat left top;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

#fontChanger #fontChanger-medium {
  display: block;
  width: 40px;
  height: 21px;
  float: left;
  background: url(../../img/font_size_m.gif) no-repeat left top;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

#fontChanger #fontChanger-large {
  display: block;
  width: 28px;
  height: 21px;
  float: left;
  background: url(../../img/font_size_l.gif) no-repeat left top;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

/**********************************************

header

***********************************************/





#header {
  height: 126px;
  position: relative;
  width: 888px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#main_title {
  width: 820px;
  padding: 3px 10px 0px 10px;
  background: url(../../img/h1_bg.gif) repeat-x 0 0;
  height: 23px;
  font-size: 93%;
  color: #000;
  line-height: 150%;
  font-weight: normal;
  margin: 0px auto;
  text-align: left;
}

#font_txt {
  position: absolute;
  left: 430px;
  top: 41px;
}

#logo {
  position: absolute;
  left: 24px;
  top: 26px;
}

#head_bt {
  list-style: none;
  position: absolute;
  left: 390px;
  top: 78px;
}

#head_bt li {
  float: left;
  padding-right: 4px;
}

#head_search {
  position: absolute;
  left: 674px;
  top: 38px;
}

#head_search table {
  border: 1px solid #EAEAEA;
  background: #F5F5F5;
}

#head_search table td { padding: 1px 3px; }

#head_search table td input.search_input {
  width: 120px;
  font-size: 93%;
  border: 1px solid #c0c0c0;
}

/**********************************************

navi

***********************************************/





#navi {
  height: 42px;
  width: 840px;
  margin-left: auto;
  margin-right: auto;
}

#navi ul {
  list-style: none;
  height: 42px;
  overflow: hidden;
}

#navi ul li {
  width: 162px;
  height: 42px;
  padding-left: 5px;
  text-align: left;
  float: left;
}

#navi ul.navi_01 { background: url(../../img/navi/navi_line01.gif) repeat-x left bottom; }

#navi ul.navi_02 { background: url(../../img/navi/navi_line02.gif) repeat-x left bottom; }

#navi ul.navi_03 { background: url(../../img/navi/navi_line03.gif) repeat-x left bottom; }

#navi ul.navi_04 { background: url(../../img/navi/navi_line04.gif) repeat-x left bottom; }

#navi ul.navi_05 { background: url(../../img/navi/navi_line05.gif) repeat-x left bottom; }

/**********************************************

promo

***********************************************/





#promo {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  height: 220px;
  position: relative;
  overflow: hidden;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 25px;
}

#promo ul {
  list-style: none;
  position: absolute;
  left: 679px;
  top: 0px;
}

#promo ul li { padding-bottom: 4px; }

#promo ul li img { vertical-align: bottom; }
 @media print {

#flash_area {
  background: url(../../img/promo.jpg) no-repeat left top;
  height: 220px;
}
}

/**********************************************

contents

***********************************************/





#contents {
  width: 840px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: url(../../img/left_bg.gif) repeat-y 24px 0px;
}

#left_area {
  width: 182px;
  float: left;
  padding-bottom: 20px;
}

#right_area {
  width: 643px;
  float: right;
  padding-bottom: 20px;
}

.add_bg { background: url(../../img/add_bg.gif) repeat-y right top; }

.white_dummy01 {
  height: 15px;
  background: #ffffff;
  overflow: hidden;
}

.min_ttl01 {
  background: url(../../img/min_bg01.gif) no-repeat left top;
  font-size: 124%;
  padding: 6px 5px 6px 27px;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #DCCEC9;
}

#weather {
  text-align: center;
  padding-top: 15px;
}

#city_info {
  background: url(../../img/min_bg02.gif) repeat-y 0 0;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  border-bottom: 1px solid #17816f;
}

#city_info h2 {
  background: url(../../img/min_ttl02.gif) no-repeat left top #17816f;
  padding: 6px 5px 6px 35px;
  font-size: 124%;
  color: #ffffff;
}

#city_info h3 {
  font-size: 93%;
  text-align: center;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0px;
  font-weight: normal;
  border-bottom: 1px solid #D5DBD8;
}

.city_info_in {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
}

.city_info_in table {
background-color:#fff;
}

.city_info_in table th {
  color: #17816f;
  padding: 3px 3px;
  text-align: center;
  vertical-align: top;
}

.city_info_in table td {
  padding: 3px 3px;
  text-align: center;
  vertical-align: top;
}

#ima {
  text-align: center;
  background: url(../../img/min_bg03.gif) repeat-y 0 0;
  border-bottom: 1px solid #BECAC4;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 0px;
}

.banner_area {
  padding-top: 15px;
  text-align: center;
}

.banner_area ul { list-style: none; }

.banner_area ul li { padding-bottom: 8px; }

.banner_area ul li img { vertical-align: bottom; }

.banner_area p {
  vertical-align: bottom;
  padding-bottom: 8px;
}

#top_left {
  width: 470px;
  float: left;
}

#top_right {
  width: 161px;
  float: right;
}

.emma_ttl {
  background: url(../../img/emma.gif) no-repeat left top;
  padding: 7px 0px 5px 40px;
  color: #cc0000;
  font-size: 124%;
  border-bottom: 2px solid #F20808;
  line-height: 150%;
}

.emma_box {
  background: url(../../img/emma_bg.gif) repeat-y 0 0;
  width: 440px;
  padding: 5px 15px;
  border-bottom: 1px solid #F20808;
  margin-bottom: 20px;
}

.emma_box ul { list-style: none; }

.emma_box ul li {
  line-height: 160%;
  padding: 3px 0px 2px 10px;
  background: url(../../img/point01.gif) no-repeat left 9px;
}

.emma_box ul li span { font-size: 85%; }

.box01 {
  background: url(../../img/box01_re.gif) repeat-y 0 0;
  width: 470px;
  border-bottom: 1px solid #EAEAEA;
  border-top: 1px solid #EAEAEA;
}

.box01_in { padding-left: 8px; }

.box02 {
  background: url(../../img/box02_re.gif) repeat-y 0 0;
  width: 470px;
  border-bottom: 1px solid #EADEBD;
  border-top: 1px solid #EADEBD;
}

.box02_in { padding-left: 8px; }

.top_ttl01 {
  background: url(../../img/point02.gif) no-repeat 5px center;
  font-size: 124%;
  padding: 7px 0px 5px 17px;
  line-height: 150%;
}

.top_ttl02 {
  background: url(../../img/point03.gif) no-repeat 5px center;
  font-size: 124%;
  padding: 7px 0px 5px 17px;
  line-height: 150%;
}

.top_ttl03 {
  background: url(../../img/point05.gif) no-repeat 5px center;
  font-size: 124%;
  padding: 7px 0px 5px 17px;
  line-height: 150%;
}

.top_icon {
  list-style: none;
  position: relative;
  overflow: hidden;
}

.top_icon li {
  float: left;
  width: 148px;
  height: 52px;
  background: url(../../img/icon_bg.gif) no-repeat left top;
  font-weight: bold;
  padding-right: 5px;
  padding-bottom: 5px;
  line-height: 130%;
}

.top_icon li span {
  display: table-cell;
  vertical-align: middle;/*padding-left:54px;

height:52px;

padding-left:3px;*/
}

/*for IE6 */ 



* html .top_icon li span {
  display: inline;
  zoom: 1;
}

/*for IE7 */  



*:first-child+html .top_icon li span {
  display: inline;
  zoom: 1;
}

.top_icon li span img { padding: 4px 4px 0px 4px; }

.top_icon02 {
  list-style: none;
  position: relative;
  overflow: hidden;
}

.top_icon02 li {
  float: left;
  width: 109px;
  height: 49px;
  background: url(../../img/icon_bg02.gif) no-repeat left top;
  font-weight: bold;
  padding-right: 5px;
  line-height: 120%;
  padding-bottom: 5px;
}

.top_icon02 li span {
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
  /*height:49px;
padding-left:28px;*/

}

/*for IE6 */ 



* html .top_icon02 li span {
  display: inline;
  zoom: 1;
  padding-top: 0px;
  line-height: 120%;
}

/*for IE7 */  



*:first-child+html .top_icon02 li span {
  display: inline;
  zoom: 1;
  padding-top: 0px;
  line-height: 120%;
}

.icon01 { background: url(../../img/icon01.gif) no-repeat 4px 4px; }

.icon02 { background: url(../../img/icon02.gif) no-repeat 4px 4px; }

.icon03 { background: url(../../img/icon03.gif) no-repeat 4px 4px; }

.icon04 { background: url(../../img/icon04.gif) no-repeat 4px 4px; }

.icon05 { background: url(../../img/icon05.gif) no-repeat 4px 4px; }

.icon06 { background: url(../../img/icon06.gif) no-repeat 4px 4px; }

.icon07 { background: url(../../img/icon07.gif) no-repeat 4px 4px; }

.icon08 { background: url(../../img/icon08.gif) no-repeat 4px 4px; }

.icon09 { background: url(../../img/icon09.gif) no-repeat 4px 4px; }

.icon10 { background: url(../../img/icon10.gif) no-repeat 4px 4px; }

.icon11 { background: url(../../img/icon11.gif) no-repeat 4px 4px; }

.topttl_bg01 {
  background: url(../../img/topttl_bg01.gif) no-repeat left top;
  padding: 7px 0px 5px 50px;
  font-size: 120%;
  border-bottom: 3px solid #5EB7A7;
  line-height: 150%;
}

.topttl_bg02 {
  background: url(../../img/topttl_bg02.gif) no-repeat left top;
  padding: 7px 0px 5px 50px;
  font-size: 120%;
  border-bottom: 3px solid #5EB7A7;
  line-height: 150%;
}

.topics_box { padding: 5px 0px 10px 0px; }

.topics_box ul { list-style: none; }

.topics_box ul li {
  line-height: 160%;
  padding: 3px 0px 2px 10px;
  background: url(../../img/point04.gif) no-repeat left 9px;
}

.topics_box ul li span { font-size: 85%; }

.dat01 {
  border-top: 1px dotted #939393;
  padding: 5px 0px;
  text-align: right;
}

.add_banner {
  list-style: none;
  text-align: center;
  padding-top: 10px;
}

.add_banner li { padding-bottom: 5px; }

.add_banner li img { vertical-align: bottom; }

/**********************************************

footer

***********************************************/





#footer {
  text-align: left;
  clear: both;
  margin-top: 10px;
}

#end_navi {
  background: #EFEFEF;
  padding: 7px 15px;
  width: 810px;
  margin-left: auto;
  margin-right: auto;
}

#end_navi li {
  display: inline;
  font-size: 93%;
}

#foot_in {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: url(../../img/foot_logo.gif) no-repeat left top;
  height: 87px;
}

#foot_in address {
  position: absolute;
  left: 100px;
  top: 10px;
  line-height: 150%;
}

#foot_in ul {
  list-style: none;
  position: absolute;
  left: 650px;
  top: 5px;
}

#foot_in ul li {
  background: url(../../img/point06.gif) no-repeat left center;
  padding: 2px 0px 1px 10px;
}

#copyright {
  text-align: center;
  padding: 5px 0px;
  background: #9ddbd3;
  font-size: 93%;
  color: #000;
  width: 840px;
  margin: 0px auto 0px auto;
}

#subtitle { position: relative; }

#print_bt {
  position: absolute;
  left: 544px;
  top: 19px;
}

#pan {
  font-size: 93%;
  text-align: left;
  line-height: 170%;
  padding: 8px 24px;
  width: 840px;
  margin-left: auto;
  margin-right: auto;
}

#common_title { border-bottom: 1px solid #ACBAB7; }

/**********************************************

menu

***********************************************/











.menu01 { list-style: none; }

.menu01 li {
  background: url(../../img/menu_bg01.gif) no-repeat left top;
  padding: 7px 5px 6px 27px;
  font-size: 100%;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #DCCEC9;
}

.menu02 { list-style: none; }

.menu02 li {
  background: url(../../img/menu_bg02.gif) no-repeat left top;
  padding: 7px 5px 6px 27px;
  font-size: 100%;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #D7E1DD;
}

.menu03 { list-style: none; }

.menu03 li {
  background: url(../../img/menu_bg03.gif) no-repeat left top;
  padding: 7px 5px 6px 27px;
  font-size: 100%;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #D7E1DD;
}

.menu04 { list-style: none; }

.menu04 li {
  background: url(../../img/menu_bg04.gif) no-repeat left top;
  padding: 7px 5px 6px 27px;
  font-size: 100%;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #D7E1DD;
}

.menu05 { list-style: none; }

.menu05 li {
  background: url(../../img/menu_bg05.gif) no-repeat left top;
  padding: 7px 5px 6px 27px;
  font-size: 100%;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #D7E1DD;
}

.menu05 li.sub_cate {
  background: #E6DDF4;
  border-bottom: 1px solid #D7E1DD;
  font-size: 100%;
  line-height: 150%;
  width: 162px;
  padding: 3px 10px 3px 10px;
  font-weight: bold;
}

.menu06 { list-style: none; }

.menu06 li {
  background: url(../../img/menu_bg06.gif) no-repeat left top;
  padding: 7px 5px 6px 27px;
  font-size: 100%;
  line-height: 150%;
  width: 150px;
  border-bottom: 1px solid #D7E1DD;
}

#voice_pop {
  width: 643px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #4FB09F;
  text-align: left;
  margin-top: 15px;
}

.pop_ins { padding: 15px; }

.rsslink a {
  background: url(../../img/rss.gif) no-repeat left center;
  padding-left: 22px;
}