﻿img,a img{border-style:none}

/* ↓要素にフロートレフトを挿入する装置 */
.floatLeft{float:left;}
/* ↑要素にフロートレフトを挿入する装置  */

/* ↓要素にディスプレイノンを挿入する装置  */
.displayNone{display: none;}
/* ↑要素にディスプレイノンを挿入する装置  */

/* ↓空の要素にリンクする装置 */
a.blankLink{
display:block;
width:100%;
height:100%;
text-indent:-9999px;}
/* ↑空の要素にリンクする装置 */
/* 空欄にリンクを張る時はa要素のクラス名に'blankLink'を指定して下さい */

/* グーグルマップＡＰＩのcss */
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #mapComt {
width: 170px;
height: 340px;
display: block;
float: left;
position: relative;
left: 50px;
top: 30px;
}

#map_canvas {
width: 550px;
height: 340px;
float: left;
display: block;
top: 30px;
left: 30px;
position: relative;
background-position: 0 0;
}
/* /グーグルマップＡＰＩのcss */

/* クリック前の地図、文字サイズ、RSS、の背景一括指定↓ */
#map_canvas,.rssSprback,.sizeLeft{background: url(background/mapTextsizeFeed-back.png) no-repeat top left;}
/* クリック前の地図、文字サイズ、RSS、の背景一括指定↑ */

/* perfect-scrollbarを適応するｃｓｓ */
.pScroll { position: relative;
overflow:hidden;}
/* /perfect-scrollbarを適応するｃｓｓ */

/* テキスト設定 */
.textTitile{font-size: 16px;
letter-spacing: 3px;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;}

.textDate{
font-size: 12px;
letter-spacing: 1px;}

.textContent{
line-height: 19px;
font-size: 13px;}

.textImportantcont {
line-height: 17px;
font-size: 13.5px;
}

.textSmallcont{
font-size: 12.5px;
line-height: 15px;
}

h1{
font-weight: normal;
font-size:30px;
letter-spacing:-1.2px;
text-transform: uppercase;
}

/* /テキスト設定 */
body{
color: #003300;
line-height: 19px;
font-size: 13px;
line-height:1.2;
}

/* 全体を包むwrap */
#wrap{display: block;
margin-left: auto;
margin-right: auto;
width: 800px;}
/* /全体を包むwrap */


/****** ↓文字リサイズメニュー ******/


#size {position:fixed;top:165px;left:0px;
 z-index:777777;   overflow: hidden;
    display: block;
    width: 270px;
    height: 35px;
}


.sizeLeft {
    float: left;
    display: block;
    height: 35px;
}

#space1 {
    width: 135px;
    background-position: -960px 0;
}

#bigsize {
    width: 50px;
    background-position: -1095px 0px;
}


#space2 {
    width: 35px;
    background-position: -1145px 0;
}

#nomalsize {
    width: 50px;
    background-position: -1180px -70px;
}
/****** ↑文字リサイズメニュー ******/

/****** ↓日記コーナー ******/

#rssWrap{width:400px;
position:fixed;
top:200px;
left:-120px;
height:335px;
z-index:999999;
display:block;}

#feed{
position: relative;
display:none;
width:400px;
height:300px;
overflow:hidden;}



#rss {width:390px;margin:auto;}

#rssPeak_ {
margin:auto;
width: 390px;
height: 10px;
background-position: -560px -225px;
}

#rssTop {
height: 40px;
width: 390px;
background-position: -560px -285px;
}

#rssBottom_ {
margin:auto;
width: 390px;
height: 25px;
background-position: -560px -150px;
}

#rssContent_ {
background-image: url(background/diary-back/rssmid.png);
background-repeat: repeat-y;
}
.rssTdcb{overflow:hidden;width:390px;display: block;}

#rssTitile_ {
	height:20px;
}

#rssDate_ {
	height:20px;
position: relative;
}

.left25{margin-left: 20px;
width: 350px;
margin-right: 20px;
overflow:hidden;}

.rssdate {
position: absolute;
bottom: 2px;
}
.rssContent br:nth-child(3){display:none;}
.rssContent br:nth-child(5){display:none;}
.rssTitile a {
text-decoration: none;
color: #003300;
}
.rsscontent{
word-wrap: break-word;
overflow: auto;
}

b {
display: none;
}

/****** ↑日記コーナー ******/

/* ロゴ、abcd要素の背景幅指定 */
.logoAbcdback{
background-image:url("background/background-fastimage-foodLayout.jpg");
background-repeat: no-repeat;
width: 800px; 
}

