/* ========================================= */
/*           基本のスタイルシート            */
/* ========================================= */
/*       Copyright (C) 2006 primdverd.       */
/* ========================================= */

/* =========[ all ]========= */
body {
	margin: 0px;
	padding: 0px;
	color: #222222;
	font-size: small;
	background-color: #ffffff;
	font-family: Verdana, Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
}
table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: small;
	font-family: Verdana, Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
}
a:link {
	color: #dd0000;
}
a:visited {
	color: #dd0000;
}
a:hover {
	color: #ff7200;
}
a:active {
	color: #ff7200;
}
em {
	font-style: normal;
	font-weight: bold;
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	line-height: 1.3;
}
input,textarea,select,option {
	font-size: small;
	font-family: sans-serif;
}
a img {
	border: none;
	background-color: transparent;
}
h1,h2 {
	margin: 0px;
	padding: 0px;
}
hr {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 1px;
	visibility: hidden;
}
hr.none {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 0px;
	visibility: hidden;
}
* html hr {	/* IE対策 */
	display: none;
}
.hidden {
	display: none;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.count {
	font-size: x-small;
	color: #666666;
}
.arrow {
	font-weight: bold;
	font-size: small;
	color: #dd0000;
}
.no-style {
	font-style: normal;
	font-weight: normal;
	font-size: small;
}
.note {
	color: #ff0022;
}
.mark {
	color: #888888;
}
.bmark {
	font-weight: bold;
	color: #888888;
}
#container {
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
}

/* =========[ index ]========= */
/* === header === */
#index-head {
	border: solid 3px #000000;
	background-color: #000000;
}
#index-head h1 {
	float: left;
	width: 242px;
	height: 283px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/top_img/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#index-head h1 a {
	display: block;
	width: 242px;
	height: 283px;
	margin: 0px;
	padding: 0px;
}
#index-flash {
	float: right;
	width: 550px;
	height: 283px;
}
/* === 右カラム === */
#index-left {
	float: left;
	width: 154px;
	height: 315px;
	background-image: url(images/top_img/main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	background-color: #d8d8d8;
}
/* === コンテンツ === */
#index-contents {
	float: left;
	width: 190px;
	height: 315px;
	background-image: url(images/top_img/contents_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #ffffff;
}
#contents-menu {
	height: 315px;
	margin: 0px;
	padding: 0px;
	border-left: solid 2px #3a3a3a;
	border-right: solid 1px #3a3a3a;
}
#contents-menu h2 {
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/top_img/contents.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-color: #3a3a3a;
}
#contents-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#contents-menu li {
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
/* news */
#contents-menu #news a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/top_img/btn_news_off.gif);
	background-repeat: no-repeat;
}
#contents-menu #news a:hover {
	background-image: url(images/top_img/btn_news_on.gif);
	background-repeat: no-repeat;
}
/* espresso */
#contents-menu #espresso a {
	display: block;
	width: 140px;
	height: 18px;
	background-image: url(images/top_img/btn_espresso_off.gif);
	background-repeat: no-repeat;
}
#contents-menu #espresso a:hover {
	background-image: url(images/top_img/btn_espresso_on.gif);
	background-repeat: no-repeat;
}
/* menu */
#contents-menu #menu a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/top_img/btn_menu_off.gif);
	background-repeat: no-repeat;
}
#contents-menu #menu a:hover {
	background-image: url(images/top_img/btn_menu_on.gif);
	background-repeat: no-repeat;
}
/* shop */
#contents-menu #shop a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/top_img/btn_shop_off.gif);
	background-repeat: no-repeat;
}
#contents-menu #shop a:hover {
	background-image: url(images/top_img/btn_shop_on.gif);
	background-repeat: no-repeat;
}
/* mail */
#contents-menu #mail a {
	display: block;
	width: 90px;
	height: 18px;
	background-image: url(images/top_img/btn_mail_off.gif);
	background-repeat: no-repeat;
}
#contents-menu #mail a:hover {
	background-image: url(images/top_img/btn_mail_on.gif);
	background-repeat: no-repeat;
}
/* blog */
#contents-menu #blog a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/top_img/btn_blog_off.gif);
	background-repeat: no-repeat;
}
#contents-menu #blog a:hover {
	background-image: url(images/top_img/btn_blog_on.gif);
	background-repeat: no-repeat;
}
/* === News === */
#index-news {
	float: right;
	width: 456px;
	height: 315px;
	background-image: url(images/top_img/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #ffffff;
}
#news-list {
	margin: 0px;
	padding: 0px;
}
#news-list h2 {
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/top_img/news.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-color: #3a3a3a;
	border-left: solid 1px #d8d8d8;
}
#news-list ul {
	margin: 0px;
	padding: 10px 12px 0px 12px;
	list-style-type: none;
}
#news-list li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 1.3;
}
.index-date {
	margin: 0px 4px 0px 0px;
	padding: 0px;
	line-height: 1.3;
}

