@charset "Shift_JIS";
/* CSS Document */


/** 一括で全ての要素の余白をゼロに設定 **/
* {
	padding: 0;
	margin: 0;
}

a:link {
  color: #433f3d;
  text-decoration:none;
}

a:visited {
  color: #433f3d;
  text-decoration:none;
}

a:hover {
  color: #433f3d;
  text-decoration:underline;
  opacity:0.7;
  filter: a:hover(opacity=70);
  -ms-filter: "a:hover(opacity=70)";
}


/* ---------------------------------------- フォントスタイル　フォントサイズ */
body {
	background-color:#d2c6be;
	font-size: 10px;
	font-family:Cochin,游明朝,"Yu Mincho","ヒラギノ明朝 Pro W3", "ヒラギノ明朝 ProN W3", "平成明朝 W3", "ＭＳ Ｐ明朝", "MS P明朝", "ＭＳ　明朝", "Hiragino Mincho Pro", serif;
	color:#433f3d;
	padding: 0;
	margin: 0;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
	width: 900px;
	padding: 0;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	height: auto;
}

#header {
	width:100%;
    padding: 2em 10px 10px;
}

#menu {
	width:100%;
	height:138px;
	border-bottom-style: solid;
	border-bottom-color:#433f3d;
	border-bottom-width:thin;
	border-top-style: solid;
	border-top-color:#433f3d;
	border-top-width:thin;
}

#globalnavi {
	margin: 0;
	padding-top: 1.3em;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 290px;
	float:left;
	height: 125px;
}

#langulagenavi {
	height:20px;
	float:right;
	margin-right:5px;
	font-size:11px;
	padding: 5px;
}

#langulagenavi img {
	float:left;
	padding:3px;
}

#langulagenavi a:hover img {
	opacity:0.7;
	filter: langulagenavi(opacity=70);
  -ms-filter: "langulagenavi(opacity=70)";
}

#eyes {
	height:70px;
	width:500px;
	float:right;
	padding: 1em;
	text-align:right;
	font-size:14px;
	line-height: 1.3em;
	position:relative;
	margin-bottom:0;
	clear: right;
}

#eyes .fontbottom {
	width:400px;
	position:absolute;
	bottom:0;
	right:10px;
	padding-bottom:5px;
}

#container {
	width: 100%;
	margin-top:0px;
	padding-top: 10px;
	height:700px;
	padding-bottom: 10px;
	clear: both;
}

#footer {
	width:885px;
	padding-top: 1.5em;
	padding-right: 0;
	padding-bottom: 1.5em;
	padding-left: 15px;
	font-size:10px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	border-top-style: solid;
	border-top-color: #433f3d;
	border-top-width: thin;
}


/* ---------------------------------------- #header内の指定 */


/* -- トップバナー -- */
.logo {
  text-align: left;
}

/* --概要-- */
.discription {}

/* ---------------------------------------- #globalnaviの指定 */
#globalnavi ul {
	list-style-type: none;
	padding: 0px;
	position: absolute;
	height: 100px;
}

#globalnavi li {
    width: auto;
    flort:left;
}

#globalnavi li a {
  text-decoration: none;
  display: block;
  width: auto;
  padding: 0.5px 0.5px;
}

.works {
	background:url(image/works01.jpg) no-repeat;
}

.works a {
	display:inline-block;
}

.works a:hover {
	background-color:transparent;  /*   IE6対応   */
}

.works a:hover img {
	visibility:hidden;
}

.about {
	background:url(image/about01.jpg) no-repeat;
}

.about a {
	display:inline-block;
}

.about a:hover {
	background-color:transparent;  /*   IE6対応   */
}

.about a:hover img {
	visibility:hidden;
}

.contact {
	background:url(image/contact01.jpg) no-repeat;
}

.contact a {
	display:inline-block;
}

.contact a:hover {
	background-color:transparent;  /*   IE6対応   */
}

.contact a:hover img {
	visibility:hidden;
}

.diary {
	background:url(image/diary01.jpg) no-repeat;
}

.diary a {
	display:inline-block;
}

.diary a:hover {
	background-color:transparent;  /*   IE6対応   */
}

.diary a:hover img {
	visibility:hidden;
}

/* ---------------------------------------- #contents内の指定 */

/* -- 文字 -- */
#contents {
	width: 100%;
	font-size:11px;
	line-height: 2em;
	float:left;
	text-align:left;
	padding-top:3px;
}

#contents p {
	margin-left:1px;
}

.clear {
	clear:both;
}
	
.toppage {
	font-size:14px;
	line-height:1.6em;
	text-align:right;
	margin-top:15em;
	padding-right:15px;
	padding-top:0px;
	padding-bottom: 0px;
}

.picture {
	padding:0;
	margin:0;
}

/** アバウト　コンテンツ表示 **/
.table1 {
	width: 600px;
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left: 20px;
	float:left;
}
/** アバウト　コンテンツ表示 ここまで　**/

/** コンタクト　コンテンツ表示 **/
.table2 {
	width: 700px;
	font-size:14px;
	line-height:1.3em;
	margin-top:14px;
	margin-left: 170px;
}
/** コンタクト　コンテンツ表示 ここまで　**/

/** デイリー　コンテンツ表示 **/
.table3 {
	margin-top:14px;
	margin-left:105px;
	line-height:3em;
	font-size:14px;
}

/** デイリー　コンテンツ表示 ここまで　**/


.concept {
	font-size:14px;
	line-height:2.7em;
	margin-top:15px;
	padding-left:40px;
	padding-bottom:25px;
	text-align:left;
	border-bottom-style: solid;
	border-bottom-color:#433f3d;
	border-bottom-width:thin;
}

.mission {
	font-size:14px;
	line-height:2.3em;
	margin-top:15px;
	padding-left:40px;
	padding-bottom:25px;
	text-align:left;
	border-bottom-style: solid;
	border-bottom-color:#433f3d;
	border-bottom-width:thin;
}

.portrait {
	float:right;
	margin-top:70px;
	margin-right:30px;
}

.map {
	padding-top:30px;
	padding-left:20px;
	padding-bottom:50px;
}

/** Googleマップ　モノクロ表示 **/
iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  }
/** Googleマップ　モノクロ表示 ここまで　**/

/** 常に垂直スクロールバーを表示 **/
html {
  overflow-y: scroll;
}

/* for gte Opera9.51 */
html:not(\*|*) {
  overflow: auto;
  margin-bottom: 1px;
}

/** 常に垂直スクロールバーを表示 ここまで　**/