@charset "utf-8"; 

/*

	ウエストハウス

	[* html] = IE6
	[*:first-child+html] = IE7
	[Hides from IE5-mac ～ End hide from IE5-mac] = Mac IE5

*/



/* "body" Tag
-------------------------------------------------- */
body {
	color: #333;
	margin: 0;
	padding: 0;
	background: #FCFCFC url(http://blog.tsukuba.ch/_img/westhouse/common/bg.gif) repeat-y 50% 0;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}



/* "a" Tag
-------------------------------------------------- */
a {
	cursor: pointer;
}
a:link, a:visited {
	color: #001AAB;
	text-decoration: underline;
}
a:active, a:hover {
	color: #D02B14;
	text-decoration: none;
}



/* "blockquote/div/p/pre" Tag
-------------------------------------------------- */
blockquote, div, p, pre {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 0 1em 1em 0;
	padding: 20px 0 0 20px;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/blockquote_bg.gif) no-repeat;
}
p {
	margin-bottom: 1em;
}
pre {
	font-family: monospace;
	*font-size: 108%;
	line-height: .99;
}



/* "dl/dt/dd/li/ol/ul" Tag
-------------------------------------------------- */
dl, dt, dd, li, ol, ul {
	margin: 0;
	padding: 0;
}
dl, ol, ul {
	margin: 1em 1em 1em 2em;
}
dl dd {
	margin-left: 1em;
}
li {
	list-style: none;
}
ol li {
	color: #E53000;
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}



/* "fieldset/form/label/legend/input/select/textarea" Tag
-------------------------------------------------- */
fieldset, form, legend, input, textarea {
	margin: 0;
	padding: 0;
}
fieldset {
	margin-bottom: 1em;
	border: 0;
}
label {
	cursor: pointer;
}
input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
textarea {
	resize: none;
}



/* "h1-h6" Tag
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;	/* 13px */
	line-height: 1.5;
}



/* "hr" Tag
-------------------------------------------------- */
hr {
	display: none;
}



/* "img" Tag
-------------------------------------------------- */
img {
	border: 0;
}



/* "em/strong/sub/sup" Tag
-------------------------------------------------- */
em {
	font-style: italic;
	font-weight: normal;
}
strong {
	font-style: normal;
	font-weight: bold;
}
sub, sup {
	line-height: -1px;
	vertical-align: text-bottom;
}
sup {
	vertical-align: text-top;
}



/* "table/th/td/caption" Tag
-------------------------------------------------- */
table {
	margin-bottom: 1em;
	border: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: inherit;
	font: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
th {
	margin: 0;
	padding: .5em;
	border: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
td {
	margin: 0;
	padding: .5em;
	border: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
caption {
	margin-bottom: .5em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}



/* id/class
================================================== */



/* コンテナ
================================================== */
#container {
	margin: 0 auto;
	width: 770px;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/contents_bg.jpg) no-repeat 0 100%;
	font-size: 93%;	/* 12px */
	text-align: justify;
}
body.mHome #container {
	background: none;
}



/* ヘッダー
================================================== */
#header {
	height: 264px;
	overflow: hidden;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/header_bg.jpg);
}
h1 {
	padding-top: 96px;
}
h1 a {
	margin-left: 15px;
	display: block;
	width: 309px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
}
#header h2 {
	display: none;
}
#header ul {
	margin: 57px 0 0 317px;
}
#header ul li {
	list-style-type: none;
	float: left;
}
#header ul li a {
	display: block;
	height: 39px;
	overflow: hidden;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/menu.gif) no-repeat;
	text-indent: -9999px;
}
#header ul li.mHome a {
	width: 76px;
	background-position: 0 0;
}
#header ul li.mShop a {
	width: 98px;
	background-position: -76px 0;
}
#header ul li.mMenu a {
	width: 94px;
	background-position: -174px 0;
}
#header ul li.mJob a {
	width: 98px;
	background-position: -268px 0;
}
#header ul li.mBlog a {
	width: 77px;
	background-position: 0 -39px;
}
body.mHome #header ul li.mBlog a, body.mShop #header ul li.mBlog a {
	background-position: -366px 0;
}
#header ul li a:hover, body.mHome #header ul li.mHome a,
body.mShop #header ul li.mShop a, body.mHome #header ul li.mBlog a:hover,
body.mShop #header ul li.mBlog a:hover {
	background-position: 0 -39px;
}



/* コンテンツ
================================================== */
#contents {
	margin-top: 8px;
	padding: 0 10px 0 5px;
}



/* メイン
================================================== */
#content {
	width: 550px;
	float: right;
}



