@charset "utf-8";
/* CSS Document */

/*====================================================================

common.css

======================================================================

	01.format
	02.body
	03.header
	04.navi
	05.container
	06.footer
	07.other
	08.index
	09.level2

=====================================================================*/

/*--------------------------------------------------------------------
     01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	font:normal normal normal 100%/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}
img { display:block;}
li  { list-style-type: none;}
em { font-style: normal;}

/*  a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{
	color: #703904;
	outline:none;
}

a:link   {text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover  {text-decoration: none;}
a:active {text-decoration: none;}



/*--------------------------------------------------------------------
    02.body
--------------------------------------------------------------------*/
body{
	background: #fffef8;
	text-align: center;
	font-size: 12px;
	color: #656565;
}
#body01 {
	background: #fffef8 url(img/common_bg_body.gif) repeat-x 0 0;
}


#wrapper,
#header,
#navi,
#container,
#footer {
	margin: 0 auto;
	text-align: left;
}

#wrapper,
#header,
#navi,
#container,
#footer {
	width: 1015px;
}


/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
#header {
	background: url(img/common_bg_header.gif) no-repeat 0 0;
	height: 85px;
}

#header h1 {
	float: right;
	padding-top: 5px;
	padding-left: 23px;
	margin-bottom: 5px;
	background: url(img/common_bg_h1.gif) no-repeat 0 0;
	width: 645px;
	height: 23px;
	color: #ad9975;
	font-size: 10px;
}

#header a {
	overflow: hidden;
	text-indent: -9999px;
}

/* home
-------------------------------------------------------------------- */
#home {
	float: left;
	padding-left: 10px;
	width: 140px;
	height: 70px;
}
#home a {
	display: block;
	width: 130px;
	height: 65px;
}

/*--------------------------------------------------------------------
    04.navi
--------------------------------------------------------------------*/
#navi {
	background: url(img/common_bg_g_navi.gif) no-repeat 0 0;
	height: 47px;
}

#navi ul {
	margin-left: 80px;
}
#navi li,
#navi li a{
	display: block;
	float: left;
	height: 47px;
	outline: none;
	text-indent: -9999px;
	overflow: hidden;
}

#navi ul li#n01 { width: 60px;}
#navi ul li#n02 { width: 130px;}
#navi ul li#n03 { width: 110px;}
#navi ul li#n04 { width: 225px;}
#navi ul li#n05 { width: 110px;}
#navi ul li#n06 { width: 110px;}

#navi ul li#n01 a { width: 60px; background-position: -80px 0;}
#navi ul li#n02 a { width: 130px; background-position: -140px 0;}
#navi ul li#n03 a { width: 110px; background-position: -270px 0;}
#navi ul li#n04 a { width: 225px; background-position: -380px 0;}
#navi ul li#n05 a { width: 110px; background-position: -605px 0;}
#navi ul li#n06 a { width: 110px; background-position: -715px 0;}

#navi ul li a:hover {
	background: url(img/common_bg_g_navi_hover.gif) no-repeat;
}


/*--------------------------------------------------------------------
    05.container
--------------------------------------------------------------------*/
#container {
	padding-top: 26px;
	margin-bottom: 31px;
}

#body01 #container {
	padding-top: 0;
	margin-bottom: 0px;
}

#container:after,
#header:after,
#navi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* contents
--------------------------------------------------------------------*/
#contents {
	float: left;
	width: 670px;
}

/* sidebar
--------------------------------------------------------------------*/
#sidebar {
	float: right;
	width: 300px;
}

/* side_box
--------------------------------------------------------------------*/
.side_box {
	width: 300px;
}

.side_box p {
	padding: 0 5px 5px;
}

.side_box img {
	margin-bottom: 13px;
}


/* bnr
--------------------------------------------------------------------*/
#bnr {
	width: 300px;
}
#bnr img.m01{
	margin-bottom: 4px;
}
#bnr img.m02{
	margin-bottom: 16px;
}
#bnr img.m03{
	margin-bottom: 13px;
}


/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
#footer {
	margin: 0 auto;
	background: url(img/common_bg_footer.gif) no-repeat 0 0;
	height: 188px;
}

