/*all setting ----------------------------------------------------------------------*/ *{ margin: 0; padding: 0; } /*element setting ------------------------------------------------------------------*/ body { font-size: medium; background-image: url(images/BG_body.gif); background-repeat: repeat; text-align: center; } img{ border-style: none; border-width: 0; } hr{ margin-top: 20px; } blockquote{ text-align: left; margin-right: 12px; margin-left: 12px; padding: 5px; border: dotted 1px #999; } div.xoopsQuote{ text-align: center; } /*link setting ---------------------------------------------------------------------*/ a:link { color: #00378b; } a:visited { color: #001c48;} a:hover { color: #0056d9; } a:active {} /*----------------------------------------------------------------------------------- core settings -----------------------------------------------------------------------------------*/ /*wrapper*/ #wrapper{ text-align: left; width: 902px; float: none; margin-right: auto; margin-left: auto; } #backGround{ background-color: #fff; width: 900px; float: left; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; } /*header*/ #header{ background-image: url(images/BG_header.gif); background-repeat: repeat-x; width: 900px; height: 64px; float: left; } #header img{ vertical-align: bottom; margin-top: 24px; margin-left: 10px; } /*#header h1{ font-size: 12px; font-weight: normal; position: relative; right: 10px; float: right; margin-top: 25px; }*/ #head_menu{ background-image: url(images/BG_head_menu.gif); background-repeat: repeat-x; text-align: right; width: 900px; height: 48px; float: left; margin-bottom: 10px; } #head_menu img{ vertical-align: bottom; } #head_menu ul{ float: right; } #head_menu li{ width: 157px; height: 32px; float: left; margin: 0; padding: 0 10px 0 0; list-style-type: none; } /*headContent*/ #headContent{ position: relative; right: 10px; width: 491px; height: 57px; float: right; } #headContent img.headbanner{ vertical-align: bottom; float: left; margin: 7px 0 0; padding: 0; } /*fontSize*/ #fontSize{ background-image: url(images/BG_fontsize_content.gif); background-repeat: no-repeat; text-align: center; width: 206px; height: 57px; float: right; } #fontSize img{ margin: 20px 0 0; padding: 0; } #fontSize img.center{ margin: 0 4px; padding: 0; } /*flash*/ #flash { position: relative; left: 10px; width: 880px; float: left; clear: both; margin-bottom: 10px; } #flash object{ vertical-align: bottom; } /*main*/ #main { color: #333; line-height: 1.5em; position: relative; right: 10px; width: 670px; float: right ; margin-bottom: 10px; } .breadcrumb{ font-size: 12px; width: 670px; float: left; margin-bottom: 10px; } .breadcrumb ul,.breadcrumb ul li {list-style-type:none; padding:0; margin:0;} .breadcrumb #crumbs { height:1.8em; border:solid 1px #dedede; } .breadcrumb #crumbs li { float:left; line-height:1.8em; color:#777; padding-left:0.75em; } .breadcrumb #crumbs li a { background:url(images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0; } .breadcrumb #crumbs li a:link,.breadcrumb #crumbs li a:visited { color:#777; text-decoration:none;} .breadcrumb a:link,.breadcrumb a:visited, .breadcrumb #crumbs li a:hover, .breadcrumb #crumbs li a:focus { color:#0056d9; } .breadcrumb strong{ color: #333; } /*side*/ #side{ position: relative; left: 10px; width: 200px; float: left; margin-bottom: 10px; } #side img{ vertical-align: bottom; } #side #pickup img{ margin-bottom: 10px; } #side #advertising { padding-top: 11px; border-top-style: outset; border-top-width: 1px; } #side #advertising img{ margin-bottom: 10px;} #side .menu{ background-image: url(images/menu/side_foot_01.gif); background-repeat: no-repeat; background-position: 0 bottom; width:100%; margin-bottom: 10px; } #side .menu h2{ font-size: medium; font-weight: bold; background-image: url(images/menu/side_head.gif); background-repeat: no-repeat; padding-top: 10px; padding-left: 5px; } #side .menu table{ font-size: medium; margin-bottom: 10px; } #side .menu table td{ padding-left: 5px; } #side .menu a.menuMain{} #side .menu a.menuSub{} #side .menu form{padding-left: 5px;} #side .menu form #legacy_xoopsform_block_uname, #side .menu form #legacy_xoopsform_block_pass{ width: 150px; margin-bottom: 10px; } #side .menu a.sublink{padding-left: 5px;} /*footer*/ #footer{ font-size: 12px; background-image: url(images/BG_footer.gif); background-repeat: repeat-x; text-align: left; width: 900px; float: left; padding-top: 25px; padding-bottom: 15px; } #footer br{ clear: both; } #footer p{margin-left:10px;} #footer p.title{ font-size: 16px; font-weight: bold; } #footer p.address{ font-size: 12px; margin-bottom: 8px; } #footer span{margin-left:10px;} /*----------------------------------------------------------------------------------- Pico modules common setting -----------------------------------------------------------------------------------*/ .pico_controllers { font-size: x-small; text-align: right; width: 646px; float: left; margin: 0 0 10px; } .pico_controllers_in_menu { font-size: x-small; text-align: right; width: 646px; float: left; margin: 0 0 10px; } ul.pico_list_contents{ margin-left: 24px; } ul.pico_list_contents li{ margin-top: 10px; margin-bottom: 10px; } ul.pico_list_contents_in_menu { margin-left: 24px; } ul.pico_list_contents_in_menu li{ margin-top: 10px; margin-bottom: 10px; } dl.pico_subcategory{ margin-left: 12px; } dl.pico_subcategory dt{ margin-top: 10px; } dl.pico_subcategory dd{ margin-bottom: 10px;} ul.pico_content_history_list li{font-size: small;} h2.pico_title{text-align: justify; vertical-align: bottom; width: 646px; float: left; margin-top: 13px; margin-bottom: 15px;} /*----------------------------------------------------------------------------------- Webphoto modules common setting -----------------------------------------------------------------------------------*/ .webphoto_index_desc{ text-align: left; } /*----------------------------------------------------------------------------------- main(index.html) content menu settings -----------------------------------------------------------------------------------*/ /*topics*/ #topics{ background-image: url(images/menu/foot_01.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; height: 180px; float: left; min-height: 180px; margin-bottom: 10px; padding-bottom: 10px; } #topics img{ vertical-align: bottom; } #topics ul{ width: 626px; margin-left: 22px; } #topics li{ font-size: small; vertical-align: middle; margin-top: 10px; margin-bottom: 10px; list-style-type: none; list-style-position: outside; } #topics li span.date{ width: 130px; float: left; clear: both; display: block; } #topics li a:link { color: #996666; } #topics li a:visited { color: #993333; } #topics li a:hover { color: #cc3333; } /*news*/ #news{ background-image: url(images/menu/foot_02.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; height: 180px; float: left; min-height: 180px; margin-bottom: 10px; padding-bottom: 10px; } #news img{ vertical-align: bottom; } #news ul{ width: 626px; margin-left: 22px; } #news li{ font-size: small; vertical-align: middle; margin-top: 10px; margin-bottom: 10px; list-style-type: none; list-style-position: outside; } #news li span.date{ width: 130px; float: left; clear: both; display: block; } #news li a:link { color: #666633; } #news li a:visited { color: #666600; } #news li a:hover { color: #999966; } /*aged*/ #aged{ line-height: 1em; background-image: url(images/menu/foot_03.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; height: 180px; float: left; min-height: 180px; margin-bottom: 10px; padding-bottom: 10px; } #aged img{ vertical-align: bottom; } #aged div.contents{ position: relative; left: 22px; width: 626px; float: left; padding-top: 5px; padding-bottom: 5px; } #aged div.contents a{ font-size: small; width:202px; float: left; } #aged div.contents a.Center{ margin: 0 7px 0 10px; } #aged div.contents.Center{margin-right: 10px; margin-left: 10px;} #aged div.contents a:link { color: #55611e; } #aged div.contents a:visited { color: #3c4515; } #aged div.contents a:hover { color: #728616; } /*disabled*/ #disabled{ line-height: 1em; background-image: url(images/menu/foot_04.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; height: 180px; float: left; min-height: 180px; margin-bottom: 10px; padding-bottom: 10px; } #disabled img{ vertical-align: bottom; } #disabled div.contents{ position: relative; left: 22px; width: 626px; float: left; padding-top: 5px; padding-bottom: 5px; } #disabled div.contents a{ font-size: small; width:202px; float: left; } #disabled div.contents a.Center{ margin: 0 7px 0 10px; } #disabled div.contents a:link { color: #336666; } #disabled div.contents a:visited { color: #003333; } #disabled div.contents a:hover { color: #339999; } /*volunteer*/ #volunteer{ line-height: 1em; background-image: url(images/menu/foot_09.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; height: auto !important; height:180px; float: left; min-height: 180px; margin-bottom: 10px; padding-bottom: 10px; } #volunteer img{ vertical-align: bottom; } #volunteer div.contents{ position: relative; left: 22px; width: 626px; float: left; padding-top: 5px; padding-bottom: 5px; } #volunteer div.contents a{ font-size: small; width:202px; float: left; } #volunteer div.contents a.Center{ margin: 0 7px 0 10px; } #volunteer div.contents a:link { color: #227480; } #volunteer div.contents a:visited { color: #18525a; } #volunteer div.contents a:hover { color: #3399cc; } /*other*/ #other{ line-height: 1em; background-image: url(images/menu/foot_08.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #other img{ vertical-align: bottom; } #other div.contents{ position: relative; left: 22px; width: 626px; float: left; padding-top: 5px; padding-bottom: 5px; } #other div.contents a{ font-size: small; width:202px; float: left; } #other div.contents a.Center{ margin: 0 7px 0 10px; } #other div.contents a:link { color: #993399; } #other div.contents a:visited { color: #663366; } #other div.contents a:hover { color: #9933cc; } /*outline*/ #outline{ line-height: 1em; background-image: url(images/menu/foot_08.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 670px; height: 180px; float: left; min-height: 180px; margin-bottom: 10px; padding-bottom: 10px; } #outline img{ vertical-align: bottom; } #outline div.contents{ position: relative; left: 22px; width: 626px; float: left; padding-top: 5px; padding-bottom: 5px; } #outline div.contents a{ font-size: small; width:202px; float: left; } #outline div.contents a.Center{ margin: 0 7px 0 10px; } /*----------------------------------------------------------------------------------- main content page settings -----------------------------------------------------------------------------------*/ /*topics*/ #topics_container{ background-image: url(images/contents/BG_topics.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #topics_body { position: relative; left: 6px; width: 646px; } #topics_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #topics_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #c33; } #topics_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #topics_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #topics_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #topics_body ol,#topics_body ul{ margin-left: 30px; list-style-position: outside; } #topics_body li{ margin-bottom: 0.5em; } #topics_body p{ max-width: 646px; } #topics_body a:link { color: #996666; } #topics_body a:visited { color: #993333; } #topics_body a:hover { color: #cc3333; } #topics_body ul.pico_list_contents li, #topics_body ul.pico_list_contents_in_menu li{ list-style-image: url(images/menu/list_topics.gif); list-style-position: outside; } #topics_body h2 a { text-decoration: none; color: #3c3c3c; } #topics_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #topics_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #topics_body .outer_pico_form_table th,#topics_body .outer_pico_form_table td{ padding: 5px; } #topics_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #topics_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #topics_body .outer_pico_form_table li{ list-style-type: none; } /*topics bottom padding*/ #topics_body ol,#topics_body ul, #topics_body p {padding-bottom: 1em;} /*news*/ #news_container{ background-image: url(images/contents/BG_news.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #news_body { position: relative; left: 6px; width: 646px; } #news_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #news_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #996; } #news_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #news_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #news_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #news_body ol,#news_body ul{ margin-left: 30px; list-style-position: outside; } #news_body li{ margin-bottom: 0.5em; } #news_body p{ max-width: 646px; } #news_body a:link { color: #666633; } #news_body a:visited { color: #666600; } #news_body a:hover { color: #999966; } #news_body ul.pico_list_contents li, #news_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_news.gif); list-style-position: outside; } #news_body h2 a { text-decoration: none; color: #3c3c3c; } #news_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #news_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #news_body .outer_pico_form_table th,#news_body .outer_pico_form_table td{ padding: 5px; } #news_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #news_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #news_body .outer_pico_form_table li{ list-style-type: none; } /*news bottom padding*/ #news_body ol,#news_body ul, #news_body p {padding-bottom: 1em;} /*aged*/ #aged_container{ background-image: url(images/contents/BG_aged.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #aged_body { position: relative; left: 6px; width: 646px; } #aged_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #aged_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #728616; } #aged_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #aged_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #aged_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #aged_body ol,#aged_body ul{ margin-left: 30px; list-style-position: outside; } #aged_body li{ margin-bottom: 0.5em; } #aged_body p{ max-width: 646px; } #aged_body a:link { color: #55611e; } #aged_body a:visited { color: #3c4515; } #aged_body a:hover { color: #728616; } #aged_body ul.pico_list_contents li, #aged_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_aged.gif); list-style-position: outside; } #aged_body h2 a { text-decoration: none; color: #3c3c3c; } #aged_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #aged_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #aged_body .outer_pico_form_table th,#aged_body .outer_pico_form_table td{ padding: 5px; } #aged_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #aged_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #aged_body .outer_pico_form_table li{ list-style-type: none; } /*aged bottom padding*/ #aged_body ol,#aged_body ul, #aged_body p {padding-bottom: 1em;} /*disabled*/ #disabled_container{ background-image: url(images/contents/BG_disabled.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #disabled_body { position: relative; left: 6px; width: 646px; } #disabled_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #disabled_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #399; } #disabled_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #disabled_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #disabled_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #disabled_body ol,#disabled_body ul{ margin-left: 30px; list-style-position: outside; } #disabled_body li{ margin-bottom: 0.5em; } #disabled_body p{ max-width: 646px; } #disabled_body a:link { color: #336666; } #disabled_body a:visited { color: #003333; } #disabled_body a:hover { color: #339999; } #disabled_body ul.pico_list_contents li, #disabled_body ul.pico_list_contents_in_menu li{ list-style-image: url(images/menu/list_disabled.gif); list-style-position: outside; } #disabled_body h2 a { text-decoration: none; color: #3c3c3c; } #disabled_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #disabled_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #disabled_body .outer_pico_form_table th,#disabled_body .outer_pico_form_table td{ padding: 5px; } #disabled_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #disabled_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #disabled_body .outer_pico_form_table li{ list-style-type: none; } /*disabled bottom padding*/ #disabled_body ol,#disabled_body ul, #disabled_body p {padding-bottom: 1em;} /*volunteer*/ #volunteer_container{ background-image: url(images/contents/BG_volunteer.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #volunteer_body { position: relative; left: 6px; width: 646px; } #volunteer_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #volunteer_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #39c; } #volunteer_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #volunteer_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #volunteer_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #volunteer_body ol,#volunteer_body ul{ margin-left: 30px; list-style-position: outside; } #volunteer_body li{ margin-bottom: 0.5em; } #volunteer_body p{ max-width: 646px; } #volunteer_body a:link { color: #227480; } #volunteer_body a:visited { color: #18525a; } #volunteer_body a:hover { color: #3399cc; } #volunteer_body ul.pico_list_contents li, #volunteer_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_volunteer.gif); list-style-position: outside; } #volunteer_body h2 a { text-decoration: none; color: #3c3c3c; } #volunteer_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #volunteer_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #volunteer_body .outer_pico_form_table th,#volunteer_body .outer_pico_form_table td{ padding: 5px; } #volunteer_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #volunteer_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #volunteer_body .outer_pico_form_table li{ list-style-type: none; } /*volunteer bottom padding*/ #volunteer_body ol,#volunteer_body ul, #volunteer_body p {padding-bottom: 1em;} /*other_info*/ #other_info_container{ background-image: url(images/contents/BG_other.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #other_info_body { position: relative; left: 6px; width: 646px; } #other_info_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #other_info_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #939; } #other_info_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #other_info_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #other_info_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #other_info_body ol,#other_info_body ul{ margin-left: 30px; list-style-position: outside; } #other_info_body li{ margin-bottom: 0.5em; } #other_info_body p{ max-width: 646px; } #other_info_body a:link { color: #993399; } #other_info_body a:visited { color: #663366; } #other_info_body a:hover { color: #9933cc; } #other_info_body ul.pico_list_contents li, #other_info_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_other.gif); list-style-position: outside; } #other_info_body h2 a { text-decoration: none; color: #3c3c3c; } #other_info_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #other_info_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #other_info_body .outer_pico_form_table th,#other_info_body .outer_pico_form_table td{ padding: 5px; } #other_info_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #other_info_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #other_info_body .outer_pico_form_table li{ list-style-type: none; } /*other_info bottom padding*/ #other_info_body ol,#other_info_body ul, #other_info_body p {padding-bottom: 1em;} /*outline*/ #outline_container{ background-image: url(images/contents/BG_common.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #outline_body { position: relative; left: 6px; width: 646px; } #outline_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #outline_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #6d6d6d; } #outline_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #outline_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #outline_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } /*#outline_body ol,#outline_contentbox ul{ margin-left: 30px; list-style-position: outside; }*/ #outline_body ol,#outline_body ul{ margin-left: 25px; list-style-position: outside; } #outline_body li{ margin-bottom: 0.5em; } #outline_body p{ max-width: 646px; } #outline_body ul.pico_list_contents li, #outline_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_common.gif); list-style-position: outside; } #outline_body h2 a { text-decoration: none; } #outline_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #outline_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #outline_body .outer_pico_form_table th,#outline_body .outer_pico_form_table td{ padding: 5px; } #outline_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #outline_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #outline_body .outer_pico_form_table li{ list-style-type: none; } /*outline bottom padding*/ #outline_body ol,#outline_body ul, #outline_body p {padding-bottom: 1em;} /*manual*/ #manual_container{ background-image: url(images/contents/BG_common.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #manual_body { position: relative; left: 6px; width: 646px; } #manual_body h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #manual_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #6d6d6d; } #manual_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #manual_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #manual_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #manual_body ol,#manual_body ul{ margin-left: 25px; list-style-position: outside; } #manual_body li{ margin-bottom: 0.5em; } #manual_body p{ max-width: 646px; } #manual_body ul.pico_list_contents li, #manual_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_common.gif); list-style-position: outside; } #manual_body h2 a { text-decoration: none; } #manual_body .preview{ width: 646px; float: left; margin-bottom: 20px; border: dashed 1px #a11313; } #manual_body .outer_pico_form_table{ width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #manual_body .outer_pico_form_table th,#manual_body .outer_pico_form_table td{ padding: 5px; } #manual_body .outer_pico_form_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #manual_body .outer_pico_form_table td{ width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #manual_body .outer_pico_form_table li{ list-style-type: none; } #manual_body img.border{ border: solid 5px #c3c3c3; } /*manual bottom padding*/ #manual_body ol,#manual_body ul, #manual_body p {padding-bottom: 1em;} /*topics & news & aged & disabled & vilunteer & other info all settings*/ #topics_body th,#topics_body td, #news_body th,#news_body td, #aged_body th,#aged_body td, #disabled_body th,#disabled_body td, #volunteer_body th,#volunteer_body td, #other_info_body th,#other_info_body td, #outline_body td,#manual_body td{ padding: 5px; } /*----------------------------------------------------------------------------------- Editor style settings -----------------------------------------------------------------------------------*/ .Title{ font-weight: bold; font-size: 18px; color: #cc3300;} .Code{ border: #8b4513 1px solid; padding-right: 5px; padding-left: 5px; color: #000066; font-family: 'Courier New' , Monospace; background-color: #ff9933; } /*----------------------------------------------------------------------------------- Original block to sub menu settings -----------------------------------------------------------------------------------*/ #sub_menu { width: 670px; float: left; margin-bottom: 10px;} #sub_menu img.center,#sub_menu a.center {margin-right:11px; margin-left:11px;} /*----------------------------------------------------------------------------------- newdb settings -----------------------------------------------------------------------------------*/ #newdb_container{ background-image: url(images/menu/head_benricho.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #newdb_body { position: relative; left: 12px; width: 646px; margin-top: 32px; } #newdb_body .list_table{ text-align: left; width: 646px; float: left; margin-bottom: 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body .list_table th,#newdb_body .list_table td{ padding: 5px; } #newdb_body .list_table th{ background-color: #ededed; border-bottom: 1px solid #ccc; } #newdb_body .list_table td{ background-color: #fff; width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body .list_table_date{ text-align: left; width: 646px; float: left; margin-bottom: 15px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body .list_table_date th,#newdb_body .list_table_date td{ padding: 5px; } #newdb_body .list_table_date th{ background-color: #ededed; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #newdb_body .list_table_date td{ background-color: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #newdb_body .list_table_thum{ text-align: left; width: 100%; margin-bottom: 15px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body .list_table_thum th,#newdb_body .list_table_thum td{ padding: 5px; } #newdb_body .list_table_thum th{ background-color: #ededed; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #newdb_body .list_table_thum td{ background-color: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #newdb_body .button{ border: 1px solid; background:white;} #rbox1{ text-align: right; margin-bottom: 20px; } #newdb_container_bg{ background-image: url(images/contents/BG_benricho.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px;} #newdb_body_bg { position: relative; left: 11px; width: 646px; margin-top: 17px; } #newdb_body_bg h2{ text-align: justify; width: 646px; float: left; margin-bottom: 15px; } #newdb_body_bg table.view{ text-align: left; width: 646px; float: left; margin-bottom: 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body_bg table.view th,#newdb_body_bg table.view td{ padding: 5px; } #newdb_body_bg table.view th{ background-color: #ededed; vertical-align: top; border-bottom: 1px solid #ccc; } #newdb_body_bg table.view td{ background-color: #fff; width: 526px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body_bg table.edit{ text-align: left; width: 646px; float: left; margin-bottom: 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left-style: none; border-left-width: 0; } #newdb_body_bg table.edit th,#newdb_body_bg table.edit td{ padding: 5px; } #newdb_body_bg table.edit th{ background-color: #ededed; vertical-align: top; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body_bg table.edit td{ background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #newdb_body_bg table.edit td input{width: 300px;} #newdb_body_bg table.edit td input.radio{width:16px;} #newdb_body_bg .menu{ font-size: small; text-align: right; } /*----------------------------------------------------------------------------------- common page settings -----------------------------------------------------------------------------------*/ #common_container{ background-image: url(images/contents/BG_common.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #common_body { position: relative; left: 11px; width: 646px; } #common_body h2{ text-align: justify; vertical-align: bottom; width: 646px; float: left; margin-top: 13px; margin-bottom: 15px; } #common_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #6d6d6d; } #common_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #common_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #common_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #common_body ol,#common_body ul{ margin-left: 30px; list-style-position: outside; } #common_body li{ margin-bottom: 0.5em; } #common_body p{ max-width: 646px; } #common_body ul.pico_list_contents li, #common_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_common.gif); list-style-position: outside; } /*----------------------------------------------------------------------------------- kawasemi gallery page settings -----------------------------------------------------------------------------------*/ #gallery_container{ background-image: url(images/contents/BG_common.gif); background-repeat: no-repeat; background-position: 0 top; width: 670px; float: left; margin-bottom: 10px; padding-bottom: 10px; } #gallery_body { position: relative; left: 11px; width: 646px; } #gallery_body h2{ text-align: justify; vertical-align: bottom; width: 646px; float: left; margin-top: 13px; margin-bottom: 15px; } #gallery_body h3{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 631px; float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #728616; } #gallery_body .subMenu{ text-align: right; width: 646px; float: left; margin: 0 0 10px 0; } #gallery_body .pico_tags{ width: 646px; float: left; margin: 10px 0; padding-top: 10px; border-top: 1px solid #aaa; } #gallery_body .pico_vote{ width: 646px; float: left; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #aaa; } #gallery_body ol,#gallery_body ul{ margin-left: 30px; list-style-position: outside; } #gallery_body li{ margin-bottom: 0.5em; } #gallery_body p{ max-width: 646px; } #gallery_body ul.pico_list_contents li, #gallery_body ul.pico_list_contents_in_menu li { list-style-image: url(images/menu/list_common.gif); list-style-position: outside; } /*----------------------------------------------------------------------------------- Pico editor settings -----------------------------------------------------------------------------------*/ #topics_body h3,#news_body h3, #aged_body h3,#disabled_body h3, #volunteer_body h3,#other_info_body h3, #manual_body h3{margin-bottom: 15px;} #topics_body table,#news_body table, #aged_body table,#disabled_body table, #volunteer_body table,#other_info_body table, ##manual_body table{margin-bottom: 15px;} #topics_body h4,#news_body h4, #aged_body h4,#disabled_body h4, #volunteer_body h4,#other_info_body h4, #manual_body h4{margin-bottom: 15px;} /*----------------------------------------------------------------------------------- Kawasemi Gallery settings -----------------------------------------------------------------------------------*/ .galleryList{ position: relative; left: 10px; width: 621px; float: left; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px dotted #999; } .galleryList div.leftSide{ float: left; } .galleryList div.rightSide{ width: 471px; float: right; } .galleryList div.description, .galleryPhoto div.description{ width:100%; clear: both; margin-bottom: 10px; } .galleryPhoto{ position: relative; left: 20px; width: 621px; float: left; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px dotted #999; } div.editPhotoTable{ width: 100%; } div.editPhotoTable table.outer{ width: 100%; } div.editPhotoTable table.outer td{ width: auto; } div.editPhotoTable table.outer td.head{ font-weight: bold; background-color: #ededed; text-align: right; width: 250px; padding: 5px; border-bottom: 2px solid #ccc; } div.editPhotoTable table.outer td.even{ background-color: #ededed; width: 366px; padding: 5px; border-bottom: 2px solid #ccc; } div.editPhotoTable table.outer th{ width: 100%; height: 5px; visibility: hidden; } div.editPhotoTable table.outer td.even input{ margin-right: 10px; } div.doDeleteTable {float: left; clear: both; width: 100%;} div.hitPhotoTable{ width: 100%; } div.hitPhotoTable table.outer{ width: 100%; } div.hitPhotoTable table.outer td{ width: auto; } div.hitPhotoTable table.outer td.head{ font-weight: bold; text-align: center; width: 250px; padding: 5px; border-bottom: 1px dotted #ccc; } div.hitPhotoTable table.outer td.even{ padding: 5px; border-bottom: 1px dotted #ccc; } div.hitPhotoTable table.outer td.odd{ padding: 5px; border-bottom: 1px dotted #ccc; } div.hitPhotoTable table.outer th{ width: 100%; height: 5px; } div.hitPhotoTable table.outer td.even input{ margin-right: 10px; } /*----------------------------------------------------------------------------------- Legacy Templates settings -----------------------------------------------------------------------------------*/ h4.legacy{ margin-top: 20px; } .errorMsg ul li{ color: #f00; font-size: small; list-style-type: none; } table.outer{clear: both;} table.outer th{ background-color: #ededed; vertical-align: middle; border-bottom: 2px solid #aaa; } table.outer td{ vertical-align: top; } table.outer td.even{ width: 120px; } table.outerProf{ clear: both; } table.outerProf th{ background-color: #ededed; vertical-align: middle; border-bottom: 2px solid #aaa; } table.outerProf td{ vertical-align: top; } table.outerProf td,table.outerProf th{ padding: 2px 5px; } table.outerProf tr.even td{background-color: #ededed;} table.outerProf td.head{} table.outerProf td.even{} table.outerEditProf{ clear: both; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom-style: none; } table.outerEditProf td{ padding: 2px 5px; border-bottom: 1px solid #aaa; } table.outerEditProf td.head{ background-color: #ededed; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; } table.outerPM{ clear: both; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } table.outerPM th{ background-color: #ededed; vertical-align: middle; border-bottom: 2px solid #aaa; } table.outerPM th.end{ border-right: 1px solid #aaa; } table.outerPM td{ vertical-align: top; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; } table.outerPM tr.even td{background-color: #ededed;} table.outerPM th,table.outerPM td{ padding: 2px 5px; } table.outerPMView{ clear: both; } table.outerPMView th{ vertical-align: top; } table.outerPMView td{ vertical-align: middle;} table.outerPMView th,table.outerPMView td{ padding: 2px 5px; border-bottom: 1px dotted #aaa; } table.outer img,table.outerProf img, table.outerEditProf img{ vertical-align: bottom; } /*----------------------------------------------------------------------------------- edit Secret CSS settings -----------------------------------------------------------------------------------*/ table.flat{ border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; } table.flat td{ border-bottom: 1px solid #999; } table.flat td.head{ border-right: 1px solid #999; border-bottom: 1px solid #999; } table.flat th{border-right: 1px solid #999; border-bottom: 1px solid #999;} h4.Decoration{ background-image: url(images/BG_h3.gif); background-repeat: repeat-x; background-position: 0 bottom; text-align: justify; width: 611px; margin-bottom: 15px; margin-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-left: 10px solid #6d6d6d; } .formButton{float:left;}