/* kusai: Wed, 18 Feb 2009 23:07:05 +0900 */
@import "iconize.css";

a[href^="http"] {
background:url(link-icon_external_18.png) no-repeat right center;
padding-right:15px;
}

a[href^="http://kusai.hamaya-world.net"],a[href^="https://kusai.hamaya-world.net"] {
background:transparent;
padding:inherit;
}

/*a[href$=".pdf"] {
background:url(/Icons/16x16/mimetypes/pdf.png) no-repeat right center;
padding:0 21px 0 0;
}

a[href$=".txt"] {
background:url(/Icons/16x16/mimetypes/txt.png) no-repeat right center;
padding:0 21px 0 0;
}

a[href$=".zip"],a[href$=".7z"],a[href$=".gz"],a[href$=".bz2"] {
background:url(/Icons/16x16/mimetypes/zip.png) no-repeat right center;
padding:0 21px 0 0;
}

a[href$=".mp3"] {
background:url(/Icons/16x16/mimetypes/sound.png) no-repeat right center;
padding:0 21px 0 0;
}*/

a.feed,
ul.feed li a { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

span.date {
color:#676D12;
font-size:90%;
}

span.newmark {
color:#CC3E00;
font-size:90%;
font-weight:700;
}

#top_image,#top_image_slide{
margin:10px auto;
text-align:center;
width:482px;
height:272px;
}
#top_image img,#top_image_slide img{
position:relative;
width:482px;
height:272px;
box-shadow: 0 2px 4px gray;
}

aform#top_searchform {
clear:both;
}

body {
background-color:#F0EED7;
margin:0;
padding:0;
}

div#main {
line-height:1.5em;
margin:0 40px 20px;
padding:0;
}

div#header {
background-color:#130000;
color:#FFF;
margin:0;
padding:0;
}

div#top_title {
background-image:url(kusai_bamboo_art.png);
background-position:left;
background-repeat:no-repeat;
height:60px;
margin:0;
padding:0;
width:234px;
}

ul#topmenu {
background-color:#130000;
/*background-image:url(topmenu_bg.png);*/
background-position:bottom;
background-repeat:repeat-x;
border-color:#6C594A;
border-style:solid none;
border-width:1px;
color:#4F4F4F;
font-size:86%;
font-weight:700;
margin:0;
padding:6px 1em;
text-align:left;
}

ul#topmenu li {
display:inline;
list-style-type:none;
margin:5px;
padding:0 5px;
}

ul#topmenu a:link,ul#topmenu a:visited {
color:#FFFFE1;
text-decoration:none;
text-shadow:0 0 5px gray;
-moz-text-shadow:0 0 5px gray;
-webkit-text-shadow:0 0 5px gray;
}

ul#topmenu a:hover {
background-color:#000;
border-color:#BF0500;
border-style:solid none;
border-width:2px;
color:#BF0500;
}

p.content-nav {
color:#725301;
font-size:90%;
margin:0;
padding:0;
}

p.content-nav a:hover {
background-color:#EBD08B;
color:#BF0500;
padding:2px 0;
text-decoration:underline;
}

.tablenav {
background:#F0EED7;
color:#2583ad;
line-height:2em;
margin:1em auto;
text-align:center;
}

a.page-numbers,.tablenav .current {
background-color:#FFF;
border:solid 1px #ccc;
color:#00019b;
font-size:smaller;
padding:2px .4em;
text-decoration:none;
}

a.page-numbers:hover {
background:#745C0C;
color:#FFF;
}

.tablenav .current {
background:#745C0C;
border-color:#745C0C;
color:#FFF;
font-weight:700;
}

.tablenav .next,.tablenav .prev {
background:transparent;
border:0 none;
font-size:smaller;
font-weight:700;
text-decoration:underline;
}

ul.navigation li {
display:inline;
list-style-type:none;
margin:5px;
padding:5px;
}

div#lang {
font-size:84%;
position:absolute;
right:20px;
top:10px;
}

div#lang a {
color:#B5AE97;
font-weight:bolder;
text-decoration:none;
}

div#lang a:hover {
color:#99E41B;
}

