/* Theme Name: Otakaraya-Style

Author: Otakaraya Shinsaibashi
URI: http://shinsaibashi.otakaraya.net/  

/*================================================================
 Begin Structure
================================================================*/
body { margin: 0; padding: 0; }
#container { width: 900px; margin: 0px auto; }

#page { margin: 0 0px 0 0; }
.narrowcolumn { float: right; margin: 0px 0 0; width: 648px; }
.post { margin: 0 20px 30px 0px; /* text-align: justify; */ }
.post hr { display: block; }

.post .right { float: right; }
.post .left { float: left; }

.post .table01 { width: 588px; margin: 0px 0px; }
*:first-child+html .post .table01 { width: 591px; }
.post .table01 table td.even { margin: 0px 0; padding: 0; }
.home .post table td { padding: 0px 0; vertical-align: top; }
.home .post table td img { padding: 13px 0px 0 0; vertical-align: top; }

.title h2.pagetitle { clear: both; margin: 0 0 0 0px; padding: 9px 0 9px 23px; background: url('images/title_bg02.gif') no-repeat 0px bottom; }
h3.cat_post_title { margin: 15px 0 5px 0px; padding: 0 0 5px 17px; background: url('images/subtitle_line.gif') no-repeat 0px bottom; }
h3.sub_title { margin: 20px 0 0 0; padding: 0 0 5px 0px; background: url('images/subtitle_line.gif') no-repeat 0px bottom; }

.postmetadata { clear: both; }
.clear { clear: both; }

table.purchase { margin: 20px 0 0 0; }
table.purchase td.top { vertical-align: top; }

.navi { }
.navi_sec { }

h1 { font-size: 1em; margin: 0; display: inline; font-weight: normal; }
h2 { margin: 30px 0 0; }
.title { margin: 15px 20px 0px 0px; padding: 1px; border: solid 1px #C70606; }
.title h2.pagetitle { clear: both; margin: 0; padding: 8px 10px; background: #C70606; }
#sidebar h2 { margin: 5px 0 0; padding: 0; }
h3 { padding: 0; margin: 20px 0 0 0; }
/* End Structure */

/*
 Begin Headers [Structure]
----------------------------------------------------------------*/
#header { width: 1000px; height: 195px; margin: 0 auto; padding: 0 0px; background: url('images/header-bg.jpg') no-repeat; }
#header #logo { float: left; position: relative; left: 10px; }
#header #header-right { float: right; position: relative; top: 10px; padding: 0px 50px 0 0; text-align: right; }
#header #header-right form { display: block; width: 600px; text-align: right; margin: 0; position: relative; top: 10px; right: 0; padding: 0px 0 0 0; }
#header #header-right form label { display: none; }
#header #header-right .description_2nd { position: relative; top: 75px; text-align: right; }
#header #header-right .description_3rd { position: relative; top: 80px; text-align: right; }

.breadcrumb { padding: 15px 20px 0 20px; text-align: left; }
/* End Headers */


/*
 Begin Contents [Structure]
----------------------------------------------------------------*/ 
.cat_post_title { clear: both; padding: 0 0 5px 0px; background: url(images/title_line.gif) no-repeat 10px bottom; }
.post p {  }

.navi { margin: 0px; padding: 0px; }
.navi_sec { }

/* Begin Lists  Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */  
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }

table.purchase {  }

.entry { padding: 0 0px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.entry p img { margin: 0 15px 15px 15px; }
.entry img.center { margin: 0 15px 15px 15px; }
.entry img.chain { margin: 0 15px 15px 0px; }
.entry p img.tokuten { margin: 0 0 15px 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#news dl {
padding:6px 2px;
border-bottom:1px #ccc dotted;
}

#news dt {
float:left;
color:#fea82f
}

#news dd {
margin-left:100px;
}

/* End Entry Lists */

/*
 Begin Sidebar [Structure]
----------------------------------------------------------------*/
#sidebar { padding: 0px 0 10px 0; width: 236px; float: left; }
*html #sidebar { width: 216px; }
#sidebar form { margin: 0; }
#sidebar img { margin: 15px 0px 0 20px; }
#sidebar h3 { margin: 0px 0px 0 20px; padding: 0; }

