@charset "UTF-8";

/* -----------------------------------------------
www.kakeiken.or.jp
FileName:modules.css
コンテンツモジュール設定（日本語・英語共通）
----------------------------------------------- */



/* definition_blockindent */

#contents .indent01 { margin-left: 20px; margin-right: 20px; width: 720px; }
#contents .indent02 { margin-left: 20px; width: 700px; }
#contents .indent03 { margin-left: 20px; width: 680px; }


/* definition_headlines */

#contents h3 { display: block; width: 100%; height: 30px; color: #ffffff; font-size: medium; font-weight: normal; letter-spacing: 0.5em; text-indent: 35px; line-height: 30px; background: #04c636 url(../images/modules/h3.gif) top left no-repeat; }
#contents h4 { padding-left: 15px; font-size: small; font-weight: bold; background: url(../images/modules/h4.gif) left bottom no-repeat; }
#contents h5 { font-size: small; font-weight: bold; line-height: 1.8em; color: #04c636; }


/* definition_text */

#contents p { line-height: 1.8em; }
#contents p.anchorlist { width: 750px; padding: 5px; border: 1px #dddddd solid; }
#contents p.notes { width: 100%; text-align: right; font-size: x-small; }


/* definition_list */

#contents ul.listbox { width: 100%; }
#contents ul.listbox li { padding: 5px 20px 5px 20px; line-height: 1.8em; font-size: small; background: #ddffe6; }
#contents ul.listbox li.bgwhite { background: #ffffff; }

#contents ol { width: 100%; }
#contents ol li { padding: 5px 20px 5px 30px; line-height: 1.8em; font-size: small; text-indent: -1em; background: #ddffe6; }
#contents ol li.bgwhite { background: #ffffff; }

#contents ul.listbox_addmark { width: 100%; }
#contents ul.listbox_addmark li { padding: 5px 20px 5px 35px; line-height: 1.8em; font-size: small; background: #ddffe6 url(../images/modules/listbox_addmark_li.gif) top left no-repeat; }
#contents ul.listbox_addmark li.bgwhite { background: #ffffff url(../images/modules/listbox_addmark_li_bgwhite.gif) top left no-repeat; }

#contents ul.listbox_addlink { width: 100%; }
#contents ul.listbox_addlink li { padding: 5px 20px 5px 35px; line-height: 1.8em; font-size: small; background: #ddffe6 url(../images/modules/listbox_addlink_li.gif) top left no-repeat; }
#contents ul.listbox_addlink li.bgwhite { background: #ffffff url(../images/modules/listbox_addlink_li_bgwhite.gif) top left no-repeat; }

#contents .newslist { width: 680px; height: auto; padding: 20px 40px 20px 40px; background: #e8e8e8; }
#contents .newslist dt { width: 170px; height: auto; line-height: 1.8em; float: left; background: url(../images/top/newslist_mark.gif) top right no-repeat; }
#contents .newslist dd { width: 510px; height: auto; line-height: 1.8em; float: left; }
#contents .newslist dd a { color: #403a31; text-decoration: underline; }
#contents .newslist dd a:hover { color: #403a31; text-decoration: none; }

#contents dl.listbox_faq { width: 100%; }
#contents dl.listbox_faq dt { padding: 5px 20px 5px 30px; line-height: 1.8em; font-size: small; background: #ddffe6 url(../images/modules/faq_question.gif) top left no-repeat; }
#contents dl.listbox_faq dd { padding: 5px 20px 5px 30px; margin-bottom: 10px; background: #ffffff url(../images/modules/faq_answer.gif) top left no-repeat; border-bottom: 1px #dddddd dashed; }


/* definition_table */

#contents table { border-collapse : collapse; }
#contents table thead th { padding: 5px 10px 5px 10px; background: #028a25; font-size: small; font-weight: normal; line-height: 1.8em; color: #ffffff; border: 1px solid #ffffff; }
#contents table tbody th { padding: 5px 10px 5px 10px; background: #04c636; font-size: small; font-weight: normal; line-height: 1.8em; color: #ffffff; border: 1px solid #ffffff; }
#contents table tbody td { padding: 5px 10px 5px 10px; background: #e8e8e8; font-size: small; font-weight: normal; line-height: 1.8em; color: #403A31; border: 1px solid #ffffff; }


/* definition_relatedbox */

#contents .relatedbox { width: auto; height: auto; padding: 20px; background: #e8e8e8; }
#contents .relatedbox h4 { padding-left: 15px; font-size: small; font-weight: bold; background: url(../images/modules/related_h4.gif) left bottom no-repeat; }
#contents .relatedcontents  { padding-left: 20px; }

#contents .relatedbox table tbody td { padding: 5px 10px 5px 10px; background: #cccccc; font-size: small; font-weight: normal; line-height: 1.8em; color: #403A31; border: 1px solid #ffffff; }

