/*
Theme Name: 不思議なネコの森「てまりのおうち」東京 吉祥寺 猫カフェ
Theme URI:
Description:
Version: 1.0
Author: てまりのおうち
Author URI:
*/


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

html{
    color:#402108;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

/*-------------------------------------
共通
-------------------------------------*/
a {
outline: none;
color:#402108;
}

faa:hover {
text-decoration:none;
}


img {
vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
clear:both;
}


/*-------------------------------------
レイアウト
-------------------------------------*/
body {
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial,sans-serif;
font-size:1em;
font-size: 13px;
background-image:url(img/bg2.jpg);
}

#warapper {
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
}

#container1,
#header {
	width:1016px;
	margin:0 auto;
}


#copyright,
.mainContent {
	width:616px;
	float:right;
	margin-right:50px;
}

.mainContent {
	margin-top:-122px;
}

.sideBar {
	width:270px;
	float:left;
	margin:-115px 0 0 53px;
}

h2.ttl {
	margin-left:13px;
	margin-bottom:0px;
}

.bnr-footer-area {
	width:616px;
	float:right;
	margin-right:50px;
  padding-top: 153px;
}

.bnr-footer-wifi {
	display:block;
	text-align:right;
	position:absolute;
	bottom:100px;
	right:48px;
  clear: both;
  margin-top: 250px;
}

#copyright {
	display:block;
	text-align:center;
	position:absolute;
	bottom:51px;
	left:350px;
}

#toTop {
	clear:both;
	float:right;
	position:absolute;
	bottom:2px;
	right:35px;
}

#breadNavi {
	position:absolute;
	top:50px;
	left:64px;
	font-size:14px;
}

.navi,
#postLink {
	width:100%;
	clear:both;
	margin-bottom:35px;
}

.previousLink,
#positLinkPrev {
	float:left;
}

.nextLink,
#positLinkNext {
	float:right;
	margin-right:15px;
}



/*-------------------------------------
ヘッダー
-------------------------------------*/
#header {
	position:relative;
	height:362px;
	background-image:url(img/bg_header.png);
	background-repeat:no-repeat;
}

#header img {
	position:absolute;
	top:55px;
	left:13px;
}

h1 {
	text-align:right;
	padding-top:11px;
	color:#fff;
}

/*-------------------------------------
ホーム
-------------------------------------*/
.topBox {
	float:left;
	margin-bottom:21px;
}

.topNewsBox {
	margin-right:13px;
}

.topBox1 {
	background-repeat:no-repeat;
	padding-top:41px;
	width:301px;
}

.topNewsBox .topBox1 {
	background-image:url(img/top_frame_news.png);
}

.topBlogBox .topBox1 {
	background-image:url(img/top_frame_blog.png);
}

.topBox2 {
	background-image:url(img/top_frame_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:34px;
	position:relative;
}

.topBox3 {
	background-image:url(img/top_frame_middle.png);
	background-repeat:repeat-y;

}

.topBox3 .listBtn {
	position:absolute;
	right:21px;
	bottom:9px;
	margin-top:0px;
}

.topBox3 .inner {
	margin:0 13px 0 20px;
	overflow: auto;
	height:265px;
	padding-top:6px;
}

.topBox3 .inner p {
	padding-left:15px;
	line-height:1.3;
}

.topBox3 .inner .date {
	background-image:url(img/icon_top.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	font-size:12px;
	line-height:1;
	padding-bottom:3px;
}

.topNewsBox .inner .ttl ,
.topBlogBox .inner .ttl span{
	font-weight:bold;
}

.topNewsBox .ttl,
.topBlogBox .ttl {
	padding-bottom:17px;
}

.topNewsBox .last,
.topBlogBox .last {
	padding-bottom:0;
}

#topCoupon {
	position:relative;
	width:616px;
	height:209px;
	clear:both;
}

#topCoupon a {
	position:absolute;
	right:12px;
	bottom:14px;
}

#facebookBallon {
	padding:0px 0 2px 13px;
	display:block;
	float:left;
}


