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


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


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

body {
	text-align: left;
	background-image:url(../images/backgraund.gif);
}

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


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

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


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

#wrap {	
	width:920px;
	background-image:url(../images/bg-outline.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#fff9e1;
}
#wrap-inner {	
	margin :  0 25px 0 25px; /* shadow 左10px 右10px詰め */
	padding: 0;
}

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

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


#h-left {
	float:left;
	width: 226px;
	margin: 0;
	padding: 0;
}
#h-right {
	float:right;
	width: 694px;
	margin: 0;
	padding: 0;
}


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


#header h1{
	font-size: 10px;
	line-height: 10px;
	font-weight:normal;
	text-align:right;
	margin: 0 12px 0 0;
	padding: 8px 0 0 0;
}







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



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

#content {
	float:right;
	width: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
	line-height:150%;
}
#content-inner {
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}



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

#top-mainimg{
	width: 920px;
	height: 337px;
	margin:  15px 0 15px 0;
	padding: 0 0 0 0;
	clear:both;
}


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


.dumbCrossFade {
	width: 920px;
	height: 337px;
	display:block;
	/* cursor:pointer; */
	border:none;
	position:relative;
}

.dumbCrossFade .dumbItem {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

.dumbCrossFade .dumbItem img {
	border:none;
}

.dumbCrossFade * {
	border:none;
	text-decoration:none;
}

.heading {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
	display:block;
}

#sourceheading {
	cursor:pointer;
}

#source, #docs {
	font-size:12px;
	font-family:Courier;
	margin-bottom:20px;
	display:none;
}


.fadebox {
	width:980px;
	height:552px;
	display:block;
	cursor:pointer;
	border:none;
	position:relative;
}

.fadebox div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

.fadebox div img {
	border:none;
}

.fadebox div p{
	background:#fff;
	color:#000;
}

.fadebox *
{
border:none;
text-decoration:none;
}


/* ------------ page-main  ------------  */

#page-mainimg{
	width: 920px;
	height: 200px;
	margin:  0;
	padding: 0;
	background-image:url(../images/page-mainimg.jpg);
	background-repeat:no-repeat;
}

#page-mainimg-vietnamdiaries{
	width: 920px;
	height: 200px;
	margin:  0;
	padding: 0;
	background-image:url(../images/page-mainimg-vietnamdiaries.jpg);
	background-repeat:no-repeat;
}

#page-mainimg-emi{
	width: 920px;
	height: 200px;
	margin:  0;
	padding: 0;
	background-image:url(../images/page-mainimg-emi.jpg);
	background-repeat:no-repeat;
}
/* ------------ page-navi  ------------  */

#page-navi{
	width:386px;
	height: 200px;
	margin: 0;
	padding: 0 0 0 40px;
	float: left;
}
#page-navi ul {
	margin: 0;
	padding: 0;
}
#page-navi li {
	display:inline;
	list-style-type:none;
	float:left;/*こっちにfloat大事*/
}
#page-navi li a {
	display:block;
	text-indent:-9999px;
}



/*-off*/
li.page-navi-a a {
	background:url(../images/page-navi-a.jpg) no-repeat;
	width:100px;height:200px;
}
li.page-navi-b a {
	background:url(../images/page-navi-b.jpg) no-repeat;
	width:98px;height:200px;
}
li.page-navi-c a {
	background:url(../images/page-navi-c.jpg) no-repeat;
	width:88px;height:200px;
}
li.page-navi-d a {
	background:url(../images/page-navi-d.jpg) no-repeat;
	width:100px;height:200px;
}

/*-hover*/
li.page-navi-a a:hover {
	background:url(../images/page-navi-a.jpg) no-repeat;
	width:100px;height:200px;
	background-position:bottom;
}
li.page-navi-b a:hover {
	background:url(../images/page-navi-b.jpg) no-repeat;
	width:98px;height:200px;
	background-position:bottom;
}
li.page-navi-c a:hover {
	background:url(../images/page-navi-c.jpg) no-repeat;
	width:88px;height:200px;
	background-position:bottom;
}
li.page-navi-d a:hover {
	background:url(../images/page-navi-d.jpg) no-repeat;
	width:100px;height:200px;
	background-position:bottom;
}


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

#page-tit{
	width:450px;
	height: 200px;
	margin: 0;
	padding: 0;
	float: right;
	font-size:100%;
}


#page-tit-inner {
	text-align:right;
	margin: 0;
	padding: 100px 80px 0 0;
}

#page-tit h2 {
	color: #7e2c43;
	font-size:100%;
	line-height:105%;
	text-shadow: 1px 1px 1px #fff;
}

#page-tit-inner-vietnamdiaries {
	text-align:right;
	margin: 0;
	padding: 100px 180px 0 0;
}


#page-tit-inner-vietnamdiaries h2 {
	color: #7e2c43;
	font-size:100%;
	line-height:105%;
	text-shadow: 1px 1px 1px #fff;
}