#footer {
clear:both;
color:#725301;
font-size:86%;
margin:20px 0 0;
padding:6px 20px 10px;
text-align:left;
}

#footer address{
display: inline;
font-style: normal;
}

ul#footermenu li {
display:inline;
list-style-type:none;
margin:4px;
padding:0;
}

div#footer a:hover {
background-color:#EBD08B;
color:#BF0500;
}

a:link {
color:#0732A0;
}

a:visited {
color:#8409AC;
}

a:hover {
color:#F30;
}

a.style:hover {
background-color:#000;
color:#F30;
text-decoration:underline;
}

h1 {
color:#585C3A;
font-size:160%;
font-weight:400;
margin:20px 0 6px 30px;
padding:6px;
text-align:left;
}

p.description {
color:#586725;
font-size:90%;
margin:0 0 30px 30px;
}

h2 {
border-color:#6B6534;
border-style:none none solid solid;
border-width:0 0 1px 10px;
color:#4A4237;
font-size:104%;
font-weight:700;
padding:2px;
}

h3 {
font-size:100%;
font-weight:700;
}

#copyright {
color:#6E6E6E;
}

p.credit {
color:#6E6E6E;
font-size:96%;
text-align:right;
}

form#searchform {
}

img {
border-style:none;
}

#alpha ul li,
#top_info ul li {
line-height: 1.4;
list-style-image: url(list_mark.png);
margin:4px 0 4px 0;
}

div.pickup {
background-color:#FFF;
background-image:url(list_bg.png);
background-position:right;
background-repeat:repeat-y;
border-color:silver;
border-style:solid;
border-width:1px;
color:#6D6D6D;
margin:0;
padding:0;
}

/* for high resolution display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (min-resolution: 1.1dppx){
a.feed {background: transparent url(icons/icon_feed.svg) no-repeat center right;}
div#top_title{background-image:url(../css/kusai_bamboo_art.svg)}
#main ul li {list-style-image:url(../css/list_mark.svg)}
}

div.pickup h2 {
background-color:#FFF;
background-image:url(pickup_h2_bg.png);
background-position:right;
background-repeat:repeat-y;
color:#FFF;
font-size:100%;
font-weight:400;
margin:0;
padding:6px 20px;
}

#beta div.pickup ul {
list-style-type:none;
list-style-image:none;
margin:0;
padding:0 0 50px;
}

#beta div.pickup li {
border-color:silver;
border-style:none none solid;
border-width:1px;
}

div.pickup a {
color:#A24D2D;
display:block;
font-weight:bolder;
margin:0;
padding:0 10px;
text-decoration:none;
}

div.pickup ul a:hover {
background-color:#DBD6D1;
color:#F71800;
}

div.entry {
background-color:#FDF8EE;
border-color:silver;
border-style:solid;
border-width:1px;
margin:0;
padding:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

/*div.entry p.photo,.photo {
color:#4F4A11;
font-size:92%;
line-height:1.2em;
margin:18px 0 10px;
padding:0;
text-align:left;
}*/

/*lightbox*/
#stimuli_imageDataContainer{
border-radius: 0 0 12px 12px;
-moz-border-radius: 0 0 12px 12px;
-webkit-border-radius:0 0 12px 12px;
}

#stimuli_outerImageContainer {
border-radius: 12px 12px 0 0;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px 12px 0 0;
}

.photo {
color:#4F4A11;
font-size:82%;
line-height:1.6em;
margin:20px 0;
text-align:left;
}

.photo img{
border-color:silver;
border-style:solid;
border-width:1px;
}
dl.photo dd{
margin:0 0 10px 0;
}

.photo img,.photo_index img {
border-color:silver;
border-style:solid;
border-width:1px;
}

ul.link {
border-color:#dbd000;
border-style:solid;
border-width:1px;
font-size:88%;
margin:20px;
padding:10px;
}

ul.link,ul.link a:link,ul.link a:visited,ul.link a:hover {
background-color:#FFFEEC;
}

ul.link li {
margin:1em 20px;
}

dl.link {
border-color:#dbd000;
border-style:none;
border-width:1px;
margin:0 2em;
padding:0;
}

dl.link dt {
font-size:100%;
font-weight:600;
margin:.5em 0 0;
}