#sidebar ul, #sidebar ul ol { margin: 0px 0px 0px 20px; padding: 0; }
#sidebar ul li { margin: 10px 0px; list-style-type: none; list-style-image: none; }

#sidebar ul#cat_li li { display: block; width: 210px; padding: 0; border: solid 1px #ededed; background: url('images/menu_icon.gif') 1px 0 repeat-y; }
#sidebar ul#cat_li li a:visited,#sidebar ul#cat_li li a:link,#sidebar ul#cat_li li a:active { display: block; padding: 5px 0 5px 10px; }
#sidebar ul#cat_li li a:hover { }

#sidebar ul#cat_main_li li.cat-item-6 a { display: block; width: 216px; height: 96px; padding: 0; background: url('images/menu_stamp02.jpg') no-repeat; }
#sidebar ul#cat_main_li li.cat-item-9 a { display: block; width: 216px; height: 96px; padding: 0; background: url('images/menu_jewel03.jpg') no-repeat; }
#sidebar ul#cat_main_li li.cat-item-12 a { display: block; width: 216px; height: 96px; padding: 0; background: url('images/menu_metal03.jpg') no-repeat; }

#sidebar ul#buyout_li li.cat-item-22 a { display: block; width: 212px; height: 46px; padding: 0; background: url('images/menu_counter.gif') no-repeat; }
#sidebar ul#buyout_li li.cat-item-23 a { display: block; width: 212px; height: 46px; padding: 0; background: url('images/menu_sending.gif') no-repeat; }
#sidebar ul#buyout_li li.cat-item-24 a { display: block; width: 212px; height: 45px; padding: 0; background: url('images/menu_rec.gif') no-repeat; }

#sidebar ul#page_li { margin: 15px 20px; }
#sidebar ul#page_li li { margin: 10px 20px; padding: 0 0 0 15px; background: url('images/icon02.gif') left no-repeat; }
#sidebar ul#page_li li.li_title { margin: 10px 10px; padding: 0 0 0 15px; background: url('images/icon01.gif') left no-repeat; }

#sidebar ul#qr li,#sidebar ul#lumino li { margin: 0px 0px 0px; padding: 0; }
#sidebar ul#qr li img { margin: 0px 0px 0px 20px; }

/* End Sidebar */


/*
 Begin Footer [Structure]
----------------------------------------------------------------*/
#footer { padding: 15px 0 0 0; margin: 0 auto; clear: both; }
.sec_footer { margin: 0 auto; width: 900px; margin:0 auto; }
#footer ul li { display: inline; padding: 0 20px 0 0px; line-height: 1.8em; }
#footer ul li img { position: relative; top: 10px; }
*html #footer ul li a { color: #FFFFFF; white-space: nowrap; }
html>body #footer ul li a { color: #FFFFFF; white-space: nowrap; }
#footer p { clear: both; margin: 0; padding: 0 0 30px 0; }
/* End Footer */ 


/* Begin Various Tags & Classes */ 
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */ 
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */ 