/* list
--------------------------------------------------------------------*/
#footer ul {
	padding-left: 3px;
}
#footer ul li {
	float: left;
	margin-right: 15px;
	padding: 0 9px;
	border-right: 1px solid #8a744d;
	line-height: 1.2;
	font-size: 10px;
}
#footer ul li.bl {border-left: 1px solid #8a744d;}

#footer ul li a { color: #8a744d; text-decoration: none;}
#footer ul li a:hover { color: #673b0c; text-decoration: underline;}


/* footer_navi
--------------------------------------------------------------------*/
#footer_navi {
	padding-bottom: 15px;
}
#footer_navi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#footer_navi ul {
	padding-left: 3px;
}
#footer_navi ul li {
	float: left;
	margin-right: 4px;
	padding: 0 9px;
	border-right: 1px solid #8a744d;
	line-height: 1.2;
	font-size: 10px;
}
#footer_navi ul li.bl {border-left: 1px solid #8a744d;}

#footer_navi ul li a { color: #8a744d; text-decoration: none;}
#footer_navi ul li a:hover { color: #673b0c; text-decoration: underline;}


/* pagetop
--------------------------------------------------------------------*/
.pagetop {
	padding-bottom: 5px;
	border-bottom: 1px solid #dcd4cb;
	width: 1015px;
}
.pagetop:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.pagetop img {
	float: right;
}

/* address
--------------------------------------------------------------------*/
#footer address {
	padding-top: 67px;
	margin-bottom: 30px;
	width: 797px;
	color: #91705a;
	font-size: 10px;
}
#footer address:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer address p {
	float: left;
	margin-right: 15px;
	padding-left: 15px;
}

/* copy
--------------------------------------------------------------------*/
#copy {
	line-height: 1.2;
	color: #b3a98f;
	font-size: 10px;
	font-family: Century Gothic;
}


/*--------------------------------------------------------------------
    09.other
--------------------------------------------------------------------*/
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto;}
.clear { clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clearfix { zoom:1;}
.inline { display:inline;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* padding */
.ps{padding: 5px;}
.ps_t{padding-top: 5px;}
.ps_b{padding-bottom: 5px;}
.ps_h{padding: 5px 0px;}
.ps_w{padding: 0px 5px;}

.pm{padding: 10px;}
.pm_t{padding-top: 10px;}
.pm_b{padding-bottom: 10px;}
.pm_h{padding: 10px 0px;}
.pm_w{padding: 0px 10px;}

/* margin */
.ms{margin: 10px;}
.ms_t{margin-top: 10px;}
.ms_b{margin-bottom: 10px;}
.ms_l{margin-left: 10px;}
.ms_r{margin-right: 10px;}
.ms_h{margin: 10px 0px;}
.ms_w{margin: 0px 10px;}

.mm{margin: 15px;}
.mm_t{margin-top: 15px;}
.mm_b{margin-bottom: 15px;}
.mm_l{margin-left: 15px;}
.mm_r{margin-right: 15px;}
.mm_h{margin: 15px 0px;}
.mm_w{margin: 0px 15px;}

.ml{margin: 10px;}
.ml_t{margin-top: 31px;}
.ml_b{margin-bottom: 25px;}
.ml_l{margin-left: 25px;}
.ml_r{margin-right: 25px;}
.ml_h{margin: 25px 0px;}
.ml_w{margin: 0px 25px;}

.mll_b{margin-bottom: 35px;}


/*--------------------------------------------------------------------/
	08.index
/--------------------------------------------------------------------*/

/* flash
--------------------------------------------------------------------*/
#flash {
	margin: 64px auto 40px;
	width: 865px;
}

/* top_main
--------------------------------------------------------------------*/
#top_main {
	margin-bottom: 15px;
	width: 1015px;
}
#top_main:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* top_bnr
--------------------------------------------------------------------*/
#top_bnr {
	float: left;
	padding-top: 3px;
	width: 730px;
}
#top_bnr img {
	float: left;
	margin-right: 5px;
}


/* news
--------------------------------------------------------------------*/
#news {
	float: right;
	padding-right: 2px;
	width: 280px;
}

#news div {
	overflow: scroll;
	overflow-x: hidden;
	width: 280px;
	height: 50px;
}