dl.link dd {
font-size:96%;
margin:0;
}

ul#related {
list-style-type:square;
}

p.powered {
color:gray;
font-size:90%;
text-align:right;
}

input.contact {
border-style:solid;
border-width:1px;
width:300px;
}

textarea.contact {
border-style:solid;
border-width:1px;
margin:2px 0 20px;
}

dl.contact dd {
background-color:#F9F9F7;
border-style:solid;
border-width:1px;
color:#525252;
margin:0 0 10px;
padding:0;
}

dd.contact {
width:300px;
}

input.contact,textarea.contact,dl.contact dd {
border-color:#886B35;
}

p.entry-footer {
color:gray;
font-size:90%;
margin:0;
padding:0;
text-align:right;
}

div.feedback {
clear:left;
color:#85A06D;
font-size:90%;
margin:10px;
text-align:right;
}

p.entrydate {
color:gray;
font-size:90%;
font-weight:700;
margin:0;
padding:0;
text-align:right;
}

ul.meta {
color:gray;
font-size:90%;
text-align:right;
}

ul.meta li {
display:inline;
list-style-position:inside;
list-style-type:none;
margin:3px;
}

ul.meta li.dimension {
color:#4F4A11;
display:block;
font-size:82%;
margin:0 0 15px;
padding:0;
}

ul.meta li.mei {
display:block;
}

ul.exhibition {
display:block;
list-style-type:disc;
margin:8px 0;
}

dl#the-list {
background-color:#FFF;
border-color:silver;
border-style:dotted solid none;
border-width:1px;
}

dl#the-list dt {
color:#B17A1D;
font-weight:700;
margin:12px 0 0;
padding:0 24px;
}

dl#the-list dd {
border-color:silver;
border-style:none none dotted;
border-width:1px;
font-size:90%;
margin:0;
padding:0 24px 12px;
}

.excerpt_index {
margin:0 20px 0 240px;
}

div.entry_index {
background-color:#FDF8EE;
border-color:silver;
border-style:solid;
border-width:1px;
margin:10px 0;
padding:0;
}

h2.storytitle_index a:link {
color:#45679E;
text-decoration:none;
}

div#alpha{
margin:0 250px 0 0;
}

div#beta {
font-size:90%;
margin-bottom:40px;
position:absolute;
right:12px;
top:200px;
width:238px;
}


.banner img:hover, .photo img:hover{
box-shadow:0 0 5px #5aa0dc;
-moz-box-shadow:0 0 5px #5aa0dc;
-webkit-box-shadow:0 0 5px #5aa0dc;
}

.trackbacks {
background-color:#FFFFE1;
border-color:silver;
border-style:solid;
border-width:1px;
margin:6px;
padding:10px;
}

ol.schresult {
margin:0;
padding:0;
width:600px;
}

ol.schresult li {
list-style-image:none;
list-style-type:none;
margin:1.5em 0;
}

ol.schresult h3 {
border:none;
font-weight:400;
margin:0;
padding:0;
text-indent:0;
}

ol.schresult p {
font-size:80%;
margin:0;
padding:0;
}

ul.schresult li {
color:gray;
display:inline;
font-size:80%;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
margin:0;
padding:0;
}

em.schresulturl {
color:green;
font-style:normal;
}

div.treeMenuDefault a,div.current_dir a {
display:inline;
font-weight:400;
margin:0;
padding:0;
}

div.current_dir a:link,div.current_dir a:visited {
background-color:#0A246A;
border-color:silver;
border-style:solid;
border-width:1px;
color:#FFF;
text-decoration:none;
}

div.content.image {
width:auto;
}

div.thumb_box {
vertical-align:top;
width:162px;
}

.off,div#top_title p {
display:none;
}

p.content-nav a,p#copyright a,p.credit a {
text-decoration:none;
}

div#footer a:link,div#footer a:visited {
color:#887100;
text-decoration:none;
}

a.style:link,a.style:visited {
background-color:#000;
color:#FFF;
text-decoration:none;
}

div.feedback a,dl#the-list dt a:link {
color:#B17A1D;
text-decoration:none;
}

