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

	外枠レイアウト：	cover: 950px;
	実質レイアウト：	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: 20px 0px;
	font-size: 	105%;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", Palatino, serif;
	line-height:	1.2;
	background-image: url(d024bcg.gif);
	text-align: center;/* for IE */
}
.highslide-caption{
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", Palatino, serif !important;
	font-size: 95% !important;
}
body.basic { color: #553300;/*  本文文字色 */ }
td { font-size: 100%; }

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; }

.hosoku{
 font-size: 85%;
 color:#8B643D;
}
.hosoku-n{
 font-size: 95%;
}
/* -------------------------------------------------------------
                        水平線
---------------------------------------------------------------- */
hr {
 color:	#eab493;
 height: 3px;
 border-width: 0;

 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: 950px;
	_width: 954px; /* 基本幅関連 */
	padding: 2px;

 	border: 1px solid #503020;
	background-color: white;
 	margin:0 auto;
 	text-align: left; /* IE用のセンタリングの戻し */
}
div.container_header, div.container {	/* ヘーダー部外枠 コンテンツ部（下部全体）外枠 */
	width: 950px;	/* 基本幅関連 */
	background-color: #503020;
}
div.container_header{
	_width: 948px;
}
/* ------------------------------------------------------------- */
div.weather {	/* お天気表示部 */
	text-align: center;

	padding-top: 20px;
	width: 195px;
	height: 130px;
}
.sitelogo{ /*thaismile.jp表示*/
 text-shadow: 4px 3px 5px black; /*横下ぼかし色*/
 text-align: center;
 font-family: "Times New Roman", Georgia;
 font-size: 30px;
 margin: 0px 0 10px 0;
}

.sitelogo, .sitelogo A, .sitelogo A:link, .sitelogo A:visited,.sitelogo A:active {
	color:#D6A370;
	text-decoration: none;
}

.sitelogo A:hover {
  color: #800000;
  text-decoration: none;
  font-weight: bold;
  background-color: #FFA07A;
  text-shadow: 0px 0px 0px black; /* 横 下 ぼかし 色 */
}

.weatherEx{	/* 天気下の文字 */
	padding: 3px 0px 0px 0px;
	color: #efd089;
	font-size: 12px;
}
div.header {	/* AD表示+EJ表示部 */
	width:748px;	/* 基本幅関連 全体950px - 200px -2px */
	_width: 746px;
	float:right;
	background-color: #FFFCF5; /* #fffaec */
	height: 150px;

	border-color:#D5BA9F;
 	border-left: 2px solid #D5BA9F;
}
/* --------------- header AD　--------------- */
.headerSNS{
	width: 620px;
	float: left;
	margin: 22px 0 5px 10px;
	font-size: 80%;
/*	border: 1px solid black;*/
}
.EJ {	/* English 表示部 */
	width: 100px;
	float: right;
	text-align: right;
	margin: 22px 11px 5px 0;
	_margin: 22px 9px 5px 0;

/*	border: 1px solid green; */
}

div.headerAd {	/* AD表示部 */
	clear: both;
	text-align: center;

/*	border: 1px solid red; */
}

div.HeaderAdSNS {	/* AD表示部 使ってない？ */
	margin: -15px 0px 10px 0px;
/*	border: 1px solid red; */
/* main2 との兼ね合いがあるため、参照のこと */
}
/* --------------- footer AD　--------------- */
div.footerAd {	/* AD表示部 */
	padding: 5px 0px 5px 0px;
}
div.footerAdB{	/* big size用 */
	margin-top: -5px;
	_margin-top: -10px;
	padding: 0 0 0 0;
	text-align: center;
	height: 90px;
}

div.footerAdBL{	/* big size LinkUnit用 */
	margin-top: -5px;
	_margin-top: -10px;
	padding: 0 0 0 0;
	text-align: center;
	height: 20px;
}