#page-tit-inner-emi {
	text-align:right;
	margin: 0;
	padding: 100px 180px 0 0;
}


#page-tit-inner-emi h2 {
	color: #7e2c43;
	font-size:100%;
	line-height:105%;
	text-shadow: 1px 1px 1px #fff;
}

/* ------------ top-restrant  ------------  */

.banner-diary{
	width: 620px;
	height: 141px;
	background-image:url(../images/banner-diary03.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
	display: block;
	margin: 0 0 15px 0;
}


/* ------------ top-diary  ------------  */

#top-restrant{
	height: 215px;
	margin: 10px 0 20px 0;
	padding: 0;
}
#top-restrant ul {
	margin: 0;
	padding: 0;
}
#top-restrant li {
	display:inline;
	list-style-type:none;
	float:left;/*こっちにfloat大事*/
}
#top-restrant li a {
	display:block;
	text-indent:-9999px;
}

/*-off*/
li.top-restrant-mj a {
	background:url(../images/top-mj.gif) no-repeat;
	width:124px;height:215px;
}
li.top-restrant-li a {
	background:url(../images/top-li.gif) no-repeat;
	width:124px;height:215px;
}
li.top-restrant-by a {
	background:url(../images/top-by.gif) no-repeat;
	width:124px;height:215px;
}
li.top-restrant-bs a {
	background:url(../images/top-bs.gif) no-repeat;
	width:124px;height:215px;
}
li.top-restrant-ph a {
	background:url(../images/top-ph.gif) no-repeat;
	width:124px;height:215px;
}

/*-hover*/
li.top-restrant-mj a:hover {
	background:url(../images/top-mj.gif) no-repeat;
	width:124px;height:215px;
	background-position:bottom;
}
li.top-restrant-li a:hover {
	background:url(../images/top-li.gif) no-repeat;
	width:124px;height:215px;
	background-position:bottom;
}
li.top-restrant-by a:hover {
	background:url(../images/top-by.gif) no-repeat;
	width:124px;height:215px;
	background-position:bottom;
}
li.top-restrant-bs a:hover {
	background:url(../images/top-bs.gif) no-repeat;
	width:124px;height:215px;
	background-position:bottom;
}
li.top-restrant-ph a:hover {
	background:url(../images/top-ph.gif) no-repeat;
	width:124px;height:215px;
	background-position:bottom;
}



/* ------------ top-RSS  ------------  */

#top-rss{
	display:block;
	width: 618px;
	height: 200px;
	background-color:#fff8da;
	margin:  20px 0 20px 0;
	padding: 10px 0 10px 0;
	border: 1px solid #fff;
}
#top-rss-inner{
	height: 190px;
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
	overflow:auto;
	font-size:90%;
	line-height:160%;
}
#top-rss dt{
	margin:  10px 0 0 10px;
}

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

#top-news{
	display:block;
	width: 620px;
	height: 67px;
	background-image:url(../images/top-news.gif);
	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: 620px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#top-news-fra-inner{
	width: 600px;
	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%;
	width: 920px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(../images/bg-footer.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color:#fff9e1;
}
#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 {
	text-align:center;
	font-size:10px;
	line-height:10px;
	width: 920px;
	height: 31px;
	margin: auto;
	padding-top: 2px;
	font-family: 'ＭＳ Ｐ明朝', HiraMinPro-W3, 'ヒラギノ明朝 Pro W3';
	color:#fff;
	background-image:url(../images/bg-footer.jpg);
}


/* ------------ ページの先頭へ  ------------  */
#pagetop {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0 10px 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参照 ----------- */









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






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


.ec-01 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	color: #FF0033;
	font-size:65%;
}

.ec-02 {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 0px;
	border-bottom: 2px solid #95aff1;
	color:#1845b7;
	background-position:bottom;
}
.ec-03 {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 10px;
	border-left: 5px solid #FF9900;
	border-bottom: 3px solid #ccc;
}


.ec-caption01 {
	clear:both;
	height:50px;
	font-size:16px;
	font-weight:bold;
	margin: 30px 0px 2px 0px;
	padding: 16px 5px 0px 10px;
	background-image:url(../images/ec-cap01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 1px #fff;
}





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

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

a.a-rssnews01:link     { color: #FF3366; text-decoration: none; font-weight:bold; }
a.a-rssnews01:visited  { color: #FF3366; text-decoration: none; }
a.a-rssnews01:hover    { color: #FF0066; text-decoration: underline; }
a.a-rssnews01:active   { color: #FF0066; text-decoration: none; }

a.a-rssnews02:link     { color: #FF3366; text-decoration: none; }
a.a-rssnews02:visited  { color: #FF6600; text-decoration: none; }
a.a-rssnews02:hover    { color: #FF6600; text-decoration: underline; }
a.a-rssnews02:active   { color: #FF6600; text-decoration: underline; }