/* /ロゴ、abcd要素の背景幅指定 */

/* ロゴ、abcd要素の背景ポジション高さ */
table.logo {
background-position: 0 -1550px; height: 200px;}
#a {
background-position: 0 0; height: 300px;
}

#b {
background-position: 0 -350px; height: 300px;
}
#c {
background-position: 0 -700px; height: 300px;
}
#d {
background-position: 0 -1050px; height: 450px;
}
/* /ロゴ、abcd要素の背景ポジション高さ */

.purofcon {
height:290px;
width:390px;
padding:5px;
}

.tamaphoto {
height: 290px;
width: 195px;
}
.syokai {
height:280px;
width:185px;
padding:5px;
overflow: hidden;
}
.prof-photo {
height:290px;
width:130px;
}

.heya{
 width: 180px;
 height: 90px;
 
}

.syuhen{
 width: 125px;
 height: 70px;
 
}
.news {
width:380px;
height:270px;
margin: auto;
}


.yoga{
display:block;
height:100%;
}


#c ul{
padding-left: 5px;
}

#c li.titile {
padding-left: 0px;
}

#c li {
list-style: none;
padding-left: 40px;
}



/*料金↓ */

.padb{
padding:10px;
height:280px;
width:380px;
overflow:hidden;
}

/*料金↑ */

.mid{
padding:5px;
height:260px;
width:180px;
}

.bottom{
height:450px;
width:600px;
}
.linkall{
height:450px;
width:200px;
}
.linkt{
height:100px;
width:200px;
}
.linkcon{
padding:5px;
height:340px;
width:190px;
overflow: hidden;
}


.conts{
padding:10px;
height:280px;
width:280px;
overflow: hidden;
}
.adless{
padding:10px;
height:130px;
width:580px;
clear:left;
}




/* ↓間取り図と、食材コーナー内部にあるボックスポジションの一括指定 */
#food > div,#layout > div{
position: absolute;
overflow: hidden;
}
/* ↑間取り図と、食材コーナー内部にあるボックスポジションの一括指定 */


/***** 間取り図要素配置設定↓ ****/

/* ↓間取り図の全体格納ボックス */
#layout {
position: relative;
}
/* ↑間取り図の全体格納ボックス */

#global_ {
	left:0px;
	top:0px;
	width:800px;
	height:150px;
}

#layout-left_ {
	left:0px;
	top:150px;
	width:140px;
	height:360px;
}

#japanese-room2_ {
	left:140px;
	top:150px;
	width:140px;
	height:120px;
}

#layout-no-room_ {
	left:280px;
	top:150px;
	width:120px;
	height:120px;
}

#corridor_ {
	left:400px;
	top:150px;
	width:30px;
	height:250px;
}

#western-style-room_ {
	left:430px;
	top:150px;
	width:140px;
	height:120px;
}

#layout-news_ {
	left:570px;
	top:150px;
	width:230px;
	height:250px;
}

#japanese-room-left_ {
	left:140px;
	top:270px;
	width:140px;
	height:130px;
}

#japanese-room-right_ {
	left:280px;
	top:270px;
	width:120px;
	height:130px;
}

#ktchen_ {
	left:430px;
	top:270px;
	width:140px;
	height:130px;
}

#layout-bottom_ {
	left:140px;
	top:400px;
	width:350px;
	height:110px;
}

#bathroom_ {
	left:490px;
	top:400px;
	width:80px;
	height:110px;
}

#layout-leftside-of-close_ {
	left:570px;
	top:400px;
	width:180px;
	height:110px;
}

#close_ {
	left:750px;
	top:400px;
	width:50px;
	height:110px;
}


/***** 間取り図要素配置設定↑ ****/

/***** つながり食材要素配置設定↓ ****/
/* ↓つながり食材コーナー全体格納ボックス */
#food {
position: relative;
}
/* ↑つながり食材コーナー全体格納ボックス */

#id--------01_ {
	
	left:0px;
	top:0px;
	width:800px;
	height:20px;
}

#id--------02_ {
	left:0px;
	top:20px;
	width:20px;
	height:490px;
}

#food-honey_ {
	left:20px;
	top:20px;
	width:240px;
	height:155px;
}

#food-tomatoes_ {
	left:260px;
	top:20px;
	width:240px;
	height:155px;
}

#food-salt_ {
	left:500px;
	top:20px;
	width:240px;
	height:155px;
}