.footerSNS{
	margin: 15px 0 5px 10px;
	font-size: 80%;
}
/* --------------- TOP Page用　--------------- */
div.header2 {
 /*AD表示+EJ表示*/
	width:748px; /*基本幅関連全体950px-200px-2-2*/
	_width: 746px;
float:right;
 background-color: #E3B79B;
 font-size: 14px;
 border-width: 0px 0px 0px 2px;
 border-style: solid;
 border-color:#A77D53;
 height: 150px;
}
div.headerAd2 {	/* AD表示部 Logo */
	margin: 20px 0 5px 10px;
	float: left;

	width: 728px;
	height: 90px;
}
div.SiteName{
	float: left;
	font-size: 125%;
	padding: 5px 25px;
	font-weight: bold;
}
div.EJ2 {
	float: left;
	padding: 5px 20px;
	font-weight: bold;
}
div.update{
	float: right;
	padding: 5px 15px;
}

/* ------------------------------------------------------------- */
div.c-both {
  clear:both;
}
div.separater {
 /*ヘッダー、コンテンツの境界部*/
margin: 1px 0px;
 background-color: #ebb685;
 border-top: 1px solid #E9E2D5;
 border-bottom: 1px solid #E9E2D5;
 border-color:#E9E2D5;
}
.spacer_separater {
  width: 1px;
  height: 9px;
}
/* -------------------------------------------------------------
             レイアウト：コンテンツ部
---------------------------------------------------------------- */
 /*コンテンツ部*/
div.main {
 margin:0px;
 width:748px; /*基本幅関連全体950px-200px*/
 float:right;
 background-color:#FFFCF5; /*fffaec*//* top以外のページの背景色 headerも合わせる必要あり */
 border-color:#D5BA9F; 
 border-left: 2px solid #D5BA9F;
}
div.main2 {
 	margin: 15px 40px 15px 35px;
}
/* --------------- TOP Page用　--------------- */
table.tableMain{
	table-layout: fixed;
}

div.main2top {/* 修正 */
	background-color: #E9DABB;
}
div.main2topMain {/* 修正 */ /* 750 - 260 */
	float: left;
	width: 488px;
	_width: 486px;
	background-color: #FFFCF5; /* #FFFCF5; *//* topページの背景色 */
}
div.main2topMenu {/* 修正 */
	float: right;
	width: 260px;
}
/* -------------------------------------------------------------
             レイアウト：サイドメニュー部
---------------------------------------------------------------- */
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.4;
  text-align: center;
  padding: 5px 0px 15px 0px;
}
div.footer {
  width: 950px;	
  background-color: #fffaec; /*#fef1da;*/
}
.Mselected2 {	/* 最下段のメニュー選択項目用 */
	background-color : #ffeebb;
	padding: 1px 5px 0px 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: 185px; /* 180 + 5px 20130414 */
  _width: 190px; /* 185 + 5px 20130414 */
}

#MenuTable {
  font-family:	Verdana, Georgia, Tahoma, "Bookman Old Style", "Lucida Sans Unicode", Arial;
  font-size: 90%;
  color: #efd089;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 0px 5px 0px;

	width: 190px;
}
#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;
}
/* sidemenuのセパレーター定義*/
/* 本当は見直し必要あり。
　#MenuTableの方が、上側、単なるhr.menu...が、AD側
*/
hr.menu_separate, hr.menu_separate2 {
	border-width: 0px;
	color:#6F3D21;	/*IE#6F3D21*/
	background-color:#6F3D21;	/*a0501f*//*otherbrowers*/

	height: 15px;
	width: 190px;
	margin: 0;
	padding: 0;
	margin-left: 6px;
	margin-right: -2px;
	margin-top: 7px;
 	_margin-top: 0px;
 	_margin-bottom: -5px;

	border-color:#A46E52;
	border-top: 1px solid black;
	border-bottom: 1px solid #A46E52;
}

#MenuTable hr.menu_separate{
	margin-left: -2px;
}

 hr.menu_separate2{
	_width: 185px;
	height: 1px;

	margin: 4px 3px 4px 0px;
	_margin: 0px 3px 0px 0px;
}

.sidemenuAD {	/*sidemenuのGAd*/
	text-align: center;
    margin: 20px 0 0 -10px;
    _margin: 20px 0 0 -10px;
}
.menuTopPage {	/* メニュー項目「トップページ」のみ、独自背景 */
  background-color : #331111;
  padding: 5px 0px 5px 2px;
  margin: 0px 0px 0px -2px;
  border: 1px solid #000000;
  width: 187px; /* 182+5 20130414 */
 _width: 190px;
  height: 30px;
 _height: 40px;

}
/* --------------- メニュー内タイ語　--------------- */
.menuThai {
  line-height: 100%;
  font-size: 26px;
  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, .menuSecondTitle3 {
    font-size: 13px;
    font-weight: normal;
    background-color: #442211;
    margin: 0px 0px 0px -2px;
    border: 1px solid #220022;
	width: 170px; /* 156+13 20130414 */
    _width: 190px;/* 177+13 20130414 */
}
.menuSecondTitle {
    padding: 0px 10px 0px 7px;
    background-image: url(http://www.thaismile.jp/tools/bullet0263.gif);
    background-position:right;
    background-repeat: no-repeat;
}
.menuSecondTitle2, .menuSecondTitle3 { /*現在選択されているサブメニューとそのサブメニュー */
    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;

}

.menuSecondTitle3{
    padding-bottom: 10px;
    _padding-bottom: 0px;
	background-color : #331111;
}

.menuSecond, .menuThird, .Mselected3, .Mselected3_2, .Mselected4 { /* フォトギャラリーなどの小項目メニュー */
  font-size : 12px;
  font-weight: normal;
  margin: 0px 0px 0px -2px;
  border: 1px solid #000000;

	width: 170px; /* 180-10 20130414 */
    _width: 180px;/* 190-10 20130414 */
}

.Mselected4 { /* フォトギャラリーなどの小項目メニュー */

}

.menuSecond{
  background-color : #331111;
  padding: 0px 0px 0px 7px;
}

.menuThird{
 background-color:#210909;
 padding: 0px 0px 0px 7px;

 margin: 0px 0px 0px -2px;
 _margin: 0px 0px 0px 0px; 
 width: 182px;
 _width: 187px;
}

.menuSmaller{
    font-size: 90%; /* メニュー項目で横に入りきらない長い名前の場合に使用 */
}
/* Mselected3 -> フォトギャラリー、タイ語のページの左メニュー */
/* Mselected3_2 -> フォトギャラリー、タイ語のページの左メニュー */
/* Mselected4 -> フォトギャラリーの左メニュー */
.Mselected3, .Mselected3_2, .Mselected4{ 
  color : #800000;
  background-color : #ffeebb;
  padding: 6px 0px 6px 7px;

	width: 180px; /* 167+18 20130414 */
    _width: 190px;/* 172+18 20130414 */
}

/* フォトギャラリー：チェンマイのメニュー表示 */
.Mselected3_2{ 
    padding-left: 20px;
    background-image: url(http://www.thaismile.jp/tools/bullet02632.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.Mselected4{
  width: 166px; /* 156+10 20130414 */
  _width: 172px;/* 162+10 20130414 */
  margin: 0px 0px 0px 8px; /* menuThirdに合わせる */

	margin: 0px 0px 0px -2px;
	_margin: 0px 0px 0px 0px; 
	width: 182px;
	_width: 187px;
}
/* -------------------------------------------------------------
             Info
---------------------------------------------------------------- */
.confirm, .EmailSendBtn, .EmaiBackBtn {
  height : 30px;
  background-color : #f0cfa2;
  font-size : 16px;
  text-align : center;
  cursor : pointer;
  padding: 5px 5px 5px 20px;
}
.EmaiBackBtn{
  padding: 5px 20px 5px 5px;
}
.EmailEmail, .EmailText, .EmailName{
 background-color:#FDF4E9;
 font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
}
.EmailText{
	width: 600px;
	padding: 10px 5px;
}
.EmailEmail, .EmailName{
	width: 500px;
	height: 35px;
	padding: 5px 5px;
}

/* iPad CSS */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.EmailText{
		font-size: 120%;
	}
	.EmailEmail, .EmailName{
		font-size: 120%;
	}

}


@media screen and (max-width: 800px) {
	body{
		font-size: 	110%;
	}

	.sitelogo{ /*thaismile.jp表示*/
		font-size: 18px;
		margin: 0 0 10px 0;
	}

	.weatherEx{	/* 天気下の文字 */
		padding: 3px 0px 0px 0px;
		color: #efd089;
		font-size: 9px;
	}

	#MenuTable {
		font-size: 95%; /* 100% */
	}
}