.outline{width:820px/*810px*/;padding:10px}
.title{text-align:center;font-size:28pt;font-family:富士ポップＰ,;background-color:white;padding:5px;}
.tent{height:15px;background-image:url('http://www.tamanowa.sakura.ne.jp/img/tent.gif');background-repeat:repeat-x}

/*以下いらなそう*/
.honbun{padding:0px 20px 10px 20px}
.menu{border:none;width:160px}/*index.htmlでは使われてない 消すか？*/
.menu-R{display:block;width:100%;padding:2px 0px;font-weight:bold;color:black;text-decoration:none;background-color:#FFCC99;text-align:center}
a.menu-R:hover{background-color:tomato;color:white}
.menu-G{display:block;width:100%;padding:2px 0px;font-weight:bold;color:black;text-decoration:none;background-color:#CCFFCC;text-align:center}
a.menu-G:hover{background-color:forestgreen;color:white}

/*以上いらなそう*/

.page{background-color:forestgreen;color:white;text-align:center;padding:2px 0px}


/*以下いらなそう*/

.left{width:100px;vertical-align:top}
.hashira{width:2px;background-color:maroon}
.midashi{font-weight:bold;font-size:100%;color:crimson}

/*以上いらなそう*/

a.kensaku:{text-decoration:none}
a.kensaku:hover{position:relative;top:1px;left:1px}



/*
     FILE ARCHIVED ON 8:40:22 12 21, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:27:00 11 15, 2014.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/


.menu_b{line-height:120%;text-align:left;vertical-align:top;padding:3px 14px;background-color:none}
.menu_t{background-color:none;color:red;font-weight:bold;/*width:100%*/}
.menu_s{text-decoration:none}
.menu_s:hover{text-decoration:underline}
.page{background-color:forestgreen;color:white;text-align:center;padding:2px 0px}

a.kensaku:{text-decoration:none}
a.kensaku:hover{position:relative;top:1px;left:1px}

body{font-size:15px;line-height:120%;background-image:url('http://www.tamanowa.sakura.ne.jp/img/bg_h_gra03.gif')}

.green_t{width:700px;border:solid forestgreen 2px;text-align:left}
.green_h{background-color:forestgreen;color:white;font-weight:bold;border:solid 1px forestgreen;padding:5px;}
.green_h2{color:black;font-weight:bold;border:solid 1px forestgreen;padding:5px;background-color:#ccffcc}
.green{border:solid 1px forestgreen;padding:10px 20px;background-color:#ccffcc}
.orange_t{width:700px;border:solid orangered 2px;text-align:left}
.orange_h{background-color:orangered;color:white;font-weight:bold;border:solid 1px orangered;padding:5px;}
.orange_h2{color:black;font-weight:bold;border:solid 1px orangered;padding:5px;background-color:#ffcc99}
.orange{border:solid 1px orangered;padding:10px 20px;background-color:#ffcc99}




/****************************************************/
/*****tm_style4にない変化（見つけた部分のみ）********/
/****************************************************/
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);/* Ie用 */
	-ms-filter: “alpha( opacity=80 )”;

	-webkit-transition: 0.2s ;/*ゆっくり変化*/
	transition: 0.2s ;
}


.gnavi_blog{
	text-decoration:none;
	display:block;
	width:128px;
	padding:5px 8px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF9900;
	border: solid 1px #CCC;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 5px 5px 5px 5px;
}

a.gnavi_blog:hover {
	opacity:0.8;
	filter:alpha(opacity=80);/* Ie用 */
	-ms-filter: “alpha( opacity=80 )”;

	-webkit-transition: 0.2s ;/*ゆっくり変化*/
	transition: 0.2s ;
}


.menu_t{
	margin-left:5px;
	margin-bottom:3px;

}

.gnavi_s{
	text-decoration:none;
	padding:2px;/*hover時の色の範囲を広げるため*/
}

a.gnavi_s:hover {

	text-decoration:none;
	color:#000000;
	background-color:#FF9900;

	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	opacity:0.8;
	filter:alpha(opacity=80);/* Ie用 */
	-ms-filter: “alpha( opacity=80 )”;

	-webkit-transition: 0.4s ;/*ゆっくり変化*/
	transition: 0.4s ;
}

.gnavi_b{
	border-left:dashed #EAEAEA;
	line-height:120%;text-align:left;vertical-align:top;padding:3px 0px 3px 10px;background-color:none;
	width:140px;
	white-space:nowrap;/*古いPCやスマフォ対策*/
}

.gnavi_bb{/*たまのわブログリンク用*/
	border-left:dashed #EAEAEA;
	line-height:120%;text-align:left;vertical-align:top;
	padding:6px 10px 0px 12px;background-color:none;
	width:160px;
}

.navi_a{/*「たま」の考え・仕組み・会員登録用*/
	text-decoration:none;
	display:block;
	width:210px;
	margin:0px 10px;
	padding:10px 8px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:forestgreen/*#FF9900*/;
	border: solid 1px #CCC;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 5px 5px 5px 5px;
}

a.navi_a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);/* Ie用 */
	-ms-filter: “alpha( opacity=80 )”;

	-webkit-transition: 0.2s ;/*ゆっくり変化*/
	transition: 0.2s ;
}

.marumi {
	margin-bottom:2px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
/****************************************************/
/****************************************************/



body{

	text-align:center;
}


.clear-both{
	clear:both;
}

/*「id名」=「#」*/

#site-box{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:880px;
}



#top-box{
	
	padding-left:150px;
}