#news table {
	width: 250px;
}
#news th,
#news td {
	border-bottom: 1px solid #efe4d7;
	text-align: left;
	vertical-align: top;
	line-height: normal;
	font-size: 10px;
}
#news th {
	padding: 4px 0 5px 10px;
	width: 70px;
	color: #673b0c;
	background: url(img/ocommon_icon_01.gif) no-repeat 0 10px;
	font-family: Century Gothic, Verdana;
	font-weight: bold;
}
#news td {
	padding: 4px 0;
	width: auto;
}


/*--------------------------------------------------------------------/
	09.level2
/--------------------------------------------------------------------*/

/* common elements
--------------------------------------------------------------------*/
h2 {
	margin: 0 auto 20px;
	background: url(img/common_bg_h2.jpg) no-repeat 50% 0;
	width: 670px;
	height: 125px;
}
h2 span {
	display: block;
	padding-top: 43px;
	padding-left: 30px;
	color: #ffffff;
	font-weight: bold;
	font-size: 30px;
}

/*--------------------------------------------------------------------
    entrybody
--------------------------------------------------------------------*/
.entrybody {
	margin: 0 0 35px;
	width: 670px;
}

.entrybody p {
	margin: 0 0 15px;
}
.entrybody img.right {
	margin-left: 20px;
	margin-bottom: 20px;
}
.entrybody img.left {
	margin-right: 20px;
	margin-bottom: 25px;
}

.entrybody .mt-image-left,
.entrybody .mt-image-right,
.entrybody img.right,
.entrybody img.left {
	border: 3px solid #f0ebe3;
}

.entrybody iframe {
	margin-bottom: 15px;
	margin-left: 2px;
}

html>body .entrybody a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* entrytxt */
.entrytxt {
	margin: 0 auto 10px;
	width: 665px;
}

.entrytxt:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------
     h3, h4, h5
--------------------------------------------------------------------*/
.entrybody h3 {
	margin-bottom: 12px;
	padding-top: 7px;
	padding-left: 12px;
	background: url(img/common_bg_h3.gif) no-repeat 0 0;
	height: 30px;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
}

/* h4 */
.entrybody h4 {
	clear: both;
	margin: 15px auto;
	padding-top: 6px;
	padding-left: 10px;
	background: url(img/common_bg_h4.gif) no-repeat 0 0;
	width: 655px;
	height: 26px;
	color: #7d4017;
	font-size: 15px;
	font-weight: bold;
}


/*
*html #news { margin-bottom: 30px;}
*:first-child+html #news { margin-bottom: 30px;}
*/

/*--------------------------------------------------------------------
    entrybody ul, ol
--------------------------------------------------------------------*/
.entrybody ul {
	margin-bottom: 15px;
	margin-left: 7px;
}

.entrybody ul li {
	padding-left: 18px;
	background: url(img/common_icon_02.gif) no-repeat 0 3px;
	padding-bottom: 6px;
}

.entrybody ol {
	margin-bottom: 15px;
	margin-left: 15px;
}
.entrybody ol li {
	list-style: decimal outside;
	margin-left: 15px;
	padding-bottom: 5px;
}


