@charset "utf-8";

@import url(http://www.bluecanary.jp/drinkmenu/css/drink.css) ; 
@import url(http://www.bluecanary.jp/foodmenu/css/food.css) ; 
@import url(http://www.bluecanary.jp/css/staff.css) ; 
@import url(http://www.bluecanary.jp/2nd/css/secondtop.css) ; 

.clearfix:after {
    content: "."; 
    display: block; 
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

*{
	margin: 0; 
	padding: 0; 
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif, Helvetica; 
	font-size: 100%; 
	font-style: normal; 
}

body {	
	background: #1B1713 url(http://www.bluecanary.jp/common_images/body_bg.jpg) center top repeat-y;
	text-align: center; 
	font-size: 75%;
}

body#top {
	background: #1B1713; 
	text-align: center; 
	font-size: 75%;
}

a { text-decoration: none; cursor: pointer; }
a:link { text-decoration: none; color:#222;  cursor: pointer; }
a:visited { text-decoration: none; color:#222;  cursor: pointer; }
a:hover { color:#222; text-decoration: underline;  cursor: pointer; }

img {
	border: 0px; 
}

.right {
	float: right; 
	margin: 0 0 20px 20px; 
}

#header {
	width: 920px; 
	height: 105px; 
	text-align: left; 
	margin: 0 auto; 
	background: #fff url(http://www.bluecanary.jp/common_images/header_bg.png) center top repeat-y; 
}

#header img {
	behavior: url(/js/iepngfix.htc);
}



#footer {
	width: 920px; 
	height: 100px; 
	text-align: left; 
	margin: 0 auto; 
	background: #fff url(http://www.bluecanary.jp/common_images/footer_bg.jpg) center top repeat-x; 
	height: 100px; 
}

#footer .copyRight {
	position: relative; 
	top: 52px; 
	left: 20px; 
	width: 860px; 
	height: 28px; 
	line-height: 28px; 
	color: #A38682; 
	text-align: right; 
	padding: 0 10px; 
	background: #fff url(http://www.bluecanary.jp/common_images/copyright_bg.jpg) center top no-repeat; 
 	font-size: 84%; 
/*	letter-spacing: 0.1em; */
	font-family: Helvetica; 
	font-weight: bold; 
	text-shadow: #222 2px 2px 2px; 
}

/*#footer .copyRight p {
	line-height: 28px; 
	text-align: right; 
	color: #A38682; 
	font-family: Helvetica; 
	font-size: 84%; 
	margin: 0 10px 0 0; 
	border: 1px solid #000; 
}*/


/*トップページ*/
.topWrapper {
	height:590px; 
	width:950px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-top:-295px; 
	margin-left:-475px; 
	background: #1B1713 url(http://www.bluecanary.jp/top_images/wrapper_bg.jpg) center top repeat-y; 
	color: #fff; 
}

.topWrapper .inner {
	margin: 15px; 
	position: relative; 
	width: 920px; 
	height: 500px; 
	background: transparent; 
}

.topWrapper .inner .logo {
	position: absolute; 
	top: 20px; 
	left: 40px; 
	z-index: 999; 
}

.topWrapper .inner .logo img {
	behavior: url(/js/iepngfix.htc);
}

.topWrapper .inner .topHeader {
	width: 920px; 
	height: 85px; 
	background: transparent url(http://www.bluecanary.jp/common_images/header_bg.png) center bottom no-repeat; 
	position: relative; 
}

.topWrapper .inner .topHeader .headerBtn {
	position: absolute; 
/*	width: 601px; */
	width: 533px; 
	height: 31px; 
	top: 49px; 
/*	left: 319px; */
	left: 387px; 
}

.topWrapper .inner .topHeader .headerBtn img {
	behavior: url(/js/iepngfix.htc);
}

.topWrapper .inner .mainPh {
	width: 880px; 
	height: 315px; 
	background: #fff; 
	margin: 20px; 
}

.topWrapper .inner .topics {
	width: 880px; 
	height: 100px; 
	background: transparent url(http://www.bluecanary.jp/top_images/topics_bg.jpg) center top repeat-x; 
	margin: 20px; 
}

.topWrapper .inner .topics .title {
	width: 100px; 
	height: 80px; 
	float: left; 
	margin: 10px 0; 
}

.topWrapper .inner .topics .upDate {
	height: 80px; 
	width: 420px; 
	margin: 10px 10px 10px 0; 
	float: left; 
	text-align: left; 
	overflow: auto; 
	scrollbar-base-color:#333; 
	scrollbar-face-color:#666; 
	scrollbar-arrow-color:#222; 
	scrollbar-hilight-color:#666; 
	scrollbar-3dlight-color:#444; 
	scrollbar-shadow-color:#666; 
	scrollbar-darkshadow-color:#222; 
}

.topWrapper .inner .topics .upDate .line {
	padding: 5px 0; 
	list-style-type: none; 
	background: transparent  url(http://www.bluecanary.jp/top_images/dot_line.gif) center bottom repeat-x; 
	width: 394px; 
}

.topWrapper .inner .topics .upDate .hack2000 {
	display: none; 
}

.topWrapper .inner .topics a { text-decoration: none; cursor: pointer; }
.topWrapper .inner .topics a:link { color:#fff;  cursor: pointer; }
.topWrapper .inner .topics a:visited {color:#fff;  cursor: pointer; }
.topWrapper .inner .topics a:hover { color:#fff; text-decoration: underline;  cursor: pointer; }


.topWrapper .inner .topics .banner {
	float: right; 
	text-align: left; 
	margin: 10px 0; 
	height: 90px; 
	width: 340px; 
}

.topWrapper .inner .topics .banner img {
	behavior: url(/js/iepngfix.htc);
}

/**/
#content {
	width: 920px; 
	min-height: 400px; 
	text-align: left; 
	margin: 0 auto; 
	background: #fff url(http://www.bluecanary.jp/common_images/global_bg.jpg) center top repeat-x; 
}

.pankuzu {
	width: 880px; 
	height: 40px; 
	line-height: 40px; 
	margin: 0 20px; 
	color: #fff; 
}

.pankuzu a { text-decoration: none; }
.pankuzu a:link { color:#fff; }
.pankuzu a:visited {color:#fff; }
.pankuzu a:hover { color:#fff; text-decoration: underline; }

.wrapper {
	width: 880px; 
	margin: 0 20px; 
}

.mainArea {
	width: 680px; 
	margin: 0; 
	float: left; 
}

.mainArea p {
	margin: 0 0 1em 0; 
}

.mainArea .title {
	margin: 0; 
	position: relative; 
}

.mainArea .title img {
	behavior: url(/js/iepngfix.htc);
}

.mainArea .categoryTitle {
	margin: 0 0 10px 0; 
	width: 660px; 
	height: 40px; 
	background: transparent url(http://www.bluecanary.jp/common_images/category_bg.png) center top no-repeat; 
	behavior: url(/js/iepngfix.htc);
	font-size: 117%; 
	text-shadow: #333 2px 2px 2px; 
}

.mainArea .categoryTitle h2 {
	padding: 0 0 0 10px; 
	line-height: 30px; 
	color: #fff; 
	text-shadow: #333 2px 2px 2px; 
}

.mainArea .text , 
.mainArea .staff , 
.mainArea .staffList , 
.mainArea .blogIndex , 
.mainArea .blog , 
.mainArea .tagIndex , 
.mainArea .tagResults {
	margin: 0 0 0 10px; 
	line-height: 2em; 
	color: #222; 
	width: 640px; 
	overflow: hidden; 
}

.mainArea .text img {
	float: right; 
	margin: 0 0 0 20px; 
}

.mainArea .text img:after {
    clear: both; 
}

.mainArea .text .right img {
	margin: 0; 
}

.mainArea .text blockquote { 
	display: block; 
	margin: 20px 0 0 0; 
	font-size: 84%; 
	color: #444; 
}

.naviArea {
	width: 200px; 
	margin: 0; 
	float: left; 
}

.nextPreviousWrapper {
	width: 640px; 
	margin: 30px 0 0 0; 
}

.nextPreviousWrapper .prev {
	float: left; 
}

.nextPreviousWrapper .hack2000 {
	float: left; 
	display: none; 
}

.nextPreviousWrapper .next {
	float: right; 
}

/*ブログ*/
.mainArea .blog table {
	border-top: 1px solid #ccc; 
}

.mainArea .blog table td {
	border-bottom: 1px solid #ccc; 
}

.mainArea .blog table .title {
	width: 460px; 
	padding: 5px; 
}

.mainArea .blog table .name {
	width: 75px; 
	padding: 5px; 
}

.mainArea .blog table .date {
	width: 75px; 
	padding: 5px; 
}

.mainArea .blog table tr {
	vertical-align: middle; 
}

.mainArea .blog table tr:hover {
	background: #f0f0f0; 
	cursor: pointer; 
}

.mainArea .blog table td a { 
	text-decoration: none; 
	background: transparent url(http://www.bluecanary.jp/common_images/blog_point.jpg) 0 0 no-repeat; 
	padding: 0 0 0 20px; 
}

/*blogIndex*/
.mainArea .blogIndex { 
/*	border-top: 1px solid #ccc; */
}

.mainArea .blogIndex table {
	border-top: 1px solid #ccc; 
	width: 640px; 
}

.mainArea .blogIndex tr {
	height: 40px; 
	vertical-align: middle; 
}

.mainArea .blogIndex td {
	border-bottom: 1px solid #ccc; 
}

.mainArea .blogIndex .title { 
	text-align: left; 
	width: 440px; 
}

.mainArea .blogIndex .contributor { 
	text-align: right; 
	width: 100px; 
}

.mainArea .blogIndex .date { 
	text-align: right; 
	width: 100px; 
}

/*blog*/
.mainArea .blog .titleWrapper { 
	border: 1px solid #ccc; 
	background: #eee; 
	margin: 0 0 1em 0; 
}

.mainArea .blog .titleWrapper .title { 
	margin: 5px; 
	background: #fff; 
	padding: 5px; 
}

.mainArea .blog .titleWrapper .title h1 { 
	font-size: 117%; 
	text-shadow: #ddd 2px 2px 2px; 
	float: left; 
}

.mainArea .blog .titleWrapper .title .date { 
	float: right; 
}

.mainArea .blog a { text-decoration: none; cursor: pointer; }
.mainArea .blog a:link { color:#551106;  cursor: underline; }
.mainArea .blog a:visited {color:#551106;  cursor: underline; }
.mainArea .blog a:hover { color:#551106; text-decoration: underline;  cursor: pointer; }

.mainArea .blog img { 
	float: right; 
	margin: 0 0 20px 20px; 
	width: 250px; 
	height: auto; 
	clear: both; 
}

.mainArea .blog .contributor {
	display: block; 
	text-align: right; 
	margin: 2em 0; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 5px 0; 
}

.mainArea .blog .phClip {
	width: 280px; 
	overflow: hidden; 
	float: right; 
	margin: 0 0 10px 10px; 
	clear: both; 
}

.mainArea .blog .phClip img {
/*	width: 280px; */
	margin: 0 0 0 0; 
}

/*タグインデックス*/
.mainArea .tagIndex ul {
	width: 660px; 
}

.mainArea .tagIndex ul li {
	width: 310px; 
/*	width: 200px; */
	float: left; 
	list-style-type : none; 
	margin: 0 20px 0 0; 
	border-bottom: 1px solid #ccc; 
	display: block; 
	padding: 0px; 
}

.mainArea .tagIndex ul li a , 
.mainArea .tagIndex ul li a:link , 
.mainArea .tagIndex ul li a:visited { 
	float: left; 
	background: transparent url(http://www.bluecanary.jp/common_images/navi_point.gif) 0px 8px no-repeat; 
	padding: 1px 0 1px 15px; 
}

.mainArea .tagIndex ul li a:hover { 
	float: left; 
	background: transparent url(http://www.bluecanary.jp/common_images/navi_point_o.gif) 0px 8px no-repeat; 
	padding: 1px 0 1px 15px; 
}

.mainArea .tagIndex ul li .counts {
	float: right; 
}

.mainArea .tagResults {
	
}

.mainArea .tagResults ul {
	border-top: 2px solid #ccc; 
	border-bottom: 2px solid #ccc; 
	padding: 5px 0; 
}

.mainArea .tagResults ul li {
	float: left; 
	list-style-type : none; 
}

/**/
.mainArea .tagResults table { 
	width: 640px; 
	border-top: 1px solid #ccc; 
}

.mainArea .tagResults tr { 
	height: 30px; 
	vertical-align: middle; 
}

.mainArea .tagResults td { 
	border-bottom: 1px solid #ccc; 
}

.mainArea .tagResults .cocktailName { 
	width: 490px; 
}

.mainArea .tagResults .cocktailName table , 
.mainArea .tagResults .cocktailName tr , 
.mainArea .tagResults .cocktailName td , 
.mainArea .tagResults .cocktailName th { 
	width: auto; 
	border: 1px none #000; 
	vertical-align: middle; 
}

.mainArea .tagResults .cocktailName table .drinkName {
	white-space: nowrap; 
	font-weight: bold ; 
}

.mainArea .tagResults .cocktailName table .tag { 
	font-size: 83%; 
	font-weight: normal !important; 
	white-space: normal !important; 
	padding: 0 10px 0 20px; 
	line-height: 1.8em; 
} 

.mainArea .tagResults .cocktailName a:link , 
.mainArea .tagResults .cocktailName a:hover , 
.mainArea .tagResults .cocktailName a:visited { 
	text-decoration: underline; 
	color: #551106; 
	font-weight: bold ; 
}

.mainArea .tagResults .cocktailName .tag { 
	font-size: 83%; 
	font-weight: normal !important; 
}

.mainArea .tagResults .information { 
	width: 25px; 
}

.mainArea .tagResults .photo { 
	width: 25px; 
}

.mainArea .tagResults .taste { 
	width: 50px; 
	text-align: right; 
}

.mainArea .tagResults .price { 
	width: 50px; 
	text-align: right; 
}

/*アクセスマップ*/
.mainArea .accessWrapper {
	width: 630px; 
	margin: 0 0 0 20px; 
}

.mainArea .accessWrapper .mapImage {
	float: left; 
}

.accessRight {
	float: left; 
	margin: 0 0 0 20px; 
	width: 310px; 
}

.mainArea .accessWrapper table#address {
	margin: 0 0 10px 0; 
	border-top: 1px solid #ccc; 
}

.mainArea .accessWrapper table#address th {
	white-space: nowrap; 
}

.mainArea .accessWrapper table#address th , 
.mainArea .accessWrapper table#address td {
	vertical-align: top; 
	padding: 5px 0; 
	border-bottom: 1px solid #ccc; 
	line-height: 1.6em; 
}

.mainArea .accessWrapper table#address td a {
	margin: 0; 
	float: right; 
}

.mainArea .accessWrapper table#address td#url a {
	margin: 0; 
	clear: both; 
	float: left; 
}

.telNum {
	display: inline; 
	font-size: 150%; 
	font-family: Helvetica; 
	font-weight: bold; 
	color: #600; 
	letter-spacing: 0.1em; 
}

.accessRight img {
	margin: 0 10px 0 0; 
}

.accessRight .notice {
	font-weight: bold; 
	color: #444; 
	line-height: 1.4em; 
}

/*私たちのおもてなし*/
.hospitality {
	line-height: 2em; 
	letter-spacing: 0.2em; 
	font-size: 117%; 
	text-shadow: #ddd 2px 2px 2px; 
}

.hospitality img {
	behavior: url(/js/iepngfix.htc);
	margin: 0; 
}

.hospitality p {
	margin: 1em 0 0 20px; 
}

/*セカンドTOP*/
/*
.logo2nd {
	position: relative; 
	top: 30px; 
	left: 30px; 
}

#headerTable2nd {
	position: relative; 
	top: 0;
	left: 0; 
}
*/

/*プリントアウトindex*/
body#printIndex {
	background: #fff; 
}

#printIndexContents {
	background: #fff; 
	width: 500px; 
	margin: 0 auto; 
	margin-top: 50px; 
}

#printIndexContents a:link , 
#printIndexContents a:visited , 
#printIndexContents a:hover {
	display: block; 
	border-bottom: 1px solid #ccc; 
	padding: 10px 0; 
}