@charset "utf-8";

/* ------------------------- TOC
global override
unique
 ------------------------- */

/* ============================== global override */
div#header { background-image: url('/yumemodel/img/bg_header.gif'); }
div#contents { background-image: url('/yumemodel/img/bg_contents.gif'); }
div#sub_content { background-image: url('/yumemodel/img/bg_sub_content.gif'); }

/* universal */
div#main_content.top h2,
div#main_content h3 { background-color: #FFE536; }

/* pager */
div#main_content div.pager { background-image: url('/yumemodel/img/bg_pager.gif'); }
div#main_content div.pager ul { background-image: url('/yumemodel/img/bg_pager_2.gif') }

/* ============================== unique */
/* midashi */
div#main_content div.midashi { margin-top: 20px; background: url('/yumemodel/img/bg_midashi_top.gif') top no-repeat; }
div#main_content div.midashi_in { padding: 10px; background: url('/yumemodel/img/bg_midashi_btm.gif') bottom no-repeat; }
div#main_content div.midashi h2 { float: left; margin: 0px }
div#main_content div.midashi p { float: right; margin: 0 }

/* tell me list */
div#main_content ul.tell_me { margin-top: -3px; }
div#main_content ul.tell_me li { padding: 1px 0px; line-height: 1.5em; text-indent: -29px; padding-left: 29px; }
div#main_content ul.tell_me li img { margin-right: 2px; position: relative; top: 4px; }

/* download */
div#main_content li.download p { margin: 0; }
div#main_content li.download p.download { margin: 5px 5px 0px; font-size: 90%; width: 250px; line-height: 1.35em; }
div#main_content li.download ul { float: left; width: 157px; margin-right: 2px; margin-top: 8px; }
div#main_content li.download ul p.icon { float: left; width: 23px; }
div#main_content li.download ul p.icon img { position: relative; top: 2px; }
div#main_content li.download ul div.file { float: left; width: 133px; }
div#main_content li.download ul div.file p.link { font-size: 90%; }
div#main_content li.download ul div.file p.caption { font-size: 80%; }
div#main_content li.download p.image { float: left; width: 100px; margin-top: 10px; }

/* syllabary list */
div#main_content ul.syllabary { padding: 0.25em 0em 0.25em 0.5em; margin-right: -0.5em; }
div#main_content ul.syllabary li { float: left; white-space: nowrap; padding: 0.25em 1em 0.25em 0; color: #999999; }