/* -------------------------------------------------------------
（あまりじろじろ見ないでね）
                        基本

	外枠レイアウト：	cover: 854px;
	実質レイアウト：	container_header / container: 850px;
	内容外側レイアウト： header / main: 665px;
	内容実態レイアウト： main2: 625px (padding: 15px 20px 5px 20px;)
  （サイドメニュー：185px (=850px - 665px)）
	フッター：		footer: 850px;（未使用）

---------------------------------------------------------------- */

* { margin: 0; padding:0; }
body {
	width : 100% ;
 	padding: 25px 5px;
	font-size: 		80%;
	font-family:	Verdana, Georgia, Tahoma, "Bookman Old Style", "Lucida Sans Unicode", Arial;
	line-height:	1.4;
	background-image: url(d024bcg.gif);
	text-align: center;/* for IE */
}
body.basic { color: #553300;/*  本文文字色 */ }
td { font-size: 80%; }

A { color: #c40000;}
A:link { color: #c40000;}
A:visited { color: #c40000;}
A:active { color: #ff0000;}
A:hover {
  color: #800000;
  text-decoration: none;
  font-weight: bold;
  background-color: #FFA07A;
}
li { margin: 0px 0px 0px 15px; }
/* -------------------------------------------------------------
                        水平線
---------------------------------------------------------------- */
hr {
	  color:	#eab493;
	  height: 3px;
	  border-width: 0px;
	  background-color: #eab493;
	  margin: 12px 3px;
	  _margin: 2px 3px;
}

hr.hrS { /* コンテンツ中等の細い水平線 */
  margin: 10px 3px;
  _margin: 2px 3px;
  height: 2px;
}
hr.hrSS { /* 変更履歴の極細水平線 */
  margin: 6px 3px;
  _margin: 2px 3px;
  height: 1px;
}

/* -------------------------------------------------------------
                       レイアウト基本
---------------------------------------------------------------- */
div.cover { /* 最外枠 */ /* 修正 */
	width: 850px;
	_width: 854px; /* 基本幅関連 */
	padding: 2px;

 	border: 1px solid #503020;
	background-color: white;
 	margin:0 auto;
 	text-align: left; /* IE用のセンタリングの戻し */
}
div.container_header, div.container {	/* ヘーダー部外枠 コンテンツ部（下部全体）外枠 */
	width: 850px;	/* 基本幅関連 */
	background-color: #503020;
}
div.container_header{
	_width: 848px;
}
/* ------------------------------------------------------------- */
div.weather {	/* お天気表示部 */
	background-color: #503020;
	padding: 15px 0px;
	text-align: center;
}
.weatherEx{	/* 天気下の文字 */
	padding: 3px 0px 0px 0px;
	color: #efd089;
	font-size: 10px;
}
div.header {	/* AD表示+EJ表示部 */
	width:665px;	/* 基本幅関連 全体850px - 185px */
	_width: 663px;
	float:right;
	background-color: #fffaec;
	font-size: 14px;
}
div.headerAd {	/* AD表示部 */
	padding: 20px 10px 10px 20px;
}
div.footerAd {	/* AD表示部 */
	padding: 5px 0px 5px 10px;
}
.EJ {	/* English 表示部 */
	margin: 0px 0px 0px 80px;
	width: 50px;
}

/* --------------- TOP Page用　--------------- */
div.header2 {	/* AD表示+EJ表示 */
	width:663px;	/* 基本幅関連 全体850px - 185px - 2*/
	float:right;
	background-color: #E3B79B;
	font-size: 14px;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: white;
}
div.headerAd2 {	/* AD表示部 Logo */
	padding: 5px 0 0px 10px;
	float: left;
}
div.SiteName{
	float: left;
	font-size: 14px;
	padding: 5px 30px;
	font-weight: bold;
}
div.EJ2 {
	float: left;
	font-size: 14px;
	padding: 5px 20px;
	font-weight: bold;
}
div.update{
	float: right;
	font-size: 14px;
	padding: 5px 10px;
}

/* ------------------------------------------------------------- */
div.c-both {
  clear:both;
}
div.separater {	/* ヘッダー、コンテンツの境界部 */
	margin: 1px 0px;
	background-color: #ebb685;
}
.spacer_separater {
  width: 1px;
  height: 9px;
}
/* -------------------------------------------------------------
             レイアウト：コンテンツ部
---------------------------------------------------------------- */
div.main { /* コンテンツ部 */
  margin:0px;
  width:665px; /* 基本幅関連 全体px - 185px */
  float:right;
  background-color: #fffaec;
}
div.main2 {
  padding: 15px 20px 5px 20px;
}
/* --------------- TOP Page用　--------------- */
table.tableMain{
	table-layout: fixed;
}

div.main2top {/* 修正 */
	background-color: #E9DABB;
}
div.main2topMain {/* 修正 */ /* 665 - 255 */
	float: left;
	width: 410px;
	background-color: #fffaec;
}
div.main2topMenu {/* 修正 */
	float: right;
	width: 255px;
}
/* -------------------------------------------------------------
             レイアウト：サイドメニュー部
---------------------------------------------------------------- */
div.sidemenu {	/* サイドメニュー */
  margin: 0px 0px 0px 9px;
  background-color: #503020;
}
/* -------------------------------------------------------------
             レイアウト：最下段部
---------------------------------------------------------------- */
.IndexDown {
  line-height: 1.6;
  text-align: center;
  padding: 15px 0px 5px 0px;
}
.copyright {
  line-height: 1.5;
  text-align: center;
  padding: 5px 0px 15px 0px;
}
div.footer {
  width: 850px;	
  background-color: #fffaec; /*#fef1da;*/
}
.Mselected2 {	/* 最下段のメニュー選択項目用 */
	background-color : #ffeebb;
	padding: 1px 5px 3px 5px;
	border: 1px solid #664422;
}
/* -------------------------------------------------------------
             サイドメニュー 
---------------------------------------------------------------- */
.Mselected {	/* 選択されている項目 */
  color : #800000;
  background-color : #efd089;
  padding: 5px 0px 5px 2px;
  margin: 0px 0px 0px -2px;
  border: 1px solid #fef1da;
  width: 172px;
}

#MenuTable {
  font-size : 14px;
  color: #efd089;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 0px 5px 0px;
  line-height: 1.2;
}
#MenuTable a {
  display:block;
  color: #efd089;
  text-decoration: none;
  padding:5px 0px;
  width: 100%;
}
#MenuTable a:link {
  color: #efd089;
  text-decoration: none;
  padding:5px 0px;
  width: 100%;
}
#MenuTable a:visited {
  color: #efd089;
  text-decoration: none;
  padding:5px 0px;
  width: 100%;
}
#MenuTable A:hover {
  color: #503020;
  padding: 5px 0px 5px 2px;
  margin: 0px 0px 0px -2px;
  width: 100%;
  background-color: #FFA07A; /* 'lightsalmon';*/
}
#MenuTable ul {
  list-style: none;
}

#MenuTable li {
  margin: 0;
  padding:0;
}
hr.menu_separate {	/* side menu のセパレーター定義 */
  color: #a0501f;
  border-width: 0px;
  background-color: #a0501f;
  height: 4px;
  margin: 1px 3px 1px 0px;
}
.sidemenuAD {	/*sidemenuのGAd*/
	text-align: center;
    margin: 20px 0 0 5px;
    _margin: 20px 0 0 6px;
    padding: 10px 2px 5px;
/* 	width: 168px;
	_width: 174px;
	border-top: 7px solid #885522;
	border-right: 2px solid #332211;
	border-bottom: 7px solid #332211;
	border-left: 2px solid #885522; */
}
.menuTopPage {	/* メニュー項目「トップページ」のみ、独自背景 */
  background-color : #331111;
  padding: 5px 0px 5px 2px;
  margin: 0px 0px 0px -2px;
  border: 1px solid #000000;
  width: 172px;
}
/* --------------- メニュー内タイ語　--------------- */
.menuThai {
  line-height : 100%;
  font-size: 24px;
  font-weight: bold;
}
/* --------------- メニュー内フォト　--------------- */
.menuFotoL, .menuFotoR {
  margin: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #331111;
}
.menuFotoL {
  border-width: 3px 4px 3px 8px;
}
.menuFotoR {
  border-width: 3px 8px 3px 4px;
}
/* --------------- メニュー内第二階層　--------------- */
.menuSecondTitle, .menuSecondTitle2 {
    font-size: 10px;
    font-weight: normal;
    background-color: #442211;
    margin: 0px 0px 0px -2px;
    border: 1px solid #220022;
	width: 153px;
    _width: 172px;
}
.menuSecondTitle {
    padding: 0px 10px 0px 7px;
    background-image: url(http://www.thaismile.jp/tools/bullet0263.gif);
    background-position:right;
    background-repeat: no-repeat;
	width: 156px;
    _width: 172px;
}
.menuSecondTitle2 { /*現在選択されているサブメニュー*/
    height: 20px;
	_height: 25px;
    color:#CF9B5D;

    padding: 4px 0px 0px 20px;
    background-image: url(http://www.thaismile.jp/tools/bullet02632.gif);
    background-repeat: no-repeat;
    background-position: left;
}
.menuSecond, .Mselected3 { /* フォトギャラリーなどの小項目メニュー */
  font-size : 10px;
  font-weight: normal;
  margin: 0px 0px 0px -2px;
  border: 1px solid #000000;
  width: 158px; 
 _width: 162px;
}
.menuSecond{
  background-color : #331111;
  padding: 0px 0px 0px 7px;
}
.Mselected3 {
  color : #800000;
  background-color : #ffeebb;
  padding: 6px 0px 6px 7px;
  width: 167px;
  _width: 172px;
}
/* -------------------------------------------------------------
             Info
---------------------------------------------------------------- */
.confirm {
  height : 30px;
  background-color : #f0cfa2;
  font-size : 16px;
  text-align : center;
  cursor : pointer;
}