@charset "utf-8"; /* common.css - last update 2006.6.23 - The styles which are common to all of the files are defined in common.css file. This is a table of content. 01.font 02.body 03.header 04.contents a).main b).sub 05.footer 06.other Please revise the following file if you need to make a change to the styles which is defined for each category. home = local_home.css news = local_news.css practice = local_practice.css resources = local_resources.css tools = local_tools.css english = en_common.css */ /* ========================================================== */ /* font */ /* ---------------------------------------------------------- */ body {font-size:100%; font-family:"Verdana","Helvetica","sans-serif";} #header #navi ul {font-size:0.86em;} #header #navi #breadcrumbs p {font-size:0.84em;} #contents #main h1 {font-size:1.1em;} #contents #main h2 {font-size:1.0em;} #contents #main h3 {font-size:0.9em;} #contents #main h4 {font-size:0.9em;} #contents #main h5 {font-size:0.9em;} #contents #main h6 {font-size:0.9em;} #contents #main p, #contents #main dl {font-size:0.86em; line-height:1.3em;} #contents #main blockquote {font-size:0.86em; line-height:1.3em;} #contents #main ul, #contents #main ol {font-size:0.86em; line-height:1.5em;} #contents #main ul ul, #contents #main ol ol {font-size:100%;} #contents #main em {font-style:normal; font-weight:bold;} #contents #main cite {font-style:normal;} #contents #sub h2, #contents #sub h3, #contents #sub h4, #contents #sub h5, #contents #sub h6 {font-size:0.86em;} #contents #sub p, #contents #sub ul, #contents #sub ol, #contents #sub dl {font-size:0.84em; line-height:1.3em;} #contents #sub ul ul, #contents #sub ol ol {font-size:100%;} #contents #sub blockquote {font-size:0.84em; line-height:1.3em;} #contents #sub em {font-style:normal; font-weight:bold;} #footer ul, #footer p {font-size:0.84em;} #footer #copy p {font-size:0.8em;} /* ========================================================== */ /* body */ /* ---------------------------------------------------------- */ body {margin:0px; padding:0px; text-align:center; background:#99CC99;} #wrap {width:99%; margin:0px auto; padding:0px; position:relative; text-align:left; border-top:7px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #333333; background:#FFFFFF;} /* ========================================================== */ /* header */ /* ---------------------------------------------------------- */ #header {width:100%; position:relative; background:url(/shared/images/header_back.jpg) top right no-repeat;} /* site_id */ #header #site_id {width:344px; float:left;} #header #site_id h1 {height:82px; margin:0px; padding:0px;} #header #site_id p {height:82px; margin:0px; padding:0px;} #header #site_id p img {border:0px;} /* site_help */ #header #site_help {float:right;} #header #site_help ul {margin:6px; padding:0px; list-style:none;} #header #site_help ul li {float:left;} #header #site_help ul li#sitemap {margin:0px;} #header #site_help ul li#contact {margin:0px 0px 0px 6px;} #header #site_help ul li img {border:0px;} /* navi */ #header #navi {width:100%; clear:both; background:#003300;} #header #navi ul {margin:0px; padding:0px;} #header #navi ul li {text-align:center;} #header #navi ul li a {text-decoration:none; color:#FFFFFF;} #header #navi ul li a:hover {color:#000000;} /* global_navi */ #header #navi #global_navi ul {height:1.8em; margin:0px; padding:0px; list-style:none;} #header #navi #global_navi ul li {display:block; float:left;} #header #navi #global_navi ul li a {padding:0.5em 0em; border-right:1px solid #CCCCCC; background:url(/shared/images/gnavi_u_line.gif) bottom left repeat-x;} #header #navi #global_navi ul li a:hover {background:#CECF9C;} #header #navi #global_navi ul li.home a {width:5.5em; display:block;} #header #navi #global_navi ul li.home .here {width:5.5em; padding:0.5em 0em; display:block; border-right:1px solid #CCCCCC; background:#CECF9C; color:#000000;} #header #navi #global_navi ul li.news a {width:5.5em; display:block;} #header #navi #global_navi ul li.news .here {width:5.5em; padding:0.5em 0em; display:block; border-right:1px solid #CCCCCC; background:#CECF9C; color:#000000;} #header #navi #global_navi ul li.awareness a {width:6em; display:block;} #header #navi #global_navi ul li.awareness .here {width:6em; padding:0.5em 0em; display:block; border-right:1px solid #CCCCCC; background:#CECF9C; color:#000000;} #header #navi #global_navi ul li.practice a {width:7em; display:block;} #header #navi #global_navi ul li.practice .here {width:7em; padding:0.5em 0em; display:block; border-right:1px solid #CCCCCC; background:#CECF9C; color:#000000;} #header #navi #global_navi ul li.resources a {width:8em; display:block;} #header #navi #global_navi ul li.resources .here {width:8em; padding:0.5em 0em; display:block; border-right:1px solid #CCCCCC; background:#CECF9C; color:#000000;} #header #navi #global_navi ul li.tools a {width:11em; display:block;} #header #navi #global_navi ul li.tools .here {width:11em; padding:0.5em 0em; display:block; border-right:1px solid #CCCCCC; background:#CECF9C; color:#000000;} /* breadcrumbs */ #header #navi #breadcrumbs {width:100%; margin:0px; padding:0px; clear:both; background:#FFFFFF;} #header #navi #breadcrumbs p {margin:0px; padding:4px 0px 4px 12px;} #header #navi #breadcrumbs p a:hover {text-decoration:none;} /* ========================================================== */ /* contents */ /* ---------------------------------------------------------- */ #contents {width:100%; position:relative; border-top:1px solid #CCCCCC;} #contents h1 {margin:1em 0em; padding:0px;} #contents h2 {margin:1em 0em; padding:0px;} #contents h3 {margin:1em 0em; padding:0px;} #contents h4 {margin:1em 0em; padding:0px;} #contents h5 {margin:1em 0em; padding:0px;} #contents h6 {margin:1em 0em; padding:0px;} #contents p {margin:1em 0em; padding:0px;} #contents blockquote {margin:1em 0em; padding:0.5em 1em;} #contents ul {margin:1em 0em 0em 18px; padding:0px;} #contents ol {margin:1em 0em 0em 26px; padding:0px;} #contents ul ul, #contents ol ol {margin-top:0px;} #contents dl {margin:1em 0px; padding:0px;} #contents dt {margin:0.5em 0px 0px; padding:0px;} #contents dd {margin:0.5em 0px 0px 1em; padding:0px;} #contents img {border:0px;} #contents a {color:#0000FF;} #contents a:visited {color:#840084;} #contents a:hover {color:#FF0000;} #contents a:hover {text-decoration:none;} #contents table {margin:0px; padding:0px; empty-cells:show; border-collapse:collapse; border-spacing:0px 0px; border:1px solid #CCCCCC; line-height:1.3em;} #contents table caption {padding-top:1.2em; padding-bottom:0.8em; text-align:left; font-weight:bold; font-size:0.9em;} #contents table tr th {padding:6px; vertical-align:middle; border:#CCCCCC 1px solid; background:#EEEEEE; text-align:left; font-weight:normal; color:#000; font-size:0.86em;} #contents table tr td {padding:5px; vertical-align:middle; border: #CCCCCC 1px solid; text-align:left; font-size:0.86em;} /* main */ #contents #main {width:66%; margin:0px; padding:0px; float:left; position:relative;} #contents #main .layout_box {margin:18px;} #contents #main #category_top {margin:14px;} #contents #main .title_img {margin:0px; padding:0px; border:none; line-height:0em;} #contents #main h1 {width:100%; margin:0px; padding:0px 0px 0px 10px; border-bottom:1px solid #999999; background:url(/shared/images/title.gif) top left no-repeat; line-height:1.2em;} #contents #main h2 {padding:0px 0px 0px 8px; border-left:3px solid #003300; border-bottom:1px solid #CCCCCC; line-height:1.2em;} #contents #main h3 {border-bottom:1px solid #CCCCCC; line-height:1.0em;} #contents #main h4 {line-height:1.0em;} #contents #main h5 {line-height:1.0em;} #contents #main h6 {line-height:1.0em;} #contents #main blockquote {border:1px solid #CCCCCC;} /* sub */ #contents #sub {width:33%; margin:0px; padding:0px; float:left; position:relative;} #contents #sub #local_navi {margin:14px; padding:0px 0px 18px; position:relative; border:solid 1px #CCCC99;} #contents #sub #local_navi h2 {margin:0px; padding:4px 5px; background:url(/shared/images/local_navi_back.jpg) top left repeat-x; color:#000000;} #contents #sub #local_navi h2 a {color:#000000;} #contents #sub .related {margin:14px; padding:0px 0px 18px; position:relative; border:solid 1px #CCCCCC;} #contents #sub .related h2 {margin:0px; padding:4px 5px; background:url(/shared/images/related_back.jpg) top left repeat-x; color:#000000;} #contents #sub .related h2 a {color:#000000;} #contents #sub #mail_magazine {margin:14px; padding:0px 0px 18px; position:relative; border:solid 1px #CCFFCC;} #contents #sub #mail_magazine h2 {margin:0px; padding:4px 5px; background:url(/shared/images/mail_magazine_back.jpg) top left repeat-x; color:#000000;} #contents #sub #mail_magazine h2 a {color:#000000;} #contents #sub h3, #contents #sub h4, #contents #sub h5, #contents #sub h6 {margin-left:12px; margin-right:12px; color:#000000;} #contents #sub p {margin-left:12px; margin-right:12px;} #contents #sub ul {margin-left:30px; margin-right:12px; padding:0px;} #contents #sub ol {margin-left:37px; margin-right:12px; padding:0px;} #contents #sub dl {margin-left:12px; margin-right:12px; padding:0px;} #contents #sub dt, #contents #sub dd {margin-top:0px; margin-right:12px; margin-bottom:0px;} /* ========================================================== */ /* footer */ /* ---------------------------------------------------------- */ #footer {width:100%; clear:left; position:relative; background:#003300;} /* site_info */ #footer #site_info ul {margin:0px; padding:0px; list-style:none;} #footer #site_info ul li {padding:4px 0.5em 5px; float:left;} #footer #site_info ul li#operator {float:right;} #footer #site_info ul li a {color:#FFFFFF;} #footer #site_info ul li a:hover {color:#FFFF00; text-decoration:none;} /* copy */ #footer #copy {width:100%; clear:both; line-height:2em; background:#D6D7B5;} #footer #copy p {margin:0px; padding:0px; background:url(/shared/images/footer_logo.gif) no-repeat center; text-align:right;} /* ========================================================== */ /* other */ /* ---------------------------------------------------------- */ .sr_guidance {width:990px; position:absolute; left:-999px;} .skiplink {width:990px; position:absolute; left:-999px;} .pagetop {width:66%; margin:0px; padding:0px; clear:both; text-align:right; font-size:84%;} .pagetop a {padding:12px; display:block;} .note {width:94%; margin:12px; padding:12px; border:1px solid #CCCCCC; background:#EEEEEE;} .maintenance {color:red; font-size:0.84em;} .book {text-align:center;} .book img {border:1px solid #CCCCCC;} .banner img {border:1px solid #CCCCCC;} /* ========================================================== */ /* dummy */ /* ---------------------------------------------------------- */ .cntr {text-align:center;} .img_rgt {float:right;} .img_lft {float:left; margin-right:5px;} .clr_bth {clear:both;} .lst_no {list-style:none;} ul.img_blt {margin:0px; padding:0px; list-style:none; background: transparent;} ul.img_blt li {margin:0px 0px 0px -14px;} ul.img_blt li a {padding-left:12px; background:url(/shared/images/bullet.gif) left center no-repeat;} ul.img_blt li span {padding-left:12px; background:url(/shared/images/bullet.gif) left center no-repeat;} ul.img_blt li span.here {padding-left:12px; background:url(/shared/images/orange_bullet.gif) left center no-repeat;} ul.img_blt_o {margin:0px; padding:0px; list-style:none;} ul.img_blt_o li {margin:0px 0px 0px -14px;} ul.img_blt_o li a {padding-left:12px; background:url(/shared/images/orange_bullet.gif) left center no-repeat;}