/* CPIJ 中国四国支部 HP style.css */

body { background: #EEE url(images/header.gif) repeat-x top left; color: black; margin: 0; padding: 0; font: 0.7em "Arial", Helvetica, Sans-Serif;}
a, span { color: #3C6491;background-color: inherit; text-decoration: none;}
a:hover { color: #BF3E17; background-color: inherit;}
img { border: 0;}
p { margin: 0; padding: 0;}

/*---- header ----*/
#header { clear: both; width: 750px; height: 45px; margin: 0 auto;}
#logo { float: left; padding: 10px 0 0 0px; color: black; background: inherit; width: 360px;}
h1, .my-name { font: 160% Arial, Sans-Serif; font-weight: bold; padding: 3px 0 0 0; margin: 0;}
h1 { float: left;}
h1 a, h1 a span { color: #BF3E17; background: inherit;}
h1 a:hover { color: #3C6491; background: inherit;}
.my-name { float: right; padding-left: 0; color: #3C6491; letter-spacing: 0.1em}

/*---- right ----*/
#right h2 { clear: both; margin: 8px 0 10px 0; font-size: 1.2em; letter-spacint: -1px; background-color: #BF3E17; padding: 2px 0 2px 20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
#right h2 a { font-weight: normal; color: white;}
#right h3 { clear: both; margin: 8px 0 5px 0; font-size: 1.4em; letter-spacing: 0px; background-color: inherit;}
#right h3 a { color: #444; background-color: inherit; padding: 0 0 0 20px; background: url(images/h2bg.gif) no-repeat center left;}
#right h3 a:hover { background: url(images/h2bghover.gif) no-repeat center left; color:#3C6491;}
#right h4 { clear: both; margin:0.5em 0; font-weight: normal; font-size: 1.3em; color:#2F4F72;}
#right p.text { clear: both; color: #555; font-size: 1.2em;}
#right p.date { float: right; margin: 6px 0 14px 0;}
#right p.date a, #right p.date span { margin-left: 4px; padding-left: 10px;}
#right p.date a.more { background: url(images/more.gif) no-repeat center left;}
#right p.date a.comment { background: url(images/comment.gif) no-repeat center left;}
#right p.date span.time { background: url(images/timeicon.gif) no-repeat center left;}
#right p.person_name { clear: both; color: #555; font-size: 1.0em; float: right;}
/* down load */
#right p.down_load { font-size: 1.2em; color: #555;}
#right p.down_load { clear: both;}
#right p.down_load a { float: left; padding: 2px 0 2px 24px; background: url(images/down_load.gif) no-repeat center left;}
#right p.down_load a:hover { color: #BF3E17;}
#right p.down_load span { paddint: 2px 0; float:right; font-size: 0.8em; color: #777;}
#right p.caption { clear:both; margin-left: 180px;}
/* person list */
#right ul.person_list { margin-left: 0; margin-right: 0; list-style:none; white-space:nowrap; text-align:left; padding: 0; font-size: 1.2em;}
#right ul.person_list li { clear: both;}
#right ul.person_list div { float: left; color: #777;}
#right ul.person_list .yakushoku1 { width: 120px;}
#right ul.person_list .yakushoku2 { width: 80px;}
#right ul.person_list .shimei { width: 103px; font-size: 1.1em; color: #555;}
#right ul.person_list .shozoku { width: 202px; font-size: 0.8em;}
/* TOC box */
#toc_box { position: relative; margin: 10px 0 20px 0;}
#toc_box p { clear: both; width: 100%;}
#toc_box a { display: block; float: left;}
#toc_box span { display: block; float: right;}
/* table kaiin */
#right table.kaiin { margin-left: 10px; width: 495px; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; text-align: right; color: #444;}
#right table.kaiin thead { background-color: #ddd;}
#right table.kaiin th { width: 95px; padding: 0; border: 1px #aaa solid; font-weight: normal; text-align: center;}
#right table.kaiin td { width: 200px; padding-right:10px; border: 1px #aaa solid;}
#right table.kaiin tbody { font-size: 1.2em;}
#right table.kaiin tbody td { padding: 4px 10px 4px 0;}
#right table.kaiin tbody th { padding: 4px 0px 4px 0;}

/*---- hmenu ----*/
#hmenu { margin-top: 3px; padding: 10px 0 5px 0; float: right;}
#hmenu a { padding: 6px 4px 0 6px; text-decoration: none; color: white; background: #3C6491 url(images/hmenuarrow.gif) no-repeat top center; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
#hmenu a:hover { background-color: #E0B00B; color: white; border-bottom: 1px solid #BF9609; border-right: 1px solid #BF9609;}
/*---- articles -----*/
#content { padding: 0 0 8px 0; border-top: 1px solid #FEFEFE;  background: white url(images/contentbg.gif) repeat-x left top; color: black;}
#articles { width: 750px; padding: 3px 0 0 0; margin: 0 auto 10px auto;}
#right { display: block; float: right; width: 505px; padding: 0 6px 10px 0;}
#left { float: left; width: 220px;}

/*---- menu ----*/
#menu { position:relative; margin: 8px 0 0 0; padding: 0; margin-bottom: 20px;}
#menu ul { margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu li { margin:0; padding:0; list-style:none; display:inline;}
#menu ul ul { position:absolute; left:-9999px;}
#menu ul#toplevel { position: relative; width: 220px;}
#menu a { display:block; border-bottom: 1px solid white; font:normal 12px verdana, arial,sans-serif; color: black; line-height:22px; padding:0 20px 0 10px; background-color: #E1EEF8; text-decoration: none;} 
#menu li a.fly { background: #E1EEF8 url(images/menuarrow.gif) no-repeat right top;}
#menu a.current { padding:0 19px 0 9px; line-height:20px; border:1px solid #999;}
#menu ul li:hover > ul { left:100%; margin-top:-22px;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul
{ left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul { left:-9999px;}
#menu li a:hover { background-color:#3C6491; color: white;}/* IE7 emulation doesn't line #fff - go figure */
#menu li a.fly:hover { background: #3C6491 url(images/menuhoverarrow.gif) no-repeat right top; color: white;}
#menu li:hover > a { background-color:#3C6491; color: white;} /* IE7 emulation doesn't line #fff - go figure */
#menu table { position:absolute; right:0; border-collapse:collapse; margin-top:-5px;}

/*---- left article ----*/
.leftarticle { background: #EEE; margin: 2px 0 2px 0; padding: 8px;}
.leftarticle p { margin: 0.2em; line-height: 1.4em; color: #777;}
.leftarticle_ad { border: 2px solid #EEE; margin: 2px 0 2px 0; padding: 0; width: 216px; height: 51px;}
.leftarticle_ad a { background: transparent;}

/*---- links ----*/
#signiture { clear: both; margin: 0 auto; width: 728px; padding: 3px 10px; background-color: #3C6491; border-top:2px solid #294462; border-left:2px solid #294462;}
#signiture p { color: white;}

/*---- footer ----*/
#whiteline { margin: 4px 0; border-top: 2px solid white;}
#footer { margin: 0 auto; width: 740px; padding: 0 5px 0 5px; background: #EEE;}
#footer p { padding-top: 2px; padding-bottom: 20px; line-height: 1em; color: #777;}
#footer p.left { float: left;}
#footer p.right { float: right; text-align: right;}
#footer a { color: #777; background: inherit;}

/*---- page top button ----*/
#page_top { position: fixed; right: 8px; bottom: 10px; }