/*
THEME NAME: TOKYO WOOD
THEME URI: 
DESCRIPTION: Theme for tokyo wood site
VERSION: 1.0
AUTHOR: NSSGRAPHICA
*/

/******************************
 ******************************
 **
 ** style.css
 **
 ******************************
 ******************************/

/* basic rules */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,em,address,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border: none;
	outline:0;
	font-size:100%;
	vertical-align:bottom;
	background: transparent;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,"メイリオ",Meiryo,"MS P ゴシック","Kozuka Gothic Pro","小塚ゴシック Pro",Osaka,sans-serif;
	line-height:1.8em;
}
body{font-size: 0.857em;}
h1,h2,h3{font-size: 1em;}
ol,ul{list-style: none;}
blockquote, q{quotes: none;}
hr{display:none;}

/* remember to define focus styles */
:focus{
	outline: 0;
}

/* remember to highlight inserts somehow */
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0" in the markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************
 *** clearfix
 ******************************/
 
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	padding-bottom: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* tokyo wood *****/
#tokyowood{
	padding:20px 0;
}
.home{background-color:#fff; height:100%;}
#wrapper{position:relative;}
#tokyowood a{
	color:#9cc813;
	text-decoration:none;
	border-bottom:1px dotted #9cc813;
	font-size:90%;
}
#tokyowood a:hover{
	color:#cae86d;
	border-bottom:none;
}

/* page *****/
.page,.category,.page{background:url(common/bg.gif) repeat left top #fff;}
#photomount{position:absolute; left:0; top:0; width:719px height:380px;}
#photomount #slider{
	position:relative;
	display:block;
	width:719px;
	height:380px;
}

ol.rhino-bullets{
	position:absolute;
	top:-4px;
	right:-16px;
}
ol.rhino-bullets li{}
ol.rhino-bullets li a{display:block; width:14px; height:14px; background:url(common/nav-dot.png) no-repeat 0 -14px; text-indent:-9999px; overflow:hidden;}
#tokyowood ol.rhino-bullets li a{border:none;}
ol.rhino-bullets li a.rhino-active-bullet{background-position:0 0;}

.page #contents,
.single #contents,
.category #contents{
	margin-left:261px;
	width:719px;
	background-color:#FFF;
	position:relative;
}
.page #contentsBody,
.category #contentsBody,
.single #contentsBody{
	position:relative;
	padding: 420px 40px 70px 74px;
}
.page h1,
.category h1{
	position:absolute;
	left:20px;
	top:420px;
}
.page h2{
	color:#56371b;
	font-size:120%;
	font-weight:normal;
	margin-bottom:30px;
}
.page h3{
	color:#56371b;
	font-size:100%;
	margin-bottom:1.5em;
	margin-top:1.5em;
}
.page h4{
	color:#56371b;
	font-size:90%;
}
.page p{
	color:#56371b;
	font-size:95%;
	margin-bottom:1.5em;
}
.page ul li,
.page ol li{
	color:#56371b;
	font-size:90%;
}
.page ol.decimal li{
	list-style-type:decimal;
	margin-left:1.8em;
}

.page .section{
	margin-top:4em;
}

#privacyContact{
	margin-top:30px;
}

.colist{
	border-bottom:1px dotted #bbafa4;
	margin-bottom:18px;
	padding-bottom:18px;
	line-height:1.6em;
	font-size:90%;
	color:#56371b !important;
}
.colist a{
	font-size:100% !important;
}
.colist .coname a,
.colist .coname{
	font-size:105% !important;
}
.colist .coname{
}

#formBox{
	border-top:1px dotted #bbafa4;
	padding-top:20px;
	width:605px;
}
#formBody{width:605px;}
#formBody tbody tr th,
#formBody tbody tr td{
	vertical-align:top;
	text-align:left;
	padding-bottom:28px;
	line-height:1.8em;
}
#formBody tbody tr td.addressBox{
	padding-bottom:8px;
}
#formBody tbody tr td#s{
	width:211px;
}
#formBody tbody tr th{
	color:#56371b;
	font-size:80%;
	width:11.5em;
	padding-right:3px;
}
p span.att,
#formBody tbody tr th span,
#formBody tbody tr td span{
	font-size:80%;
	color:#c84161;
}