/* 汎用
-------------------------------------------------- */
.blogbody {
	margin-bottom: 60px;
	width: 100%;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/frametop.gif) no-repeat;
	overflow: auto;
}
.title {
	margin: 22px 22px 15px;
	padding: 0 5px 0 30px;
	border-bottom: 1px dotted #AB9100;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/titlepoint.gif) no-repeat 0 -2px;
	font-weight: bold;
	font-size: 117%;	/* 14px */
	letter-spacing: 1px;
}
.title a:link, .title a:visited {
	color: #333;
	text-decoration: none;
}
.title a:active, .title a:hover {
	color: #D02B14;
	text-decoration: underline;
}
.main {
	margin: 0 24px 20px;
}
#more {
	margin-top: -18px;
}
.tag_list {
	margin: 15px 0 -20px;
}
.posted {
	color: #666;
	margin-right: 32px;
	font-size: 84%;	/* 10px */
	text-align: right;
}
.menu {
	margin: 20px 24px 0;
	text-align: center;
}



/* DL:table
-------------------------------------------------- */
dl.table {
	margin: 0 0 10px;
	border-top: 1px dotted #C0AC40;
}
dl.table dt {
	color: #FCFCFC;
	margin-top: -1px;
	padding: 6px 0 5px;
	position: relative;
	width: 25%;
	background: #D5C880;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	float: left;
}
dl.table dd {
	margin: 0;
	padding: 5px 0;
	width: 71%;
	float: right;
}



/* トラックバック・コメント
-------------------------------------------------- */
#trackback-url {
	color: #001AAB;
	border: 0;
	width: 100%;
	background: #FCFCFC;
	font-weight: bold;
	font-size: 117%;	/* 14px */
	text-decoration: underline;
	cursor: pointer;
}
.comments-body {
	color: #D02B14;
	margin: 0 24px 20px;
}
.blogbody .comments-body {
	color: #333;
	margin: 0;
}
.trackback-post, .comments-post {
	color: #666;
	margin-bottom: 10px;
	padding: 0 18px 5px 5px;
	border-bottom: 1px dotted #AB9100;
	font-size: 84%;	/* 10px */
	text-align: right;
}
#commentForm form {
	text-align: center;
}
#commentForm fieldset {
	margin: 0 auto;
	width: 90%;
	text-align: left;
}
#commentForm dl {
	margin: 0 0 .5em;
}
#commentForm dl dt {
	width: 20%;
	font-weight: bold;
	text-align: right;
	float: left;
}
#commentForm dl dd {
	margin: 0;
	width: 77%;
	float: right;
}
#commentForm input {
	padding: 1px;
	width: 50%;
}
#commentForm .btn input {
	margin-right: 10px;
	padding: 0 10px;
	width: auto;
}
#commentForm #bake, #commentForm #savecheck {
	margin: 0;
	padding: 0;
	width: auto;
	vertical-align: middle;
}
#commentForm textarea {
	width: 95%;
	height: 100px;
}
.ime {
	ime-mode: disabled;
}
#commentForm .btn {
	text-align: right;
}



/* ホーム
-------------------------------------------------- */
body.mHome #content {
	padding: 21px;
	width: 508px;
	background: url(http://blog.tsukuba.ch/_img/westhouse/home/content_bg.gif) no-repeat;
}
body.mHome .blogbody {
	border: 1px solid #CCC;
	background: none;
}
body.mHome .main {
	color: #F2F2F2;
	margin: 4px;
	height: 333px;
	overflow: hidden;
	background: #F2F2F2;
	text-align: center;
}
body.mHome .main a:link, body.mHome .main a:visited,
body.mHome .main a:active, body.mHome .main a:hover {
	color: #F2F2F2;
	text-decoration: none;
}
body.mHome .main img {
	margin: 0;
	vertical-align: bottom;
}
body.mHome .posted {
	color: #333;
	margin: 0 4px 4px;
	padding: 0 10px;
	height: 27px;
	overflow: hidden;
	background: #E6E6E6;
	font-size: 100%;	/* 12px */
	line-height: 27px;
	text-align: left;
}
body.mHome .date {
	display: inline;
	font-weight: normal;
}
body.mHome .title {
	margin: 0;
	display: inline;
	padding: 0;
	border: 0;
	background: none;
	font-weight: normal;
	font-size: 100%;	/* 12px */
	line-height: 1.5;
	letter-spacing: 0;
}



/* つくばと共に歩み続ける老舗洋食屋
-------------------------------------------------- */
div.shopComment {
	background: url(http://blog.tsukuba.ch/_img/westhouse/shop/shop_bg.jpg) no-repeat 100% 0;
}



/* ホーム・ブログ以外
-------------------------------------------------- */
body.mShop .posted {
	display: none;
}



/* サイド
================================================== */
#links {
	padding-bottom: 325px;
	width: 180px;
	float: left;
}
.sidetitle, .calendarhead {
	padding-left: 35px;
	height: 30px;
	overflow: hidden;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/title_bg.gif);
	font-weight: bold;
	font-size: 117%;	/* 14px */
	line-height: 30px;
	letter-spacing: 1px;
}
.side {
	margin: 10px 5px 20px;
}
.text {
	width: 100px;
}



