@charset "utf-8";

/* -----------------------------------------------------------
#
# INFORMATION
#
# FileName:	yakukoso.css
# Summary:	shop indiviual
# Created:	2009-07-15
# UpdatedBy:	2009-07-00
# Copyright:	(c)TREE OF LIFE CO., LTD. ALL RIGHTS RESERVED
------------------------------------------------------------ */
/* -----------------------------------------
	entry-common
------------------------------------------ */
#content-main .entry{
	margin:21px 0 38px 0;
}
#content-main .entry-title a{
	color:#FFF;
}
#content-main .entry-title a:link{
	text-decoration:none
}
#content-main .entry-title a:visited{
	text-decoration:none
}
#content-main .entry-title a:hover{
	text-decoration:underline;
}
#content-main .entry-title a:active{
	text-decoration:underline;
}
#content-main .entry-title .date{
	padding:0 0 2px 0;
	font-size: 11px;
	display: block;
	float: left;
}
#content-main .entry-title .category{
	margin-left: 13px;
	display: block;
	float: left;
}

#content-main .entrylist .entry-title a:link{
	text-decoration:underline;
}
#content-main .entrylist .entry-title a:visited{
	text-decoration:underline;
}
#content-main .entrylist .entry-title a:hover{
	text-decoration:none;
}
#content-main .entrylist .entry-title a:active{
	text-decoration:none;
}



#content-main .entry-body{
	line-height:1.5;
	font-size:80%;
	padding-bottom: 8px;
}
#content-main .entry-body a{
	color: #000000;
}
#content-main .entry-body a:hover{
	color: #000000;
}
#content-main .entry-body p{
	margin:1em 0;
	padding:0;
	font-size:100%;
}
#content-main .entry-body p:first-child{
	margin:0 0 1em;
}
#content-main .entry-img{
	float:left;
	width:138px;
}
#content-main .entry-img img{
	border:1px solid #666666;
	display:block;
	margin:0 0 21px 0;
}
#content-main .entry-title .new{
	position:absolute;
	top:10px;
	right:16px;
}
#content-main .detail{
	clear:both;
	overflow:hidden;
}
* html #content-main .detail{
	height:1%;
}
#content-main .detail a{
	float:left;
	display:block;
}
#content-main .detail a:first-child{
	margin-right:7px;
}

.pagetop {
	margin:18px 0 30px 0;
}

#content-main .entrylist .pagetop {
	margin:4px 0 14px 0;
	padding: 0;
}
#content-main .entrylist .entry-body {
	padding-bottom: 0;
}
/* -----------------------------------------
	entry
------------------------------------------ */
#content-main .entry .entry-title{
	position:relative;
	margin:0 0 20px;
	padding:6px 0 3px 20px;
	background:url(/images/common/bg_title.gif) repeat;
	font-size:84%;
	font-weight:bold;
	color:#FFF;
}
#content-main .entry .entrylist .entry-title{
	margin-bottom: 12px;
}

#content-main .entry .entry-title h1{
	font-weight:bold;
	font-size:100%;
}
#content-main .pagetop {
	font-size: 10px;
}
#content-main .pagetop {
	font-size: 10px;
}



#entrydetail .entrybox .naiyo,
#index .entrybox .naiyo{
}


#entrydetail .entrybox .naiyo .img,
#index .entrybox .naiyo .img{
	float:left;
	width:138px;
}


#entrydetail .entrybox .naiyo .img img,
#index .entrybox .naiyo .img img{
	display:block;
	margin-bottom: 10px;
}


#entrydetail .entrybox .naiyo .description,
#index .entrybox .naiyo .description{
	float:left;
	width:460px;
}


#entrydetail .entrybox .naiyo .description2,
#index .entrybox .naiyo .description2{
}

#index .entrybox .naiyo .detail{
	margin-top: 25px;
}


#index .entrybox .naiyo .detail2{
	margin-top: 20px;
}