#facebookBtn {
	padding:26px 0 2px 13px;
	display:block;
	float:left;
}

#twitterBtn {
	padding:0px 0 2px 13px;
	display:block;
	float:left;
}


#instagramBtn {
	padding:0px 0 2px 29px;
	display:block;
	float:left;
}


#toTopTop {
	margin:10px 0 13px 460px;
}


div.flexcroll {
	position:relative;
}

/* 本体 */
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
}

/* 縦スクロール範囲 */
.vscrollerbase {
	width:14px;
}

/* 縦スクロールバー */
.vscrollerbar {
	width:14px;
	background-color:#d6d381;
}

/*-------------------------------------
ホーム更新用
-------------------------------------*/
#facebookBtn2 {
	padding:0px 0 2px 0px;
	margin-top:0px;
	margin-left:25px;
	display:block;
	float:left;
}


#twitterBtn2 {
	padding:0px 0 2px 0px;
	margin-left:25px;
	margin-top:10px;
	display:block;
	float:left;
}

#line_stump {
	padding:10px 10px 10px 0px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:auto;
	display:block;
	float:left;
}

#original_goods_info {
	padding:10px 0px 0 0px;
		/*padding:45px 0 0 29px;*/
	margin-bottom:10px;
	margin-left:10px;
	margin-right:7px;
	display:block;
	float:left;
}

#YouTube {
     padding:0px 0 2px 0px;
	margin-top:0px;
	margin-left:55px;
	display:block;
	float:left;
}

#lineat {
	padding:0px 0 2px 0px;
	margin-left:55px;
	margin-top:10px;
	display:block;
	float:left;
}


#snsbtn {
	padding:0px 0px 10px 0px;
}


/*-------------------------------------
フレーム
-------------------------------------*/
#container1 {
	background-image:url(img/bg_main_top.png);
	background-repeat:no-repeat;
	padding-top:186px;
	position:relative;
	*margin-top:-3px;
}

#container2 {
	background-image:url(img/bg_main_bottom.png);
	background-repeat:no-repeat;
	padding-bottom:79px;
	background-position:bottom;
}

#container3 {
	background-image:url(img/bg_main_middle.png);
	background-repeat:repeat-y;
}

#mainBox1 {
	background-image:url(img/bg_content_top.png);
	background-repeat:no-repeat;
	padding-top:41px;
}

#mainBox2 {
	background-image:url(img/bg_content_bottom.png);
	background-repeat:no-repeat;
	padding-bottom:14px;
	background-position:bottom;
}

#mainBox3 {
	background-image:url(img/bg_content_middle.png);
	background-repeat:repeat-y;
	padding-top:4px;
	min-height:1017px;
	position:relative;
}


/*-------------------------------------
ブログ
-------------------------------------*/
.contentArea {
	width:380px;
	float:left;
	margin-left:32px;
}

.contentArea #postLink,
.contentArea .infoComment,
.contentArea .infoCat,
.contentArea .inner {
	padding-left:10px;
}


.contentSide {
	margin:8px 18px 0 0;
	width:170px;
	float:right;
}

