@charset "utf-8";

body {
  margin: 0;
  font-family: "メイリオ","ＭＳ Ｐゴシック","ＭＳゴシック",Osaka,"ヒラギノ角ゴ Pro W3","平成角ゴシック","Verdana","Arial","Helvetica",sans-serif;
  font-size:95%; line-height:140%;
  font-weight:normal;
  color: #000;
}

p { padding: 0; margin: 0; font-size:95%; line-height:140%; }
a { color: #339; text-decoration: none; padding: 0; margin: 0; }
a:hover { color:#FF9900; padding: 0; margin: 0; }
a.tnk { font-weight:bold; font-size:10pt; color:#000; padding-top:2px; }
a img { border-width: 0; }
ul, li { padding: 0px; margin: 0px; list-style-type: none; }
a:hover img.over {
	filter:alpha(opacity=70);
	opacity:0.6;
}
.home { width:425px; float:left; margin-top:6px; }
/* indexページのOfficeエリア */
#index_office { clear:both; margin:5px 0px;}
#index_office_img { float:left; width:110px; }
#index_office_img dl { padding:0px; margin:0px; }
#index_office_img dt { font-size:10pt; margin:2px; padding:3px 3px 0px 8px; text-decoration:none; border-left:3px #339 solid; }
#index_office_img dd { font-size:8pt; margin-left: 5px; }
#index_office_text {
    padding: .5em;
    margin-left:110px;
    border-left:3px #339 solid;
}

.mgL20 {
	margin-left:20px;
}

p.mark {
	background: url(../../images/icons/square.png) no-repeat 2px 3px ;
	padding-left:20px;
	margin: 0 0 20px 20px;
}

p.style {
	margin: 0 0 20px 20px;
}

/*ヘッダーのスタイル*/

div#headerLine {
	width:100%;height:14px;background:#eef0ef;padding:1px 0 2px 12px;

}
	
div#headerLine h1 {
	font-weight:bold;font-size:10px;margin:0px auto;padding:1px 10px;color:#333333;width:950px;	
}
	
div.logo {
	padding: 0;	margin:0 0 6px 0;font-size:1.5em;font-weight:bold;
}

div.logo a {
	display: inline-block;
}

div.logo a:hover {
	background-color:#fff;
}

#title div.logo {
	float: left;
}
	
p#title_description {
	font-size: 8pt; font-weight: normal; 
}

#title p#title_description {
	font-size: 74%; float: left; padding: 3px 0 0 12px;
}

#title { 
    padding: 7px 6px 7px 3px;
    height: 52px;
    margin-bottom: 3px;
}


#title_left {
	float:left;
}

#title_right {
	float:right;
	text-align:right;
	font-family:verdana; 
    font-weight:bold;
	color:maroon;
	font-size:12px;
	line-height:14px;
}

/*maincontents */

#page {
	width: 950px;
	margin: 0px auto;
	border-left: 1px #e6e6e6 solid;
	border-right: 1px #e6e6e6 solid;

}

#page #contents {
	background:url(../images/background_hochiminh_03.jpg) no-repeat;
	width:100%;
	padding:120px 30px 0 30px;
}

/*Header Link Box*/

#page #contents .linkBox {
	width:870px;
	height:273px;
	border-right:2px #888786 solid;
	border-bottom:2px #888786 solid;
	background:#f0e1a1;
	padding: 0 8px;
	margin: 20px 0 ;
}

#page #contents .linkBox p {
	padding:0 10px;
}

#page #contents .linkBox h2  {
	marign:0;
	padding: 25px 0 0 0;
}


#page #contents h3.style {
	background:url(../images/hochiminh_h3.png) no-repeat ;
	color:#616562;
	height:60px;
	width:600px;
	padding:15px 0 0 68px;
	margin:0px 0 20px 0;
	font-size:16px;
	line-height:100%;
}


#page #contents h3.style span {
	color:#66CC00;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}

#page #contents h4.style {
	background: url(../images/hochiminh_h4.png) no-repeat bottom ;
	color:#616562 ;
	width:640px;
	height:48px;
	font-size:14px;
	padding-left:10px;
	margin: 0 0 20px 6px;
}

