@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif}
div#wrapper { width: 970px; text-align: left; margin: 0 auto}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; line-height: 100%}
ul,ol,dl,dd,dt { margin: 0; padding: 0}
li { margin: 0; padding: 0; line-height: 100%}
p { margin: 0 0 1em 0; padding: 0; line-height: 100%}
a { overflow: hidden}
a img { border: 0; text-decoration: none}
.cb { clear: both }
.cb2 { clear: both; margin-bottom: 20px}
.cb3 { clear: both; margin-bottom: 30px}
.cb5 { clear: both; margin-bottom: 50px}
.cb6 { clear: both; margin-bottom: 60px}
.cb8 { clear: both; margin-bottom: 80px}
.block { display: block}
.block2 { display: block; margin-bottom: 30px}
.nowrap { white-space: nowrap}

img.img_right { float: right; margin-right: 20px}
img.img_left { float: left; margin-right: 20px}

div#top_words { display: block; position: absolute; font-size: 0.7em; text-align: left; color:#999; padding: 3px 0 0 3px}
div#header { width: 970px; margin: 0 auto; text-align: left}
div#header_inner1 { width: 400px; float: left; text-align: left}
div#header_inner2 { width: 560px; float: left; text-align: left; height: 77px}
div#header_inner2m1 { text-align: right; height: 53px}
div#header_inner2m1 img { margin-left: 11px}

div#header_inner2m2 { text-align: right; vertical-align: top}
div#header_inner2m2 ul { margin: 0; padding: 0 0 5px 0}
div#header_inner2m2 li { display: inline; background: url(images/pochi_01.gif) no-repeat center left; font-size: 0.8em;
padding: 0 0 0 15px; line-height: 100%; margin: 0 0 0 18px; color: #600}
div#header_inner2m2 li a { color: #600; text-decoration: none}
div#header_inner2m2 li { display: inline; background: url(images/pochi_01.gif) no-repeat center left; font-size: 0.8em;
padding: 0 0 0 15px; line-height: 100%; margin: 0 0 0 18px; color: #600}
div#header_inner2m2 li strong { font-size: 16px; color: #c00; }
div#header_inner2m2 li a { color: #600; text-decoration: none}


div#header_inner3 { text-align: left}
div#header_inner3 ul { margin: 0; padding: 0}
div#header_inner3 ul li { display: block; margin: 0; padding: 0; height: 42px; float: left; list-style: none}
div#header_inner3 ul li a { display: block; height: 42px; margin: 0; padding: 0; text-indent: -9999px}
div#header_inner3 ul li#tm01 a { width: 142px; background: url(images/top_menu01.gif) no-repeat top left}
div#header_inner3 ul li#tm02 a { width: 121px; background: url(images/top_menu02.gif) no-repeat top left}
div#header_inner3 ul li#tm03 a { width: 138px; background: url(images/top_menu03.gif) no-repeat top left}
div#header_inner3 ul li#tm04 a { width: 189px; background: url(images/top_menu04.gif) no-repeat top left}
div#header_inner3 ul li#tm05 a { width: 85px; background: url(images/top_menu05.gif) no-repeat top left}
div#header_inner3 ul li#tm06 a { width: 84px; background: url(images/top_menu06.gif) no-repeat top left}
div#header_inner3 ul li#tm07 a { width: 119px; background: url(images/top_menu07.gif) no-repeat top left}
div#header_inner3 ul li#tm08 a { width: 82px; background: url(images/top_menu08.gif) no-repeat top left}

div#header_inner3 ul li#tm01 a:hover { width: 142px; background: url(images/top_menu01b.gif) no-repeat top left}
div#header_inner3 ul li#tm02 a:hover { width: 121px; background: url(images/top_menu02b.gif) no-repeat top left}
div#header_inner3 ul li#tm03 a:hover { width: 138px; background: url(images/top_menu03b.gif) no-repeat top left}
div#header_inner3 ul li#tm04 a:hover { width: 189px; background: url(images/top_menu04b.gif) no-repeat top left}
div#header_inner3 ul li#tm05 a:hover { width: 85px; background: url(images/top_menu05b.gif) no-repeat top left}
div#header_inner3 ul li#tm06 a:hover { width: 84px; background: url(images/top_menu06b.gif) no-repeat top left}
div#header_inner3 ul li#tm07 a:hover { width: 119px; background: url(images/top_menu07b.gif) no-repeat top left}
div#header_inner3 ul li#tm08 a:hover { width: 82px; background: url(images/top_menu08b.gif) no-repeat top left}

