/* common */

html { margin: 0; padding: 0 }

body { margin: 0; padding: 0; font: 12px "ＭＳ ゴシック", Osaka, Verdana, sans-serif; color: #5C5C5C }

img { border: none }

.map { width: 648px; height: 400px; border: solid #ccc 1px; margin-top: 5px }

.gt { color: orange; font-weight: bold }

/* header */

#header { position: relative; width: 100% }

#header1 { margin-left: 256px; height: 155px; background: url(img/header2.png) repeat-x; padding: 0 }

h1 { font-size: 12px; color: #000; font-weight: normal; margin-top: 35px; display: inline; float: left }

#header1 a.toiawase { margin: 35px 10px 0 0; text-decoration: none; float: right }

#header1 a.toiawase:hover { text-decoration: underline }

div.title { clear: both; position: absolute; top: 70px; left: 265px }

h2 { font: bold 18px "DF 行書体"; color: #fff; margin: 0; padding: 0 }

div.title p { color: #fff; padding: 0; margin-top: 5px }

#header2 { position: absolute; top: 0; left: 0; width: 256px; height: 155px }

/* main */

#wrapper1 { position: relative; width: 100% }

#wrapper2 { width: 680px; margin-left: 256px }

#wrapper2 p { margin: 12px 10px 0 }

/* #wrapper { width: 680px; background-color: #FDE0BA; padding: 20px 15px 30px } */

#wrapper { width: 680px; background-color: #fff; padding: 20px 15px 30px }

#wrapper_new { width: 680px; background-color: #fff; padding: 20px 15px }

/* .wrapper { width: 680px; background-color: #FDE0BA; padding: 20px 15px 45px; margin-top: 10px } */

.wrapper { width: 680px; background-color: #fff; padding: 20px 15px 45px; margin-top: 10px }

#content { margin: 0 15px }

.content { margin: 0 15px }

/* toppage */

table.guide { width: 650px; border: 2px solid #f90; background-color: #fff; border-collapse: collapse; text-align: left; margin: 5px 0 0; font-size: 12px }

.guide td { background-color: #fff; padding: 1.5em 1.8em; line-height: 1.8em }

.guide td div { margin-bottom: 12px }

.guide td span { color: #090; font-size: 12px }

.guide td li { padding-top: 1em }

/* leftside */

#leftside { position: absolute; top: 0; left: 0; width: 256px; padding: 0 10px; margin: 0 }

.w230 { width: 230px; }

.image { margin: 10px 0 0; padding: 5px; border: 1px solid #E8E8E8; width: 220px }

/* roundcorner */

.rc1 { font-size: 1px; display: block; overflow: hidden }

.rc2 { background: #4CCC46; color: inherit; display: block; overflow: hidden; height: 1px; margin: 0 5px }

.rc3 { background: #E2FFDD; border-color: #4CCC46; color: inherit; display: block; overflow: hidden; height: 1px; border-style: solid ; margin: 0 3px; border-width: 0 2px }

.rc4 { background: #E2FFDD; border-color: #4CCC46; color: inherit; display: block; overflow: hidden; height: 1px; border-style: solid; border-width: 0 1px; margin: 0 2px }

.rc5 { background: #E2FFDD; border-color: #4CCC46; color: inherit; display: block; overflow: hidden; border-style: solid; border-width: 0 1px; height: 2px; margin: 0 1px }

.rc6 { background: #E2FFDD; border-color: #4CCC46; color: inherit; display: block; border-style: solid ; border-width: 0 1px; padding: 0.5em 1em; line-height: 2.5 }

.rc6 p { line-height: 1.4em; margin: 0; padding-bottom: .6em }

.rc6 ul { list-style: none; margin: 0; padding: 0; text-align: left }

.rc6 ul.flow { list-style: none; margin: 0; padding: 0; text-align: center; color: #06c }

ul.flow div { color: #000; line-height: 1.4em; text-align: left }

.rc7 { font-size: 1px; display: block; overflow: hidden; height: 1px }

.rd2 { background: #B2B2B2; color: inherit; display: block; overflow: hidden; height: 1px; margin: 0 5px }

.rd3 { background: #F3F3F3; border-color: #B2B2B2; color: inherit; display: block; overflow: hidden; height: 1px; border-style: solid ; margin: 0 3px; border-width: 0 2px }

.rd { background: #F3F3F3; border-color: #B2B2B2; color: inherit; display: block; overflow: hidden; height: 1px; border-style: solid; border-width: 0 1px; margin: 0 2px }

.rd5 { background: #F3F3F3; border-color: #B2B2B2; color: inherit; display: block; overflow: hidden; border-style: solid; border-width: 0 1px; height: 2px; margin: 0 1px }

.rd6 { background: #F3F3F3; border-color: #B2B2B2; color: inherit; display: block; border-style: solid ; border-width: 0 1px; padding: 0.5em 1em; line-height: 2.5 }

.rd6 ul { list-style: none; margin: 0; padding: 0; text-align: left }

.rd6 ul a { text-decoration: none; color: #7C7C7C }

.rd6 ul a:hover { text-decoration: underline }

/* footer */

#footer1 { margin: 15px 0 0 }

#footer1 img { width: 100%; height: 6px }

#footer { margin: 10px 0; padding-bottom: 4px; width: 100% }

#footer span#top { display: inline; margin-left: 30px; color: #868385 }

span#top a { text-decoration: none }

#footer p { display: inline; margin-left: 10px }

#footer p span { font-size: 10px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif }

#link { color: #868385; font-size: 10.5px; letter-spacing: 0; margin: 0 10px; padding-bottom: 25px; font-family: Verdana, Arial, Helvetica, sans-serif }

#link a { color: #868385; text-decoration: none }

#link a:hover { text-decoration: underline; color: red }

#framemain { width: 650px; height: 600px; margin: 30px auto 80px auto; background: #fff url(img/pagesample.gif) no-repeat top }

h3 { color: #090; font-weight: bold; font-size: 14px; display: inline; margin-right: 20px }

p.h3 { display: inline }

h4 { line-height: 1em; margin: 0; font-size: 15px }

h4.map_title { margin: 20px 0 15px; font-size: 14px; color: #090 }

h5 { font-weight: bold; font-size: 15px; color: navy; margin: 25px 8px 0 }

h5.fukidashi { font-weight: bold; padding-bottom: 5px; margin: 8px 0 0; text-align: center }

h6 { font-size: 12px; font-weight: normal; border-right: 4px solid #090; border-left: 4px solid #090; padding: 0 0.5em; display: inline; margin-left: 150px }

.logo { font: bold 18px "DF 行書体"; color: #090; float: left }

.logo span { font-family: "Arial Black"; font-weight: normal }

strong { font-weight: normal; color: #000; background-color: transparent }

em { font-style: normal; font-weight: normal; color: #868385; background-color: transparent }

ul.yui-nav li em { font-style: normal; font-weight: normal; color: #000; background-color: transparent }

ul.yui-nav li.selected em { color: #fff }

.fl { float: left }

.fr { float: right }

.clr { clear: both }

.r_header { float: right; font-size: 12px; text-align: right; margin: 10px 5px 0 0 }

.f11 { font-size: 11px }

.f12 { font-size: 12px }

.f13 { font-size: 13px }

.f14 { font-size: 14px }

.f15 { font-size: 15px }

p { font-size: 12px }

#spacer { background-color: #fff }

.mrg10 { margin: 10px auto }

.mrg15 { margin: 15px auto }

.mrg20 { margin: 20px auto }

.mrgt10 { margin-top: 10px }

.mrgt15 { margin-top: 15px }

.mrgt20 { margin-top: 20px }

.mrgt25 { margin-top: 25px }

.mrgt30 { margin-top: 30px }

.mrgt40 { margin-top: 40px }

.mrgb0 { margin-bottom: 0 }

.mrgb10 { margin-bottom: 10px }

.mrgb15 { margin-bottom: 15px }

.mrgb20 { margin-bottom: 20px }

.mrgb30 { margin-bottom: 30px }

.mrgr10 { margin-right: 10px }

.mrgl15 { margin-left: 15px }

.mrgl20 { margin-left: 20px }

.mrgl50 { margin-left: 50px }

.pad0 { padding: 0 }

.pad20 { padding: 20px }

.padr20 { padding-right: 20px }

.padl10 { padding-left: 10px }

.padl20 { padding-left: 20px }

.padl115 { padding-left: 115px }

.padl225 { padding-left: 225px }

.mrgpad0 { margin: 0; padding: 0 }

.cntr { text-align: center }

.txtr { text-align: right }

.req { color: #fff; background-color: red; padding: 2px .5em; margin: 0 0 0 8px; font-weight: bold }

.lineh1 { line-height: 1em }

.lineh15 { line-height: 1.5em }

.lineh18 { line-height: 1.8em }

.lineh25 { line-height: 2.5em }

.bold { font-weight: bold }

.red { color: #900 }

.green { color: #090 }

.white { color: #fff }

.orange { color: #F55610 }

.gray { color: #666 }

.pink { color: #E869DC }

.bdr_red { border: 1px solid red; padding: .1em }

.bdr_orange { border: 1px solid orange; padding: .1em }

.bdr_green { border: 1px solid #090; padding: .1em }

.bdr_none { border: 0 }

/* TABLE */

.search_top { border: 0; background-color: #fff; margin: 20px 0 0 5px; font-size: 12px; border-collapse: collapse }

.search_top th { border-left: 8px solid orange; background-color: #fff; color: #090; text-align: left }

.search_top th h4 { padding: 0 .5em; display: inline }

.search_top th img { vertical-align: top }

.search_new { width: 650px; border: 0; background-color: #fff; border-collapse: collapse; text-align: left; margin: 8px 0 25px; font-size: 12px }

.area { text-align: right }

.search { width: 650px; border: 2px solid #f90; background-color: #fff; border-collapse: collapse; text-align: left; margin: 20px 0 0; font-size: 12px }

th { background-color: #D74E4E; color: #fff }

th h4 { padding: 0.5em }

td { background-color: #fff; padding: 0.4em 0.6em; line-height: 1.5em }

.search td.empty { background-color: #fff; padding: 1em; text-align: center }

.search td.task { background-color: #fff; padding: 2em; line-height: 1.8em }

.fee { width: 650px; border: 2px solid #f90; background-color: #fff; border-collapse: collapse; text-align: left; margin: 5px 0 0; font-size: 12px }

.fee td { padding: 0.4em 0.6em; background-color: #fff; border: 1px solid #ccc }

ul.caution { list-style: none; margin: 0; padding: 5px 0 0; line-height: 1.8em }

table.noline { border: 0; font-size: 12px; padding: .5em; border-collapse: collapse }

.noline th { background-color: #fff; color: #000; font-weight: normal; text-align: center }

/* .search td { border: solid 1px #f90 } */

td.c1 { padding-top: 1em; vertical-align: top; width: 16%; border-bottom: 1px solid #ccc }

td.c2 { padding-top: 1em; width: 14%; border-bottom: 1px solid #ccc }

td.c3 { padding-top: 1em }

td.c31 { padding-top: 1em; color: #06c }

td.c4 { border-bottom: 1px solid #ccc }

td.c5 { border-bottom: 1px solid #ccc; padding-top: 1em }

td.c5_1 { border: 0; padding-top: 1em }

td.c5_2 { border: 0; background-color: #F6FDF7; padding-top: 1em }

td.c6 { padding-top: 1em; width: 14% }

.vtop { vertical-align: top }

.center { text-align: center }

.pad1 { padding: 20px 0 0 }

.pad1 p { margin-top: 0.5em }

.w60 { width: 60px }

.w75 { width: 75px }

.w90 { width: 90px }

.w100 { width: 100px }

.w120 { width: 120px }

.w500 { width: 500px }

.w650 { width: 650px }

/* LIST */

th.list { background-color: #D74E4E; color: #fff; padding: 0.5em; font-size: 15px; width: 150px }

th.list2 { background-color: #D74E4E; color: #fff; padding: 0.5em; font-size: 15px }

.search h2 { text-align: right; color: #fff; background-color: #D74E4E; margin: 0; padding: 0 0.8em }

.llist { padding: 0.4em 0.6em; background-color: #fff; width: 150px; border-bottom: 1px solid #ccc }

.llist2 { padding: 0.6em 0.6em; background-color: #F6F6F6; width: 120px; border-bottom: 1px solid #ccc }

.llist3 { padding: 0.6em 0.6em; background-color: #F6F6F6; width: 120px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc }

.rlist { border-bottom: 1px solid #ccc }

.rlist2 { border-bottom: 1px solid #ccc; text-align: right }

.rlist3 { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc }

.oubo { font-size: 13px; padding: 5px 1em }

.pr { float: left; border-right: 2px dotted #E25959; border-left: solid 13px #E25959; padding: 0 1.2em }

.pr1 { border-left: solid 13px #E25959; padding-left: 1.2em }

.pr h4, .pr1 h4 { font-size: 16px; font-weight: bold; color: #537CB7 }

.pr p, .pr1 p { line-height: 1.8 }

.com_name { background-color: #F9FFC2; margin-bottom: 25px; padding: 15px }

.com_name h4 { font-size: 1.5em; font-weight: bold; color: navy }

.com_name p { color: navy; font-size: 12px; line-height: 1.5 }

.entry { background-color: #F6FFC2; height: 80px; padding: 15px; text-align: center; margin-top: 25px }

.com_name a { text-decoration: underline }

.com_name a:hover { text-decoration: none }

/* sitemap */

/* #sitemap { width: 616px; background-color: #FDE0BA; margin: 0 auto 0 auto ; padding: 0; font-size: 12px } */

#sitemap { width: 660px; background-color: #fff; margin: 0 auto 0 auto ; padding: 0; font-size: 12px }

#sitemap .topic { padding: .4em 1em; border-left: solid 8px #FF9E47; margin: 25px 0 8px }

#sitemap .waku { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 15px 0 0 15px }

#sitemap .mark_orange { border-left: 10px solid #FF9E47; padding: 0 .8em; font-size: 12px; font-weight: normal }

ul.sitemap { padding: 0; margin: 0 }

#sitemap li { display: inline; margin-right: 20px }

#sitemap li span.orange { color: #FF9E47 }

table.sitemap1 { margin-left: 20px; margin-bottom: 10px; width: 100% }

/* table.sitemap1 td { width: 25%; background-color: #FDE0BA } */

table.sitemap1 td { width: 25%; background-color: #fff }

table.sitemap2 { margin-left: 20px; width: 100% }

/* table.sitemap2 td { width: 33%; background-color: #FDE0BA } */

table.sitemap2 td { width: 33%; background-color: #fff }

table.sitemap3 { width: 100% }

/* table.sitemap3 td { width: 33%; background-color: #FDE0BA } */

table.sitemap3 td { width: 33%; background-color: #fff }

/* LINK */

a { text-decoration: none; color: #06c }

/* a:hover { text-decoration: none; color: #ccc } */

a:hover { text-decoration: underline }

.list a { color: #fff; text-decoration: underline }

.list a:hover { color: #fff }

.area a { color: #06c; font-weight: bold; font-size: 12px }

.area a:hover { text-decoration: underline }

.uline { text-decoration: underline }

.uline:hover { color: #ccc; text-decoration: none }

.uline2 { text-decoration: underline }

.uline2:hover { text-decoration: none }

/* button */

a.submit { background-image: url(img/btn_blue.png); display: block; width: 200px; height: 50px; text-indent: -5000px; overflow: hidden }

a.submit:hover { background-position: bottom left }

a.apply { background-image: url(img/btn_apply.png); display: block; width: 200px; height: 50px; text-indent: -5000px; overflow: hidden }

a.apply:hover { background-position: bottom left }

a.black { color: #5C5C5C; text-decoration: none }

a.black:hover { color: #06c; text-decoration: underline }

button { border: 0 }

button.submit { background-image: url(img/btn_blue.png); display: block; width: 200px; height: 50px; text-indent: -5000px; overflow: hidden }

button.submit:hover { background-position: bottom left }

button.submit2 { background-image: url(img/btn_panf.png); display: block; width: 200px; height: 50px; text-indent: -5000px; overflow: hidden }

button.submit2:hover { background-position: bottom left }