/*--------------------------------------------------------------------
    entrybody table
--------------------------------------------------------------------*/
.entrytxt table {
	margin: 0px auto 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.entrytxt td,
.entrytxt th {
	padding: 5px 8px 5px 9px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}

.entrytxt td p { margin-bottom: 5px;}

.entrytxt td ul,
.entrytxt td ol { margin: 5px 10px 0;}

.entrytxt td img {
	margin: 0;
	padding: 3px;
	background: #dddddd;
}


/*--------------------------------------------------------------------
    entrybody div
--------------------------------------------------------------------*/
.entrytxt div {
	clear:both;
	margin: 0 auto 15px;
	padding: 12px 15px 5px;
	background: #ffffff;
	border: 1px dotted #a58961;
	width: 625px;
}
.entrytxt div p { margin: 0 0 5px;}
.entrytxt div img { margin-bottom: 5px;}

.entrytxt div ul,
.entrytxt div ol {
	margin-bottom: 5px;
	margin-left: 3px;
}


.entrytxt div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------
    products
--------------------------------------------------------------------*/
.products_c {
	margin: 0 auto 30px;
	padding-bottom: 4px;
	background: url(img/products_bg.gif) repeat-y 0 0;
	border-bottom: 1px solid #ebdbc8;
	width: 655px;
}
.products_c:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.products_c p {
	margin: 0;
	padding: 10px 20px;
	color: #786310;
}

.products_c .mt-image-left,
.products_c .mt-image-right,
.products_c .mt-image-none {
	border: none;
}
.products_c .mt-image-left,
.products_c .mt-image-none { padding-left: 20px;}
.products_c .mt-image-right { padding-right: 20px;}

.products_c a img {
	display: inline;
}

.products_c .m_c {
	margin-left: 225px;
}


/*--------------------------------------------------------------------
    cakes
--------------------------------------------------------------------*/
.products {
	margin: 0 auto 30px;
	width: 665px;
}
.products:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.products img.left,
.products img.right {
	margin-bottom: 0;
}
.products img {
	border: 3px solid #f0ebe3;
}

.products div {
	display: inline;
}
.products div p {
	width: 370px;
}

.products div table {
	margin: 0 0 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.products div td {
	padding: 5px 8px 5px 9px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}


/* inof */
p.info {
	padding-left: 5px;
	color: #6e4812;
	font-size: 24px;
	font-weight: bold;
}

.entrytxt div div {
	margin: 0 0 0;
	padding: 0 0 0;
	background: none;
	border: none;
	width: 360px;
}

/*--------------------------------------------------------------------
    season
--------------------------------------------------------------------*/
.products_season {
	margin: 0 auto 30px;
	width: 665px;
}
.products_season:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.products_season img.left{
	margin-bottom: 0;
	margin-right: 20px;
}
.products_season img.right {
	margin-bottom: 0;
	margin-left: 20px;
}
.products_season img {
	border: 3px solid #f0ebe3;
}

.products_season div {
	display: inline;
}


/*--------------------------------------------------------------------
    contact
--------------------------------------------------------------------*/
.contact {
	margin: 0 auto;
	width: 665px;
}
.contact p { padding-right: 15px;}

.contact table {
	margin: 10px auto 20px;
	width: 650px;
}

.contact th,
.contact td {
	padding: 9px 5px;
	background: url(img/common_bg_dod.gif) repeat-x 0 100%;
	text-align: left;
	vertical-align: top;
}

.contact th {
	width: 170px;
	color: #6aa70a;
}
.contact td {
	width: 480px;
}

.contact em {
	color: #ff3300;
	font-style: normal;
}
.contact textarea { font-size: 12px;}

.contact:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.imeon{ ime-mode:active; }
.imeoff{ ime-mode:disabled; }

input,
textarea { font-size: 12px;}




/*--------------------------------------------------------------------
    shop
--------------------------------------------------------------------*/

/* two_maincolumn
--------------------------------------------------------------------*/
#two_maincolumn {
	float: left;
	width: 670px;
}

/* rightcolumn
--------------------------------------------------------------------*/
#rightcolumn {
	float: right;
	width: 300px;
}

#rightcolumn h4 {
	margin-bottom: 10px;
}

.price {
	color: #57820d;
	font-weight: bold;
}

/* cartarea */
#cartarea {
	margin: 0 0 20px;
	padding-bottom: 10px;
	background: url(img/shop_bg_side_box.gif) repeat-y 0 0;
	border-bottom: 1px solid #c3c3c3;
	width: 255px;
}
#cartarea p {
	margin: 0 20px;
}
#cartarea p.item {
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(img/common_bg_dod.gif) repeat-x 0 100%;
}

#cartarea img.center { margin-top: 10px;}



/*--------------------------------------------------------------------
    特定商取引に関する法律に基づく表記 
--------------------------------------------------------------------*/
#undercolumn_order table {
	width: 650px;
}
#undercolumn_order table th {
	background: #775911;
	color: #ffffff;
	width: 130px;
}
#undercolumn_order table td {
	background: #ffffff;
	width: auto;
}

/*--------------------------------------------------------------------
    おすすめ
--------------------------------------------------------------------*/
.recomendblock {
	margin: 0 auto 15px;
	width: 660px;
}
.recomendblock:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.recomendblock h5 a:link,
.recomendblock h5 a:visited {
	font-weight: bold;
	color: #5f8228;
}

