@charset "utf-8";
/* common.css */

/*************************************************************
	all
*************************************************************/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 62.5%;
}

h1,
#globalNavi,
#copyright,
.indexArea,
.sideNavi,
.contentArea {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
}

img {
	border: 0;
}

/*
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a:hover img.alphaNone {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
*/

a {
	color: #61370B;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

strong {
	font-weight: normal;
}

b strong {
	font-weight: bold;
}

/*************************************************************
	layout
*************************************************************/

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

.wrapper {
	margin: 0 auto;
	zoom: 1;
    overflow: hidden;
}

.wrapper:after{
    content: "";
    display: block;
    clear: both;
}

h1 {
	margin: 0;
	padding: 5px;
	background: #61370B;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

#header {
	margin: 0;
	padding: 0;
	background: url(../../images/header_bg.jpg) 0 30px repeat-x;
}

#headerArea {
	margin: 0 auto 2px;
	padding: 10px 0;
	zoom: 1;
    overflow: hidden;
}

#headerArea:after{
    content: "";
    display: block;
    clear: both;
}

#headerArea h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#headerArea p {
	float: right;
	margin: 0;
	padding: 0;
}

#footer {
	font-size: 12px;
	font-size: 1.2rem;
}

#pagetop {
	margin: 20px 0 30px;
	padding: 0 0 20px;
	background: url(../../images/footer_hr.jpg) left bottom repeat-x;
	text-align: right;
}

#footerNavi {
	margin: 0 0 50px;
}

#footerNavi a {
	margin: 0 10px;
	padding: 0 0 0 16px;
	background: url(../../images/arrow.gif) 0 0 no-repeat;
}

#footerArea p {
	float: left;
}

#footerArea p#footerInfo {
	margin: 0 0 0 30px;
	padding: 30px 0 0;
	line-height: 1.8em;
	color: #61370B;
}

#footerArea p#footerInfo span {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

#copyright {
	margin: 20px 0 0;
	padding: 5px;
	background: #61370B;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

/*	pagerArea
------------------------------------------------------------*/

.pagerArea {
	text-align: center;
}

.pagerArea span {
	display: inline-block;
	margin: 10px 2px;
	vertical-align: middle;
}

.pagerArea span.pager {
	width: 30px;
	height: 40px;
	border: 1px solid #61370B;
}

.pagerArea span.pager a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	background: #FFF;
	color: #61370B;
	font-weight: bold;
	text-decoration: none;
}

.pagerArea span.pager a:hover {
	background: #61370B;
	color: #FFF;
}

.pagerArea span#activePage a {
	background: #61370B;
	color: #FFF;
}

/*************************************************************
	page
*************************************************************/

/*	index
------------------------------------------------------------*/

.indexTopics {
	margin: 10px 0;
}

#indexTopicsTitle a {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 12px;
	height: 32px;
	line-height: 16px;
	background: url(../../images/arrow2.png) 0 2px no-repeat;
}

#indexTopicsArea ul {
	list-style: none;
	margin: 0 30px;
	padding: 0;
}

#indexTopicsArea ul li {
	margin: 15px 0 0;
	padding: 0 0 15px;
	border-bottom: 1px dotted #000;
}

#indexTopicsArea ul li:first-child {
	margin: 0;
	padding-top: 20px;
}

.sideNaviTitle {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../../images/sidenavi_title_bg.png) right top no-repeat #61370B;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
}

.sideNavi span {
	display: block;
	margin: 0 0 1px;
	padding: 0 10px 0 15px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(../../images/side_navi_bg.jpg) 0 0 repeat-x;
}

.sideNavi span a {
	display: block;
	padding: 0 0 0 14px;
	width: 100%;
	height: 100%;
	color: #61370B;
	text-decoration: none;
	background: url(../../images/arrow.gif) 0 15px no-repeat;
}

.sideNavi span a:hover {
	text-decoration: underline;
}

.sideNavi p {
	margin: 0 0 10px;
}

/*	topics
------------------------------------------------------------*/

.contentArea {
	margin-top: 20px;
	margin-bottom: 20px;
}

