/* CSS Document */
body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #990000;
  font-size: 10pt;
  line-height: 1.5;
}
a:link{
  color: #990000;
}
a:visited {
	color: #990000;
}
a:hover {
	color: #006600;
}
td {
  vertical-align: top;
}

/* 全体 */
#wrapper{
  margin: 10px auto;
  width: 750px;
  text-align: left;
  color: #990000;
}

/* ヘッダー（トップ） */
#header-top{
	position: relative;
	width: 750px;
	margin-bottom: 10px;
}
#header-top iframe{
  padding: 0px;
	 margin: 0px;
  width: 750px;
	 border: none;
}
#header-top h1{
  padding-left: 20px;
	 padding-right: 20px;
	 margin-top: 10px;
	 margin-bottom: 0px;
	 font-weight: normal;
	 text-align: right;
}
#header-top p{
  padding-left: 20px;
	 padding-right: 20px;
	 margin-top: 10px;
	 margin-bottom: 0px;
	 text-align: left;
	 color: #999999;
}

/* ヘッダー（全体） */
#header{
	position: relative;
	width: 750px;
	margin-bottom: 30px;
}
#header iframe{
  padding: 0px;
	 margin: 0px;
  width: 750px;
	 border: none;
}
#header h1{
  padding-left: 20px;
	 padding-right: 20px;
	 margin-top: 10px;
	 margin-bottom: 0px;
	 font-weight: normal;
	 text-align: right;
}

/* メニューバー（下） */
#menu_bar{
  width: 100%;
  height: 20px;
  margin-top:10px;
  vertical-align: middle;
  color: #000000;
  font-size: 9pt;
}
#menu_bar a{
  color: #000000;
}
#menu_bar a:hover{
  color: #006600;
}

/* フッター */
#footer{
  position: relative;
	z-index: 0;
  width: 750px;
	height: 110px;
  clear: both;
  vertical-align: bottom;
  text-align: center;
		padding-top:20px;
  margin-top: 0x;
	margin-left: 0px;
  margin-bottom: 10px;
  color: #666666;
  font-size: 9pt;
}
#footer iframe{
  position: relative;
	z-index: 0;
  padding: 0px;
	margin: 0px;
  width: 750px;
	border: none;
}
#footer object embed{
  position: relative;
	z-index: 0;
}
/* ヘッダーとフッターを後ろに持っていく */
#h_and_f_anime object embed{
  position: relative;
  z-index: 0;
}

/* サイドメニュー */
#manu_table{
  position: relative;
	 z-index: 1;
  float: left;
  font-size: 9pt;
  line-height: 1.3;
}
#manu_table td{
  vertical-align: top;
}
#manu_table strong{
  font-size: 10pt;
}
#said_manu {
  margin-top: 5px;
  margin-left: 0px;
  padding-left: 20px;
  list-style-type: none;
}

#said_manu{
  margin-top: -3px;
}
#said_manu ul {
 width: 160px;
 height: 250px;
 background: url(images/b_said_manu.gif) no-repeat left top;
 list-style-type: none;
 margin-left: 0;
 padding-left: 0;
 text-indent: -9999px;
}
#said_manu a {
 display: block;
 width: 160px;
 height: 25px;
}
#said_manu #manu01 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px 0px;}
#said_manu #manu02 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -25px;}
#said_manu #manu03 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -50px;}
#said_manu #manu04 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -75px;}
#said_manu #manu05 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -100px;}
#said_manu #manu06 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -125px;}
#said_manu #manu07 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -150px;}
#said_manu #manu08 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -175px;}
#said_manu #manu09 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -200px;}
#said_manu #manu10 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -225px;}
#said_manu #manu11 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -250px;}
/*#said_manu #manu12 a:hover { background: url(images/b_said_manu.gif) no-repeat -160px -275px;}*/



#said_manu-totop {
 width: 160px;
 height: 25px;
 background: url(images/b_said_manu-totop.gif) no-repeat left top;
 margin-left: 20px;
 text-indent: -9999px;
}
#said_manu-totop a {
 display: block;
 width: 160px;
 height: 25px;
}
#said_manu-totop a:hover { background: url(images/b_said_manu-totop.gif) no-repeat -160px 0px;}


#said_blog{  
  margin-left: 0px;
		margin-top:8px;
  padding-left: 20px;
}


#syozoku {
		list-style-position: outside;
}
#syozoku ul{
  margin-top: 5px;		
  margin-left: 15px;
}


/* メイン */
#main{
  position: relative;
　z-index: 2;
  width: 510px;
  margin-right: 15px;
  float: right;
}
#main_table_a{
  margin-top: 20px;
}
#main_table_b{
  vertical-align: top;
}
#main_table_b p{
 margin-bottom: 8px;
}
#main_table_c{
  font-size: 10px;
  letter-spacing: -0.1em;
  color: #666666;
  line-height: 1.3;  
  vertical-align: top;
}
#main_table_c strong{
  font-size: 12px;
  color: #990000;
}
#main_table_c p {
 height: 102px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
  margin-top:  17px;
  margin-left: 12px;
  clear: both;
  float: none;
}
#main_table_c img {
  margin-right: 4px;
}

