/*
    Theme Name: Cellar Heat Dark_フランボアーズ
    Theme URI: http://www.cellarheat.com/
    Description:  Cellar Heat Dark is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a> and <a href="http://www.smashingmagazine.com">Smashing Magazine</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/


body {
	margin:0;
	font-family: メイリオ, Osaka, Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/page-back.gif) repeat-x #22221f;
}

#container {
	margin:0 auto;
	width:960px;
	background:url(images/floral-trans.png) no-repeat;
}
#site-name {
	float: left;
	font-size:26px;
	color:#fff;
	text-transform:uppercase;
	padding:16px 0;
}
#site-name .description {
	color:#7f7b57;
	font-size:10px;
	font-weight:normal;
}
#site-name a {
	color:#fff;
	text-decoration:none;
}
#site-name a:hover {
	color:#fff;
	text-decoration:none;
	/* border-bottom:1px solid #979579; */
}
#site-name img a:hover {
	text-decoration:none;
}
#container .spacer {
	height:22px;
}

/* nav */

#nav {
	padding:0;
	margin:0;
}
#nav li {
	float:left;
	margin:0 2px 0 0;
	padding:0;
	list-style:none;
}
#nav .important a {
	display:block;
	float:left;
	padding:9px 10px;
	font-size:10px;
	color:#dd0000;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px solid #2A2A26;
}
#nav .important a:hover {
	background:#22221f;
	color:#ff0000;
	border-bottom:1px solid #4f4d36;
}
#nav a {
	display:block;
	float:left;
	padding:9px 10px;
	font-size:10px;
	color:#8d8858;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px solid #2A2A26;
}
#nav a:hover {
	background:#22221f;
	color:#bfbb90;
	border-bottom:1px solid #4f4d36;
}
#nav .current_page_item a {
	background:#990000;
	color:#bfbb90;
	border-bottom:1px solid #4f4d36;
}


/* search */

#search {
	width:233px;
	height:28px;
	overflow:hidden;
	float:right;
	background:url(images/search-back-trans.png) no-repeat;
	margin:20px 0 0 0;
	padding-right: 31px;
}
#search form {
	padding:0;
	margin:0;
}
#search .txtField {
	font-family: メイリオ, Osaka, Tahoma, Arial, Helvetica, sans-serif;
	margin:5px 0 0 5px;
	width:150px;
	color:#fff;
	background:transparent;
	font-size:13px;
	border-style:none;
}
#search .btnSearch {
	width:73px;
	height:28px;
	border-style:none;
	float:right;
	background:transparent;
	cursor:pointer;
	margin:0;
}

/* rss */

.rss a {
	display:block;
	width:206px;
	height:68px;
	font-size:10px;
	overflow:hidden;
	text-indent:-300px;
	background:url(images/link-rss.gif) no-repeat 0 0;
	float:right;
	margin:80px 0 0 0;
}
.rss a:hover {
	background:url(images/link-rss.gif) no-repeat 0 -68px;
}


/* first post home page */