div.feedback a:hover,dl#the-list dt a:hover,h2.storytitle_index a:hover {
color:red;
text-decoration:underline;
}

dl#the-list dt a:visited,h2.storytitle_index a:visited {
color:#714A84;
text-decoration:none;
}

.comment,.comments-open {
border-color:silver;
border-style:solid;
border-width:1px;
margin-bottom:10px;
margin-top:6px;
padding:10px;
}

.photo img,.photo_index img,#top_image img, #top_image_slide img {
border-color:silver;
border-style:solid;
border-width:1px;
max-width:100%;
}

ul.schresult,div.treeMenuDefault,div.entry p,.photo dd,ul.schresult {
margin:0;
padding:0;
}

/* clean archives */
div.car-container{
font-size:94%;
}

ul.car-list li{
 list-style-image:none;
 list-style-type:none;
}

span.car-yearmonth{
 font-weight:bolder;
}

.commentlist{
 margin:10px;
 padding:0px;
}

.comment:hover{
box-shadow:0 0 5px #5aa0dc;
-moz-box-shadow:0 0 5px #5aa0dc;
-webkit-box-shadow:0 0 5px #5aa0dc;
}

.commentlist li{
 list-style-type:none;
 list-style-image:none;
 border-color:silver;
 border-style:solid;
 border-width:1px;
 margin:10px 0;
 padding:0 1px;
 position:relative;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

.comment-author{
 background-color:#f7f7f7;
 background-image:none;
 background-repeat:repeat;
 background-attachment:scroll;
 background-position:0% 0%;
 padding:6px;
 margin:0;
 height:40px;
 font-weight:bolder;
 font-style:normal;
}

img.avatar{
 border-color:silver;
 border-style:solid;
 border-width:1px;
 padding:1px;
 margin:0 20px 0 0;
 float:left;
}

.comment-meta{
 font-color:silver;
 font-size:smaller;
 margin:4px 10px;
}

.commentlist p{
 margin:10px;
}

.reply{
 position:absolute;
 right:6px;
 top:0;
}

.reply a {
background:url(/Icons/16x16/actions/comment.png) no-repeat 0 50%;
margin-left:3px;
padding:0 0 0 19px;
}

.meta li{
background: url(icons-sprite.png) no-repeat top left;
padding:0 0 0 8px;
}

li.categories { background-position: 0 -30px; } 
li.comments { background-position: 0 -71px; } 
li.more { background-position: 0 -113px; } 
li.permalink { background-position: 0 -155px; } 
li.trackback { background-position: 0 -196px; } 




/* CSS for mobile devices */
@media (max-width:767px){
body{margin:0;padding:0;}
div#main{margin:0 10px 10px;}
div#alpha{margin:0;padding:0;}
div#beta,div#content{width:100%;position:static;}
div#header,div#footer{line-height:2em;}
ul#topmenu li,ul#footermenu li,#main ul li,#copyright{margin-top:1em;margin-bottom:1em;}
input.text{width:100%;margin:5px 0;}
input.radio{display:inline-block;width:20px;height:30px;margin:0;vertical-align:top;}
label.radiolabel{display:inline-block;height:35px;line-height:1.5em;margin:0;}
span,#top_image_slide,#top_image_slide img,img{max-width:100%;height:auto;}
table.searchform td{width:auto;}
/* for welcart */
input.skubutton,input.continue_shopping_button,input.to_customerinfo_button{width:100%;margin:5px 0;padding:10px;}
input.iopt_radio{margin:20px 0;padding:5px;}
#content {margin:0;padding:0;}
#content .catbox{margin:10px 0;padding:10px;}
#itempage .itemimg{max-width:100%;}
wc_cart,#wc_cart .entry,.inside-cart{margin:0;padding:0;}
#cart .thumbnail img{display:none;}
#cart td,#cart th{font-size:10px;white-space:normal !important;}
#cart .num,#cart .stock{max-width:1em !important;}
#cart .subtotal, #cart .quantity{max-width:3em !important;}
#cart input.quantity{max-width:20px !important;font-size:8px !important;}
#cart .thumbnail{max-width:1px !important;}
#cart input.delButton{padding:2em 0 !important;}
}