.archiveTtl,
.cat h3.ttl {
	width:576px;
	display:block;
	background-image:url(img/line_cat_ttl.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:-2px 0 16px 24px;
	font-size:20px;
	font-weight:bold;
	color:#2e4b04;
	text-align:center;
	padding:0 0 14px;
}

.contentArea h4.ttl {
	width:366px;
	height:26px;
	display:block;
	background-image:url(img/ttl_content_blog.png);
	background-repeat:no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#2e4b04;
	padding:14px 0 0 14px;
	margin:0 0 0 0;
}

.contentArea h4.ttl a {
	text-decoration:none;
}

.contentArea .infoCat {
	margin-top:10px;
}

.contentArea .infoCat .cat {
	margin-bottom:6px;
}

.contentArea .inner {
	margin:20px 10px 56px 0;
	padding-right:15px;
	line-height:1.6;
}

.infoComment {
	margin-bottom:42px;
}

/*-------------------------------------
ブログ　サイドウィジェット
-------------------------------------*/
h5.ttl {
	width:152px;
	height:23px;
	background-image:url(img/ttl_side.png);
	background-repeat:no-repeat;
	font-size:15px;
	font-weight:bold;
	padding: 2px 0 0 18px;
}


.contentSide ul {
	margin:8px 0 21px 5px;
}

.contentSide ul li {
	background-image:url(img/icon_side_li.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 13px 12px;
	line-height:1.2;
}

.contentSide {
	margin-bottom:50px;
}

/*-------------------------------------
お知らせ
-------------------------------------*/
.contentAreaWide {
	margin:4px 25px 0;
}

h4.ttlWide {
	width:566px;
	height:28px;
	display:block;
	background-image:url(img/ttl_content_news.png);
	background-repeat:no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#2e4b04;
	padding:14px 0 0 14px;
	margin:0 0 0 0;
}

h4.ttlWide a {
	text-decoration:none;
}


.contentAreaWide .infoCat {
	margin:15px 0 0 15px;
}

.contentAreaWide .inner {
	margin:20px 15px 54px;
	line-height:1.6;
}

.contentAreaWide #postLink {
	font-weight:bold;
}

.contentAreaWide #postList{
	font-weight:normal;
	float:right;
}


/*-------------------------------------
猫たち
-------------------------------------*/
.cats .contentAreaDetail {
	background-image:url(img/bg_cats_detail.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	margin:-6px 0 0;
	padding-bottom:30px;
	min-height:1017px;
}

.cats h3.ttl{
	width:576px;
	display:block;
	background-image:url(img/line_cats_ttl.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:0 0 10px 24px;
	font-size:20px;
	font-weight:bold;
	color:#2d1801;
	text-align:center;
	padding:8px 0 14px;
}

.cats .detailBigImg {
	background-image:url(img/detail_frame.png);
	background-repeat:no-repeat;
	height:356px;
	width:519px;
	padding:43px 0 0 37px;
	margin:0 0 0 32px;
}

.cats table#detailImgs {
	margin:6px 0 10px 38px;
	width:539px;
}

.cats table#detailImgs td {
	text-align:center;
	vertical-align:middle;
	padding:20px 0;
}

.cats .detailData {
	margin:0 0 0 45px;
	background-image:url(img/detail_frame6.png);
	background-repeat:no-repeat;
	padding-bottom:13px;
	background-position:0 bottom;
}

.cats .detailData dl {
	font-weight:14px;
	clear:both;
	display:table;
	width:526px;
}

.cats .detailData dt,
.cats .detailData dd{
	padding-left:18px;
	display:table-cell;
	vertical-align:middle;
	*float:left;
}

.cats .detailData .dataTtl {
	font-weight:bold;
	width:64px;
	white-space: nowrap;
}

.cats .detailData .cell140 {
	width:113px;
	padding-right:10px;
}

.cats .detailData .cell220 {
	width:193px;
	padding-right:10px;
}

.cats .detailData .dataTtl2 {
	vertical-align:top;
	padding-top:12px;
	padding-bottom:12px;
}

.cats .detailData .dataTtl3 {
	padding-right:10px;
	width:415px;
}

.cats #detailData1 {
	background-image:url(img/detail_frame1.png);
	background-repeat:no-repeat;
	padding-top:13px;
}

.cats #detailData2 {
	background-image:url(img/detail_frame3.png);
	background-repeat:no-repeat;
	padding-top:5px;
}

.cats #detailData3 {
	background-image:url(img/detail_frame4.png);
	background-repeat:no-repeat;
	padding-top:5px;
}


.cats #detailData1 dl,
.cats #detailData2 dl {
	background-image:url(img/detail_frame2.png);
	background-repeat:repeat-y;
}

.cats #detailData1 dl {
	padding-bottom:10px;
}
.cats #detailData2 dl {
	padding:10px 0;
}

.cats #detailData3 dl {
	background-image:url(img/detail_frame5.png);
	background-repeat:repeat-y;
}


.cats .detailPostLink {
	width:540px;
	margin:24px auto 90px;
}

