﻿<@charset "UTF-8";>
html,body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ丸ゴ ProN','ヒラギノ角ゴ Pro W3','YuGothic','Yu Gothic','メイリオ',' Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;  
}
html,body{margin:0;padding:0;}
body { width : 768px ;
       margin:auto ;
     }
body { color: #716246; font-size: small; line-height: 1.7;}

/*以上ページ設定*/
/*以下ロゴsince2000 写真3枚*/
h1 { display: block ; 
		 margin : 50px 320px 0px 140px ; padding:0 ;
		}
p.since{  font-size : x-small;
					color: #000000;
					font-weight : bold;
					margin:0 0 0 280px;
					padding:0 0 0 0;
       }
p.estab{  font-size : x-small;
					color: #c5643a;
					font-weight : bold;
					margin:0 0 0 305px;
					padding:0 0 0 0;
       }
img.pict {width: 118px; 
					height: 100px; 
					border:solid 1px #808080 ;
					padding:2px;
				}
.photo_a { float:left; 
					margin: 20px 20px 10px 160px;
				}
.photo_b{ float:left; 
					margin: 20px 20px 10px 20px;
				}
.clear { clear: both;
				}
/*以下本文*/
h2 {			display: block ;
					background: #ca983c; 
					padding-left: 3em;
					color:#fff;
					font-size:medium;
					font-weight:600 ;
					line-height:2.0;
					margin: 0 0 0 0;
					border-bottom: 1px solid #696969;
					border-right: 1px solid #696969;
				}


/*以下リンクボタン「飼ってみて」など4個分*/
body button.simple.icon {
  padding: 15px 25px;
  border: 0px solid #000;
  border-radius: 3px;
  background-color: #ca983c;
  box-shadow: 0 3px 0 #ddd;
  font-family: Helvetica, Arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #222;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color .4s ease;
}

body button.simple.icon:focus {
  outline: 0;
  background-color: #eee;
}

body button.simple.icon:hover {
  background-color: #eee;
}

body button.simple.icon {
  padding: 15px 25px 10px 55px;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center left 17.5px;
}
/*リンクボタン以下「目次」分*/
body button.simples.icon {
  padding: 42px 30px 37px 80px;
  border: 0px solid #000;
  border-radius: 3px;
  background-color: #ca983c;
  box-shadow: 0 3px 0 #ddd;
  font-family: Helvetica, Arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color .4s ease;
}

body button.simples.icon:focus {
  outline: 0;
  background-color: #eee;
}

body button.simples.icon:hover {
  background-color: #eee;
}

body button.simples.icon {
  padding: 42px 30px 37px 80px;
  background-repeat: no-repeat;
  background-size: 48px;
  background-position: center left 17.5px;
}

/*ボタン並び設定*/
#nav ul {
  list-style-type: none; /*箇条書きのポッチを消す*/
  text-align:center /*左右中央寄せは親要素に対して指定*/
  }
/* ↓id="nav"の中のulの中のliに対してCSSを適用*/
#nav ul li { 
  display: inline-block;
  margin: 0 3px 0 3px ;
}
/*回り込み*/
.button_all { text-align:center; }
.honyaku_four, .info { float: left;
}

/*回り込み解除*/
div.button_all {
    zoom: 1; /* float解除 for IE6/7  */
}
.button_all:after, .button_all:before {
    content: "";
    clear: both;
    display: block;
}
/*ボタン回り込み解除ここまで*/
/*以上飼ってみて、目次など5ボタンの設定*/

/*ママ日記*/

#diary {border: 1px solid #808080;
				height: auto;
				width:450px;
				margin: 0 auto;
		}
#nikki {margin-top: 3px;
				margin-left: 2px;
		}
#nikki,nikki_migi {float: left;
		}
#nikki_migi { padding: 0 0 0 150px;
				font-size: 0.9em;
				line-height: 1.4;
		}

/*日記リンク写真拡大*/
#nikki img {
	width:			130px;
	height:			97px;
	background-color:	#fff;
  border:1px solid #808080 ;
  padding:2px;

}
#nikki img {
	transition:		all 0.2s ease;
}

#nikki img:hover {
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
	box-shadow:		1px 2px 3px #000;
}
/*拡大ここまで*/
p.serch { line-height: 1.2 ;
	}

table {margin-top: 20px ;}


/*pカウンター*/
p.counter {text-align: center;
					 margin: 20px 0 20px 0;
		}


p.mail { display: block;
					text-align: center;
				 	color: ; 
					font-weight:300 ;
					font-size: small; 
					line-height: 1.0;
					border-style: none ; 
					padding:0 0 0 0 ;
					margin-bottom: 0
			}
p.icon { text-align: center; 
					padding:0 0 5px 0; 
					margin-top:0;
					padding:0 0 0 0;
				}
p.copy { text-align: center; 
					border-style: none ; 
					white-space: pre-wrap;
					color: ; 
					font-weight:700 ;
					font-size: large;
					line-height: 1.1;
					margin-bottom: 80px;
				}