#formBody tbody tr td.td-radio span{
	font-size: 12px;
	color:#56371b;
	margin-left: -1px;
}
#formBody input,
#formBody textarea{
	border:none;
	padding:2px 3px;
}
#formBody input.name,
#formBody input#phone{
	width:182px;
	height:19px;
	background:url(images/input_s2.gif) no-repeat left top #fff;
	margin-right:22px;
}
#formBody input#postal{
	margin-left:4px;
	width:83px;
	height:19px;
	background:url(images/input_s1.gif) no-repeat left top #fff;
}
#formBody input#address{
	width:470px;
	height:19px;
	background:url(images/input_s4.gif) no-repeat left top #fff;
}
#formBody input#email,
#formBody input#place{
	width:235px;
	height:19px;
	background:url(images/input_s3.gif) no-repeat left top #fff;
}
#formBody textarea{
	width:470px;
	height:199px;
	background:url(images/textbox.gif) no-repeat left top #fff;
}
#formBody input#button{
	width:91px;
	height:37px;
	background:url(images/submitBtn.gif) no-repeat left top #fff;
	text-indent:-9999px;
	cursor:pointer;
}
#formBody input#button:hover{
	opacity:0.5;
}

.screen-reader-response{
	margin-bottom: 20px;
}

.screen-reader-response{
	display: none;
}


p.note{
	font-size:85%;
	margin-top:30px;
}

.category .section{
	padding-bottom:35px;
	border-bottom:1px dotted #bbafa4;
	margin-bottom:35px;
}
.category .section p.date{
	font-size:10px;
	color:#56371b;
}
.category .section h2{
	font-size:16px;
	margin-bottom:1em;
	color:#56371b;
}
.category .section .txtBody p,
.category .section .txtBody,
.category .section .txtBody div{
	font-size:98%;
	color:#56371b;
}
.category .section .txtBody p a{
	font-size:100% !important;
}

.wp-pagenavi .current{
	color:#56371b;
}
.wp-pagenavi a,
.wp-pagenavi .current{
	font-size:8pt !important;
	margin-right:3px
}
.wp-pagenavi a{
	border:none !important;
}
.wp-pagenavi a.page{
	background:none;
}

/* sidebar *****/
#sidebar{
	position:fixed;
	top:20px;
	left:20px;
	bottom:20px;
	width:221px;
	background-color:#FFF;
	min-height:650px !important;
}
#sidebar #header{
	margin-bottom:40px;
	border-bottom:1px dotted #bbafa4;
}
#sidebar #header #logo a:hover,
#sidebar #bnr-contact a:hover{
	opacity:0.5;
}
#sidebar #navi{
	margin:0 34px 0 34px;
}
#sidebar #navi a{
	float:right;
	border:none;
}
#sidebar #bnr-contact{
	position:absolute;
	left:40px;
	top:448px;
}
#sidebar #subnavi{
	position:absolute;
	left:21px;
	bottom:43px;
}
#sidebar #subnavi a{
	display:block;
	width:100px;
	height:14px;
	border:none;
}
p#copyrights{
	position:absolute;
	bottom:18px;
	left:20px;
	margin-bottom:0 !important;
}

/* 404 *****/
#notfound{
	text-align:center;
}
#notfound #logo{
	margin-bottom:30px;
}
#notfound p{
	font-size:90%;
	margin-bottom:30px;
}

/* supersized *****/	
/*#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:158px; height:84px; margin:-79px 0 0 -42px; text-indent:-999em; background:url(images/_progress.gif) no-repeat left top #fff;}*/
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img {width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#fff; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#fff url(images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
ul#slide-list{position:absolute; right:20px; top: 16px; z-index:100;}
ul#slide-list li{}
ul#slide-list li a{display:block; width:14px; height:14px; background:url(common/nav-dot.png) no-repeat 0 -14px; border:none;}
ul#slide-list li.current-slide a{background-position:0 0;}

p#loading{
	position:absolute;
	left:50%;
	top:50%;
	width:157px;
	height:84px;
	margin:-42px 0 0 -78px;
}

#sidebar,#photomount,#slide-list{display:none;}
#supersized{visibility:hidden;}
.page #sidebar, .single #sidebar, .category #sidebar, .page #slide-list, .single #slide-list, .category #slide-list{display:block;}

.wpcf7-validation-errors{
	position:absolute;
	left:74px;
	top:450px;
	height:3em;
	width:605px;
	font-size:90%;
	color:red;
	font-weight:bold;
}
.wpcf7-not-valid-tip-no-ajax{
	white-space:nowrap;
	margin-left:0.5em;
}
.wpcf7-mail-sent-ok{
	display:block;
	font-size:90%;
	color:#56371b;
}