@charset "utf-8";


/* ------------------------------------------------------------------ */
/* 1.共通
/* ------------------------------------------------------------------ */

/* ボックスサイズの計算方法を指定 */

*{ box-sizing: border-box; }


/* ------------------------------------------------------------------ */
/* 2.レイアウト
/* ------------------------------------------------------------------ */

/* ボディ */
table      { height:100px;}
body {
  margin: 0;
  padding: 0;
  color: #333;
}
a { color: #b7a077;
}
a:visited { color: #a8a8a8;
}
a:hover {
  color: #988564;
  font-weight: bold;
  text-decoration: none;           
}
a:hover img { opacity: 0.7;
}
h1, h2, h3, h4, h5, h6 { 
  margin-top 0;									/*--見出しのマージンを０にする--*/
}
p {
  margin-top: 0;								/*--段落の初期マージンと行間を調整--*/
  line-height: 1.6;
}
img { 
  vertical-align: bottom;				/*--画像の初期の縦位置を調整--*/
}


/* ------------------------------------------------------------------ */
/* 3.ヘッダーエリア
/* ------------------------------------------------------------------ */

/* タイトルのスタイル */

header {
  width: 980px;
  margin: 0 auto;
}


/* ------------------------------------------------------------------ */
/* 4.ナビゲーション
/* ------------------------------------------------------------------ */

#gNav {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 10px auto;
  margin-bottom: 10px;
}
#gNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#gNav ul li {
  width: 195px;
  float: left;
  margin-left: 1px;
  font-weight:bold;
  font-size: 16px;
  text-align: center;
}
#gNav ul li a {
  display: block;
  padding: 6px;
  background-color: #b7a077;
  color: #fff;
  text-decoration: none;
}
#gNav ul li.current1 a {
  background-color: #530000;
  color: #fff000
}
#gNav ul li.current2 a {
  background-color: #8a8219;
  color: #fff;
}
#gNav ul li a:hover {
  background-color: #8c7a5b;
}


/* ------------------------------------------------------------------ */
/* 5.パン屑リスト
/* ------------------------------------------------------------------ */

#breadcrumb { font-size: smaller; }  	/*--リストの文字を小さくする--*/
/*--リストの行頭の数字を消す--*/
#breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#breadcrumb ol li { display: inline; }   /*--リストを横並び--*/
/*--リストの右側に階層を示す > を付ける--*/
#breadcrumb ol li::after { 
  content: ">";
  padding-left: 7px;
}
/*--リストの最後の項目の > を消す--*/
#breadcrumb ol li:last-child::after { 
  content: none; 
}  


/* ------------------------------------------------------------------ */
/* 6.メインエリア
/* ------------------------------------------------------------------ */

/* メイン枠を２段組み */

#wrapper {
  width: 980px;									/*--メイン枠の設定--*/
  margin: 0 auto;
  overflow: hidden;
}
#main {
  width: 730px;
  float: left;
}
#main h1{
  margin-top: 0;
  font-size:28px;
  border-bottom: solid 1px #8b7348;
}
#main h2 {
  font-size:22px;
  border: 1px solid #b7a077;
  background-color: #ded799;
  padding: 3px 4px;
  border-radius: 10px;
}
#main h3 {
  font-size:18px;
  border-left: solid 3px #b7a077;
  padding: 4px 9px 4px 14px;
}
#main h4 {
  font-size:16px;
  border-left: solid 3px #b7a077;
  padding: 4px 9px 4px 14px;
}
#main p {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 0;
  text-align: left;
}
#main01 dl {
  margin-top: 3;
  margin-bottom: 35px;
  height:158px;  								/* スクロール枠の高さ */
  overflow: scroll; 						/* スクロールバーを表示(※) */
  border: #b7a077 2px solid;  	/* 枠線 */
  border-radius: 5px 5px; 			/* 枠の角丸 */
  background-color: rgb(255,255,255);  /* 背景色 */
  padding: 5px;
}
#main01 dt {
  margin-top: 12px;
  margin-left: 20px;
  font-size: 16px;
  font-weight: bold;
  width: 130px;
  float: left;
  color: #b7a077  							/* 文字色 */
  padding: 5px;
}
#main01 dd {
  margin-top: 12px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold; 
  color: #b7a077 								/* 文字色 */
  padding: 5px;
}
#main02 dl {
  width: 355px;
  border: 3px solid #b7a077;
  background-color: rgb(255,255,255);  /* 背景色 */
  display: inline-block;
  margin-top: 0;
  margin-left: 5px;  
}
#main02 dl h3 {
  margin-top: 10px;
  margin-left: 17px;
  margin-bottom: 10px;
}