#naiyo{
  width: 500px;
  position: relative;
  top: 10px;
  left: 5px;
}
.indent{
  text-indent: 10pt;
}

/* 共用 */
.f07{
  font-size: 7pt;
}
.f08{
  font-size: 8pt;
}
.f09{
  font-size: 9pt;
}
.f11{
  font-size: 11pt;
}
.f12{
  font-size: 12pt;
}
.f13 {
  font-size: 13pt;
}
.lh120{
  line-height: 1.2;
}
.lh140{
  line-height: 1.4;
}
.lh150{
  line-height: 1.5;
}
.c_usuhai{
  color: #444444;
}
.c_midori{
 color: #777700;
}
.c_aomidori{
 color: #067533;
}
.c_kon{
 color: #333366;
}
.c_kin{
 color: #996600;
}
.mar_b05 {
 margin-bottom: 5px;
}
.mar_t05 {
 margin-top: 5px;
}

.s_mincho{
  font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.mobile {
 width: 150px;
 height: 80px;
 background: url(images/mbile_bg.gif) no-repeat center bottom;
 margin-bottom: 10px;
 text-align: center;
}
.mobile iframe {
 margin: 0 auto;
}
.mobile input,select,option { font-size: 12px; margin-bottom: 2px;}
.mobile .mobile-ad { width: 116px;}
.mobile .mobile-dome { width: 120px;}

.list01{
 margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* コンセプト用 */
#jusyo {
 background: #eeeede;
	padding: 10px;
}
#jusyo caption {
	width: 100%;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #663300;
}

/* works用 */
.hajime p{
  margin-top: 5px;
  margin-bottom: 15px;
}
.tugi tr{
  padding-bottom: 20px;
}
.sra{
  font-size: 9pt;
  color: #666666;
  line-height: 1.2;
}
.sra table{
  margin-bottom: 8px;
}
/* recruit用 */
.recruit_back {
  background-image: url(images/back_rec .jpg);
		background-repeat: no-repeat;
		background-position: center top;
}
.syokushu li{
		font-size: 13pt;
		font-weight: bold;	
		margin-bottom: 15px;
}
.syokushu span{
  font-size: 10pt;
		font-weight: normal;
  color: #222222;
}
.oubo table{
  background-color:#777777;
}
.oubo td{
  background-color: #FFFFFF;
		vertical-align: middle;
}
.oubo th{
  background-color:#CCCCCC;
		text-align: left;
		vertical-align: middle;
}
.oubo b{
  font-size: 9pt;
		font-weight: normal;
		color: #777777;
}

/* ポップアップ用 */
#popup{
  margin: 20px auto;
}

/* 流れ用 */
#nagare td{
 padding-left:15px;
	line-height: 1.4;
}
.said_img_ue{
  background-image: url(images/img05_ue.jpg);
		background-repeat: no-repeat;
		background-position: top center;
}
.said_img_naka{
  background-image: url(images/img05_naka.jpg);
		background-repeat: no-repeat;
		background-position: center center;
}
.said_img_shita{
  background-image: url(images/img05_shita.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
}

/* 自然と共生用 */
.top_symbi td{
 font-size: 9pt;
 vertical-align: middle;
 padding: 25px 0;
}
.back_om{
  background-image: url(images/back_om.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
}
.back_wood{
  background-image: url(images/back_wood.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
}
.back_sozai{
  background-image: url(images/back_sozai.jpg);
		background-repeat: no-repeat;
		background-position: center 65px ;
}
.back_sozai table{
 margin-bottom: 20px;
}
.back_sozai caption{
 text-align: center;
}
.back_sozai td{
  color: #444444;
 vertical-align: middle;
 font-size: 9pt;
 line-height: 1.3;
 border-bottom: 1px #777777 dotted;
}
.back_sozai th{
 width: 140px;
 font-size: 10pt;
 text-align: center;
 vertical-align: middle;
 border-bottom: 1px #777777 dotted;
}

/* ギャラリー用 */
.kako td {
 text-align: center;
	vertical-align: middle;
}
.kako img {
 margin: 10px 0 10px 0;
}
.kako ul {
 margin-left: 12pt;
 padding-left: 12pt;
}
.photo-3 {
 float: right;
 margin: 0 0 5px 3px;
}


/* スタッフプロフィール用 */
.prof-bg-aka-name {
 background-color: #aa0000;
 color: #FFFFFF;
 vertical-align: bottom;
 padding-bottom: 2px;
 letter-spacing: 3px;
}
.prof-bg-aka-no {
 background-color: #aa0000;
 color: #FFFFFF;
 padding-right: 5px;
 vertical-align: middle;
}
.prof-bg-glay {
 padding-left: 5px;
 background-color: #666666;
 color: #FFFFFF;
 font-size: 9pt;
 vertical-align: middle;
}
.prof-taste {
 padding-left: 5px;
 color: #444444;
 font-size: 9pt;
 vertical-align: middle;
}
.prof-name {
 text-align: right;
 vertical-align: bottom;
 font-size: 12pt;
 font-weight: bold;
 color: #666666;
 border-bottom: 2px solid #666666;
}




/* 環空荘のその後用 */

.after-photo { 
 padding: 3px;
 border: 1px #bbbbbb solid;
 background-color: #dddddd;
}