@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

body{
	font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size:12px;
	/*_font-size:75%;*/
	line-height:1.5;
	color:#514557;
	text-align: left;
	background: #FFFFFF url(../images/bg.jpg) no-repeat center top;
}

/* for WinIE6*/
* html body {
	font-size: 75%;
	/*font-family: Verdana, "MS P SVbN", sans-serif;
	letter-spacing: 1px;*/
	vertical-align:baseline;
	margin: 0 auto;
}

/* for WinIE7*/
*:first-child+html body { 
	font-size: 75%;
	overflow: hidden;
	/*font-family: 'CI', Meiryo, sans-serif;*/
}



img {
	border: 0;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

p,div,ul,ol,li,h1,h2,h3 {
	margin: 0;
	padding:0;
}

ul,ol {
	list-style: none;
}


#wrapper{
	width: 860px;
	margin:0 auto;
	text-align:left;
}

/*----------------------------------------------------------
head
------------------------------------------------------------ */
#head{
	height: 88px;
	width: 860px;
	background: transparent url(../images/head_bg.gif) no-repeat top left;
}
#head h1{
	padding-top: 20px;
	padding-left: 30px;
	text-indent: -9999px;
}
#head h1 a{
	width: 255px;
	height: 55px;
	display: block;
}


/*----------------------------------------------------------
topicpath
------------------------------------------------------------ */
#topicpath{
	width: 800px;
	height: 21px;
	font-size: 10px;
	_font-size:72%;
	margin-left: 30px;
	padding-top: 8px;
}
*:first-child+html #topicpath{
	font-size:72%;
}
#topicpath a{
	color:#514557;
}

/*----------------------------------------------------------
mainarea
------------------------------------------------------------ */
#mainarea{
	float: left;
	width: 573px;
	padding-left: 27px;
	margin-top: 15px;
}
#mainarea .article{
	width: 560px;
	padding-bottom: 20px;
}




#mainarea .article .blogttl{
	width: 560px;
	height: 60px;
}
#mainarea .article .blogttl .ttldate{
	float: left;
	width: 60px;
	height: 60px;
	margin-top: -3px;
}

#mainarea .article .blogttl .ttltext h2{
	float: left;
	width: 490px;
	color: #682a2a;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	padding-top: 15px;
}
#mainarea .article .blogttl .ttltext h2 a{
	color:#682a2a;
	text-decoration: none;
}

#mainarea .article .art_text{
	width: 560px;
	margin: 10px 0 15px 3px;
}
#mainarea .article #more img,
#mainarea .article .art_text img{
	border: 12px solid #eee8ea;
	margin: 15px auto;
}
#mainarea .article #more a,
#mainarea .article .art_text a{
	color: #514557;
}
#mainarea .article #more a:hover,
#mainarea .article .art_text a:hover{
	color: #b3aeb6;
}
#mainarea .article .art_text .entry-more-link{
	float: right;
	background-color:#eee8ea;
	padding: 5px 8px 5px 10px;
	margin: 10px 2px 0 0;
}
#mainarea .article .art_text .entry-more-link a{
	background: url(../images/arrow.gif) 0 4px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
}
#mainarea .article .art_text .entry-more-link a:hover{
	color: #b3aeb6;
}

#mainarea .article p.printbtn{
	text-align: right;
}

/*====記事下部リンク　pagetopなど====*/

#mainarea .article .underbox{
	width: 558px;
	background: url(../images/bg_dot.gif) top left;
	padding: 1px 0;
	margin: 20px 0 10px 3px;
}
#mainarea .article .under{
	background-color: #FFFFFF;
	padding: 10px 7px 11px 7px;
}
#mainarea .article .under ul{
	width: 544px;
}
#mainarea .article .under ul li{
	float: left;
	width: 272px;
	font-family:"ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#mainarea .article .under ul li a{
	text-decoration: none;
	color: #5d5162;
}

#mainarea .article .under ul li a.plink{
	background: url(../images/arrow.gif) 0 6px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
}
*:first-child+html #mainarea .article .under ul li a.plink{
	background: url(../images/arrow.gif) 0 3px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
} 

#mainarea .article .under ul li.under_right{
	text-align: right;
	font-family:serif, "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "メイリオ", Meiryo;
	letter-spacing: 1px;
}
#mainarea .article .under ul li.under_right a{
	text-align: right;
	background: url(../images/arrow_up.gif) 0 6px no-repeat;
	padding-left: 10px;
	text-decoration: none;
	color: #5d5162;
}
#mainarea .article .under ul li a:hover,
#mainarea .article .under ul li a.plink:hover,
#mainarea .article .under ul li.under_right a:hover{
	color: #b3aeb6;
}

#mainarea .article .under ul.map{
	width: 544px;
}
#mainarea .article .under ul.map li{
	width: 544px;
	text-align: right;
	font-family:serif, "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "メイリオ", Meiryo;
	letter-spacing: 1px;
}
#mainarea .article .under ul.map li a{
	text-align: right;
	background: url(../images/arrow_up.gif) 0 6px no-repeat;
	padding-left: 10px;
	text-decoration: none;
	color: #5d5162;
}
#mainarea .article .under ul.map li a:hover{
	color: #b3aeb6;
}


#mainarea .article img.mapno{
	border: none;
}