.topicsWrap {
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid #E6D2C1;
	background: url(../../images/topics_bg.jpg) center top repeat-y;
}

.topicsWrap .topicsTitleArea {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #E6D2C1;
	color: #61370B;
}

.topicsWrap .topicsTitleArea span {
	display: inline-block;
}

.topicsWrap .topicsTitleArea span.topicsDate {
	width: 80px;
}

.topicsWrap .topicsTitleArea span.topicsTitle {
	font-size: 16px;
	font-size: 1.6rem;
}

.topicsWrap .topicsPhotoArea {
	margin: 0 0 10px;
	text-align: center;
}

.topicsWrap .topicsPhotoArea img {
	max-width: 300px;
	width: auto !important;
	width: 300px;
	height: auto;
}

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

#shopArea strong {
	color: #61370B;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

#shopInfo {
	text-align: center;
}

#shopInfoList {
	margin: 20px auto;
	width: 300px;
	text-align: left;
}

#shopInfoList li span {
	display: inline-block;
	text-indent: 2.5em;
}


/*	voice
------------------------------------------------------------*/

.voiceWrap {
	margin: 0 0 20px;
	padding: 10px;
	border-top: 2px solid #61370B;
	border-bottom: 2px solid #61370B;
}

.voicePhoto {
	margin: 0 0 10px;
	text-align: center;
}

.voicePhoto img {
	max-width: 300px;
	width: auto !important;
	width: 300px;
	height: auto;
}

.voiceText {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #E6D2C1;
}

.voiceName {
	color: #61370B;
	text-align: right;
}

.voiceDecoration {
	margin: 0 0 20px;
	text-align: center;
}

/*	reserve & contact
------------------------------------------------------------*/

#formWrap {
	margin: 20px auto;
	padding: 10px 50px 20px;
	background: #E6D2C1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	behavior: url(PIE.htc);
}

#formWrap div.right {
	font-size: 12px;
	font-size: 1.2rem;
	white-space: nowrap;
}

#formWrap p {
	margin: 0 0 20px;
	padding: 10px 0 0 35px;
	background: url(../../images/decoration02.png) 0 5px no-repeat;
}

#formWrap p .formInput {
	width: 90%;
}

#formWrap p .formTextarea {
	width: 90%;
	height: 80px;
}

#formWrap .formBtn {
	padding: 3px 0;
	width: 150px;
}

/*	privacypolicy
------------------------------------------------------------*/

#privacyArea h3 {
	margin: 0 auto 20px;
	padding: 10px;
	color: #61370B;
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #61370B;
	border-left: 10px solid #61370B;
}

#privacyArea p {
	margin: 0 auto 20px;
	padding: 0;
}

#privacyArea dl {
	margin: 0 auto 30px;
	padding: 0;
}

#privacyArea dt {
	margin: 0;
	padding: 0;
	color: #61370B;
	font-weight: bold;
}

#aboutSite {
	margin: 50px 0 0;
}

#aboutSite dt {
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 8px solid #61370B;
}



/*************************************************************
	common
*************************************************************/

/*	wrap
------------------------------------------------------------*/


/*	decoration
------------------------------------------------------------*/


/*	float
------------------------------------------------------------*/

.floatLeft { float: left; }

.floatRight { float: right; }

.clearfix {
	zoom: 1;
    overflow: hidden;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

/*	align
------------------------------------------------------------*/

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

/*	margin
------------------------------------------------------------*/

/* bottom */

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

/* left */

.ml15 { margin-left: 15px !important; }

.ml50 { margin-left: 50px !important; }

/* right */

.mr05 { margin-right: 5px !important; }

.mr50 { margin-right: 50px !important; }

/*	padding
------------------------------------------------------------*/

/* left */

.pl20 { padding-left: 20px !important; }


p.title {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 10px;
    color: #61370b;
}
p.txt {
    padding: 0px 20px 10px 20px;
    font-size: 90%;
    letter-spacing: 2px;
}
.floatWrap span {
    display: block;
    
    font-size: 85%;
    padding: 0px 30px;
    
}