/* -----------------------------------------
	sidebar
------------------------------------------ */
.apply ul {
	background-color:#ffffff;
}
.menu li a{
	color: #463c21;
}

#kanren ul,
#harbgarden ul{
	border:1px solid #d5c8bb;
	border-top:none;
	font-size:64%;
	padding:10px 8px 10px 13px;
	overflow:hidden;
}
#kanren li,
#harbgarden li {
	float:left;
	padding:2px 0 5px 8px;
	background:url(../images/common/mak_arrow.gif) 0 50% no-repeat;
}
#harbgarden li,
#kanren li {
	width: 160px;
}

#kanren li.smallmenu {
	background: none;
	padding-top: 0px;
	padding-bottom: 2px;
}

.menu dl{
	border:1px solid #d5c8bb;
	border-top:none;
	font-size:64%;
	padding:10px 8px 10px 13px;
	overflow:hidden;
	letter-spacing: 1px;
}
.menu dl dt{color: #c9935c;font-weight: bold;}
.menu dl dd{margin-bottom: 4px;}

#backnumber ul {
	padding-right:5px;
	overflow:hidden;
}
#backnumber li {
	clear:both;
	padding:2px 0 5px 9px;
	letter-spacing:0.1em;
	background:url(../images/common/mak_arrow.gif) 0 0.25em no-repeat;
}
#backnumber li li {
	clear:none;
	margin:0 0 5px 0;
	padding:0 0 0 3px;
	letter-spacing:0;
	float:left;
	background:none;
	white-space:nowrap;
}
#backnumber ol {
	margin:5px 0 0 5px;
	clear:both;
}


/* -----------------------------------------
	common
------------------------------------------ */


/* -----------------------------------------
	index
------------------------------------------ */
#index #maplink {
}

#index #newsbox{font-size: 100%;margin-top: -8px;padding: 0;}
#index #newsbox a {line-height:normal;line-height:normal;}
#index #newsbox li{font-size: 100%;padding: 7px 5px 7px 5px;margin: 0;display:block;width: 590px;}
#index #newsbox li.odd{}
#index #newsbox li.even{background-color: #efeff0;}
#index #newsbox li dl{font-size: 100%;margin: 0;padding: 0;display: block;}
#index #newsbox li dl dt{margin: 0;padding: 0;display: block;}
#index #newsbox li dl dt.date{
	float: left;
	width: 92px;
	font-size: 93%;
	font-weight: bold;
}
#index #newsbox li dl dd.title{
	float: left;
	width: 470px;
	font-size: 93%;
}
#index #newsbox li dl dt.cate{
	width: 570px;
	font-size: 93%;
	color: #664f3c;
	padding-bottom: 1px;
	font-weight: bold;
}
#index #newsbox li dl dt.shopevent{
	background:url(../images/common/mak_arrow.gif) 0px 8px no-repeat;
	padding-left: 10px;
}

#index .newslistbtn{text-align: right;margin: 8px 0 0 0;font-size: 93%;}

#index #adressmap {
	background-color: #faf8dd;
	padding: 14px;
	margin-top: 20px;
}
#index #adressmap .left{
	width:152px;
	float: left;
}
#index #adressmap .right{
	width:400px;
	float: left;
	margin-left: 20px;
}
#index .g-map {
	width:152px;
	height:152px;
	border:1px solid #656563;

}
#index #carmap{
	margin-top: 30px;
}
#index #carmap .left{
	width: 370px;
	float: left;
}
#index #carmap .left p{
	margin: 0;
	padding: 0;
}

#index #carmap .left p.bold{
	font-weight: bold;
}
#index #carmap .right{
	width:225px;
	float: right
}

/*----------------------------------------------------
	pageBute
----------------------------------------------------*/
.pageBute {
	clear:both;
	position:relative;
	margin:0 0 30px 0;
	text-align:center;
}
.pageBute a.link_page{
	font-size:84%;
}
.current_page {
	padding:0 0.4em;
	font-size:84%;
	font-weight:bold;
}
.pageBute a{
	padding:0 0.4em;
	color:#664E3C;
	font-weight:bold;
}
.pageBute span a{
	overflow:hidden;
	font-size:84%;
}