/*===アーカイブページ===*/

#mainarea .archive_ttlbox{
	width: 559px;
	background: url(../images/bg_dot.gif) top left;
	padding: 1px;
	margin: 0 0 25px 3px;
}
#mainarea .archive_ttlbox .archive_ttl{
	background-color: #FFFFFF;
	padding: 5px 0;
	color:#682a2a;
	font-size: 18px;
	font-weight: bold;
	text-align: center;	
}


/*===最近の記事一覧ページ===*/

#mainarea .article .latestbox{
	width: 550px;
	margin-top: 15px;
	margin-left: 8px;
}
#mainarea .article .latestbox ul li{
	margin-bottom: 7px;
}
#mainarea .article .latestbox ul li a{
	background: url(../images/arrow.gif) 0 4px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
}
#mainarea .article .latestbox ul li a:hover{
	color: #b3aeb6;
}




/*----------------------------------------------------------
subarea
------------------------------------------------------------ */
#subarea{
	float: left;
	width: 180px;
	margin-top: 15px;
	margin-left: 50px;
	color: #5d5162;
}
#subarea .dotbox{
	width: 179px;
	background: #682a2a url(../images/bg_dot.gif) top left;
	padding: 1px;
	margin-bottom: 20px;
}

/*===店舗情報エリア===*/

#subarea .dotbox .shopinfo{
	padding:10px;
	background-color: #FFFFFF;
}
#subarea .dotbox .shopinfo ul{
	width: 157px;
}
#subarea .dotbox .shopinfo ul li{
	margin-bottom: 6px;
}
#subarea .dotbox .shopinfo ul li a{
	background: url(../images/arrow.gif) 0 4px no-repeat;
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
	color: #5d5162;
}
#subarea .dotbox .shopinfo ul li a:hover{
	color: #b3aeb6;
}


/*===タイトル(最新の記事、アーカイブ共通)===*/

#subarea .dotbox .menuttl01{
	padding: 7px 10px 5px 10px;
	background-color: #FFFFFF;
}
#subarea .dotbox .menuttl01 ul{
	width: 157px;
}
#subarea .dotbox .menuttl01 ul li.ttl01 h3{
	float:left;
	width: 107px;
	font-size: 14px;
	font-weight: bold;
}
#subarea .dotbox .menuttl01 ul li.ttl02{
	font-size: 14px;
	font-weight: bold;
}
#subarea .dotbox .menuttl01 ul li.ttl01_detail{
	float:left;
	width: 50px;
	text-align: right;
}
#subarea .dotbox .menuttl01 ul li.ttl01_detail a{
	background: url(../images/arrow.gif) 0 3px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
}
#subarea .dotbox .menuttl01 ul li.ttl01_detail a:hover{
	color: #b3aeb6;
}

/*===リスト(最新の記事、アーカイブ共通)===*/

#subarea .listbox{
	width: 168px;
	margin: -8px 0 15px 11px;
}
#subarea .listbox ul li{
	margin: 8px 0;
}
#subarea .listbox ul li a{
	background: url(../images/arrow.gif) 0 4px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
}
#subarea .listbox ul li a:hover{
	color: #b3aeb6;
}

/*===リスト(カテゴリー)===*/

#subarea .listbox{
	width: 168px;
	margin: -8px 0 15px 11px;
}
#subarea .listbox ul.module-list0 li{
	background: url(../images/arrow.gif) 0 6px no-repeat;
	padding-left: 8px;
	margin: 8px 0;
}
#subarea .listbox ul.module-list0 li a.module-list-item1{
	text-decoration: none;
	background: none;
	padding: 0;
	color: #5d5162;
}
#subarea .listbox ul.module-list0 li a.module-list-item1:hover{
	color: #b3aeb6;
}

/*===ページ下部（記事一覧へ）===*/
#mainarea .gotolatest{
	margin: 0 13px 0 3px;
}
#mainarea .gotolatest .latestbgbox{
	float: right;
	background: url(../images/bg_dot.gif) top left;
	padding: 1px;
}
#mainarea .gotolatest .latestbgbox .latestbtn{
	background-color:#FFFFFF;
	padding: 4px 8px;
}

#mainarea .gotolatest .latestbgbox .latestbtn a{
	background: url(../images/arrow.gif) 0 4px no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5d5162;
}
#mainarea .gotolatest .latestbgbox .latestbtn a:hover{
	color: #b3aeb6;
}


/*----------------------------------------------------------
footer
------------------------------------------------------------ */
#footer{
	width: 860px;
	margin:0 auto;
	padding-bottom: 30px;
}
#footer #copyright{
	margin-left: 650px;
}

/*
clearfix
------------------------------------------------------------ */
#wrapper:after,
#topicpath:after,
#mainarea .article .art_text:after,
#mainarea .article .blogttl:after,
#mainarea .article .under ul:after,
#subarea .dotbox .shopinfo ul:after,
#subarea .dotbox .menuttl01 ul:after,
#subarea .listbox ul:after,
#mainarea .article .latestbox ul:after,
#mainarea .article .entry-more-link:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

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

.clfx {display: inline-block;}
/* Hides from IE-mac \*/
* html .clfx {height: 1%;}
.clfx {display: block;}
/* End hide from IE-mac */