body#m01 ul li#tm01 a { width: 142px; background: url(images/top_menu01a.gif) no-repeat top left}
body#m02 ul li#tm02 a { width: 121px; background: url(images/top_menu02a.gif) no-repeat top left}
body#m03 ul li#tm03 a { width: 138px; background: url(images/top_menu03a.gif) no-repeat top left}
body#m04 ul li#tm04 a { width: 189px; background: url(images/top_menu04a.gif) no-repeat top left}
body#m05 ul li#tm05 a { width: 85px; background: url(images/top_menu05a.gif) no-repeat top left}
body#m06 ul li#tm06 a { width: 84px; background: url(images/top_menu06a.gif) no-repeat top left}
body#m07 ul li#tm07 a { width: 119px; background: url(images/top_menu07a.gif) no-repeat top left}
body#m08 ul li#tm08 a { width: 82px; background: url(images/top_menu08a.gif) no-repeat top left}

body#m01 ul li#tm01 a:hover { width: 142px; background: url(images/top_menu01a.gif) no-repeat top left}
body#m02 ul li#tm02 a:hover { width: 121px; background: url(images/top_menu02a.gif) no-repeat top left}
body#m03 ul li#tm03 a:hover { width: 138px; background: url(images/top_menu03a.gif) no-repeat top left}
body#m04 ul li#tm04 a:hover { width: 189px; background: url(images/top_menu04a.gif) no-repeat top left}
body#m05 ul li#tm05 a:hover { width: 85px; background: url(images/top_menu05a.gif) no-repeat top left}
body#m06 ul li#tm06 a:hover { width: 84px; background: url(images/top_menu06a.gif) no-repeat top left}
body#m07 ul li#tm07 a:hover { width: 119px; background: url(images/top_menu07a.gif) no-repeat top left}
body#m08 ul li#tm08 a:hover { width: 82px; background: url(images/top_menu08a.gif) no-repeat top left}

div#naka { }

div#submenu { width: 215px; float: left; text-align: left; margin-top: 10px}
div#submenu .sub_menu { margin-bottom: 10px; width: 210px}
div#submenu .sub_menu img { margin: 0 0 5px 0}
div#submenu .sub_waku { background: url(images/sub_waku_hk.gif) repeat-y top left; width: 210px; margin-bottom: 15px}
div#submenu .sub_waku ul li { display: block; list-style: none; font-size: 0.8em; margin-left: 8px; line-height: 1.3em}
div#submenu .sub_waku ul li.list0 { background: url(images/pochi_01s.gif) no-repeat top left; padding: 8px 4px 10px 20px}
div#submenu .sub_waku ul li.list1 { background: url(images/pochi_01sn.gif) no-repeat top left; padding: 8px 4px 10px 20px}
div#submenu .sub_waku ul li.list2 { background: url(images/pochi_05sn.gif) no-repeat top left; padding: 8px 4px 10px 20px}
div#submenu .sub_waku ul li.list2 a { color: #c00}
div#submenu .sub_waku ul li.list3 { list-style:none; margin-bottom: 0.5em; margin-left: 27px;
font-size: 12px; padding-left:15px; background: url(images/poch07.gif) no-repeat top left}
div#submenu .sub_waku ul li.pdficon img { float: right; margin-left: 5px}
div#submenu .sub_waku ul li.pdficon2 img { vertical-align: text-top; margin-left: 5px}
div#submenu .sub_waku ul li.list_sb { background: url(images/pochi_01sb.gif) no-repeat top left; padding: 8px 4px 11px 20px}

div#submenu .com_text { text-align: left; width: 210px; font-size: 0.9em; line-height: 1.2em; padding-bottom: 80px}

div#contents { width: 745px; float: right; margin-top: 10px }
div#pankuzu { font-size: 0.8em; height: 32px; line-height: 0.8em; padding-left: 3px}
div#pankuzu img { vertical-align: text-top; margin: 0 2px}
div#pankuzu h1 { display: inline }