.recomendblock p {
	paddin: 0;
	margin: 0 0 5px 0;
	font-size: 10px;
}
.recomendblock p span {
	color: #820f00;
	font-weight: normal;
	font-size: 12px;
}

.recomendleft {
	float: left;
	padding: 10px 10px;
	background: #f0ecd2;
	width: 300px;
}
.recomendleft a img,
.recomendright a img {
	float: left;
	padding: 2px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

.recomendright {
	float: right;
	padding: 10px 10px;
	background: #f0ecd2;
	width: 300px;
}
.recomendright h5 {
	font-weight: bold;
	color: #5f8228;
}

.recomendleft div,
.recomendright div {
	float: right;
	width: 180px;
}

.recomendleft div img,
.recomendright div img {
	display: inline;
	padding-right: 3px;
}


/*--------------------------------------------------------------------
    サイド
--------------------------------------------------------------------*/
/* categoryarea */
#categoryarea {
	margin: 0 0 20px;
	background: url(img/shop_bg_side_box02.gif) repeat-y 0 0;
	border-bottom: 1px solid #c3c3c3;
	width: 255px;
}

ul#categorytree {
	margin-bottom: 10px;
	padding: 0 20px;
}
ul#categorytree li a:hover {
	color: #d98000;
}

ul#categorytree li.level1 {
	padding-left: 18px;
	background: url(img/common_icon_02.gif) no-repeat 0 3px;
	padding-bottom: 4px;
	font-weight: bold;
}
ul#categorytree li.onmark a:link,
ul#categorytree li.onmark a:visited,
ul#categorytree li.onmark a:hover {
	color: #d98000;
}

ul#categorytree li.level2 {
	padding-left: 30px;
	background: url(img/common_icon_02.gif) no-repeat 12px 3px;
	padding-bottom: 3px;
}
ul#categorytree li.level3 {
	padding-left: 40px;
	background: url(img/common_icon_02.gif) no-repeat 22px 3px;
	padding-bottom: 3px;
}



/* loginarea */
#loginarea {
	margin: 0 0 20px;
	padding-bottom: 5px;
	background: url(img/shop_bg_side_box.gif) repeat-y 0 0;
	border-bottom: 1px solid #c3c3c3;
	width: 255px;
}

#loginarea p {
	font-size: 11px;
}
#loginarea p.btn {
	margin: 0 auto 5px;
	width: 125px;
}

div#loginarea p {
    padding: 8px 20px 0;
}

div#login p img {
	display: inline;
    padding: 0 5px 0 0;
    vertical-align: bottom;
}
#loginarea img.center {
	margin-bottom: 5px;
}
#loginarea .box96 {
    width: 150px;
    border: solid 1px #ccc;
}



/* guidearea */
#guidearea {
	margin: 0 0 20px;
	width: 255px;
}
#guidearea img { margin-bottom: 5px;}

#cartarea:after,
#loginarea:after,
#categoryarea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------
     商品一覧
--------------------------------------------------------------------*/

/* ページ送り
----------------------------------------------- */
.pagenumberarea, .pagecondarea {
    clear: both;
    width: 650px;
    margin: 20px auto;
    padding: 10px;
    background-color: #f0ecd2;
}

ul.pagenumberarea {
    height: 2.5ex;
}

ul.pagecondarea {
    border: 1px solid #CCCCCC;
}

ul.pagenumberarea li {
    float: left;
    width: 32.9%;
}

ul.pagenumberarea li.left {
    text-align: left;
    white-space: nowrap;
}

ul.pagenumberarea li.center {
    text-align: center;
    white-space: pre;
}

ul.pagenumberarea li.right {
    text-align: right;
    white-space: nowrap;
}

.pagenumberarea .pagenumber{
    color: #ff0000;
    font-weight: bold;
}

p.pagenumberarea .number{
    font-weight: bold;
}

/* 商品
----------------------------------------------- */
div.listarea {
	margin: 0 0 20px 3px;
	width: 660px;
}
div.listarea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.listphoto {
    float: left;
    width: 130px;
}
div.listphoto img {
	border: 1px solid #cccccc;
}

div.listrightblock {
    float: right;
    width: 500px;
}

div.listrightblock li {
    display: inline;
    padding: 0 0 10px 0;
}

