@charset "utf-8";

/* ------------------------- TOC 
Setup
CSS Hack
multi column
wrapper & frame
header
sub_content
main_content
footer
 ------------------------- */

/* ============================== Setup */
* { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", Osaka, "メイリオ", "MS PGothic", sans-serif; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, dl, dt, dd, dir, menu, table, th, td, thead, tbody, tfoot, caption, form, fieldset, legend, isindex, embed, object, pre { margin: 0; padding: 0; border: 0; text-align: left; }
body { background: #F7D4A0; text-align: center; font-size: normal; color: #666666; margin: 0px 10px 0px; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing:0; }
th, td { vertical-align: top; padding: 0; font-weight: normal; }
img { border: 0; }
input, select, textarea { font-size: 90%; }

a:link    { color: #FF6600; text-decoration: underline; }
a:visited { color: #FF9900; text-decoration: underline; }
a:hover   { color: #FF6600; text-decoration: underline; }
a:active  { color: #CC3300; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/* ============================== CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
/* .hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; } */

/* ============================== multi column */
.multicol { } /* necessary - clr class */
.leftcol { float: left; }
.rightcol { float: right; }


/* ============================== wrapper & frame */
div.wrapper { margin: auto; width: 850px; background: url('/common/img/bg_wrapper.gif') repeat; }
div#header { width: 850px; padding-top: 24px; height: 119px; background: #F7D4A0 0px 24px no-repeat; }
div#contents { width: 840px; margin: 0 5px; background: #FFFFFF repeat; }
div#sub_content { width: 226px; padding: 131px 0 80px; margin-right: 3px; float: left; background-repeat: no-repeat; }
div#main_content { width: 548px; float: left; padding: 18px 0 25px; }
div#footer { width: 850px; background-color: #F7D4A0; margin-top: 5px; padding: 12px 0px 15px; clear: both; }

/* ============================== header */
div#header p.logo { padding: 15px 0 26px 15px; float: left; }
div#header ul.nav { padding: 45px 19px 0 0; float: right; }
div#header ul.nav li { float: left; }

/* ============================== sub_content */
div#sub_content div.nav { padding-left: 9px; background: url('/common/img/bg_sub_content_nav.gif') no-repeat; }
div#sub_content div.nav h2 { margin-bottom: 8px; }
div#sub_content div.nav h3 { margin-bottom: 3px; }
div#sub_content div.nav ul li { margin-bottom: 8px; }
div#sub_content div.nav ul li { font-size: 6px; } /* for Mac - Safari */
div#sub_content div.nav ul li img { vertical-align: top; }
div#sub_content div.nav ul li ul { padding: 0 0 5px 0px; }
div#sub_content div.nav ul li ul li { margin-bottom: 0px; }

/* ============================== main_content */
/* universal */
div#main_content p { margin-bottom: 1em; line-height: 1.5em; }
div#main_content div.section { margin-bottom: 25px; }
div#main_content div.p_section { margin-bottom: 15px; }
div#main_content ol { margin-left: 2.5em; margin-bottom: 1em; }
div#main_content ol li { list-style:decimal; line-height:1.5em; }

/* midashi */
div#main_content.top h1 { margin-bottom: 15px; }
div#main_content h2 { margin-bottom: 15px; }
div#main_content.top h2,
div#main_content h3 { font-size: 100%; clear: both; padding: 4px 9px 2px; margin-bottom: 15px; background-color: #E2E0E0; line-height: 1.5em; }
div#main_content h3.link { padding: 4px 9px 5px 40px; text-indent: -31px; }
div#main_content h3.link img { margin-right: 8px; position: relative; top: 3px; }

/* text */
div#main_content p.caption { color: #999999; font-size: 90%; }
div#main_content p.table_caption { margin-top: 0.5em; font-size: 90%; text-align: right; }
div#main_content span.note { font-size: 90%; }
div#main_content p.hanrei { font-size: 90%; margin-bottom: 0; }
div#main_content span.jinmei { color: #339900; }
div#main_content span.isan { color: #996633; }
div#main_content span.ruby { color: #999999; font-size: 90%; }

/* link */
div#main_content a.jinmei { color: #339900; text-decoration: underline; }
div#main_content a.isan { color: #996633; text-decoration: underline; }

/* float image */
div#main_content div.image_left { float: left; width: 190px; margin: 0 14px 6px 0; }
div#main_content div.image_right { float: right; width: 190px; margin: 0 0 6px 12px; }
div#main_content div.image_wide { width: 270px; }
div#main_content div.image_left p.caption,
div#main_content div.image_right p.caption { margin: 0.25em 0 0; }
div#main_content div.image_left div.next,
div#main_content div.image_right div.next { margin-top: 10px; }

/* dashed box */
div#main_content div.dashed { background: url('/common/img/bg_dashed_top.gif') top no-repeat; clear: both; }
div#main_content div.dashed_double { background: url('/common/img/bg_dashed_double_top.gif') top no-repeat; clear: both; padding-top: 2px; }
div#main_content div.dashed_in { padding: 7px; background: url('/common/img/bg_dashed_btm.gif') bottom no-repeat; }

/* base table */
div#main_content table.base { width: 100%; }
div#main_content table.base th,
div#main_content table.base td { border: solid 1px #CCCCCC; padding: 6px; }
div#main_content table.base th { width: 27.5%; }

/* notice table */
div#main_content table.notice { width: 100%; }
div#main_content table.notice th,
div#main_content table.notice td { line-height: 1.25em; padding: 6px; border-bottom: solid 5px #FFFFFF; }
div#main_content table.notice th { background-color: #D6D6D6; width: 27.5%; white-space: nowrap; border-right: solid 5px #FFFFFF; }
div#main_content table.notice th img { margin-right: 2px; vertical-align: middle; }
div#main_content table.notice td { background-color: #F2F2F2; }
div#main_content table.notice tr.last th,
div#main_content table.notice tr.last td { border-bottom-style: none; }
div#main_content table.notice_strong th,
div#main_content table.notice_strong td { color: #333333; }
div#main_content table.notice_weak th,
div#main_content table.notice_weak td { font-size: 90%; }

/* base list */
div#main_content ul.base { margin: 0 0 1em 30px; }
div#main_content ul.base li { list-style-type: disc; line-height: 1.5em; margin-bottom: 0.5em; }
div#main_content table.notice ul.base { margin: 0 0 0 18px; }
div#main_content table.notice ul.base li { margin-bottom: 0; }

/* tile list */
div#main_content ul.tile { background: url('/common/img/bg_dashed_btm.gif') bottom no-repeat; }
div#main_content ul.tile li.left { float: left; padding: 5px 0 7px 7px; }
div#main_content ul.tile li.right { float: right; padding: 5px 7px 7px 0; }
div#main_content ul.tile li img { vertical-align: top; }

/* marker list */
div#main_content ul.marker { background: url('/common/img/bg_dashed_list.gif') bottom no-repeat; padding-bottom: 10px; margin-top: 10px; }
div#main_content ul.marker li { width: 242px; line-height: 1.5em; text-indent: -20px; padding-left: 20px; }
div#main_content ul.marker li.left { float: left;  }
div#main_content ul.marker li.right { float: right; }
div#main_content ul.marker li span.note { white-space: nowrap; }
div#main_content ul.marker_last { background-image: none; }
div#main_content p.marker { line-height: 1.5em; text-indent: -20px; padding-left: 20px; margin-bottom: 0.5em; }

/* pager */
div#main_content div.pager { margin-top: 25px; padding-top: 11px; background-repeat: no-repeat; }
div#main_content div.pager p { margin: 0; float: left; }
div#main_content div.pager ul { float: right; background: 127px 2px no-repeat; width: 254px; }
div#main_content div.pager ul li { font-size: 6px; } /* for Mac - Safari */
div#main_content div.pager ul li.back { float: left; }
div#main_content div.pager ul li.next { float: right; }
div#main_content div.pager ul li img { vertical-align: top; }
div#main_content div.pager ul.single { background-image: none; width: auto; }
div#main_content div.pager ul.single li.back { float: none; }
div#main_content div.pager ul.single li.next { float: none; }
div#main_content div.dashed div.list { text-align: right; margin: 9px 0 2px; }
div#main_content div.dashed div.list_b { text-align: right; padding: 9px; }

/* ============================== footer */
div#footer { font-size: 60%; } /* for Win, Mac - Firefox, Safari */
div#footer p.kobunshoin { float: left; }
div#footer p.copyright { float: right; }

/* ============================== others */
div#main_content table.kidsgoo_search { background-color: #FFDE2B; margin: 1em 0em; }
div#main_content table.kidsgoo_search td { vertical-align: middle; }
div#main_content table.kidsgoo_search td.logo { padding: 4px 6px 4px 6px; }
div#main_content table.kidsgoo_search td.input { padding: 4px 2px 4px 6px; }
div#main_content table.kidsgoo_search td.button { padding: 4px 9px 4px 4px; }
div#main_content table.kidsgoo_search td.input input { width: 175px; }