#page #contents h4.style2 {
	background: url(../images/hochiminh_hx.png) no-repeat ;
	width:640px;
	height:20px;
	font-size:14px;
	padding-left:14px;
	color:#616562 ;
	margin-left:18px;
}

#page #contents h5.style {
	font-size:13px;
	display:bolck;
	width:350px;
	heifht:15px;
	margin: 0 0 5px 0;
}


#page #contents .linkBox ul{
	margin: 20px 0 0 0;
}

#page #contents .linkBox ul li  {
	margin:0;
	padding:10px;
	float:left;
}

#page #contents .linkBox ul li.style a {
	background:url(../../images/icons/arrow4.png) no-repeat;
	margin:3px 0 0 0;
	padding:0 0 0 18px;
	font-size:14px;
}

#page #contents .linkBox ul li.style a:hover {
	background:url(../../images/icons/arrow4_hover.png) no-repeat;
}

#page #contents .linkBox ul li.styleB a {
	background:url(../../images/icons/blank.png) no-repeat;
	margin:3px 0 0 0;
	padding:0 0 0 18px;
	font-size:14px;
}

#page #contents .linkBox ul li.styleB a:hover {
	background:url(../../images/icons/blank_hover.png) no-repeat;
}

#leftColumn{
	float:left;
	width:665px;
	margin-right:28px;
}

#rightColumn {
	width:199px;
	height:4150px;
	background: #f9f6f6 ;
	margin-top:0px;
	float:left;
}

#page #contents ul{
	margin: 10px 0 20px 0;
}

#page #contents ul li.iconname {
	margin:3px 0 10px 30px;
	padding:0;
	line-height:160%;
	list-style-type:none;
	font-size:12px;
}

#page #contents ul li.square  {
	margin:3px 0 10px 30px;
	padding:0;
	line-height:160%;
	list-style-image:url(../../images/icons/square.png);
	font-size:12px;
}

#page #contents ul li.worldheritage {
	margin:3px 0 10px 30px;
	padding:0;
	line-height:160%;
	list-style-image:url(../../images/icons/worldheritage.png);
	font-size:12px;
}

#page #contents ul li.night {
	margin:3px 0 10px 30px;
	padding:0;
	line-height:160%;
	list-style-image:url(../../images/icons/night.png);
	font-size:12px;
}

#page #contents ul li.square a {
	text-decoration:underline;
}

#page #contents ul li.style a {
	background:url(../../images/icons/arrow2.png) no-repeat center left;
	margin:3px 0 0 10px;
	padding:0 0 0 18px;
	font-size:14px;
}

#page #contents ul li.style a:hover {
	background:url(../../images/icons/arrow2_hover.png) no-repeat center left;
}

div.box {
	width:310px;
	float:left;
	margin: 0 0 25px 10px;
	
}

div.box dl {
	margin:0;
	padding:0;
	font-size:80%;
	line-height:140%;
	height:20px;
}

div.box dt {
	float:left;
	width:18px;
	height:20px;
}

div.box dd {
	margin:0;
	padding:2px;
	
}


img.sumnail {
	float:left;
	margin: 0 12px 0 0;
	padding:1px;
	border: solid #bebdbd 1px;
}

img.sumnail2 {
	float:right;
	margin: 0 0 12px 12px;
	padding:1px;
	border: solid #bebdbd 1px;
}

div.box p {
	font-size:12px;
	line-height:18px;
}


hr.clear {
	clear:both;
	border: #FFF 1px dotted ;
	background: #FFF ;
}


/* Footer */
#google_search {
	display: inline;
}

#footer {
  width: 100%;
  background-color: #f9f6f6;
  border-top: #99f 1px dotted;
  padding: 5px 0px 50px 0px;
  text-align: center;
  color: #666;
}
#footer a {
	color: #7475CF;
}

#footer a:hover {
	text-decoration: underline;
	background-color: transparent;
}

#footer p#copyright {
	font-family:verdana;
	font-size: 8pt;
}

#footer p#footer_links {
	font-size: 7pt;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}

#footer p#footer_nav {
	font-size: 8pt;
}

#footer_margin {
    clear: both;
    padding-top: 3em;
}

#footer_banners {
  border-top: #99f 1px dotted;
  padding-top: 1em;
  padding-bottom: 0.5em;
  text-align: center;
}

#footer_banners a:hover {
  background-color: #fff;
}