#seach-box{ /*googleのサイト内検索機能*/
	margin-left:350px;
	width:880px;
}


/*left-boxの設定*/

#left-box{
	position:fixed;
	background:#FFF;
	float: left;
	width: 150px;
	border:solid 2px forestgreen;
	text-align:center;
	margin: 0px;
}

#left-box a {text-decoration: none;

}

#left-box a:link {
color: #FFF;
}

#left-box a:visited {
color: #FFF;
}

#left-box a:hover {
color: #333333;
}

#left-box a:active {
color: #444444;
}

.name00,.name01,.name02,.name03,.name04,.name05,.name06,.name07{
	color:white;
	margin:1px;
	padding:8px 10px;
	width:128px;
	font-size:20px;
	font-weight:bold;
	border-radius:5px;
}

.name00{ /*その他*/
	background-color:forestgreen;
}

.name01{ /*飲食店*/
	background-color:#809cc9;
}

.name02{ /*からだ*/
	background-color:#7fc9f7;
}

.name03{
	background-color:#fc4230;
}

.name04{
	background-color:#abd514;
}

.name05{
	background-color:#f74f7c;
}

.name06{
	background-color:#b2863f;
}

.name07{
	background-color:#fc8d59;
}

/*******************************************/
/*			 ジャンプの設定  			*/
/*******************************************/

/*shopsA1*/
#sonota,#resutoran,#kafe,#syokuhin,#fukushoku,#engei,#koukyou{
	/*
	idだけで作ると、動かなくなるので、
	aタグを加えた。
	(id名とaタグ名は同じにしないと動作しなかった)
	しかし、ブラウザによって飛ぶ位置が異なる。
	【■■↑どうすると？異なる？■■】
	a とid 両方を指定すると
	なぜかうまく飛ぶようになった。
	
	そもそも、
	【idを使わずにaタグのみで作ったらうまくいく】
	
	↓↓↓
	なぜかid の中にa入れて同じタグ名でうまくいかなくなった。
	
	逆もダメ <a name=”top” id=”top”></a> これだと、*/
	
	/*■■固定の半透明ヘッダーのページで、うまく飛ぶようになったマジックコード■■
	(たぶん、普通のページでスマホでもうまく飛ぶための方法だった気がする)
	(固定ヘッダー分ののりしろがあって詰め切りはしないが、これで着地点の調整ができた)
	(のりしろはスマホ全般orAndroidにある)*/
		
/*■■■■■■■■■■■■いまこれ仮に消した。スマフォで動作確認必要2014/11記述■■■■■■■■■■     padding-top:50px;  *//*(元は100px)　*/
/*■■■■■■■■■■■■いまこれ仮に消した。スマフォで動作確認必要2014/11記述■■■■■■■■■■     margin-top:-50px;  *//*(元は-100px)*/
	 
	/*■■この高さの範囲にかぶる他のリンクボタンが効かない現象に対処■■*/
	/*(■z-indexでリンクボタンを前面に出したが、効かなかった)*/
	  width:20px;
	
	  
	  

	/*ちなみに、HTML標準になるべく合わせるようにするスムーススクロール用の対策も、
	このスムーススクロールだとsafariの着地点がずれてしまった。
	⇒<a name=”top” id=”top”></a>*/
	
/*　■■iPhoneのみ、アンカーポイントよりも下に着地してほしくて格闘■■*/
/*	padding-bottom:-50px;  
    margin-bottom:-100px;  
	position:fixed;
	z-index:200;
*/
/*  topからbottomに替えて、paddingとmarginに差をつけて下にアンカーのボックスを作ったが、アンカーポイント自体が、ボックス上部から動かないので、変わらなかった。

差をつけると、レイアウトがぢぢこまったり広がったりするので、浮かせてみたが、
浮かせると、PCでは半透明ところに被った、初期の着地点になる。。

　　こまかく設定したければ、アンカーポイントを下の方にやり、エージェントでどれだけ上にやるか振り分けるようにすればいい。
*/	
} 

#resutoran{
     padding-top:50px;  /*(元は100px)　*/
     margin-top:-50px;  /*(元は-100px)*/
}


/*******************************************/
/*   ページ切替時に生じるガタガタを回避    */
/*******************************************/
html {
       overflow-y:scroll;
}