#id--------06_ {
	left:740px;
	top:20px;
	width:60px;
	height:340px;
}

#food-pot_ {
	left:20px;
	top:175px;
	width:240px;
	height:155px;
}

#food-bread_ {
	left:260px;
	top:175px;
	width:240px;
	height:155px;
}

#food-chicken_ {
	left:500px;
	top:175px;
	width:240px;
	height:155px;
}

#id--------10_ {
	left:20px;
	top:330px;
	width:720px;
	height:30px;
}

#id--------11_ {
	left:20px;
	top:360px;
	width:20px;
	height:150px;
}

#id--------12_ {
	left:40px;
	top:360px;
	width:680px;
	height:120px;
}

#id--------13_ {
	left:720px;
	top:360px;
	width:30px;
	height:150px;
}

#id--------14_ {
	left:750px;
	top:360px;
	width:50px;
	height:150px;
}

#id--------14_ > div{width: 100%;height: 100%;}

#id--------15_ {
	left:40px;
	top:480px;
	width:680px;
	height:30px;
}

/***** つながり食材要素配置設定↑ ****/

/***** 一番上、右上の写真　お部屋コーナーの3枚の写真　食材の写真配置設定↓ ****/
.fastimg-click-food {
background-image: url('background/background-fastimage-foodLayout.jpg');
background-repeat: no-repeat;
}
.sprite-click-kitchen{ background-position: -1600px 0; width: 180px; height: 90px; } 
.sprite-click-pillowcase{ background-position: -1600px -140px; width: 180px; height: 90px; } 
.sprite-click-room{ background-position: -1600px -280px; width: 180px; height: 90px; } 
.sprite-fastimg-birds{ background-position: -1600px -420px; width: 130px; height: 95px; } 
.sprite-fastimg-cat{ background-position: -1600px -565px; width: 130px; height: 95px; } 
.sprite-fastimg-farm{ background-position: -1600px -710px; width: 130px; height: 95px; } 
.sprite-fastimg-flower{ background-position: -1600px -855px; width: 130px; height: 95px; } 
.sprite-fastimg-house{ background-position: -1600px -1000px; width: 130px; height: 95px; } 
.sprite-fastimg-pot{ background-position: -1600px -1145px; width: 130px; height: 95px; } 
.sprite-fastimg-sea{ background-position: -1600px -1290px; width: 130px; height: 95px; } 
.sprite-fastimg-shallots{ background-position: -1600px -1435px; width: 130px; height: 95px; } 
.sprite-fastimg-signboard{ background-position: -1600px -1580px; width: 130px; height: 95px; } 
.sprite-food-bread{ background-position: -1600px -1725px; width: 240px; height: 155px; } 
.sprite-food-chicken{ background-position: -1600px -1930px; width: 240px; height: 155px; } 
.sprite-food-honey{ background-position: -1890px 0; width: 240px; height: 155px; } 
.sprite-food-pot{ background-position: -1890px -205px; width: 240px; height: 155px; } 
.sprite-food-salt{ background-position: -1890px -410px; width: 240px; height: 155px; } 
.sprite-food-tomatoes{ background-position: -1890px -615px; width: 240px; height: 155px; } 
/***** 一番上、右上の写真　お部屋コーナーの3枚の写真　食材の写真配置設定↑ ****/

.food-map-layout-back {
background-image: url('background/background-fastimage-foodLayout.jpg');
background-repeat: no-repeat;
}
.sprite-food-background{ background-position: -800px 0; width: 800px; height: 510px; } 
.sprite-layout_background{ background-position: -800px -560px; width: 800px; height: 510px; } 
.sprite-map-background{ background-position: -800px -1120px; width: 800px; height: 400px; }


/** パーフェクトスクロール **/

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: opacity .2s linear;
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container:hover .ps-scrollbar-x,
.ps-container.hover .ps-scrollbar-x {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x:hover,
.ps-container .ps-scrollbar-x.hover {
    opacity: 0.9;
    filter: alpha(opacity = 90);
    cursor:default;
}

.ps-container .ps-scrollbar-x.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: opacity .2s linear;
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container:hover .ps-scrollbar-y,
.ps-container.hover .ps-scrollbar-y {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y:hover,
.ps-container .ps-scrollbar-y.hover {
    opacity: 0.9;
    filter: alpha(opacity = 90);
    cursor: default;
}

.ps-container .ps-scrollbar-y.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

/** ライトボックス **/

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(http://www.geocities.jp/images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(http://www.geocities.jp/images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}
