/* ------------ common ------------ */


/* ----------------------------------------------------------------  */
/* --------------------  全ページ共通項目 -------------------------  */
/* ----------------------------------------------------------------  */


/* ---------- 基本設定---------- */
/* ※font-sizeは個々に設定 */

body {
	text-align: left;
	background-image:url(../images/backgraund.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#572617;
}

body,div {
	color: #3e342b;
	margin: auto;
	font-family: 'ＭＳ Ｐゴシック', HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3';
}


/* ---------- アンカー---------- */

#top {
	display:none;
	border: 0;
}


/* ---------- アウトライン---------- */

#wrap {	
	width:900px;
	background-color:#fff;
}
#wrap-inner {	
	margin : 0 15px 0 15px;
	padding: 0;
}
#wrap-bot {
	background-image:url(../images/bg-outline-bot.gif);
	background-repeat:no-repeat;
	width: 900px;
	height: 15px;
	font-size:0;
	line-height:0;
}

/* ---------- ヘッダー---------- */

#header {
	width: 900px;
	height: 59px;
	text-align:left;
	margin: 0;
	padding: 0;
	background-image:url(../images/bg-top-tel.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}


#h-left {
	float:left;
	width: 225px;
	margin: 0;
	padding: 0;
}
#h-right {
	float:right;
	width: 675px;
	height: 59px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}


#logo {
	display:block;
	background:url(../images/logo-hanoi.jpg) no-repeat;
	width:225px;
	height: 59px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	border: 0;
}
/*\*//*/
.but-l {
  letter-spacing: -9999px;
}
/**/
#logo:hover {}




/* ----------------------------------------------------------------  */
/* -------------------  右カラム（メイン） ------------------------  */
/* ----------------------------------------------------------------  */



/* ---------- コンテンツ枠---------- */

#right {
	float:right;
	width: 635px;
}


#content {
	width: 635px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	font-size:85%;
	line-height:150%;
	background-color:#ffeebf;
}
#content-inner {
	margin:  0 15px 0 15px;
	padding: 0 0 0 0;
}



#top-welcome {
	background-image:url(../images/top-welcome.jpg);
	background-repeat:no-repeat;
	width: 635px;
	height: 244px;
	margin:  20px 0 0 0;
}

#top-welcome p {
	display:block;
	padding: 0;
	text-indent: -9999px;
	border: 0;
}



#top-welcome-mess {
	width: 605px;
	margin:  0 15px 15px 15px;
	padding: 0 0 0 0;
	font-size:90%;
	line-height:150%;
}
#top-welcome-mess-img img{
	margin:  0 3px 0 0;
	padding:  0 0 0 0;
}

#top-welcome-mess-inner p {
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}


#content-bot {
	background-image:url(../images/top-welcome-bot.jpg);
	background-repeat:no-repeat;
	width: 635px;
	height: 20px;
	font-size:0;
	line-height:0;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}




/* ------------ top-main  ------------  */

#top-main {
	background-image:url(../images/top-main.jpg);
	background-repeat:no-repeat;
	width: 900px;
	height: 495px;
	margin:  0;
	padding: 0;
	text-indent: -9999px;
	border: 0;
}



/* ------------ page-tit  ------------  */

#page-tit{
	width:900px;
	margin: 0 0 15px 0;
	padding: 0;
	float: right;
	font-size:100%;
	background-color:#2d2422;
}


#page-tit-inner {
	text-align:right;
	margin: 0;
	padding: 0.5em 30px 0 0;
}

#page-tit h2 {
	color: #999;
	font-size:100%;
	line-height:105%;
	font-weight:bold;
	
}



/* ------------ top-mess  ------------  */

#top-mess2{
	display:block;
	height: 330px;
	margin:8px 0px 8px 0px;
	font-size: 90%;
	line-height:140%;
	borde: 1px solid #e0dac2;
	
}
#top-mess2-inner {
	height: 240px;
	padding: 50px 15px 0px 15px;
	overflow: auto;
	color: #353125;
}

#top-mess2-inner strong {
	color:#996600;
}





/* ------------ top-news  ------------  */