.cats .detailPostLink #prevLink a {
	float:left;
	display:block;
	width:106px;
	height:44px;
	background-image:url(img/detail_prev.png);
	text-indent:100%;
	white-space:nowrap;
    overflow:hidden;
}

.cats .detailPostLink #nextLink a {
	float:right;
	display:block;
	width:106px;
	height:44px;
	background-image:url(img/detail_next.png);
	text-indent:100%;
	white-space:nowrap;
    overflow:hidden;
}

/*-------------------------------------
猫たち一覧
-------------------------------------*/
.contentAreaList {
	margin:18px 0 30px;
}

.contentAreaList .odd {
	margin-left:38px;
	margin-right:29px;
}

.catsList {
	background-image:url(img/list_frame.png);
	background-repeat:no-repeat;
	width:228px;
	height:243px;
	padding:27px 0 0 27px;
	position:relative;
	float:left;
	margin-bottom:21px;
}

.catsList ul {
	padding-top:17px;
	line-height:1.2;
	width:205px;
	height:50px;
	overflow:hidden;
}

.catsList ul li{
	padding-bottom:4px;
}

.catListMore {
	position:absolute;
	right:30px;
	bottom:30px;
}

/*-------------------------------------
地図
-------------------------------------*/
.map h3.ttl {
	width:576px;
	margin:2px 0 16px 24px;
}

.contentAreaMap{
	margin:0 15px;
}

.contentAreaMap img {
	margin-top:10px;
}

.contentAreaMap h4 {
	font-size:18px;
	font-weight:bold;
	padding:45px 40px 0;
}

.contentAreaMap dl {
	padding:29px 40px 120px;
	font-size:15px;
	line-height:1.7;
}

.contentAreaMap dt {
	font-weight:bold;
}

.contentAreaMap dd {
	padding-bottom:24px;
}

.contentAreaMap dd span {
	text-align:right;
	display:block;
	width:100%;
}

/*-------------------------------------
てまりのおうちについて
-------------------------------------*/
.about #mainBox3 {
padding-top:0;
padding-left: 28px;
}

.about #mainBox3 img {
	vertical-align: top;
}

.about #mainBox3 p {
line-height: 1.7;
margin-left:37px;
}

.about #mainBox3 ul {
	margin-bottom:125px;
}

.about #mainBox3 li {
	line-height: 1.5;
	font-size: 12px;
	margin-left:37px;
}

.about #mainBox3 li img {
	vertical-align: text-top;
}

#aboutTtl1 {
	margin: 30px 0 16px;
}

#aboutTtl2 {
	margin: 39px 0 10px;
}

/*-------------------------------------
くつろぎ方
-------------------------------------*/
.rule #mainBox3 {
padding-left: 28px;
padding-bottom: 75px;
}

/*-------------------------------------
メニュー
-------------------------------------*/
.menu_head_nav{
  width: 550px;
  margin: 0 auto 60px;
  overflow: hidden;
}

.menu_head_nav p#menuTop2 {
	margin: 50px 0 0;
  text-align: left;
  float: left;
}

.menu_list_pdf{
  float: right;
  margin: 0;
}

.menu_list_pdf img{
  max-width: 160px;
  width: 100%;
}

.menu_list_pdf img:hover{
  opacity: .7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);	/* IE lt 8 */
  -ms-filter: "alpha(opacity=70)"; /* IE 8 */
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.menu .contentAreaMenu {
	margin-left: 22px;
}

.menu .contentAreaMenu p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.menu .contentAreaMenu p#menuTop {
	margin:9px 0 24px;
}

.menu .contentAreaMenu p#menuBottom {
	margin:0 0 49px;
}
/*-------------------------------------
party
-------------------------------------*/
#partyTop{
		text-align: center;
		font-size: 13px;
			font-weight: bold;
				margin:0 0 30px 0;
}
/*-------------------------------------
ご予約について
-------------------------------------*/
.reserve #mainBox3 {
padding-left: 28px;
padding-bottom: 75px;
}

