/*
Theme Name: KentSpeed
Theme URI: N/A
Description: Theme with HTML5 
Version: 1.0
Author: Yokoyama Keiji
Author URI: http://kent-design.net
Tags: 

Use this for my friends

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* ******************************************************** */
/* VERY IMPORTANT : for HTML5 tags. Do NOT remove the code  */
/* below. All unknown tags are interpreted by default as    */
/* "display:inline"                                         */
/* ******************************************************** */
 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}


/* GENERAL */
body {font-family: Arial, Helvetica, sans-serif; color: #333;margin: 0; padding: 0; width: 100%; height: 100%; background-image: url(images/bg.jpg); background-repeat: repeat-y; background-position: center top;}

#container {background: none; margin: 0; padding: 0; width: 100%; height: 100%;overflow: hidden;}
img {border: none;}
img a {border: none;}
.clear {clear: both;}
a {color: 333; text-decoration: none;}
a:hover {color: #785430;}
.red {color: #bd2405;}
.wht {color: #fff;}
.green {color: #638a0f;}
.plt30 {padding-left: 30px;}

/* The page header     */
/* ******************* */
/* applied to <header> */

#header-top {width: 100%;}
#head-set {width: 980px; margin: 0 auto; padding: 0; height: 440px; position: relative; background-color: #000;}
#head-set h1 {width: 100px; z-index:180; top: 10px; left: 50%; position: absolute; margin-left: -50px;}
#head-set h1 a {color:#000;text-decoration: none; z-index:180;}
#head-set .anime {width: 100px; height: 110px; z-index:200; top: 30px; left: 50%; position: absolute; margin-left: -130px;}
#logo-top {width: 900px; margin: 0 auto; padding-top: 20px; height: 500px;}
#logo-top h1 {width: 250px; float: left; margin: 0; z-index:18;}
#logo-top h1 a {color:#000;text-decoration: none; z-index:18;}
#logo-top .top-nav {width: 190px; float: right;}
#logo-top img {line-height: 1px;}
#header {width: 100%; top: 0; left: 0; position: fixed; z-index: 100;}
#logo {width: 900px; margin: 0 auto; padding-top: 10px; background-color: #fff; height: 80px;}
#logo h1 {width: 250px; float: left; margin: 0;}
#logo h1 a {color:#000;text-decoration: none;}
#logo .top-nav {width: 190px; float: right;}
#logo img {line-height: 1px;}
#pages {width: 980px; height: 40px; margin: 0 auto; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; clear: both;}
#navlist, #navlist ul {width: 900px; padding: 0; margin: 0 auto; list-style: none;}
#navlist li {float : left; text-indent: -9999px; height: 40px;}
#navlist li.page-item-18, #navlist li.page-item-2000, #navlist li.page-item-24, #navlist li.page-item-14, #navlist li.page-item-58, #navlist li.page-item-286 , #navlist li.page-item-366, #navlist li.page-item-1147, #navlist li.page-item-1162, #navlist li.page-item-1168 {display: none;}
#navlist li a {display: block; background-image: url(images/nav.png); height: 40px;}
#navlist li.page-item-6 a {background-position: 0 0; width: 122px;}
#navlist li.page-item-8 a {background-position: -122px 0; width: 118px;}
#navlist li.page-item-10 a {background-position: -240px 0; width: 151px;}
#navlist li.page-item-12 a {background-position: -391px 0; width: 79px;}
#navlist li.page-item-16 a {background-position: -470px 0; width: 107px;}
#navlist li.page-item-20 a {background-position: -577px 0; width: 108px;}
#navlist li.page-item-63 a {background-position: -685px 0; width: 91px;}
#navlist li.page-item-22 a {background-position: -776px 0; width: 124px;}
#navlist li a:hover {background-position-y: 40px;}
#navlist li ul {display: none;}

/* Background content */
/* ****************** */
#content-top {width: 900px; padding:20px 0;margin: 0 auto;}
#content, #content-blog  {width: 960px; padding:120px 0 40px 0;margin: 0 auto;}

/* Pages navigation */
/* *************** */
.left a, .right a {font: normal 13px Arial, Helvetica, sans-serif; color: #e04d88;}
.left {text-align:left;}
.right {text-align: right;}

/* The posts */
/* ********* */
#left-top {float: right; width: 580px;margin-bottom: 20px; min-height: 400px;}
#left {width: 900px; padding: 0 30px; margin-bottom: 20px; min-height: 400px; background-color: #fff;}
#left-blog {float: right; width: 580px;margin-bottom: 20px; min-height: 400px; padding-right: 30px;}
#titre h1 {color: #333;font: bold 20px Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 3px; z-index:18;}
#titre h1 a {color:#a69c91;font: bold 39px Arial, Helvetica, sans-serif;letter-spacing: -2px;text-decoration:none;}
#titre h1 a:hover {color: #785430;}
#titre pre {font: normal 11px "Courier New", Courier, monospace;letter-spacing: 3px;text-transform:uppercase;color: #e04d88;border-top: 1px dotted #ccc;padding:10px 0 0 0;margin: 0 0 25px 0;}
#titre p.bread {font-size: 11px; padding-bottom: 10px;}
#titre p.bread a {color: #333; border: none; text-decoration: none;}
#titre p.bread a:hover {color: #f00; border: none; background: none; text-decoration: underline;}
#article h1 {color: #333;font: bold 20px Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 3px; z-index:18;}
#article h2, h3, h4, h5, h6 {color: #333;}
#article h2 {color: #333; font: bold 18px Arial, Helvetica, sans-serif;border-left: 6px solid #887a7a; padding-left: 8px;}
#article h3 {color: #333; font: bold 16px Arial, Helvetica, sans-serif; padding-top: 30px;border-bottom: 1px solid #ff7800; clear: both;}
#article h4 {color: #333; font: bold 14px Arial, Helvetica, sans-serif;}
#article h5 {color: #333;}
#article h6 {color: #333;}
#article h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#a69c91;}
#article p {line-height: 1.5em;color: #666;font-size: 14px;}
#article p a {color: #785430;text-decoration:none;}
#article p a:hover {}
#article p.postmetadata {margin-bottom: 80px;font: 13px/20px Georgia, "Times New Roman", Times, serif}
#article ul, ol {font-size: 90%;color: #666;}
#article table {border-collapse: collapse;}
#article td, th {color: #666;font-size: 90%;padding: 5px;border: 1px solid #b5b5b5;}

/* box */
#article dl.left300 {width: 578px; font-size: 14px; line-height: 1.6em; float: left; margin-top: 10px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; background-color: #f7f3e8;}
#article dl.left300 dt ,#article dl.left300 dd {padding-top: 6px; padding-bottom: 6px;border-top: 1px solid #ccc;}
#article dl.left300 dt.head,#article dl.left300 dd.head {font-weight: bold;}
#article dl.left300 dt {width: 400px; height: 100%; padding-left: 10px; float: left;}
#article dl.left300 dd {width: 158px; margin-left: 410px;border-left: 1px solid #ccc; padding-left: 10px;}
#article dl.left200 {width: 578px; font-size: 14px; line-height: 1.6em; float: left; margin-top: 10px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; background-color: #f7f3e8;}
#article dl.left200 dt, #article dl.left200 dd {padding-top: 6px; padding-bottom: 0;border-top: 1px solid #ccc;}
#article dl.left200 dt {width: 280px; height: 100%; padding-left: 10px; float: left;}
#article dl.left200 dd {width: 268px; margin-left: 300px;border-left: 1px solid #ccc; padding-left: 10px;}
#article dl.left100 {width: 578px; font-size: 14px; line-height: 1.6em; float: left; margin-top: 10px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; background-color: #f7f3e8;}
#article dl.left100 dt, #article dl.left100 dd {padding-top: 6px; padding-bottom: 0;border-top: 1px solid #ccc;}
#article dl.left100 dt {width: 80px; height: 100%; padding-left: 10px; float: left;}
#article dl.left100 dd {width: 478px; margin-left: 90px;border-left: 1px solid #ccc; padding-left: 10px;}

/* toppage */

#image-navigation-text ul li a {display:block;}
#image-navigation-text .navi-image { position:relative;width: 900px; height: 400px; margin: 0 auto;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }

h2.titl {display: none;}
.titl01 {width: 120px; height: 24px; background: url(images/titl_news.gif) no-repeat 0 0; padding-bottom: 10px;}
.index_news{width:578px;height:120px;padding:10px 0;overflow-y:scroll; border: 1px solid #ccc;}
.index_news dl {width:560px; margin: 4px 0 2px 6px;overflow:hidden; border-bottom: 1px dotted #ccc;}
.index_news dt, .index_news dd {padding-bottom: 2px;}
.index_news dt{width:90px;padding-left:2px;float:left;font: normal 12px Arial, Helvetica, sans-serif; color: #00a0e9;}
.index_news dd{width:450px; font-size: 12px;margin-left: 100px}
.index_news dd a {color: #785430;text-decoration:none;}
.index_news dd a:hover {color: #eca65f;text-decoration:underline;}

#article .grid-left {width: 280px; padding-right: 10px; float: left; font: bold 14px  Arial, Helvetica, sans-serif; letter-spacing: 1px; height: 120px;}
#article .grid-right {width: 280px; padding-left: 10px; float: right; font: bold 14px  Arial, Helvetica, sans-serif; letter-spacing: 1px; height: 120px;}
#article .gridSm-left {width: 180px; padding-right: 20px; float: left; height: 70px;}
#article .gridSm-right {width: 180px; padding-left: 0; float: right; height: 70px;}

/* news */

.newslist {height: 21px;margin: 0 auto 20px auto;padding: 0 30px 20px;width: 520px;text-align: left;border: #ccc 1px solid;position: relative;overflow: hidden;color: #464646; font-size: 16px;background-color: #f9f9f9;}
.newslist ul {width: 100%;position: relative;}
.newslist ul li {width: 100%;display: none;}
.newslist ul li a {color: #464646; text-decoration: none;}
.newslist ul li a:hover {color: #c5321d; text-decoration: underline;}

#news {border: 1px solid #ccc; width: 276px; min-height: 200px;}
#news .date-news {font: normal 9px Arial, Helvetica, sans-serif; color: #00a0e9; padding-bottom: 1px;}
#news .news-title {font-size: 12px; border-bottom: 1px dotted #ccc; margin-bottom: 14px;}
#news .news-title a {color: #666; text-decoration: none; line-height: 13px;}

/* slideshow */
#slideshow {position:relative; width: 900px; height: 400px; margin: 0;}
#slideshow IMG {position:absolute; top:0; left:0; width: 900px; height: 400px; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}


.grid-900 {width: 838px; padding: 10px 30px; border: 1px solid #ccc; margin-bottom: 10px; clear: both; font-size: 13px;}
.grid-450 {width: 383px; padding: 10px 30px; border: 1px solid #ccc; margin-bottom: 10px; font-size: 13px; height: 460px;}
.hight-360 {height: 360px;}
.hight-300 {height: 300px;}
.hight-260 {height: 330px;}
.float-left {float: left;}
.float-right {float: right;}
p.grid-date {border-bottom: 1px solid #999; text-align: center;}
p.grid-date span {color: #c42500; font-size: 11px; padding-right: 10px;}

#article .arrow {background-image: url(images/arrow02.gif); background-position: 0 0; background-repeat: no-repeat; width: 720px; height: 25px; padding: 0 0 30px 180px; font-size: 14px;}
#article .arrow a {color: 333; text-decoration: none;}
#article .arrow a:hover {color: #785430;}
#article .arrow span {color: #ed6941; font-weight: bold;}

/* all contents */

.content-right {float: right; width: 580px;margin-bottom: 20px;}
.content-left {float: left; width: 280px;}
ul.side-menu {list-style: none;}
ul.side-menu li {margin-left: -20px; margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px dotted #ccc;}
ul.side-menu li a {color: #333; text-decoration: none; display: block;}
ul.side-menu li a:hover {color: #752929; background-color: #e9e3e3;}

/* grids */
.box-450 {width: 430px; float: left; padding: 20px 0 20px 20px;}
.box-450 h4 {margin-top: -1px;}
.box-300 {width: 300px; float: left; text-align: center;}
.box-300 img {margin: 0 auto;}
.box-280 {width: 260px; float: left; padding: 20px 10px;font-size: 11px;}
.pdg-r20 {padding-right: 20px;}
.box-180 {width: 150px; float: left; padding: 20px;font-size: 11px;}
.box-180 img {margin: 0 auto;}
.box-180 p, .box-280 p {font-size: 11px;}

/* hadaka-matsuri */
ul.hadaka-date {width: 700px; padding-left: 100px;}
ul.hadaka-date li {list-style: none; border-bottom: 1px solid #ccc; margin-bottom: 12px;}
ul.hadaka-date li a {color: #666; text-decoration: none;}
ul.hadaka-date li a:hover {color: #785430;}
ul.hadaka-date li span.nyr {float: right;}
ul.hadaka-date li span {}
/* Q&A */
ul.faq {line-height: 1.8em;color: #666;font-size: 13px;list-style: none;margin-left: 0;}
ul.faq li {margin-left: -36px; *margin-left: 0;}
ul.faq li.qest {padding-left: 25px; color: #bd2405; background-image: url(http://www.konomiya.or.jp/main/common/img/li_q.gif); background-position: 0 2px; background-repeat: no-repeat;}
ul.faq li.ansr {padding: 0 0 12px 25px;; color: #666; background-image: url(http://www.konomiya.or.jp/main/common/img/li_a.gif); background-position: 0 2px; background-repeat: no-repeat;}
ul.faq li.ansr span { color: #bd2405; font-weight: bold;}
ul.faq li img {margin-bottom: -2px;}
ul.faq li.qq {color: #111;}
ul.faq li.aa {padding-bottom: 12px;}

/* event */
#slider1 {width: 900px; }
.thumbs {text-align: center; height: 30px; padding-top: 20px;}

#event-box {width: 900px; height: 840px; display: block;}
#event-box .event-left {width: 400px; height: 400px; margin-left: 40px; float: left;}
#event-box .event-right {width: 400px; height: 400px; margin-right: 40px; float: right;}
/* event-calendar */
#event-calendar {width: 400px; font-size: 14px; margin: 0; font-weight: normal;}
#event-calendar thead {background-color: #e0e0e0; color: #fff; text-align: center;}
#event-calendar tbody {background-color: #f7f1e7;}
#event-calendar td {padding: 3px 3px 2px 3px; vertical-align: middle;}
#event-calendar caption {font: bold 20px Arial, Helvetica, sans-serif; padding: 20px 0;}
#event-calendar td.date {text-align: center;}
#event-calendar span {font-size: 10px; font-weight: bold; margin: 0; padding: -4px 0;}

/* yaku harai */

/* yakudosi-calendar */
#yaku-calendar {width: 570px; font-size: 14px; margin: 0; font-weight: normal; text-align: center; color: #333;}
#yaku-calendar thead {background-color: #f7f3e8;}
#yaku-calendar td {padding: 10px 3px; vertical-align: middle;}
#yaku-calendar td.grnbk {background-color: #f0fcd7;}
#yaku-calendar td.grybk {background-color: #e9e9e9;}
#yaku-calendar caption {font: bold 16px Arial, Helvetica, sans-serif; color: #d73800;}

#article dl.yaku {width: 578px; font-size: 14px; line-height: 1.6em; margin-top: 10px; color: #666;}
#article dl.yaku dt, #article dl.yaku dd {padding-top: 2px; padding-bottom: 2px;}
#article dl.yaku dt {width: 140px; float: left;}
#article yaku dd {width: 328px; margin-left: 150px;}

/* ochakai */
/* ochakai-calendar */
#tea-calendar {width: 570px; font-size: 14px; margin: 0; font-weight: normal; text-align: center; color: #333;}
#tea-calendar thead {background-color: #e0e0e0; color: #fff;}
#tea-calendar td {padding: 10px 3px; vertical-align: middle;background-color: #f7f1e7;}
#tea-calendar caption {font: bold 16px Arial, Helvetica, sans-serif; color: #333;}
#tea-calendar span {font-size: 10px;}

/* ochakaiprice-calendar */
#tea02-calendar {width: 400px; font-size: 14px; margin: 0; font-weight: normal; text-align: center; color: #333;}
#tea02-calendar td {padding: 10px 3px; vertical-align: middle;background-color: #f7f1e7;}
#tea02-calendar td.grnbk {background-color: #f0fcd7;}
#tea02-calendar caption {font: bold 16px Arial, Helvetica, sans-serif; color: #333;}

/* Map Keidai */
.map-keidai {line-height: 0; width: 900px; height: 530px; background-image: url(images/bg_kouno.gif);}

/* exhibi */
.exhibi-left {width: 280px; float: left; clear: both; font-size: 14px; color: #666; padding: 20px 0;}
.exhibi-right {width: 280px; float: right; font-size: 14px; color: #666; padding: 20px 0;}

.capstn {width: 150px; height: 80px; float: left; display: block; font-size: 11px; text-align: center; margin-right: 14px;}

/* The comments */
/* ************ */

#respons .rounded {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color:#EEECEA;border: 1px solid #978D80;padding: 3px;}
.commentlist .quote {background: url(images/bg_quote.gif) no-repeat top right ;   }   
.commentlist li {padding: 5px 18px 22px 18px; border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;   -webkit-border-radius: 10px 10px 0 0; margin-top:15px; background:#EEECEA url(images/bg_commentlist.gif) bottom left no-repeat; color:#785430; height: 100px;}   
html>body .commentlist li  {height: auto;min-height: 70px;} 
.commentlist cite {display:block; font-style:normal;padding-left: 20px;}   
.commentlist cite a:link, .commentlist cite a:visited {color:#5cb4bc; text-decoration:none;   }   
.commentlist cite a:hover, .commentlist cite a:active {text-decoration:underline;}  
.commentlist img.avatar {float:left;margin-right: 10px;border: 4px solid #fff;}

/* PageTop */
#pagetop {position: fixed; bottom: 100px; right: 10%; z-index: 10;}

/* The sidebar */
/* *********** */
#sidebar {float: left; width: 280px;}
#sidebar-blog {float: left; width: 280px; padding-left: 30px;}
#sidebar h2 {font: bold 18px Arial, Helvetica, sans-serif;letter-spacing: 1pt;text-transform:lowercase;color:#111; padding: 0;margin: 2px 0;}
#sidebar ul {list-style-type:none;margin:auto !important;margin: 10px;}
#sidebar ul li ul {font: 15px Arial, Helvetica, sans-serif;padding:0 24px; list-style: none;}
#sidebar ul li ul li {margin: 10px 0;}

#sidebar ul li ul li a {color: #5cb4bc;text-decoration: none;margin-left: 2px !important;margin-left: 10px;}
#sidebar ul li ul li a:hover {text-decoration:underline;}
#searchform {color: #60dcdf;text-align:center;text-transform:uppercase;font-size: 10px;letter-spacing: 2px;margin:0 0 25px 0;padding-right: 20px;}
#sidebar .button {color: #fff;font-size:24px;border: none;background: none;padding-top: 5px;}
#sidebar .field {border: 2px solid #60dcdf;padding: 3px;margin-top: 7px !important;margin-top: 2px;}
.widget_tag_cloud a {color: #5cb4bc;text-decoration: none;}

/* footer */
#footer {clear:both;font: 11px Tahoma, Geneva, sans-serif;color: #785430; background-color: #333; margin-bottom: -30px; padding-bottom: 20px;overflow: hidden;}
#footer .footer-nav {height: 40px; background-color: #000; text-align: center;}
#footer .sitemap {width: 900px; margin: 0 auto; min-height: 220px;}
#footer ul.foot-sitemap {list-style: none; font-size: 12px; float: left; margin: 20px 30px 30px -30px;}
#footer ul.foot-sitemap li a {color: #fff;text-decoration: none;}
#footer ul.foot-sitemap li a:hover {color: #ccc;text-decoration: underline;}
#footer ul.foot-press {width: 110px; list-style: none; font-size: 10px; float: right; margin: 20px 0 30px 0;}
#footer ul.foot-press li a {color: #fff;text-decoration: none;}


/* others - do NOT delete, needed since wordpress 2.5 */
/* ************************************************** */
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right; margin: 0 0 10px 10px;}
.framed {padding: 6px; border: 1px solid #d3c7c7;}
.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-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;}
/* Hides from IE Mac */
* html .clearfix{height: 1%;}
.clearfix;

/* contact */
#content_box {}
#content_box dl {clear: both;width: 800px;height: auto;padding: 4px 0 4px;margin-right: 0;font-size: 12px;}
#content_box dl dt {float: left;width: 120px;border-left: #ccc solid 10px;text-indent: 10px;display: inline;}

span.atention {font: 10px;color: #FF0000;}
/* IE6のみ */
*html #content_box dl dd {margin-left: 130px;text-indent: -3px;}
/* IE6のみ */
*html #content_box dl dd input#catalog1,
*html #content_box dl dd input#catalog2,
*html #content_box dl dd input#catalog3 {text-indent: 0;}

/*  IE6除外 */
#content_box dl>dd {text-indent: 0;padding-left: 160px;}
#content_box dl dd:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}

#content_box dl dd input,
#content_box dl dd textarea {display:inline;}

#content_box dl dd textarea#exp,
#content_box dl dd textarea#public_r,
#content_box dl dd textarea#motive,
#content_box dl dd textarea#contact_msg {ime-mode: active;width: 430px;height: 190px;overflow-y: scroll;}