/* カレンダー
-------------------------------------------------- */
.calendarhead a:link, .calendarhead a:visited {
	color: #333;
	text-decoration: none;
}
.calendarhead a:active, .calendarhead a:hover {
	color: #D02B14;
}
.calendartable {
	margin: 10px 5px 20px;
	border: 0;
	width: 170px;
	font-size: 84%;	/* 10px */
}
.calendarwd {
	color: #FCFCFC;
	padding: 0;
	border: 0;
	background: #D5C880;
}
.calendard {
	color: #666;
	padding: 3px 0;
	border: 0;
	border-bottom: 1px dotted #D5C880;
	text-align: center;
}



/* ブログ内検索（サイト内検索）
-------------------------------------------------- */
div.search .side {
	text-align: center;
}



/* 最近の記事・過去記事・最近のコメント・最近のトラバ・お気に入り
-------------------------------------------------- */
div.recententry a.aside, div.archives a.aside, div.comment a.aside,
div.trackback a.aside, div.link a.aside {
	padding-left: 9px;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/sidepoint.gif) no-repeat 0 7px;
}



/* QRコード（携帯サイト）
-------------------------------------------------- */
div.qrcode .side {
	text-align: center;
}



/* RSS
-------------------------------------------------- */
div.rss {
	margin: 0 5px 20px;
}
ul.rss {
	margin: 0;
	text-align: center;
}
ul.rss li {
	margin: 0 5px;
	padding-left: 17px;
	display: inline;
	list-style-type: none;
	background: url(http://blog.tsukuba.ch/_img/westhouse/common/rsspoint.gif) no-repeat 0 50%;
}
div.rssMemo {
	font-size: 84%;	/* 10px */
	text-align: center;
}



/* 読者登録
-------------------------------------------------- */
div.subscription form {
	text-align: center;
}



/* プロフィール
-------------------------------------------------- */
div.profile div.photo {
	margin-bottom: 5px;
	text-align: center;
}
div.profile div.photo img {
	vertical-align: bottom;
}
div.profile div.nickname {
	color: #AB9100;
	font-weight: bold;
	text-align: center;
}
div.profile div.message {
	margin-top: 10px;
	font-size: 84%;	/* 10px */
}



/* ホーム
-------------------------------------------------- */
body.mHome #links {
	padding-bottom: 0;
}
body.mHome div.calender, body.mHome div.category, body.mHome div.archives,
body.mHome div.comment, body.mHome div.trackback, body.mHome div.inquiry,
body.mHome div.link, body.mHome div.qrcode, body.mHome div.counter,
body.mHome div.subscription, body.mHome div.profile, body.mHome div.blog_entry,
body.mHome div.tag_cloud, body.mHome div.custom1, body.mHome div.custom2,
body.mHome div.custom3 {
	display: none;
}


/* ホーム・ブログ以外
-------------------------------------------------- */
body.mShop div.calender, body.mShop div.category, body.mShop div.archives,
body.mShop div.comment, body.mShop div.trackback, body.mShop div.inquiry,
body.mShop div.counter, body.mShop div.subscription, body.mShop div.blog_entry,
body.mShop div.tag_cloud, body.mShop div.custom1, body.mShop div.custom2,
body.mShop div.custom3 {
	display: none;
}



/* フッター
================================================== */
#footer {
	overflow: hidden;
	font-size: 84%;	/* 10px */
}
#goTop {
	margin: 0 10px 10px 0;
	text-align: right;
}
#footerBg {
	color: #FCFCFC;
	padding: 10px;
	height: 15px;
	overflow: hidden;
	background: #1A1A1A;
}
#footerBg a:link, #footerBg a:visited {
	color: #FCFCFC;
	text-decoration: none;
}
#footerBg a:active, #footerBg a:hover {
	color: #FCFCFC;
	text-decoration: underline;
}
#footerBg ul {
	margin: 0;
	float: left;
}
#footerBg ul li {
	margin-left: 3px;
	padding-left: 6px;
	border-left: 1px solid #FCFCFC;
	display: inline;
	list-style-type: none;
}
#footerBg ul li.start {
	margin: 0;
	padding: 0;
	border: 0;
}
#footerBg p {
	margin: 0;
	text-align: right;
	float: right;
}



/* JavaScript有効
================================================== */
#noScript {
	color: #FCFCFC;
	padding: 0 10px;
	border: 3px double #FCFCFC;
	position: absolute;
	top: 0;
	right: 0;
	background: #D02B14;
	font-weight: bold;
	font-size: 108%;	/* 14px */
}



/* clearfix
================================================== */
.clearfix:after, #contents:after, .main:after, dl.table:after, #footerBg:after,
#commentForm dl:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix, #contents, .main, dl.table, #footerBg, #commentForm dl {
	display: inline-block;
}
/*Hides from IE5-mac \*/
* html .clearfix, * html #contents, * html .main, * html dl.table,
* html #footerBg, * html #commentForm dl {
	height: 1%;
}
.clearfix, #contents, .main, dl.table, #footerBg, #commentForm dl {
	display: block;
}
*+html body .clearfix, *+html body #contents, *+html body .main,
*+html body dl.table, *+html body #footerBg, *+html body #commentForm dl {
	zoom: 1;
}
/*End hide from IE5-mac */