#top-news{
	display:block;
	width: 605px;
	height: 26px;
	background-image:url(../images/top-news.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	margin:  0 0 2px 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#top-news-fra{
	width: 605px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#fff8de;
}
#top-news-fra-inner{
	width: 585px;
	height: 580px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: auto;
	font-size:90%;
	line-height:160%;
}


/* ------------ top-news photo&entry  ------------  */

#top-news-fra dl{
	width: 550px;
	margin: 0 0 0 0;
	padding: 15px;
}

#top-news-fra dt{
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#top-news-fra dd{
	height: 100px;
	margin: -100px 0 10px 110px;
	padding: 0 0 0 0;
}

#top-news-fra p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#top-news-fra a.top-news-a:link     { color: #000; text-decoration: none; }
#top-news-fra a.top-news-a:visited  { color: #000; text-decoration: none;  }
#top-news-fra a.top-news-a:hover    { color: #000; text-decoration: underline; }
#top-news-fra a.top-news-a:active   { color: #000; text-decoration: underline; }






/* ------------ フッター  ------------  */

#footer{
	clear:both;
	text-align:center;
	font-size: 75%;
	margin: 0;
	padding: 0;
	
}
#footer-inner{
	margin: 20px 15px 0px 15px;
	padding: 0 0 55px 0;
}

.bot-menu {
	font-size: 90%;
	line-height:180%;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}

#copyright {
	clear:both;
	width:auto;
	height: 100px;
	margin: 0 !important;
	padding: 10px !important;
	background-image:url(../images/bg-footer.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	background-color:#572617;
}

#copyright p {
	text-align:center;
	font-size:10px;
	line-height:10px;
	padding: 10px;
	font-family: 'ＭＳ Ｐ明朝', HiraMinPro-W3, 'ヒラギノ明朝 Pro W3';
	color:#fff;
}

/* ------------ ページの先頭へ  ------------  */
#pagetop {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}



/* ----------------------------------------------------------------  */
/* ------------------------  左カラム -----------------------------  */
/* ----------------------------------------------------------------  */

/* ---------- 左カラム ---------- */


#left {
	float:left;
	width: 230px;
	margin: 0;
	padding: 0;
	font-size:75%;
	line-height:180%;
}

#left-inner {
	margin: 0 10px 0 10px;/* 左10px 右10px詰め */
	padding: 0 0 0 0;
}


#left p {
	margin: 10px 0 0 0;
}


/* ---------- サイドメニュー:left内 ---------- */
/* ---------- menu.css参照 ----------- */



/* ----------------------------------------------------------------  */
/* ---------------------  スライドショー --------------------------  */
/* ----------------------------------------------------------------  */

#photodiv-top {
  background-repeat: no-repeat;
}






/* ----------------------------------------------------------------  */
/* ------------------------  パーツ類 -----------------------------  */
/* ----------------------------------------------------------------  */



/* ---------- 画像関連 ---------- */