#main02 dl li {
  font-size: 14px;
  font-weight: bold;
  margin-left: 30px;
  margin-bottom: 15px;
}


/* ------------------------------------------------------------------ */
/* 7.サイドバー
/* ------------------------------------------------------------------ */

#sidebar {
  width: 220px;  			/*--サイド枠の設定--*/
  background-color: #e0ffff;
  border: 1px solid #7f7259;
  color: #7f7259;
  float: left;
  margin-top: 18px;
  margin-left: 30px;
  padding: 0;
}
#side_banner {
  margin-bottom: 30px;
  margin-right: 0;
}
#side_banner h2 {
  background-color: #716961;
  color: #fff;
  padding: 7px;
  font-size: 16px;
  text-align: center;
}
#side_banner ul {
  list-style: none;							/*--リストの行頭アイコンを消す--*/
  margin: 20px;
  padding: 0;
}
#side_banner ul li { 
  margin-bottom: 10px;
}
#side_contact { 
  margin-bottom: 30px; 
}
#side_contact {
  width: 178px;
  background-color: #fff;  /* 背景色 */
  border: 1px solid #b7a077;
  color: #7f7259;
  font-size: 10px;
  margin: 21px;
  padding: 7px;
  text-align: center;
}
#side_contact h2 {
  background-color: #8a8219;
  color: #fff;
  padding: 4px;
  font-size: 16px;
} 
#side_contact p {
  font-weight: bold;
  font-size: 14px;
} 
#side_contact address {
  font-weight: bold;
  font-size: 14px;
  font-style: normal;
}
#side_contact address img {
  vertical-align: middle;
  margin-right: 5px;
}
#side_contact .contact_button: {
  font-size:13px;
  border: 1px solid #b7a077;
  background-color: #ded799;
  padding: 5px;
  border-radius: 5px;
}

/* ------------------------------------------------------------------ */
/* 8.フッターエリア
/* ------------------------------------------------------------------ */

footer {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
footer {
  background-color: #443222;
  text-align: center;
}
footer #footer_nav {
  background-color: #efefef; 		/*--フッターの背景色--*/
  padding: 6px 0;
}
footer #footer_nav ul {
  list-style: none; 						/*--リストの行頭アイコンを消す--*/
  margin: 0;
  padding: 0;
}
footer #footer_nav li {
  display: inline; 							/*--リストを横並び--*/
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}
/*--最後の項目に右のボーダーを設定--*/
fotter #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}
/*--コピーライトを整える--*/
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}


/* ------------------------------------------------------------------ */
/* 9.ご挨拶ページ
/* ------------------------------------------------------------------ */

#Gt {
  width: 730px;  			/*--サイド枠の設定--*/
  background-color: rgb(255,255,255);  /* 背景色 */
  border: #b7a077 2px solid;  	/* 枠線 */
  color: #7f7259;
  font-weight: bold; 
  color: #b7a077 								/* 文字色 */
  float: left;
  margin-top: 0;
  margin-left: 0;
  padding: 20px;
}
#Gt {
  margin-top: 20px;
  margin-bottom: 18px;
}
#Gt h5 {
  font-size:18px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
}
#Gt p {
  font-size:13px;
  margin-left: 55px;
  margin-top: 0;
  margin-bottom: 5px;
}