/* table */
.post .table01,.post .table02 { margin: 15px 20px 10px; background: #bcdae4; }
.post .table01 table,.post .table02 table { width: 100%; border-collapse: separate; border-spacing: 1px; border: none; }
.post .table01 table th,.post .table01 table td,.post .table02 table th,.post .table02 table td { padding: 8px 10px; border: 1px solid #fff; text-align: center; vertical-align: top; }
.post .table01 table td.left_align,.post .table02 table td.left_align { text-align: left; }
.post .table01 table th,.post .table02 table th.th_2nd { background: #ecf9fd; white-space: nowrap; }
.post .table01 table td,.post .table02 table td { background: #fbfdfd; }
.post .table01 table table td,.post .table02 table table td { border:none; }
.post .table02 table th { background: #CFE9FF; white-space: nowrap; }
.post .table01 table td.price { font-size: 1.5em; font-weight: bold; }
/* End table */


/*================================================================
 Begin Typography & Colors 
================================================================*/
body { font-size: 0.7em; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #efefef url('images/body_bg.gif') repeat-x; color: #333; text-align: center; z-index: 10; }
#container { background: #FFFFFF; }
#page { text-align: left; }
#header { }
#header .description { font-size: 1.2em; }
#header #header-right .description_3rd { font-size: 1.2em; }

#content { font-size: 1.2em; }
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt {  border-left: 1px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

/*
 Begin H1,H2,H3 [Typography & Colors]
----------------------------------------------------------------*/
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 4em; }
#headerimg { }
#headerimg p.description { font-size: 1.2em; text-align: left; color: #FFFFFF;  }
h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.6em; }

#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; }
h3 { font-size: 1.3em; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: #333; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2 { text-decoration: none; }

.title h2.pagetitle { color: #FFF; }
#bottom-content h4 { color: #dd0000; }

.breadcrumb { font-size: 1.2em; }


table.purchase td { font-size: 0.9em; line-height: 1.2em; }


/*
 Begin Sidebar [Typography & Colors]
----------------------------------------------------------------*/
#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#sidebar ul#cat_li li a:visited,#sidebar ul#cat_li li a:link,#sidebar ul#cat_li li a:active { text-decoration: none; font-size: 1.3em; color: #666; }
#sidebar ul#cat_li li a:hover { color: #66CC00; }

#sidebar ul#cat_main_li li a { font-size: 0em; }

#sidebar ul#page_li { width: 195px; background: #F4F4F4; padding: 5px; }
#sidebar ul#page_li li { color: #666; font-size: 1.2em; }
#sidebar ul#page_li li a { color: #67AA19; font-size: 1em; }
/* End Sidebar */

/*
 Begin Footer [Typography & Colors]
----------------------------------------------------------------*/
#footer { background: #ffb200; }
.sec_footer { text-align: center; }
#footer ul li { line-height: 1.8em; font-size: 1.2em; }
#footer ul li a { color: #FFFFFF; }
*html #footer ul li a { color: #FFFFFF; white-space: nowrap; }
html>body #footer ul li a { color: #FFFFFF; white-space: nowrap; }
#footer p { text-align: center; font-size: 1.3em; color: #FFFFFF; }
#footer p a { color: #FFFFFF; text-decoration: none; }


.red { color: #FF0000; }
.green { color: #008000; }
.blue { color: #0000a0; }
/* End Typography & Colors */


/*
 Begin Calendar [Structure & Typography & Colors]
----------------------------------------------------------------*/
.calnk a:hover { background-position:0 0; text-decoration:none; color:#000000; border-bottom:1px dotted #000000; }
.calnk a:visited { text-decoration:none; color:#000000; border-bottom:1px dotted #000000; }
.calnk a { text-decoration:none; color:#000000; border-bottom:1px dotted #000000; }
.calnk a span { display:none; }
.calnk a:hover span { color:#333333; background:#F6F79B; display:block; position:absolute; margin-top:1px; padding:5px; width:150px; z-index:100; }

.calendar-table { border:none; width:100%; }
.calendar-heading { height:25px; text-align:center; border:1px solid #D6DED5; background-color:#E4EBE3; }
.calendar-next { width:25%; text-align:center; }
.calendar-prev { width:25%; text-align:center; }
.calendar-month { width:50%; text-align:center; font-weight:bold; }

.normal-day-heading { text-align:center; width:25px; height:25px; font-size:0.8em; border:1px solid #DFE6DE; background-color:#EBF2EA; }
.weekend-heading { text-align:center; width:25px; height:25px; font-size:0.8em; border:1px solid #DFE6DE; background-color:#EBF2EA; }

.day-with-date { background: #00FF00; vertical-align:text-top; text-align:left; width:60px; height:90px; border:1px solid #DFE6DE; }
.day-with-date br { display: block; float: left; }
.current-day br { display: block; float: right; }

.no-events { background: #FFF; }
.day-without-date { width:60px; height:60px; border:1px solid #E9F0E8; }
span.weekend { color:#000000; }
.current-day { vertical-align:text-top; text-align:left; width:60px; height:60px; border:1px solid #BFBFBF; background-color:#FFFF00; }
span.event { font-size:0.75em; }

.calnk { display: block; float: right; width: 100%; height: 50px; background: #00FF00 url('images/off.gif') center 5px no-repeat; }

.kjo-link { color: #FFF; font-size:0.15em; text-align:center; }
.kjo-link a { color: #FFF; }
.event-title { text-align:center; font-weight:bold; font-size:1.2em; }
.event-title-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000; }
.event-content-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000; }