@charset "UTF-8";

body {
  margin: 0;
  padding: 10px 0 0;
  color: #333333;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
  font-size: 75%;
  text-align: center;/* センタリングIE6対策 */
  line-height: 1.3em;
}

a { color: #000099; font-weight: bold; text-decoration: underline; }
a:visited { color: #000099; }
a:hover { color: #000099; }
a:active { color: #000099; }

a img { border: none; }

p { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; }

h3 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.bol { font-weight: bold; }

#container { width: 836px; margin: auto; background: url(/images/frame_con_body.gif) repeat-y; text-align: left; }

#header { position: relative; height: 62px; margin-bottom: 12px; padding: 13px 13px 0; background: url(/images/frame_con_head.gif) no-repeat; }
#logomtf { width: 195px; }
#logomtf a { display: block; width: 195px; height: 62px; background: url(/images/img_logo_mtf.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
#header .catch { position: absolute; left: 220px; bottom: 5px; width: 135px; font-size: smaller; line-height: 1.3em; }
#header .headbn { position: absolute; right: 13px; bottom: 0px; width: 468px; }

#menu { float: left; width: 195px; margin-left: 13px; _margin-left: 6px; }

#menulist { margin-bottom: 15px; padding-top: 3px; background: url(../images/menu_gray_head.gif) no-repeat; }
#menulist li { padding-bottom: 1px; background: url(../images/menu_border.gif) no-repeat left bottom; }
#menulist li.end { padding-bottom: 3px; background: url(../images/menu_gray_tail.gif) no-repeat left bottom; }
#menulist a { display: block; height: 33px; background-image: url(../images/menu.gif); text-indent: -9999px; overflow: hidden; }

#menulist .top a { background-position: 0px top; }
#menulist .opt a { background-position: 0px -34px; }
#menulist .spa a { background-position: 0px -340px; }
#menulist .res a { background-position: 0px -306px; }
#menulist .htl a { background-position: 0px -68px; }
#menulist .cun a { background-position: 0px -102px; }
#menulist .nte a { background-position: 0px -136px; }
#menulist .blg a { background-position: 0px -170px; }
#menulist .stf a { background-position: 0px -204px; }

#menulist .top a:hover { background-position: -195px top; }
#menulist .opt a:hover { background-position: -195px -34px; }
#menulist .spa a:hover { background-position: -195px -340px; }
#menulist .res a:hover { background-position: -195px -306px; }
#menulist .htl a:hover { background-position: -195px -68px; }
#menulist .cun a:hover { background-position: -195px -102px; }
#menulist .nte a:hover { background-position: -195px -136px; }
#menulist .blg a:hover { background-position: -195px -170px; }
#menulist .stf a:hover { background-position: -195px -204px; }

#menu_inq { margin-bottom: 6px; padding-bottom: 53px; background: url(../images/menu_inquiry_tail.gif) no-repeat left bottom; }
#menu_inq dt { height: 21px; background: url(../images/menu_inquiry_tit.gif) no-repeat; text-indent: -9999px; }
#menu_inq dd { padding-bottom: 1px; background: url(../images/menu_border.gif) no-repeat left bottom; }
#menu_inq .htl { margin-left: 85px; background: none; }

#menu_inq a { display: block; height: 33px; background-image: url(../images/menu.gif); text-indent: -9999px; overflow: hidden; }
#menu_inq .opt a { background-position: 0px -238px; }
#menu_inq .htl a { width: 110px; background-position: 0px -272px; }
#menu_inq .opt a:hover { background-position: -195px -238px; }
#menu_inq .htl a:hover { width: 110px; background-position: -195px -272px; }

#clock { margin-bottom: 10px; padding-top: 3px; background: url(../images/menu_frame_head.gif) no-repeat; }
#clock .clock_frame { padding-bottom: 3px; background: url(../images/menu_frame_tail.gif) no-repeat left bottom; }
#clock .clock_frame table { width: 195px; padding: 9px 6px; background: url(../images/menu_frame_body.gif) repeat-y; }
#clock .clock_frame table td { padding: 0 3px; text-align: center; vertical-align: top; }
#clock .clock_frame .city { margin-bottom: 5px; font-weight: bold; }
#clock .clock_frame span#tzTimeSpan_ee4b18e89cf3f34,
#clock .clock_frame span#tzTimeSpan_ee4b18e8197b963 { display: block; padding-top: 5px; line-height: 1; }

#main { float: right; width: 603px; margin-right: 13px; _margin-right: 6px; }

#topicpath { margin: 0 13px 5px; padding-top: 5px; color: #ccc; border-top: 1px dotted #ddd; }
#topicpath li { display: inline; line-height: 1; }
#topicpath li h1 { display: inline; margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
#topicpath li a { color: #7f7fcc; font-weight: normal; text-decoration: none; }

#main h2 { height: 21px; _height: 26px; margin: 0 0 8px; padding: 5px 0 0 10px; background: url(../images/tit_bg01.gif); font-size: 100%; font-weight: normal; }
#main h2 span { display: block; height: 16px; background-repeat: no-repeat; text-indent: -9999px; }

#main .btn_inquiry:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main .btn_inquiry { zoom: 1; clear: right; }
#main .btn_inquiry a { display: block; float: right; width: 186px; height: 56px; background-image: url(/images/btn_inquiry.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
#main .btn_inquiry a:hover { background-position: bottom; }

.ptop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ptop { zoom: 1; }
.ptop a { display: block; float: right; width: 74px; height: 11px; background-image: url(/images/btn_ptop.gif); text-indent: -9999px; overflow:hidden; } 

#footer { clear: both; }

#footer .ptop { margin-right: 13px; padding-top: 15px; }

#footer ul { margin: 8px 13px; padding-top: 7px; border-top: 1px solid #f09999; text-align: center; }
#footer ul li { display: inline; color: #cccccc; }
#footer ul li a { font-size: smaller; font-weight: normal; }

#footer p#copyright:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer p#copyright { zoom: 1; padding-top: 8px; background: #fff url(../images/frame_con_tail.gif) no-repeat; }
#footer p#copyright span { float: right; width: 403px; height: 12px; background: url(/images/txt_copyright.gif) no-repeat; text-indent: -9999px; }