/* definition_covorandspec */

#contents .covorandspec { width: 680px; height: auto; padding: 10px 10px 10px 10px; border: 1px #dddddd solid; }
#contents .covorandspec p { float: left; width: 160px; line-height: 0px; }
#contents .covorandspec ul { float: right; width: 520px; }


/* definition_backlink */

#contents .backlink { text-align: center; }
#contents .backlink a { padding-left: 15px; background: url(../images/modules/backlink.gif) left top no-repeat; }


/* definition_L2pagelink */

#contents #L2linklist { width: 760px; height: auto; position: relative; }

#contents #L2linklist #L2linklist01 { width: 370px; height: 150px; float: left; position: relative; }
#contents #L2linklist #L2linklist01 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist01.jpg) no-repeat; }
#contents #L2linklist #L2linklist01 a:hover { color: #ffffff; background: url(../images/modules/l2linklist01.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist01 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist01 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist02 { width: 370px; height: 150px; float: left; margin-left: 20px; position: relative; }
#contents #L2linklist #L2linklist02 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist02.jpg) no-repeat; }
#contents #L2linklist #L2linklist02 a:hover { color: #ffffff; background: url(../images/modules/l2linklist02.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist02 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist02 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist03 { width: 370px; height: 150px; float: left; margin-top: 23px; position: relative; }
#contents #L2linklist #L2linklist03 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist03.jpg) no-repeat; }
#contents #L2linklist #L2linklist03 a:hover { color: #ffffff; background: url(../images/modules/l2linklist03.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist03 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist03 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist04 { width: 370px; height: 150px; float: left; margin-top: 23px; margin-left: 20px; position: relative; }
#contents #L2linklist #L2linklist04 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist04.jpg) no-repeat; }
#contents #L2linklist #L2linklist04 a:hover { color: #ffffff; background: url(../images/modules/l2linklist04.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist04 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist04 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist05 { width: 370px; height: 150px; float: left; margin-top: 23px; position: relative; }
#contents #L2linklist #L2linklist05 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist05.jpg) no-repeat; }
#contents #L2linklist #L2linklist05 a:hover { color: #ffffff; background: url(../images/modules/l2linklist05.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist05 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist05 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist06 { width: 370px; height: 150px; float: left; margin-top: 23px; margin-left: 20px; position: relative; }
#contents #L2linklist #L2linklist06 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist06.jpg) no-repeat; }
#contents #L2linklist #L2linklist06 a:hover { color: #ffffff; background: url(../images/modules/l2linklist06.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist06 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist06 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist07 { width: 370px; height: 150px; float: left; margin-top: 23px; position: relative; }
#contents #L2linklist #L2linklist07 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist07.jpg) no-repeat; }
#contents #L2linklist #L2linklist07 a:hover { color: #ffffff; background: url(../images/modules/l2linklist07.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist07 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist07 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }

#contents #L2linklist #L2linklist08 { width: 370px; height: 150px; float: left; margin-top: 23px; margin-left: 20px; position: relative; }
#contents #L2linklist #L2linklist08 a { display: block; width: 370px; height: 150px; color: #ffffff; text-decoration: none; background: url(../images/modules/l2linklist08.jpg) no-repeat; }
#contents #L2linklist #L2linklist08 a:hover { color: #ffffff; background: url(../images/modules/l2linklist08.jpg) 0px -150px no-repeat; }
#contents #L2linklist #L2linklist08 p.pagetitle { position: absolute; top: 23px; left: 40px; font-size: medium; }
#contents #L2linklist #L2linklist08 p.pageexplanation { position: absolute; top: 80px; left: 40px; width: 290px; height: 55px; overflow: hidden; font-size: small; }


/* definition_sitemap */

#contents ul.linkL1 li { width: 705px; padding: 5px 20px 5px 35px; line-height: 1.8em; font-size: small; background: #0ba033 url(../images/modules/sitemap_upperlink.gif) top left no-repeat;}
#contents ul.linkL1 li a { color: #ffffff; }
#contents ul.linkL2 li { width: 685px; padding: 5px 20px 5px 35px; line-height: 1.8em; font-size: small; background: #0ba033 url(../images/modules/sitemap_upperlink.gif) top left no-repeat; margin-left: 20px; }
#contents ul.linkL2 li a { color: #ffffff; }
#contents ul.linkL3 li { width: 665px; padding: 5px 20px 5px 35px; line-height: 1.8em; font-size: small; background: #ddffe6 url(../images/modules/sitemap_lowerlink.gif) top left no-repeat; margin-left: 40px; }
#contents ul.linkL3 li.bgwhite { background: #ffffff url(../images/modules/listbox_addlink_li_bgwhite.gif) top left no-repeat; }