.ImgFrame01 {
margin-top : 15px;
margin-bottom : 15px;
padding : 15px;
border : 1px solid #000;
background : #fff;}

.border-none {
	border-style:none !important;
}


/* ---------- フォームラベル：ホバー ---------- */

/* label:hover {
   background-color: #ffcccc;
   cursor : pointer;
}
 */

/* ---------- ホバー指先 ---------- */

.hover-pointer {
   cursor : pointer;
}

 


/* ---------- アイキャッチ関連 ---------- */


.ec-11 {
	color: #7e2c43;
	padding: 10px;
	background-color:#FFCCFF;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.ec-oshinagaki {
	color: #7e2c43;
	padding: 10px;
	background-color:#FFCCFF;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.ec-oshinagaki dl{
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}


.ec-oshinagaki dt{
	clear:both;
	width: 300px;
	float:left;
	font-weight:bold;
}

.ec-oshinagaki dd{
	text-align:right;
}





/* ---------- フレーム枠---------- */

.fra-01 {
	border: 1px solid #eee;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#f7f6f0;
}

.fra-02 {
	border-left: 5px solid #ccc;
	margin:20px 0px 20px 20px;
	padding:20px;
}

.fra-03 {
	border-left: 5px solid #FFCC66;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#fffdf2;
}


/* ---------- dl dt dd ---------- */


.dl-01{
	margin:  0 0 0 0;
	padding: 15px;
}

.dl-01 dl{
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	font-size: 90%;
}


.dl-01 dt{
	clear:both;
	width: 130px;
	height: 3em;
	padding-left: 15px;
	float:left;
}

.dl-01 dd{
	height: 3em;
}




/* ------------ リンク設定 ------------  */

a:link        { color: #666; text-decoration: underline; }
a:visited     { color: #666; text-decoration: underline; }
a:hover       { color: #666; text-decoration: none; }
a:active      { color: #666; text-decoration: underline; }

a.a-bl:link     { color: #000; text-decoration: underline; }
a.a-bl:visited  { color: #000; text-decoration: underline;  }
a.a-bl:hover    { color: #000; text-decoration: none; }
a.a-bl:active   { color: #000; text-decoration: underline; }

a.a-gr:link     { color: #666; text-decoration: underline; }
a.a-gr:visited  { color: #666; text-decoration: underline;  }
a.a-gr:hover    { color: #666; text-decoration: none; }
a.a-gr:active   { color: #666; text-decoration: underline; }

a.a-red:link     { color: #cc0066; text-decoration: none; }
a.a-red:visited  { color: #8d0046; text-decoration: none;  }
a.a-red:hover    { color: #cc0066; text-decoration: underline; }
a.a-red:active   { color: #cc0066; text-decoration: none; }

a.a-wh:link     {color: #fff; text-decoration: underline; }
a.a-wh:visited  {color: #fff; text-decoration: underline;  }
a.a-wh:hover    {color: #fff; text-decoration: none; }
a.a-wh:active   {color: #fff; text-decoration: underline; }

a.a-wh-noul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul:hover    { color: #fff; text-decoration: none; }
a.a-wh-noul:active   { color: #fff; text-decoration: none; }

a.a-bl-noul:link     { color: #000; text-decoration: none; }
a.a-bl-noul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul:hover    { color: #000; text-decoration: none; }
a.a-bl-noul:active   { color: #000; text-decoration: none; }

a.a-bl-noul-ovul:link     { color: #000; text-decoration: none; }
a.a-bl-noul-ovul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul-ovul:hover    { color: #000; text-decoration: underline; }
a.a-bl-noul-ovul:active   { color: #000; text-decoration: underline; }

a.a-gr-noul-ovul:link     { color: #666; text-decoration: none; }
a.a-gr-noul-ovul:visited  { color: #666; text-decoration: none;  }
a.a-gr-noul-ovul:hover    { color: #666; text-decoration: underline; }
a.a-gr-noul-ovul:active   { color: #666; text-decoration: underline; }

a.a-lblue-noul-ovul:link     { color: #69F; text-decoration: none; }
a.a-lblue-noul-ovul:visited  { color: #69F; text-decoration: none; }
a.a-lblue-noul-ovul:hover    { color: #339; text-decoration: underline; }
a.a-lblue-noul-ovul:active   { color: #339; text-decoration: underline; }


a.a-blue-noul-ovul:link     { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:visited  { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:hover    { color: #339; text-decoration: underline; }
a.a-blue-noul-ovul:active   { color: #339; text-decoration: underline; }

a.a-blue-noul-ovul-b:link     { color: #339; text-decoration: none; font-weight:bold;}
a.a-blue-noul-ovul-b:visited  { color: #339; text-decoration: none; font-weight:bold; }
a.a-blue-noul-ovul-b:hover    { color: #339; text-decoration: underline; font-weight:bold;}
a.a-blue-noul-ovul-b:active   { color: #339; text-decoration: underline; font-weight:bold;}

a.a-brown-noul-ovul:link     { color: #957947; text-decoration: none; }
a.a-brown-noul-ovul:visited  { color: #957947; text-decoration: none; }
a.a-brown-noul-ovul:hover    { color: #957947; text-decoration: underline; }
a.a-brown-noul-ovul:active   { color: #957947; text-decoration: underline; }