#post-one {
	padding:30px 0 30px 4px;
	width:1024px;
	color:#c0c0b4;
	font-size:14px;
	line-height:16px;
}
#container .column01 #post-one {
	font-size:14px;
	line-height:20px;
}
.column01 a {
	color:#c0c0b4;
	text-decoration:underline;
}
.column01 a:hover {
	color:#fff;
	text-decoration:none;
}
.column01 {
	width:1024px;
	overflow:hidden;
	float:left;
}
#post-one h2 {
	border-left: 15px double #d00;
	padding: 0 0 0 20px;
	margin:0;
	margin-bottom: 10px;
	display:inline;
	color:#efeee8;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	/* background:url(images/header-back.png); */
}
#post-one h2 a {
	color:#efeee8;
	text-decoration:none;
}
#post-one h2 a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #979579;
}
#post-one .meta {
	display:block;
	margin-top: 5px;
	font-size:10px;
	color:#939072;
}
#post-one .meta a {
	color:#939072;
	text-decoration:none;
	border-bottom:1px solid #49483c;
}
#post-one .meta a:hover {
	color:#efeee8;
	text-decoration:none;
	border-bottom:1px solid #efeee8;
}
#post-one .btn-first-readon a {
	display:block;
	float:right;
	width:90px;
	height:19px;
	background:url(images/btn-first-post.gif) no-repeat 0 0;
	font-size:10px;
	overflow:hidden;
	text-indent:-400px;
}
#post-one .btn-first-readon a:hover {
	background:url(images/btn-first-post.gif) no-repeat 0 -19px;
}
#post-one .comments a {
	display:block;
	font-size:10px;
	color:#939072;
	text-decoration:underline;
	padding-left:24px;
	float:left;
	background:url(images/icon-chat-dark.gif) no-repeat 0px 2px;
}
#post-one .comments a:hover {
	color:#efeee8;
	text-decoration:none;
}
.alignright {
	float:right;
	margin:10px 4px 10px 10px;
}
.alignleft {
	float:left;
	margin:10px 10px 10px 4px;
}
/*
#post-one img {
	border:none;
}
#post-one a img {
	border:2px solid #C0C0B4;
}
#post-one a:hover img {
	border:2px solid #fff;
}*/

/* category name */

#category {
	font-size:11px;
	padding:0 0 12px;
	color:#7f7b57;
}
#category .category-name {
	font-size:12px;
	font-weight:bold;
	color:#fff;
}


/* recent posts */

#recent-posts {
	padding:0 0 20px;
}
#recent-posts .home-post {
	float:left;
	width:228px;
	height:257px;
	overflow:hidden;
	background:url(images/home-post-back.gif) no-repeat;
	font-size:12px;
	line-height:15px;
	color:#c6c6b9;
	margin:0 12px 12px 0;
}
#recent-posts .upper {
	height:205px;
	overflow:hidden;
	padding:14px 18px 0;
	position:relative;
}
#recent-posts .fade {
	position:absolute;
	top:200px;
	left:5px;
	width:218px;
	height:20px;
	background:url(images/home-post-fade.png) no-repeat bottom;
}
#recent-posts .home-post .upper p {
	margin:8px 0;
}
#recent-posts .home-post h3 {
	padding:0 0 2px;
	display:inline;
	margin:0;
	color:#efeee8;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	background:url(images/header-back-2.png);
	
}
#recent-posts .home-post h3 a {
	color:#efeee8;
	text-decoration:none;
}
#recent-posts .home-post h3 a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #979579;
}
#recent-posts .home-post .meta {
	font-size:10px;
	color:#939072;
	line-height:12px;
	display:block;
	padding:3px 0 0;
}
#recent-posts .home-post .meta a {
	color:#939072;
	text-decoration:none;
	border-bottom:1px solid #49483c;
}
#recent-posts .home-post .meta a:hover, #recent-posts .lower-meta a:hover {
	color:#efeee8;
	text-decoration:none;
	border-bottom:1px solid #efeee8;
}
#recent-posts .btn-readon a {
	display:block;
	float:right;
	width:98px;
	height:19px;
	background:url(images/btn-post.gif) no-repeat 0 0;
	font-size:10px;
	overflow:hidden;
	text-indent:-400px;
	margin:10px 0 0 0;
}
#recent-posts .btn-readon a:hover {
	background:url(images/btn-post.gif) no-repeat 0 -19px;
}
#recent-posts .lower-meta a {
	font-size:10px;
	display:block;
	float:left;
	padding:12px 0 0 34px;
	color:#939072;
	line-height:12px;
	border-style:none;
}
#recent-posts .lower-meta a:hover {
	border-style:none;
}

/* search results */

.search-results {
	color:#fff;
	font-size:12px;
	padding:12px 0;
}
.search-results .bigger {
	color:#fff;
	font-size:14px;
}

/* single template column 02 posts */

#column02 {
	float:right;
	width:228px;
	overflow:hidden;
	padding-top:30px;
}
#column02 .side-post {
	float:left;
	width:228px;
	height:191px;
	overflow:hidden;
	background:url(images/side-post-back.gif) no-repeat;
	font-size:11px;
	line-height:15px;
	color:#c6c6b9;
	margin:0 12px 12px 0;
}
#column02 .upper {
	height:138px;
	overflow:hidden;
	padding:14px 18px 0;
	position:relative;
}
#column02 .fade {
	position:absolute;
	top:132px;
	left:5px;
	width:218px;
	height:20px;
	background:url(images/home-post-fade.png) no-repeat bottom;
}
#column02 .side-post h3 {
	padding:0 0 2px;
	margin:0;
	color:#efeee8;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	
}
#column02 .side-post h3 a {
	color:#efeee8;
	text-decoration:none;
}
#column02 .side-post h3 a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #979579;
}
#column02 .side-post .meta {
	font-size:10px;
	color:#939072;
	line-height:12px;
}
#column02 .side-post .meta a {
	color:#939072;
	text-decoration:none;
	border-bottom:1px solid #49483c;
}
#column02 .side-post .meta a:hover {
	color:#efeee8;
	text-decoration:none;
	border-bottom:1px solid #efeee8;
}
#column02 .btn-readon a {
	display:block;
	float:right;
	width:98px;
	height:19px;
	background:url(images/btn-post.gif) no-repeat 0 0;
	font-size:10px;
	overflow:hidden;
	text-indent:-400px;
	margin:10px 0 0 0;
}
#column02 .btn-readon a:hover {
	background:url(images/btn-post.gif) no-repeat 0 -19px;
}
#column02 .lower-meta a {
	font-size:10px;
	display:block;
	float:left;
	padding:12px 0 0 34px;
	color:#939072;
	line-height:12px;
	border-style:none;
}
#column02 .lower-meta a:hover {
	text-decoration:none;
	color:#fff;
}
#column02 .sub-txt {
	font-size:10px;
	display:block;
	float:left;
	padding:12px 0 0 18px;
	color:#939072;
	line-height:12px;
	border-style:none;
}



/* older and newer post links */

#page-nav {
	font-size:11px;
	height:10px;
}
#page-nav .older a {
	display:block;
	float:left;
	background:url(images/arrow-left.gif) no-repeat 0 50%;
	color:#b3b091;
	padding-left:15px;
}
#page-nav .older a:hover {
	background:url(images/arrow-left-on.gif) no-repeat 0 50%;
	text-decoration:none;
}
#page-nav .newer a {
	display:block;
	float:right;
	background:url(images/arrow-right.gif) no-repeat 100% 50%;
	color:#b3b091;
	padding-right:15px;
}
#page-nav .newer a:hover {
	background:url(images/arrow-right-on.gif) no-repeat 100% 50%;
	text-decoration:none;
}


/* comments */

/* comment form styles */

.comments-PII, .comments-PII-2 {
	float:left;
}
.comments-PII {
	width:230px;
	padding:20px 20px 20px 0;
}
.comments-PII-2 {
	width:310px;
	padding:20px 0 0 0;
}
.comments-PII input {
	color:#fff;
	font-family: メイリオ, Osaka, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #434340;
	width:220px;
	background:url(images/pattern-back.gif);
	padding:5px;
}
.comments-PII-2 textarea {
	color:#fff;
	font-family: メイリオ, Osaka, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #434340;
	width:300px;
	height:180px;
	background:url(images/pattern-back.gif);
	padding:5px;
}
.comments-PII-2 input {
	color:#fff;
	font-family: メイリオ, Osaka, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-style:none;
	padding:0;
	width:93px;
	height:26px;
	background:url(images/btn-comment.gif) no-repeat 0 0;
	cursor:pointer;
	padding:1px 0 0;
	
}
.comments-PII-2 input:hover {
	background:url(images/btn-comment.gif) no-repeat 0 -26px;
	
}

.note {
	font-size:10px;
	color:#939072;
}


/* comment list styles */

#comment-list {
	font-size:12px;
	padding:10px 0;
}
#comment-list .bigger, cite {
	font-weight:normal;
	font-size:14px;
	line-height:22px;
}
.comment-left {
	padding:20px 0;
	background:url(images/comment-break.gif) no-repeat;
}
.alt {
	background:url(images/comment-break-alt.gif) no-repeat;
}
.comment-meta {
	float:left;
	width:160px;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
}
.avatar {
	border:2px solid #C0C0B4;
}
.comment-metadata {
	font-size:11px;
	font-weight:normal;
}
.comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a {
	color:#fff;
	text-decoration:none;
}
.comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover {
	text-decoration:underline;
}
.comment-txt {
	float:left;
	width:500px;
	padding-left:20px;
	font-size:12px;
	line-height:20px;
}


/* lower section */

.lower-outer {
	background:url(images/lower.gif) repeat-x;
}
#lower {
	padding:30px 0 0;
	width:960px;
	margin:0 auto;
}
#lower .title {
	font-size:15px;
	font-weight:bold;
	display:block;
	padding:3px 16px 2px;
	color:#fff;
}
#lower .module, #lower .module-mid, #lower .module-end {
	width:300px;
	background:url(images/lower-back.gif) repeat-y;
	border-bottom:1px solid #434340;
	overflow:hidden;
}
#lower .top {
	background:url(images/lower-top.gif) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
}
#lower .module, #lower .module-mid {
	margin-right:22px;
	float:left;
}
#lower .module-end {
	float:left;
}
#lower ul {
	width:270px;
	margin:5px auto 15px;
	padding:0;
}
#lower li {
	padding:0;
	margin:0;
	padding-top: 2px;
	padding-bottom: 3px;
	color:#D6D6C9;
	font-size: 11px;
	list-style:none;
	line-height: 28px;
	border-top:1px solid #434340;
	background:url(images/bullet.gif) no-repeat 6px 8px;
}
#lower .listMeta {
	font-size:10px;
}
#lower a {
	display:block;
	width:240px;
	padding:5px 10px 5px 20px;
	text-decoration:none;
	color:#C6C6B9;
	font-size:13px;
}

#lower a .listMeta {
	font-size:10px;
	color:#7f7b57;
}
#lower a:hover {
	/*background:url(images/bullet-on.gif) no-repeat 7px 8px #000;*/
}
#lower .widget {
	/* width: 270px; */
	width:auto;
	float:left;
	margin-right:20px;
	overflow:hidden;
	border:1px solid #434340;
	padding:12px;
	background:url(images/pixel-grey.gif);
	color:#fff;
}

#lower .widget a { 
	display:inline;
}


/* footer */

#footer {
	width:940px;
	margin:0 auto;
	padding:170px 0 20px;
	font-size:12px;
	line-height:14px;
	text-align:right;
	color:#6a6a67;
	background:url(images/footer-trans.png) no-repeat;
}
#footer a {
	color:#6a6a67;
	text-decoration:none;
	border-bottom:1px solid #424133;
}
#footer a:hover {
	color:#fff;
	border-style:none;
}

img {
	border: none;
}

/******************************/
/******************************/

/* ユーザ定義CSS */
a {
	overflow: hidden; /* text-indent: -9999px の弊害を回避するため */
}

#top-info {
	position: relative;
	float: left;
	top: 0px;
	left: 60px;
}

#top-image {
	position: relative;
	top: 0;
	left: 0;
	padding-top: 10px;
}

#top-image-concept {
	position: relative;
	top: 10px;
	left: 10px;
}

#top-image-framboise {
	position: relative;
	top: 470px;
	left: 585px;
}

#top-image-flash {
	margin-top: -120px;
	margin-left: -80px;
}

.about-desc {
	margin-top: 20px;
	margin-bottom: 30px;
	line-height: 26px;
}

strong {
	font-size: 125%;
}

/******************************/
/******************************/

/* グローバルナビゲーション */

#global-navi {
	margin-top: 30px;
}

#top-navi {
	position: relative;
	z-index: 10; /* infoボックスより上にくるように */
	float: left;
	margin-left: -35px;
	padding-top: 0px;
}

.inline {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#lower .widget_recent_entries {
	width: 270px;
}

#recent-posts-2 {
	height: 205px;
}

#lower .widget_archive {
	width: 270px;
}

#archives-3 {
	height: 205px;
}

#lower .widget div { 
	width: 270px;
}

.ngg-widget a {
	width: auto;
	background: none;
	padding: 0;
	margin-left: 10px;
	line-height: 55px;
}

#text-6 {
	background: none !important;
	width: 280px !important;
	height: auto !important;
	border: none !important;
	paddng: 0 !important;
	margin: 0 !important;
	margin-left: 20px !important;
	overflow: visible !important;
}
#text-6 .module-mid {
	margin: -12px 0 -12px -12px;
	width: 300px !important;
}
#text-6 .module-mid .top {
	width: 300px !important;
}

#text-3 {
	margin-top: 20px !important;
	font-size: 14px !important;
	width: 585px !important;
	height: 259px !important;
}

/******************************/
/******************************/

/* ナビゲーション系 */

#page-top {
	margin: 0;
}

/* ナビゲーション nav-top */
p.nav-top {
	background:url("images/navi/nav_top_rtt.png");
}
p.nav-top a{
	display:block;
	width:82px;
	height:36px;
	background:url("images/navi/nav_top.png");
	text-indent:-9999px;
}
p.nav-top a:hover {
	background: none;
}
/* ナビゲーション nav-about */
p.nav-about {
	background:url("images/navi/nav_about_rtt.png");
}
p.nav-about a{
	display:block;
	width:156px;
	height:36px;
	background:url("images/navi/nav_about.png");
	text-indent:-9999px;
}
p.nav-about a:hover {
	background: none;
}
/* ナビゲーション nav-menu */
p.nav-menu {
	background:url("images/navi/nav_menu_rtt.png");
}
p.nav-menu a{
	display:block;
	width:82px;
	height:36px;
	background:url("images/navi/nav_menu.png");
	text-indent:-9999px;
}
p.nav-menu a:hover {
	background: none;
}
/* ナビゲーション nav-access */
p.nav-access {
	background:url("images/navi/nav_access_rtt.png");
}
p.nav-access a{
	display:block;
	width:82px;
	height:36px;
	background:url("images/navi/nav_access.png");
	text-indent:-9999px;
}
p.nav-access a:hover {
	background: none;
}

/* ナビゲーション nav-inquiry */
p.nav-inquiry {
	background:url("images/navi/nav_inquiry_rtt.png");
}
p.nav-inquiry a{
	display:block;
	width:109px;
	height:36px;
	background:url("images/navi/nav_inquiry.png");
	text-indent:-9999px;
}
p.nav-inquiry a:hover {
	background: none;
}
/******************************/
/******************************/

/* リセットスタイル */

.reset {
	clear: both;
	margin: 0;
	padding: 0;
}


/******************************/
/******************************/

/* フランボアーズについて */

#about-header {
	width: 925px;
	height: 200px;
	margin-bottom: 50px;
	background: url(images/about-trans.png) no-repeat;
}

/******************************/
/******************************/

/* メニュー */

#menu-header {
	width: 925px;
	height: 200px;
	background: url(images/menu-trans.png) no-repeat;
}

.menu-class {
	margin: 40px;
}

.menu-top-desc {
	width: 500px;
	border: 1px dotted #fff;
	padding: 10px;
	margin-top: 90px;
	margin-left: 190px;
	margin-bottom: 30px;
}

.menu-title {
	margin: 50px 0 30px 0;
}

.menu-content {
	margin: 30px 0 20px 40px;
	padding-top: 20px;
	width: 800px;
}

.menu-content img {
	margin-top: 40px;
}

.menu-dish {
	float: left;
	margin-left: 20px;
	line-height: 26px;
	margin-bottom: 40px;
}


/******************************/
/******************************/

/* アクセス */

.access-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

.access-content-shop {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #eee;
	background-color: #111;
	width: 700px;
	height: 170px;
	padding: 10px;
}

.access-content-shop-desc {
	float: left;
}

#column02 {
	display: none;
}