/* =========[ pages ]========= */
.pages {
	background-image: url(images/line01.gif);
	background-repeat: repeat-y;
	background-position: 150px 0px;
}
/* === page menu === */
#page-menu {
	float: left;
	width: 150px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ffffff;
}
#smenu-ttl {
	width: 150px;
	height: 94px;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #000000;
}
#ca-news #smenu-ttl {
	background-image: url(images/news_img/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-espresso #smenu-ttl {
	background-image: url(images/espresso_img/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-menu #smenu-ttl {
	background-image: url(images/menu_img/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-shop #smenu-ttl {
	background-image: url(images/shop_img/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-recruit #smenu-ttl {
	background-image: url(images/shop_img/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-mail #smenu-ttl {
	background-image: url(images/news_img/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-cafe-contents #smenu-ttl {
	background-image: url(images/cafe/smtop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-bistro-contents #smenu-ttl {
	background-image: url(images/bistro/smtop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-bridal-contents #smenu-ttl {
	background-image: url(images/bridal/smtop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#page-menu ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style-type: none;
}
#page-menu li {
	margin: 6px 0px 0px 8px;
	padding: 0px;
}
/* top */
#page-menu #top a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/btn_top_off.gif);
	background-repeat: no-repeat;
}
#page-menu #top a:hover {
	background-image: url(images/btn_top_on.gif);
	background-repeat: no-repeat;
}
/* news */
#page-menu #news a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/btn_news_off.gif);
	background-repeat: no-repeat;
}
#page-menu #news a:hover {
	background-image: url(images/btn_news_on.gif);
	background-repeat: no-repeat;
}
/* espresso */
#page-menu #espresso a {
	display: block;
	width: 140px;
	height: 18px;
	background-image: url(images/btn_espresso_off.gif);
	background-repeat: no-repeat;
}
#page-menu #espresso a:hover {
	background-image: url(images/btn_espresso_on.gif);
	background-repeat: no-repeat;
}
/* menu */
#page-menu #menu a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/btn_menu_off.gif);
	background-repeat: no-repeat;
}
#page-menu #menu a:hover {
	background-image: url(images/btn_menu_on.gif);
	background-repeat: no-repeat;
}
/* shop */
#page-menu #shop a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/btn_shop_off.gif);
	background-repeat: no-repeat;
}
#page-menu #shop a:hover {
	background-image: url(images/btn_shop_on.gif);
	background-repeat: no-repeat;
}
/* mail */
#page-menu #mail a {
	display: block;
	width: 90px;
	height: 18px;
	background-image: url(images/top_img/btn_mail_off.gif);
	background-repeat: no-repeat;
}
#page-menu #mail a:hover {
	background-image: url(images/top_img/btn_mail_on.gif);
	background-repeat: no-repeat;
}
/* blog */
#page-menu #blog a {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(images/btn_blog_off.gif);
	background-repeat: no-repeat;
}
#page-menu #blog a:hover {
	background-image: url(images/btn_blog_on.gif);
	background-repeat: no-repeat;
}
/* banner */
#site-banner {
	margin: 60px 0px 0px 6px;
	padding: 0px;
}
#site-banner a {
	display: block;
	width: 137px;
	height: 84px;
	background-image: url(images/rogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* === page main === */
#page-main {
	float: right;
	width: 649px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
}
#main-head {
	width: 649px;
	height: 94px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/uzu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #000000;
	border-bottom: solid 1px #000000;
}
#page-main h1 {
	width: 649px;
	height: 94px;
	margin: 0px;
	padding: 0px;
}
#ca-news h1 {
	background-image: url(images/news_img/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-espresso h1 {
	background-image: url(images/espresso_img/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-menu h1 {
	background-image: url(images/menu_img/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-shop h1 {
	background-image: url(images/shop_img/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-cafe-contents h1 {
	background-image: url(images/cafe/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-bistro-contents h1 {
	background-image: url(images/bistro/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-bridal-contents h1 {
	background-image: url(images/bridal/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-recruit h1 {
	background-image: url(images/recruit_img/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ca-mail h1 {
	background-image: url(images/mail_img/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* === page body === */
#ca-news #page-body {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
#ca-espresso #page-body {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
#ca-menu #page-body {
	margin: 0px;
	padding: 0px 0px 10px 15px;
}
#ca-shop #page-body {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
#ca-recruit #page-body {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

/* === What's New === */
#ca-news #info-ttl {
	width: 319px;
	height: 67px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/news_img/midasi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.main-box {
	width: 600px;
	margin: 15px 0px 0px 20px;
	padding: 0px;
	border: solid 1px #000000;
}
.main-box h2 {
	margin: 0px;
	padding: 7px 10px 6px 10px;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	border-bottom: solid 1px #000000;
	background-color: #dddddd;
}
.main-date {
	margin: 0px 6px 0px 0px;
	color: #666666;
}
.main-text {
	margin: 0px;
	padding: 5px 15px;
	line-height: 1.4;
}
#content-bnavi {
	margin: 0px;
	padding: 0px 15px 20px 15px;
	line-height: 1.4;
	text-align: center;
}

/* =========[ footer ]========= */
#footer {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	background-color: #3a3a3a;
}
address {
	width: 792px;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}
#powered {
	width: 792px;
	margin: 0px;
	padding: 3px 0px 10px 0px;
	font-size: x-small;
	text-align: right;
}

/* =========[ font size ]========= */
.f-xxxl {
	font-size: xx-large;
}
.f-xxl {
	font-size: x-large;
}
.f-xl {
	font-size: large;
}
.f-l {
	font-size: medium;
}
.f-m {
	font-size: small;
}
.f-s {
	font-size: x-small;
}
.f-xs {
	font-size:  xx-small;
}

/* =========[ mailform ]========= */
#mail-note {
	margin: 0px;
	padding: 25px 20px 0px 20px;
}
#mail-write {
	margin: 0px;
	padding: 10px 20px 0px 20px;
}
#mail-write table {
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
}
#mail-write th {
	width: 110px;
	padding: 8px 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background-color: #dddddd;
}
#mail-write td {
	padding: 8px 12px;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
#mail-write input {
	width: 120px;
	text-align: left;
}
#mail-write textarea {
	width: 420px;
	text-align: left;
}
#mail-btn {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

/* =========[ バリスタ＆エスプレッソ ]========= */
td.entry-text {
	width: 480px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
td.entry-image {
	width: 169px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}
.ttl-l {
	margin: 0px;
	padding: 0px;
}
.ttl-m {
	margin: 10px 0px 0px 15px;
	padding: 0px;
}
td.entry-text p {
	margin: 0px;
	padding: 0px 15px 12px 16px;
	text-align: left;
}
td.entry-image div {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/* =========[ comment error ]========= */
#error-box {
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0px 15px 0px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #000000;
}
#error-title {
	margin: 0px 10px 0px 10px;
	padding: 2px 4px 6px 4px;
	font-weight: bold;
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
}
#error-text {
	margin: 10px 10px 0px 10px;
	padding: 15px 20px 15px 20px;
	text-align: center;
	background-color: #ffe5e5;
}
#error-back {
	margin: 10px 10px 0px 10px;
	padding: 0px;
	text-align: center;
}
#error-back input {
	width: 60px;
}

/* =========[ comment finish ]========= */
#finish-box {
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0px 15px 0px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #000000;
}
#finish-title {
	margin: 0px 10px 0px 10px;
	padding: 2px 4px 6px 4px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}
#finish-text {
	margin: 10px 10px 0px 10px;
	padding: 15px 20px 15px 20px;
	text-align: center;
	background-color: #e9d3bb;
}
#finish-back {
	margin: 10px 10px 0px 10px;
	padding: 0px;
	text-align: center;
}
#finish-back input {
	width: 60px;
}