@charset "UTF-8";
/* basic information */
body   { color: #333333; font-size: 12px; line-height: 150%; background-color: #FFFBC7; margin: 0; padding: 0 }
a { color: #123670 }
a:hover  { color: #f63 }
/* header */
#header  { background-image: url("title.jpg"); background-position: 700px 120px; width: 700px }
#header h1 { color: #FFF100; font-size: 16px; text-align: right; margin: 0; padding: 90px 20px 0 0 }
ul#menu     { color: white; background-color: #64BCE4; text-align: center; list-style-type: none; list-style-image: none; margin: 10px 0 0; padding: 0; width: 700px }
ul#menu li  { list-style: none; margin: 0; padding: 5px 0 }
ul#menu a { margin-right: 10px; margin-left: 10px }
a.menu  { color: #1D2088; text-decoration: none }
a:hover.menu { color: black; text-decoration: none }
/* contents */
#main  { text-align: center; background-color: white; margin-right: auto; margin-left: auto; width: 700px; border-right: 1pt solid gray; border-left: 1pt solid gray }
#sub_con   { margin: 0; padding: 0; width: 550px; float: left; clear: both }
#left      { background-color: #eeeeee; text-align: left; margin: 0; padding: 0; width: 150px; min-height: 400px; float: left }
ul#left_menu { text-align: left; list-style: inside; margin: 0; padding: 0 }
ul#left_menu li { color: black; list-style-image: none; margin: 5px }
ul#left_menu a { margin: 0 0 0 -5px; padding: 0 }
/*a.left_menu { color: black }
a:hover.left_menu { color: white }*/
#contents     { text-align: left; margin: 0; padding: 5px; width: 390px; float: right }
#contents h2     { font-size: 14px; margin: 12px 5px 5px; padding: 5px; border-left: 5px solid #FFF100 }
#contents h5 { font-size: 12px; font-weight: normal; margin: 5px; padding: 5px }
#contents h4 { font-size: 12px; font-weight: normal; margin: 5px; padding: 5px }
#main_contents { text-align: left; margin: 0; padding: 5px; width: 540px; float: right }
#main_contents h2    { font-size: 14px; margin: 12px 5px 5px; padding: 5px; border-left: 5px solid #FFF100 }
#main_contents h5   { font-size: 12px; font-weight: normal; margin: 5px; padding: 0 5px 0 20px }
#main_contents h6 { font-size: 14px; margin: 12px 5px 5px; padding: 5px; border-bottom: 2px solid silver }
#main_contents hr  { text-align: center; margin: 0; padding: 0; width: 95%; height: 2px; border-top: 2px dashed #ccc; border-right: none; border-bottom: none; border-left: none }
#pic_left  { text-align: left; margin: 0; padding: 10px; float: left }
#pic_left img   { margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1pt 2pt 2pt 1pt; border-color: gray }
#right     { text-align: left; margin: 0; padding: 0; width: 148px; float: right }
div.right_title  { color: black; background-color: #F6BFD7; margin: 10px 0 0; padding: 2px 2px 2px 4px; width: 139px; }
div.right  { margin: 0; padding: 2px 2px 2px 4px; width: 137px; border-style: none solid solid; border-width: 0 1px 1px; border-color: #F6BFD7 }
/* footer */
#footer    { color: #1D2088; background-color: #64BCE4; text-align: center; padding: 2px; width: 696px; clear: both }