@charset "utf-8";
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/

/* Begin Base CSS */
body { background-image: url(http://www.hankoya-shop.com/common/back.gif); background-repeat: no-repeat; background-position: center bottom; text-align: center; margin: 0; padding: 0; }
html>body { background-image: url(http://www.hankoya-shop.com/common/back1799.gif); background-repeat: no-repeat; background-position: center bottom; }
#line_box02 { background-image: url(http://www.hankoya-shop.com/common/back_top.jpg); background-repeat: no-repeat; background-position: 50% top; margin: 0; padding: 0; }
html>body #line_box02 { background-image: url(http://www.hankoya-shop.com/common/back_top1799.jpg); background-repeat: no-repeat; background-position: 50% top; margin: 0; padding: 0; }
#line_box01 { background-image: url(http://www.hankoya-shop.com/common/back_line.gif); width: 1000px; margin: 0 auto; }
#main_box { background-image: url(http://www.hankoya-shop.com/common/head_back.jpg); background-repeat: no-repeat; background-position: center top; text-align: left; width: 1000px; margin: 0 auto; padding: 0; }
#body_box { width: 980px; margin: 0 0 0 10px; padding: 0; }
h1 { font-size: 80%; text-decoration: none; height: 35px; margin: 0; padding: 0; }
h1 strong { font-weight: normal; position: relative; right: -10px; bottom: -18px; }
html>body h1 strong { font-weight: normal; position: relative; bottom: -15px; }
#head_menu { margin: 0; padding: 0; }
#head_menu ul { margin: 0; padding: 0; display: inline; }
#head_menu li { float: left; margin: 0; padding: 0; list-style-type: none; }
#head_menu li a { color: #333; font-size: 70%; background-image: url(http://www.hankoya-shop.com/common/head_menu.gif); background-position: left top; text-decoration: none; width: 132px; height: 19px; margin: 0 0 0 5px; padding: 0; display: block; }
#head_menu li a b { position: relative; right: -5px; bottom: -4px; }
html>body #head_menu li a b { position: relative; right: -5px; bottom: -3px; }
#head_menu li a:hover { color: #900; background-image: url(http://www.hankoya-shop.com/common/head_menu.gif); background-repeat: no-repeat; background-position: left bottom; text-decoration: underline; }
.soryo { font-size: 70%; clear: both; margin: 0; padding-top: 7px; padding-left: 30px; }
.soryo img { position: relative; right: -15px; bottom: -6px; }
#contents_box { background-image: url(http://www.hankoya-shop.com/common/contents_back.gif); background-repeat: repeat-y; background-position: left top; width: 980px; margin: 0; padding: 25px 0 0; }
#contents_box p { margin: 0; padding: 0; }
#left { width: 150px; float: left; margin: 0 0 0 5px; padding: 0 0 25px; }
#search_box { background-color: #fff; margin: 0; padding: 15px 0; }
#search_box form { margin: 0; padding: 0; }
dl { margin: 15px 0 0; padding: 0; }
dt { font-size: 80%; background-image: url(http://www.hankoya-shop.com/common/main_midashi.gif); background-repeat: no-repeat; background-position: left top; width: 150px; height: 27px; margin: 0 0 5px; padding: 0; display: block; }
dt b { font-weight: normal; position: relative; right: -7px; bottom: -7px; }
dd { margin: 0; padding: 0; }
dd a { color: #c60; font-size: 80%; background-image: url(http://www.hankoya-shop.com/common/main_link.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; width: 144px; margin: 0; padding: 0; display: block; }
dd a:hover { color: #900; background-image: url(http://www.hankoya-shop.com/common/main_link.gif); background-repeat: no-repeat; background-position: right 50%; text-decoration: underline; }
dd a b { padding-top: 3px; padding-bottom: 3px; padding-left: 7px; display: block; }
#center { position: relative; right: -15px; width: 615px; float: left; margin: 0; padding: 0 0 25px; }
.main_kakomi { background-image: url(http://www.hankoya-shop.com/common/main_kakomi02.gif); background-repeat: repeat-y; background-position: left 50%; position: relative; left: -3px; z-index: 25; margin: 0; }
html>body .main_kakomi { position: relative; left: inherit; right: -2px; }
.midashi01 { color: #900; font-size: 110%; background-image: url(http://www.hankoya-shop.com/common/midashi01.gif); background-repeat: repeat-x; background-position: 50% bottom; margin: 10px 20px 5px 15px; padding-left: 0.5em; border-left: 0.2em solid #900; }
.shohin4 { margin-top: 40px; margin-left: 55px; }
.shohin4 p { text-align: center; position: relative; width: 130px; height: 200px; z-index: 50; float: left; margin: 0; padding: 0; display: block; }
.shohin4 p a { color: #333; font-size: 80%; line-height: 1.2em; text-decoration: none; }
.shohin4 p a:hover { color: #900; text-decoration: underline; }
.shohin4 p img { width: 110px; margin-bottom: 5px; border: solid 1px #f99; }
#right { background-color: #fff; text-align: center; width: 175px; float: right; margin-bottom: 25px; }
#right h2 { margin: 0; padding: 0; }
.osusume_link { margin: 15px 0 !important; }
.osusume_link img { width: 125px; margin-bottom: 15px; border-style: none; border-width: 0; }
#address { position: relative; z-index: 60; clear: both; margin-left: 25px; }
#address_left { position: relative; width: 14em; z-index: 70; float: left; white-space: nowrap; }
html>body #address_left { width: 17em; }
.okaiage { color: #900; font-size: 110%; }
.kessai { font-size: 80%; line-height: 1.4em; }
#address_left p { font-size: 90%; line-height: 1.4em; margin: 0 0 1em; }
#detail { background-color: #fff; text-align: center; margin: 20px 0 0; padding-top: 25px; padding-bottom: 15px; }
#detail img { border-style: none; border-width: 0; }
#detail p { font-size: 80%; line-height: 1.4em; margin-top: 5px; margin-bottom: 5px; }
#detail h4 { color: #000; font-size: 100%; background-color: #ccc; margin-top: 25px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }
.feed { font-size: 80%; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
.shift5 { position: relative; bottom: -5px; }
.clear { clear: both; }
/* End Base CSS */

/********** text ***********/

/****** テーブルA　******/
	
#body-box .title {
	color:#990000;
	background-color:#FFDAB9;
	padding:2px 4px;
	font-size:small;
	font-weight:bold;
	}
	
#body-box .item {
	background-color:#FFF5EE;
	padding: 2px;
	font-size:small;
	margin:0px;
	border:1px solid #CCCCCC;
	width:100px;
	color:#000000;
	}
	
#body-box .data {
	background-color:#FFFFFF;
	padding: 2px;
	font-size:small;
	margin:0px;
	border:1px solid #CCCCCC;
	}


/****** テーブルB（強調）　******/	
	
#body-box .title-b {
	color:#FFFFFF;
	background-color: #8B0000;
	padding:2px 4px;
	font-size:small;
	font-weight:bold;
	}
	
#body-box .item-b {
	background-color:#FFF5EE;
	padding: 2px;
	font-size:small;
	margin:0px;
	border:1px solid #8B0000;
	width:100px;
	color:#000000;
	}
	
#body-box .data-b {
	background-color:#FFFFFF;
	padding: 2px;
	font-size:small;
	margin:0px;
	border:1px solid #8B0000;
	}
	
/****** テーブルC（商品ページの書体）　******/	
	
#ji-table {
	margin: 10px 0px 0px 0px
	}
	
#ji-table .title {
	color:#000000;
	background-color: #FFCCCC;
	padding:2px;
	font-size: medium;
	font-weight:bold;
	text-align:center;
	}
	

/****** 囲み枠A（補足説明）　******/			
.waku {
	border: 1px solid #99CC66;
	margin:10px 0px ;
	padding:10px
	}
	
/* カテゴリボックス */
.catbox{ font-size: 90%; line-height: 1.4em; display:block; float:left; padding:15px 3px 10px;
/*	border:1px solid #CCCCCC;*/
	margin:5px; text-align:left; position: relative; width:110px; height:150px; z-index: 150; }
.catbox img { margin-bottom: 3px; }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
/*	text-align: justify; */
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* 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 */
.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 */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */