/* html element */
html { }
body { margin: 0; padding: 0; background: #ffffff url(/images/head_bg.gif) left top repeat-x; text-align: center; font-size: 12px; color: #666666; line-height: 1.4; }
a { color: #333399; text-decoration: none; }
a:hover { color: #333399; text-decoration: underline; }
form { margin: 0; padding: 0; }
img { border: 0; }

.clear { clear: both; }

/* main structure */
#wrapper { width: 772px; text-align: left; margin: 0 auto; background: url(/images/cont_bg.gif) left top repeat-y; }
#header { position: relative; width: 772px; height: 152px; background: url(/images/head_mountain.jpg) left top no-repeat; }

#navigation { float: left; width: 170px; }
#primary { float: left; width: 423px; }
#secondary { float: left; width: 167px; }
#primary2nd { float: left; width: 590px; }

/* header */
#header h1, #header h2 { margin: 0; padding: 0; }
#header h1 a { overflow: hidden; display: block; padding: 130px 0 0 0; width: 300px; height: 0px !important; height /**/:130px; }
#header h2 { position: absolute; width: 226px; height: 152px; left: 596px; top: 0; background: url(/images/fenix.jpg) left top no-repeat; z-index: 1; }
#header h2 span { position: absolute; left: -9999px; }
#header ul { list-style-type: none; margin: 0; padding: 0; }
#header li { margin: 0; padding: 0; }

/* menu */
#menu01 { position: absolute; left: 316px; top: 23px; width: 89px; height: 16px; }
#menu02 { position: absolute; left: 412px; top: 23px; width: 70px; height: 16px; }
#menu03 { position: absolute; left: 489px; top: 23px; width: 119px; height: 16px; z-index: 2; }
#menu01 a { display: block; overflow: hidden; background: url(/images/menu_01.gif) left top no-repeat; padding: 18px 0 0 0; width: 89px; height: 0px !important; height /**/:16px; }
#menu02 a { display: block; overflow: hidden; background: url(/images/menu_02.gif) left top no-repeat; padding: 18px 0 0 0; width: 70px; height: 0px !important; height /**/:16px; }
#menu03 a { display: block; overflow: hidden; background: url(/images/menu_03.gif) left top no-repeat; padding: 18px 0 0 0; width: 119px; height: 0px !important; height /**/:16px; }

#print {  position: absolute; left: 511px; top: 23px; width: 70px; height: 16px; margin: 0; padding: 0; }

/* category */
#category { margin: 10px 0 0 10px; width: 160px; }
#category h3 { overflow: hidden; background: url(/images/nav_cat.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#category ul { background: #F1F3F6; margin: 0; padding: 0; list-style-type: none; }
#category ul li { margin: 0; padding: 0; }
#category ul li a { background: url(/images/icon_cat.gif) left center no-repeat; display: block; padding: 7px 0 7px 19px; width: 141px !important; width /**/:160px; font-size: 10px; border-bottom: 1px dotted #ccc; }
#category ul li a:hover { background-color: #D2D4D6; text-decoration: none; }

/* recent entry */
#recent { margin: 10px 0 0 10px; width: 160px; }
#recent h3 { overflow: hidden; background: url(/images/nav_rec.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#recent ul { background: #F1F3F6; margin: 0; padding: 0; list-style-type: none; }
#recent ul li { margin: 0; padding: 0; }
#recent ul li a { background: url(/images/icon_rec.gif) left center no-repeat; display: block; padding: 7px 0 2px 19px; width: 141px !important; width /**/:160px; font-size: 10px; }
#recent ul li span.date { font-size: 10px; color: #666666; padding: 7px 0 7px 19px; width: 141px !important; width /**/:160px; font-size: 10px; }

/* archives */
#archives { margin: 10px 0 0 10px; width: 160px; }
#archives h3 { overflow: hidden; background: url(/images/nav_arc.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#archives ul { background: #F1F3F6; margin: 0; padding: 0; list-style-type: none; }
#archives ul li { margin: 0; padding: 0; }
#archives ul li a { background: url(/images/icon_rec.gif) left center no-repeat; display: block; padding: 7px 0 2px 19px; width: 141px !important; width /**/:160px; font-size: 10px; }

/* article */
.article { margin: 0 0 18px 6px; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }
.article h3 { border-bottom: 2px solid #215590; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 3px 0 3px 15px; background: url(/images/icon_thr.gif) left top no-repeat; }
.article p { margin: 0; padding: 5px 0 5px 3px; }
.article blockquote { border: 1px solid #E9E5CB; background-color: #FCFEE9; padding: 10px; margin: 3px; font-size: 10px; }

/* check */
#check { margin: 0 0 0 7px; background: #FCF3E8; font-size: 10px; width: 160px; }
#check h3 { overflow: hidden; background: url(/images/sec_check.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#check form { color: #666666; padding: 0 0 0 4px; }
#year { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px; }
#month { border: 1px solid #ccc; }
#date { border: 1px solid #ccc; }
#buttonCheck { margin: 4px 0 5px 0; }

/* weekly-fortune */
#weekly-fortune { margin: 10px 0 0 7px; background: #FCF3E8; font-size: 10px; width: 160px; }
#weekly-fortune h3 { overflow: hidden; background: url(/images/unkiyohou.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#weekly-fortune form { color: #666666; padding: 0 0 0 4px; }
#weekly-fortune-year { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px; }
#weekly-fortune-month { border: 1px solid #ccc; }
#weekly-fortune-date { border: 1px solid #ccc; }
#weekly-fortune-buttonCheck { margin: 4px 0 5px 0; }

/* check-movie */
#check-movie { margin: 10px 0 0 7px; background: #FCF3E8; font-size: 10px; width: 160px; }
#check-movie h3 { overflow: hidden; background: url(/images/dougaban.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#check-movie form { color: #666666; padding: 0 0 0 4px; }
#check-movie-year { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px; }
#check-movie-month { border: 1px solid #ccc; }
#check-movie-date { border: 1px solid #ccc; }
#check-movie-buttonCheck { margin: 4px 0 5px 0; }

/* chart */
#chart { margin: 10px 0 0 7px; background: #FCF3E8; font-size: 10px; width: 160px; }
#chart h3 { overflow: hidden; background: url(/images/sec_chart.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#chart form { color: #666666; padding: 0 0 0 4px; }
#chart-year { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px;}
#chart-month { border: 1px solid #ccc; }
#chart-date { border: 1px solid #ccc; }
#chart-buttonCheck { margin: 4px 0 5px 0; }

/* galgetyou */
#galgetyou { margin: 10px 0 0 7px; background: #F0FCE8; font-size: 10px; width: 160px; }
#galgetyou h3 { overflow: hidden; background: url(/images/gal_check.gif) left top no-repeat; margin: 0; padding: 44px 0 0 0; width: 160px; height: 0px !important; height /**/:44px; }
#galgetyou form  { color: #666666; padding: 0 0 0 4px; }
#galgetyou-year  { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px;}
#galgetyou-month { border: 1px solid #ccc; }
#galgetyou-day   { border: 1px solid #ccc; }
#galgetyouButtonCheck  { margin: 4px 0 5px 0; }

/* boygetyou */
#boygetyou { margin: 10px 0 0 7px; background: #FCF3E8; font-size: 10px; width: 160px; }
#boygetyou h3 { overflow: hidden; background: url(/images/boy_check.gif) left top no-repeat; margin: 0; padding: 44px 0 0 0; width: 160px; height: 0px !important; height /**/:44px; }
#boygetyou form  { color: #666666; padding: 0 0 0 4px; }
#boygetyou-year  { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px;}
#boygetyou-month { border: 1px solid #ccc; }
#boygetyou-day   { border: 1px solid #ccc; }
#boygetyouButtonCheck  { margin: 4px 0 5px 0; }

/* businessman */
#businessman { margin: 10px 0 0 7px; background: #FCF3E8; font-size: 10px; width: 160px; }
#businessman form  { color: #666666; padding: 0 0 0 4px; }
#businessman-year  { border: 1px solid #ccc; margin: 5px 0 4px 0; width: 30px;}
#businessman-month { border: 1px solid #ccc; }
#businessman-day   { border: 1px solid #ccc; }
#businessmanButtonCheck  { margin: 4px 0 5px 0; }

.presented-by { margin-left:30px; }
/* profile */
#profile { margin: 0 0 0 10px; padding: 0 0 4px 0; width: 160px; font-size: 10px; background: #F1F3F6; }
#profile h3 { overflow: hidden; background: url(/images/nav_pro.gif) left top no-repeat; margin: 0; padding: 25px 0 0 0; width: 160px; height: 0px !important; height /**/:25px; }
#profile h4 { overflow: hidden; background: url(/images/pro_txt.gif) left top no-repeat; margin: 0; padding: 37px 0 0 0; width: 160px; height: 0px !important; height /**/:37px; }
#profile p { margin: 0 3px 0 5px; }

/* work */
#work { margin: 0; width: 160px; font-size: 10px; }
#work h4 { overflow: hidden; background: url(/images/recent_work.gif) left top no-repeat; margin: 8px 0 0 0; padding: 18px 0 0 0; width: 160px; height: 0px !important; height /**/:18px; }
#work p { margin: 2px 3px 0 5px; }
#work ul { margin: 2px 3px 0 5px; padding:0;}
#work ul li { list-style:none; }

/* fortune telling */
#fortune { margin: 0 0 0 7px; }

/* footer */
#footer { clear: both; background: url(/images/footer.gif) left top no-repeat; margin: 0 0 10px 0; width: 772px; height: 47px; }
#footer p { position: absolute; left: -9999px; }

/* trackbacks */
#trackbacks { margin: 0 0 18px 6px; }
#trackbacks h4 { margin: 0; padding: 0; background: url(/images/trackback.gif) left top no-repeat; height: 15px; margin-bottom: 5px; }
#trackbacks h4 span { position: absolute; left: -9999px; }
#trackbacks p { margin: 0; padding: 5px 0 5px 3px; }
#trackbacks p.posted { font-size: 10px; border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 0 0 5px 3px; }

/* comments */
#comments { margin: 0 0 18px 6px; }
#comments h4 { margin: 0; padding: 0; background: url(/images/comment.gif) left top no-repeat; height: 15px; margin-bottom: 5px; }
#comments h4 span { position: absolute; left: -9999px; }
#comments p { margin: 0; padding: 5px 0 5px 3px; }
#comments p.posted { font-size: 10px; border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 0 0 5px 3px; }
#comments p.alert { margin: 0; padding: 5px 0 5px 3px; color: red; }

/* comment form */
#comform { margin: 15px 0 18px 6px; padding: 10px; background: #FCFEE9; border: 1px solid #E9E6CC; }
#comform h5 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
#comform textarea { width: 99%; }

/* rss feed */
#feed { text-align: center; }

/* chart */
.toriumi-chart { font-size: 12px; border: none; text-align: center; }
.toriumi-chart caption { border-left: 2px solid #fff; border-right: 2px solid #fff; color:#fff; background: #3A5676; margin: 0; padding: 3px 0; }
.toriumi-chart td { border: 1px solid #ccc; }
.toriumi-chart-top-label { background: #F1F3F6; width: 50px; }
.toriumi-chart-side-label { background: #FCF3E8; }
.toriumi-stem-star { text-align: left; }
.toriumi-branch-star { text-align: right; }