div.listrightblock .listcomment {
	margin-bottom: 10px;
	padding: 10px 0;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

div.listrightblock .pricebox {
    float: left;
}
div.listrightblock .pricebox .price {
	font-size: 14px;
	font-weight: bold;
}

div.listrightblock .soldout {
    clear: both;
	color: #336600;
}

div.listrightblock .quantity {
    width: 150px;
}

div.listrightblock .btnbox {
    margin: 0 0 10px 0;
    padding: 1px;
    float: right;
}



/*--------------------------------------------------------------------
     商品詳細ページ
--------------------------------------------------------------------*/
#undercolumn {
	margin: 0 auto 10px;
	width: 670px;
}

#detailarea {
	margin: 0 auto 10px;
	width: 660px;
}

#undercolumn:after,
#detailarea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#undercolumn h3 {
	margin-bottom: 12px;
	padding-top: 7px;
	padding-left: 12px;
	background: url(img/common_bg_h3.gif) no-repeat 0 0;
	height: 30px;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
}
#undercolumn h4 {
	clear: both;
	margin: 15px auto;
	padding-top: 6px;
	padding-left: 10px;
	background: url(img/common_bg_h4.gif) no-repeat 0 0;
	width: 655px;
	height: 26px;
	color: #7d4017;
	font-size: 15px;
	font-weight: bold;
}


/* detailphotoblock */
#detailphotoblock {
	float: left;
	width: 270px;
}

#detailphotoblock .picture {
	margin-bottom: 5px;
	border: 1px solid #dddddd;
}


/* detailrightblock */
#detailrightblock {
	float: right;
	width: 360px;
}
#detailrightblock p {
	margin-bottom: 5px;
}

#detailrightblock p .price {
	color: #57820d;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
.mini { font-size: 11px;}

/* comment */
#detailrightblock p.line {
	margin-bottom: 10px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #cccccc;
}

/* アイコン */
ul.status_icon {
	margin-bottom: 8px;
}
ul.status_icon li {
	display: inline;
	margin-right: 2px;
}
ul.status_icon li img {
	display: inline;
}


/* dl */
#detailrightblock dl {
	padding: 10px 0;
	width: 120px;
}
#detailrightblock dt {
	float: left;
	padding-left: 15px;
	background: url(img/common_icon_02.gif) no-repeat 0 2px;
	width: 45px;
}

/* btn */
#detailrightblock p.btn {
	border-top: 1px dashed #cccccc;
	padding: 10px 0;
}
#detailrightblock p.btn img {
	display: inline;
	margin-bottom: 5px;
}

#detailrightblock .box54 {
    width: 54px;
    border: solid 1px #ccc;
}

/* 品切れ */
.attention { color: #336600;}

/* 関連カテゴリ */
#cat {
    clear: both;
    width: 650px;
    margin: 20px auto;
    padding: 10px;
    background-color: #f0ecd2;
}


/*--------------------------------------------------------------------
     カートの中身
--------------------------------------------------------------------*/

/* 共通 */
#under02column {
	margin: 0 auto;
	width: 700px;
}
#under02column p {
	padding: 0 10px 10px;
}


/* カート */
.totalmoneyarea p.total {
	font-size: 14px;
	font-weight: bold;
}
.totalmoneyarea p em {
	color: #CC3333;
}

table.cart_table {
	margin: 15px auto 20px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 650px;
}
table.cart_table th,
table.cart_table td {
	padding: 5px 10px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	width: auto;
}
table.cart_table th {
	background: #5d860e;
	color: #ffffff;
	text-align: center;
}

table.cart_table td {
	background: #ffffff;
}

table.cart_table td.phototd {
	width: 100px;
}
table.cart_table td.phototd img { margin: 0 auto;}

table.cart_table td.nametd {
	width: 150px;
}

table.cart_table td.pricetd {
	text-align: right;
	color: #d98000;
}
table.cart_table td.pricetd em {
	color: #CC3300;
	font-size: 14px;
	font-weight: bold;
}

table.cart_table td#quantity {
	width: 65px;
}
table.cart_table td#quantity ul#quantity_level {
	float: right;
	padding-top: 1px;
	width: 40px;
}
table.cart_table td#quantity ul#quantity_level li {
	float: left;
	padding-right: 3px;
}