/* ------------------------------------------------------------------ */
/* 10.コンテンツページ
/* ------------------------------------------------------------------ */

#contents01 {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left:0;
}


#contents02 {
  margin-top: 20px;
}
#contents02 dl  {
  margin-top: 0;   
  margin-bottom: 10px;
  height:200px;  								 
  border: #b7a077 2px solid;  	/* 枠線 */
  border-radius: 5px 5px; 			/* 枠の角丸 */
  background-color: rgb(255,255,255);  /* 背景色 */
  padding: 5px; 
}
#contents02 dl dt {
  margin-top:5px;
  margin-left: 15px;
}
#contents02 dl dd {
  margin-top: 5px;
  margin-left: 30px;     
}
#contents02 th,#contents02 td {
  border: 2px solid #b7a077;
  padding: 5px;
}
#contents02 th {
  background-color: #fff9b1;
  text-align: left;
  width: 150px;
}
#contents02 table {
  width: 100%;
  background-color: rgb(255,255,255);  /* 背景色 */
  border-collapse: collapse;
  margin-top: 5px;
  margin-bottom: 30px;
}
#contents02 th,#contents02 td {
  border: 2px solid #b7a077;
  padding: 5px;
  text-align: center;
}


#contents03 h2  {
  margin-top:35px;
}
#contents03 dl  {
  margin-top: 0;   
  margin-bottom: 10px;
  height:150px;  								 
  border: #b7a077 2px solid;  	/* 枠線 */
  border-radius: 5px 5px; 			/* 枠の角丸 */
  background-color: rgb(255,255,255);  /* 背景色 */
  padding: 5px; 
}
#contents03 dl dt {
  margin-top:5px;
  margin-left: 15px;     
}
#contents03 dl dd {
  margin-top: 5px;
  margin-left: 30px;     
}
#contents03 th {
  background-color: #fff9b1;
  width: 150px;
}
#contents03 h4  {
  margin-top:0;
  margin-bottom: 5px;
}
#contents03 p {
  margin-top:0;
  margin-bottom: 10px;
}
#contents03 table {
  width: 100%;
  background-color: rgb(255,255,255);  /* 背景色 */
  border-collapse: collapse;
  margin-top: 5px;
  margin-bottom: 2px;
}
#contents03 th,#contents03 td {
  border: 2px solid #b7a077;
  padding: 5px;
  text-align: center;
}


#contents04 table {
  width: 100%;
  background-color: rgb(255,255,255);  /* 背景色 */
  border-collapse: collapse;
  margin-top: 16px;
  margin-bottom: 30px;
}
#contents04 th,#contents04 td {
  border: 2px solid #b7a077;
  padding: 5px;
  text-align: center;
}
#contents04 th {
  background-color: #fff9b1;
  width: 150px;
}
#contents04 p {
  margin-top:0;
  margin-bottom: 30px
}


/* ------------------------------------------------------------------ */
/* 11.ギャラリーページ
/* ------------------------------------------------------------------ */

#gallery ul {
  list-style: none;							/*--リストの行頭アイコンを消す--*/
  margin: 0;
  padding: 0;
}
/*--リストの項目を装飾する--*/
#gallery ul li {
  width: 220px;
  margin: 0 30px 30px 0;
  padding: 10px 0;
  border: solid 1px #ccc;
}
/*--リストの項目を格子状に並べる。243行で影を付ける--*/
#gallery ul li {
  width: 220px;
  margin: 0 30px 30px 0;
  padding: 10px 0;
  border: solid 1px #ccc;
  float: left;
  text-align: center;
  color: #b7a077;
  font-weight: bold;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
/*--３の倍数のボックスの右マージンをカット--*/
#gallery ul li:nth-child(3n) {
  margin-right: 0;
}







/* ------------------------------------------------------------------ */
/* 11.コンタクトページ
/* ------------------------------------------------------------------ */

#form {
  width: 600px;
  margin: 0 30px 30px 0;
  padding: 10px 0;
}