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

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; text-align: center; margin: 0; padding: 0; width: 100%; background-color: #fff}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 100%; line-height: 100%; font-weight: normal}
p,li,dt,dd { margin: 0; padding: 0; line-height: 100%}
ul,ol,dl { margin: 0; padding: 0}
a { color: #03c}
a:visited,a:hover { color: #03c}
a img { border: 0}
img.block { display: block}
img.inline { display: inline}
.cb { clear: both}
.red { color: #c00}
i { color: #c00; font-style: normal }

/*anchor*/
#a01,#a02,#a03,#a04,#a05,#a06 { display: block; height: 20px}

/*全体背景*/
body { background: url(../img/sub_head_hk.gif) repeat-x left top}

/*枠組み*/
div#wrapper { width: 960px; margin: 0 auto; text-align: left}
div#header { height: 154px; width: 960px }
div#contents { width: 960px }
div#sub { float: left; width: 230px}
div#main { float: right; width: 724px; margin-bottom: 80px}
div#footer { width: 100%; background-color: #03c; height: 160px; text-align: center }

/*header*/
#header.hk { background: url(../img/sub_head_tel.jpg) no-repeat right 33px} 
#top_text { color: #fff; font-size: 12px; line-height: 25px}
#header .inner01 { padding-left: 10px}
#header #head_menu { height: 69px}


/*contents--pankuzu*/
#pankuzu { height: 60px; padding-top: 2px}
#pankuzu ul li { display: inline; font-size: 12px; line-height: 13px}
#pankuzu ul li a { background: url(../img/ya01.gif) no-repeat left center; padding: 0 0 0 14px; margin: 0 30px 0 0; text-decoration: none}
#pankuzu ul li.ya3 { background: url(../img/ya03.gif) no-repeat left center; padding: 0 0 0 20px; color:#999}

/*contents--submenu*/
#sub { padding-bottom: 0}
#sub .submenu { width: 219px; border-top: 1px solid #0134cc; border-right: 1px solid #0134cc}
#sub .submenu .submd { float: right; width: 60px; text-align: right; padding-bottom: 20px}
#sub .submenu .submd img { display: block; margin: 0 0 0 auto} 
#sub .submenu .inner01 { width: 150px; border-right: 1px solid #0134cc; padding-bottom: 40px; padding-top: 10px}
#sub .submenu .inner01 ul { margin-top: 0}
/*
#sub .submenu .inner01 ul li { display: block; background: url(img/sub_list_dot.gif) no-repeat left bottom; list-style: none; line-height: 1.4em; font-size: 12px; margin-left: 2px; padding: 5px 0 }
#sub .submenu .inner01 ul li a { background: url(img/ya01.gif) no-repeat left top; padding: 0 0 0 16px; text-decoration: none }
*/
#sub .submenu .inner01 ul li { display: block; background: url(../img/sub_list_dot.gif) no-repeat left bottom; list-style: none; line-height: 1.4em; font-size: 12px; margin: 0 5px 10px 2px; padding: 0 0 10px 20px; text-indent: -20px}
#sub .submenu .inner01 ul li a { background: url(../img/ya01.gif) no-repeat left top; padding: 0 0 0 20px; text-decoration: none }

#sub .submenu .sp { clear: both; background: #fff; height: 90px}
#sub .submenu .md { padding: 2px 3px 10px 3px; font-size: 13px}
#sub .sub_banner { padding-top: 10px}
#sub .sub_banner img { display: block}
#sub .sub_banner2 { padding-top: 7px}
#sub .sub_banner2 img { display: block}

#contents .foot_sp { height: 73px}

#contents .c_foot_inq_navi { width: 960px; height: 100px; position: relative; top: -73px; z-index: 200}
#contents .c_foot_inq_navi .inner { float: right; width:
 679px; }
#contents .c_foot_inq_navi ul li {display: block; float: left;  width: 330px; list-style: none; font-size: 13px}
#contents .c_foot_inq_navi ul li a img { display: block; margin: 0 0 3px 0}
#contents .c_foot_inq_navi ul li a { text-align: left}

/*contents--footmenu*/
#contents #foot_menu { padding: 10px 0 0 0; position: relative; top: -20px}
#contents #foot_menu img { display: block}
#contents #foot_menu .inner_hk{ width: 960px; background: url(../img/foot_menu_hk.gif) repeat-y 408px top}
#contents #foot_menu .menu01 { float: left; width: 418px}
#contents #foot_menu .menu02 { float: left; width: 179px}
#contents #foot_menu .menu03 { float: left; width: 170px}
#contents #foot_menu .menu04 { float: right; width: 184px}
#contents #foot_menu .inner_hk ul { margin-bottom: 24px}
#contents #foot_menu .inner_hk ul li { list-style: none; line-height: 1.4em; font-size: 12px; margin: 0 22px 20px 20px; text-indent: -20px}
#contents #foot_menu .inner_hk ul li a {background: url(../img/ya01.gif) no-repeat 4px top; padding: 0 0 0 20px; text-decoration: none; text-indent: -15px; color: #666}
#contents #foot_menu .menu04 ul li { margin-right: 0}
#contents #foot_menu div.md1 { margin-bottom: 10px}
#contents #foot_menu div.md2 { margin-bottom: 20px}

#contents .junbichu {padding: 20px 0 0 100px}


/*contets--totop*/
#contents #totop { width: 960px; text-align: right; height: 23px; padding: 44px 0 0 0}
#contents #totop img { display: block; margin: 0 0 0 auto }


/*footer*/
#footer a { color: #fff}
#footer a:visited, #footer a:hover { color: #fff}
#footer .hk { background: url(../img/footer_logo.gif) no-repeat left 33px}
#footer .inner { width: 960px; margin: 0 auto; color: #fff; text-align: left}
#footer .inner p { font-size: 12px; line-height: 40px}
#footer .inner p.data { margin: 0; line-height: 38px}
#footer .inner p.data img { margin-right: 12px; margin-top: -5px}
#footer div.foot_menu { padding-top: 14px}
#footer div.foot_menu ul li { list-style: none; display: inline; font-size: 12px; padding-right: 30px}
#footer div.foot_menu ul li a { padding: 0 0 0 12px; background:url(../img/ya_fome.gif) no-repeat left top; text-decoration: none}
#footer .copyright { text-align: right; float: right; width: 330px; position: relative; top: -14px; font-size: 12px }