table.cart_table th.resulttd {
	background: #ede6cf;
	width: auto;
	text-align: left;
	color: #6b580a;
}

/*--------------------------------------------------------------------
     ログイン
--------------------------------------------------------------------*/
#under02column_login p img,
#under02column_login div.inputbox02 img {
	display: inline;
}

#under02column_login div.tblareabtn {
	margin-bottom: 15px;
}

/*--------------------------------------------------------------------
     お客様情報テーブル
--------------------------------------------------------------------*/
#under02column_customer p.flowarea {
	padding: 0 0 10px;
}

#under02column_customer table.customer_table,
#under02column_shopping table.delivname {
	margin: 0 auto 15px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 660px;
}
#under02column_customer table.customer_table th,
#under02column_customer table.customer_table td,
#under02column_shopping table.delivname th,
#under02column_shopping table.delivname td {
	padding: 5px 8px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#under02column_customer table.customer_table th,
#under02column_shopping table.delivname th {
	background: #888888;
	width: auto;
	color: #ffffff;
}
#under02column_customer table.customer_table td,
#under02column_shopping table.delivname td {
	background: #ffffff;
	width: 490px;
}

#under02column_customer table.customer_table td p,
#under02column_customer table.customer_table td p.mini,
#under02column_shopping table.delivname td p.
#under02column_shopping table.delivname td p.mini {
	margin: 0;
	padding: 5px 0 0;
}
#under02column_customer table.customer_table td img,
#under02column_shopping table.delivname td img {
	display: inline;
	vertical-align: middle;
}
#under02column_customer table.customer_table td input,
#under02column_customer table.customer_table td select {
	margin: 2px 0;
}

#under02column_customer table.customer_table th span.attention {
	color: #CC3300;
}

#under02column_customer div.tblareabtn {
	margin: 0 auto;
	width: 150px;
}


/*--------------------------------------------------------------------
     お支払方法の指定
--------------------------------------------------------------------*/
.payarea,
.payarea02,
#under02column div.pointarea {
	margin: 0 auto 20px;
	width: 670px;
}
.payarea h3,
.payarea02 h3,
#under02column div.pointarea h3 {
	margin-bottom: 15px;
}

.payarea table {
	margin-left: 20px;
	width: 650px;
}

.payarea table th,
.payarea table td {
	text-align: left;
	width: auto;
}
.payarea table td.centertd,
.payarea table th.centertd {
	width: 40px;
	text-align: left;
}

.payarea02 div {
	margin: 0 auto;
	width: 650px;
}

#under02column_shopping div.tblareabtn {
	margin: 0 auto;
	width: 650px;
}
#under02column_shopping div.tblareabtn img {
	display: inline;
}

/* ポイントエリア */



/*--------------------------------------------------------------------
     会員登録
--------------------------------------------------------------------*/
#undercolumn_entry p {
	padding-bottom: 15px;
}


#undercolumn_entry textarea {
	margin-bottom: 15px;
}
#undercolumn_entry div.tblareabtn img{
	display: inline;
}

/* table */
#undercolumn_entry table,
#undercolumn_contact table {
	margin: 0 auto 15px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 660px;
}
#undercolumn_entry th,
#undercolumn_entry td,
#undercolumn_contact table th,
#undercolumn_contact table td {
	padding: 5px 8px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#undercolumn_entry th,
#undercolumn_contact table th {
	background: #888888;
	width: auto;
	color: #ffffff;
}
#undercolumn_entry th span.attention,
#undercolumn_contact table th span.attention {
	color: #FF6666;
}

#undercolumn_entry td,
#undercolumn_contact table td {
	background: #ffffff;
	width: 440px;
}

#undercolumn_entry table td p,
#undercolumn_entry table td p.mini,
#undercolumn_contact table td p.mini,
#undercolumn_contact table td p {
	margin: 0;
	padding: 5px 0 0;
}
#undercolumn_entry td img,
#undercolumn_entry td img,
#undercolumn_contact td img {
	display: inline;
	vertical-align: middle;
}
#undercolumn_entry td input,
#undercolumn_entry td select,
#undercolumn_contact td input,
#undercolumn_contact td select {
	margin: 2px 0;
}