.reserve #mainBox3 img {
	vertical-align: top;
}

.reserve #mainBox3 p {
line-height: 1.7;
margin-left:37px;
}

.reserve #mainBox3 ul {
	margin-bottom:125px;
}

.reserve #mainBox3 li {
	line-height: 1.5;
	font-size: 12px;
	margin-left:37px;
}

.reserve #mainBox3 li img {
	vertical-align: text-top;
}

#reserveTtl1 {
	margin: 30px 0 16px;
}

#reserveTtl2 {
	margin: 39px 0 10px;
}

#reserve1{
	margin-bottom:50px;
}

#reserve2{
	margin-bottom:40px;
}

#reserve3{
	margin-bottom:40px;
}



/*-------------------------------------
サイドバー
-------------------------------------*/
#sideBnr1 {
	margin-bottom:4px;
}

#sideBnr2 {
	margin-bottom:15px;
}

#sideBnr3 {
	margin-bottom:27px;
}

#sideBnr4 {
	margin-bottom:21px;
}

#sideBnr5 {
	margin-bottom:35px;
}

#sideBnr6 {
	margin-bottom:17px;
}

#sideBnr7 {
	margin-bottom:8px;
}

#sideBnr8 {
	margin-bottom:0px;
}

#sideBnr9 {
	margin-bottom:0px;
}

#sideBnr9-1 {
	margin-bottom:0;
  padding-bottom: 20px;
}

#sideBnr9-2 {
	margin-bottom:0px;
}

#sideBnr9-3 {
	margin-bottom:0px;
  margin-top: -10px;
}

#sideBnr10 {
	margin-bottom:40px;
}

#sideBnr13 {
	margin-top:40px;
}

#line1 {
	margin-bottom:30px;
}

#address1 {
	margin-bottom:22px;
}

#address2 {
	margin-bottom:20px;
}

#address3 {
	margin-bottom:19px;
}

#address4 {
	margin-bottom:18px;
}

#address5 {
	margin-bottom:18px;
}

#address6 {
	margin-left:10px;
		font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}
/*-------------------------------------
メディアの方へ
-------------------------------------*/
#mainBox3_coverage {
	background-image:url(img/bg_content_middle.png);
	background-repeat:repeat-y;
	padding-top:4px;
	min-height:1017px;
	padding-left:18px;
	position:relative;
}
#coverage_img1_02 {
	padding-left:31px;
	padding-bottom:8px;
}

#coverage_img4 {
	padding-bottom:40px;
}


/*-------------------------------------
ブログ
-------------------------------------*/
.blog .inner h1 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	background-image:none;
}

.blog .inner h2 {
	font-size:17px;
	font-weight:bold;
}

.blog .inner h3 {
	font-size:16px;
	font-weight:bold;
}

.blog .inner h4 {
	font-size:15px;
	font-weight:bold;
}

.blog .inner h5 {
	font-size:14px;
	font-weight:bold;
}

.blog .inner h6 {
	font-size:13px;
	font-weight:bold;
}

.topNewsBox strong,
.blog .inner strong {
	font-weight:bold;
}

.topNewsBox em,
.blog .inner em {
	font-style:italic;
}


.blog .inner h1,.blog .inner h2,.blog .inner h3,.blog .inner h4,.blog .inner h5,.blog .inner h6 {
	line-height:1.2;
	margin-bottom:5px;
}

.topNewsBox li,
.blog .inner li {
	list-style-type:square;
	margin-left: 20px;
}

.topNewsBox ol li,
.blog .inner ol li {
	list-style-type:decimal;
}

.topNewsBox blockquote,
.blog .inner blockquote {
	padding:20px;
	margin:20px 50px;
	border:1px dotted #eeeeee;
	background-color: #f9f9f9;
}



/*-------------------------------------
WP共通
-------------------------------------*/
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
  margin-right: auto;
}

#container3{
  height: auto;
  height: 100%;
  width: 100%;
  display: inline-block;
}
#mainBox3 {
  height: auto;
  height: 100%;
  width: 100%;
  display: inline-block;
}