.h240 { height: 240px}
.font_red { color: #c00}
.font_ore { color: #f60}
.font_bro { color: #960}
.font_hai { color: #999}
.small { font-size: 12px}
.large { font-size: 1.3em; line-height: 1.5em}

/*線H1*/
div#contents div.title_sub { background:url(images/lineup_mdh1.gif) no-repeat top left; height: 95px}
div#contents div.title_sub h2 { padding: 28px 0 0 16px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 500px; color: #333}

div#title_sub ul { display: block; float: left; padding-top: 33px}
div#title_sub ul li { display: block; float: left; list-style: none; padding: 1px 20px 0 15px; font-size: 0.7em;
background: url(images/pochi_l01.gif) no-repeat top left}
div#title_sub ul li a { white-space: nowrap}

div#contents div.title_sub2 { background:url(images/md_hk02.gif) no-repeat top left; height: 80px}
div#contents div.title_sub2 h2 { padding: 22px 0 0 16px; font-weight: bold; font-size: 1.1em; display: block; float: left; width: 680px; color: #333}

div#contents div.title_sub3 { background:url(images/md_hk03.gif) no-repeat top left; height: 85px}
div#contents div.title_sub3 h2 { padding: 23px 0 0 5px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 680px; color: #333}
div#contents div.title_sub3 h1 { padding: 23px 0 0 5px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 680px; color: #333}

div#contents div.title_sub4 { background:url(images/md_hk04.gif) no-repeat top left; height: 85px}
div#contents div.title_sub4 h2 { padding: 23px 0 0 5px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 680px; color: #333}
div#contents div.title_sub4 h1 { padding: 23px 0 0 5px; font-weight: bold; font-size: 1.3em; display: block; float: left; width: 680px; color: #333}



.h2img img { margin-bottom: 18px; margin-top: 10px}
.h2img2 img { margin-top: 10px}
.h2img3 img { margin-top: 10px; margin-bottom: 20px}
.himg3 img { margin-bottom: 30px}
.himg1 img { margin-bottom: 12px}

div#inq_box { background: url(images/l_banner_inq_hk.jpg) no-repeat top left; width: 720px; height: 301px; margin-bottom: 100px}
div#inq_box div.inq_inbox01 { height: 62px; width: 720px; text-indent: -9999px}
div#inq_box div.inq_inbox02 { width: 165px; float: left}
div#inq_box div.inq_inbox02 a { display: block; margin: 15px 0 0 40px; width: 120px; height: 40px; text-indent: -9999px}
div#inq_box div.inq_inbox03 { width: 540px; float: left; line-height: 1.5em; font-size: 0.8em}

div#hanb_box { margin-left: 10px; text-align: left; padding-bottom: 80px}
div#hanb_box p { width: 700px; text-align: center; font-size: 0.8em; padding-top: 5px; line-height: 1.6em}

div#wrapper div.to_top { display: block; width: 960px; text-align: right; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc}
div#wrapper div.to_top ul {}
div#wrapper div.to_top ul li { display: block; float: right; list-style: none; padding: 0 0 0 15px;
background: url(images/pochi_02.gif) no-repeat top left; font-size: 0.8em}
div#wrapper div.to_top ul li a { text-decoration: none; white-space: nowrap}

div#footer { text-align: left; clear: both}
div#footer ul { padding: 13px 0;  width: 960px; border-bottom: 1px solid #dcdcdc; display: block; height: 12px}
div#footer ul li { display: block; float: left; background: url(images/pochi_01.gif) no-repeat center left; font-size: 0.8em;
padding: 1px 0 0 15px; line-height: 100%; margin: 0 18px 0 1px; list-style: none}
div#footer ul li a { text-decoration: none; color: #600}
div#footer div.copyright { text-align: right; font-size: 0.8em; color: #999; padding: 3px 11px 20px 0}

div#links { padding-top: 80px; padding-left: 60px }
div#links table tr td { background: url(images/links_bar.gif) no-repeat top right; vertical-align: top; line-height: 1.5em;
font-size: 0.9em; padding-left: 16px; padding-bottom: 140px}