/*--------------------------------------------------------------------
     windowarea（パスワードを忘れた方、お届け先追加など）
--------------------------------------------------------------------*/
#windowarea img {
	margin: 20px auto;
}
#windowarea p {
	padding-bottom: 10px;
}

#windowarea span.attention { color: #ee6600;}
#windowarea div.btn {
	margin: 20px auto ;
}

#windowarea table {
	margin: 0 auto 20px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 500px;
}
#windowarea table th,
#windowarea table td {
	padding: 5px 10px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: left;
}
#windowarea table th {
	background: #888888;
	width: 120px;
	color: #ffffff;
}
#windowarea table td {
	background: #ffffff;
	width: auto;
}
#windowarea table td img {
	margin: 0;
}
#windowarea table td input,
#windowarea table td select {
	margin: 3px 0;
}


/*--------------------------------------------------------------------
     マイページ
--------------------------------------------------------------------*/
#mypagecolumn:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#mypagecolumn h3 {
	margin: 0 0 20px;
}

/* サイド */
#mynavarea {
	float: left;
	width: 170px;
}
#mynavarea ul {
	margin-bottom: 15px;
}
#mynavarea ul li span {
	font-size: 14px;
	font-weight: bold;
}



/* メイン */
#mycontentsarea {
	float: right;
	width: 480px;
}
#mycontentsarea p {
	padding-bottom: 15px;
}

/* お気に入り */
#mycontentsarea table.list {
	margin: 0 auto 20px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
#mycontentsarea table.list th,
#mycontentsarea table.list td {
	padding: 5px 10px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#mycontentsarea table.list th {
	background: #486b07;
	text-align: center;
	color: #ffffff;
}
#mycontentsarea table.list td {
	background: #ffffff;
}
#mycontentsarea table.list td.sale_price {
	text-align: right;
}


/* 登録変更 */
#mycontentsarea table.delivname {
	margin: 0 auto 20px;
	width: 475px;
}
#mycontentsarea table.delivname th,
#mycontentsarea table.delivname td {
	border-bottom: 5px solid #fffef8;
}
#mycontentsarea table.delivname th {
	padding: 5px 10px;
	background: #888888;
	width: 115px;
	color: #ffffff;
	font-size: 11px;
}
#mycontentsarea table.delivname th span.attention {
	color: #FF6666;
}
#mycontentsarea table.delivname td {
	padding: 5px 0 5px 15px;
	width: auto;
}
#mycontentsarea table.delivname td p {
	padding-bottom: 0;
}

#mycontentsarea table.delivname td input,
#mycontentsarea table.delivname td select {
	margin: 3px 0;
}
#mycontentsarea div.tblareabtn img {
	display: inline;
}

/* お届け先追加 （カート含む） */
#under02column_shopping p.addbtn {
	padding: 0 25px 20px;
}

#mycontentsarea table.delivery_table {
	margin: 0 auto 15px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 475px;
}
#under02column_shopping table.delivery_table {
	margin: 0 25px 15px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 475px;
}

#mycontentsarea table.delivery_table th,
#mycontentsarea table.delivery_table td,
#under02column_shopping table.delivery_table th,
#under02column_shopping table.delivery_table td {
	padding: 5px 10px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#mycontentsarea table.delivery_table th,
#under02column_shopping table.delivery_table th {
	background: #615524;
	color: #ffffff;
}
#mycontentsarea table.delivery_table th.resulttd {
	background: #ede6cf;
	width: auto;
	color: #6b580a;
}

#mycontentsarea table.delivery_table td,
#under02column_shopping table.delivery_table td {
	background: #ffffff;
	width: auto;
}
#mycontentsarea table.delivery_table td.centertd,
#under02column_shopping table.delivery_table td.centertd {
	width: 40px;
	text-align: center;
}

/* 退会 */
#completetext div.tblareabtn { margin-bottom: 15px;}


/* lightbox
-------------------------------------------------------------------*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 45%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
*html #loading {left: 0%;}
*:first-child+html #loading {left: 0%;}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../js/lightbox/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { background: url(../js/lightbox/img/prevlabel.gif) left 15% no-repeat; left: 0; float: left;}
#nextLink { background: url(../js/lightbox/img/nextlabel.gif) right 15% no-repeat; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../js/lightbox/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../js/lightbox/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	background-color: #fff;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#imageData:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}