/* -----------------------------------------
	webpage
------------------------------------------ */
#handmadeguild .box{}
#handmadeguild .box .left{float: left;width:142px;}
#handmadeguild .box .right{float: right;width:430px;}
#handmadeguild .box .right .link{text-align: left; margin-top: 20px;font-size: 93%;}

#harbhouse .box1 .left{float: left;width:134px;}
#harbhouse .box1 .right{float: right;width:450px;}
#harbhouse .box2 {margin-top: 42px;text-align: center;}
#harbhouse .link{text-align: center; margin-top: 25px}

#harbgarden .box{margin-bottom: 16px;}
#harbgarden .box .left{float: left;width:162px;}
#harbgarden .box .right{float: right;width:415px;}
#harbgarden .entry-body h2{margin-bottom: 10px;}
#harbgarden table.tb {
    width: 594px;
    border: 1px #c5b791 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 1px;
    margin-bottom: 20px;
}

#harbgarden table.tb th {
    padding: 5px;
    border: #c5b791 solid;
    border-width: 0 0 1px 1px;
    background: #f7f1e0;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
#harbgarden table.tb td {
    padding: 5px 5px 5px 15px;
    border: 1px #c5b791 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
#harbgarden #mousikomi{background-color: #f6f6f6;padding: 16px 20px;}
#harbgarden #mousikomi .bold{font-weight: bold;}
#harbgarden .link{margin-top: 15px;}

#yahalatena h2{margin-bottom: 5px;}
#yahalatena ul.menuList{}
#yahalatena ul.menuList li{float: left;width: 114px;margin-left: 40px;height: 230px;}
#yahalatena ul.menuList li.first{margin-left: 0px;}
#yahalatena ul.menuList li p.photo{margin: 0 0 3px 0;padding: 0;}
#yahalatena ul.menuList li p.text{font-weight: bold;font-size: 93%;margin: 0;padding: 0;letter-spacing: 0.5px;}
#yahalatena #lunch .left{float: left;width: 442px;}
#yahalatena #lunch .left dl{font-weight: bold;}
#yahalatena #lunch .left dl dt{}
#yahalatena #lunch .left dl dd{text-align: right;margin-bottom: 8px;color: #666666;}
#yahalatena #lunch .right{float: right;width: 114px;}
#yahalatena #lunch .left .msg{font-size: 85%;}
#yahalatena #lunch{margin-bottom: 20px;}
#yahalatena #drink{margin-bottom: 14px;}
#yahalatena #drink dl dd{text-align: right;margin-bottom: 12px;font-weight: bold;color: #666666;}
#yahalatena #drink .left{float: left;width: 285px;margin-right: 28px;}
#yahalatena #drink .right{float: left;width: 285px;}
#yahalatena ul#dessert li{height: 180px;}
#yahalatena p.desertMsg{text-align: right;color: #642117;font-weight: bold;font-size: 85%;}
#yahalatena .link{margin-top: 10px;}

#bakery h2{margin-bottom: 0px;}
#bakery .entry-body p{margin: 0;}
#bakery ul.menuList{margin-top: 15px;}
#bakery ul.menuList li{float: left;width: 180px;margin-left: 29px;height: 230px;}
#bakery ul.menuList li.first{margin-left: 0px;}
#bakery ul.menuList li p.photo{margin: 0 0 3px 0;padding: 0;}
#bakery ul.menuList li dl{font-size: 93%;letter-spacing: 0.5px;}
#bakery ul.menuList li dl dt{font-weight: bold;margin: 0;padding: 0;}
#bakery #bread3 li{height:268px;width: 380px;}
#bakery #bread4 li{height:168px;}
#bakery .link{}

#gallery .box1{margin-bottom: 20px;}
#gallery .box1 .left{float: left;width:160px;}
#gallery .box1 .right{float: right;width:425px;}