@charset "utf-8";


/*++++++++++++++++++++++++++++++++++++++++++
ページタイトル
+++++++++++++++++++++++++++++++++++++++++++*/

.guide_china_history #guide_ttl {
	background-image: url(../html/history/parts/ttl01.gif);
	background-repeat: no-repeat;
}

/*++++++++++++++++++++++++++++++++++++++++++
一段目
+++++++++++++++++++++++++++++++++++++++++++*/

.guide_feature_main_upper{
	width:590px; height:270px; position:relative; clear:both;
}

.guide_feature_main_upper .ttl{
	position:absolute; top:0; left:0;width:275px; height:auto; text-indent:-9999px;
}

.guide_feature_main_upper .lead{
	position:absolute; top:0; left:0;width:275px; height:auto; font-size:14px; line-height:1.4em; color:#444444;
}

.guide_feature_main_upper .colum{
	position:absolute; top:150px; left:0;width:278px; height:auto; position:relative;
}
.guide_feature_main_upper .colum .lead{
	position:absolute; top:0; left:0;width:278px; height:20px; text-indent:-9999px;
}

.guide_feature_main_upper .colum .ph{
	position:absolute; top:39px; right:0;
}
.guide_feature_main_upper .colum .text{
	position:absolute; top:39px; left:0; width:165px; font-size:10px; color:#777777;line-height:1.5em; 
}
.guide_feature_main_upper .colum .cap{
	position:absolute; top:105px; left:180px; font-size:10px; width:100px;
}

.guide_feature_main_upper .photo{
	width:312px; height:auto;position:absolute; top:0; right:0;
}

.guide_feature_main_upper .photo dd{
	width:auto; height:auto; text-align:right; font-size:10px; color:#444444;
}

div#guide_history_main_upper .colum .lead {
	background:transparent url(../html/history/parts/sbttl01.gif) no-repeat scroll 0%;
	height:36px;
	left:0;
	top:1px;
	width:278px;
}		

/*++++++++++++++++++++++++++++++++++++++++++
二段目　故宮博物館
+++++++++++++++++++++++++++++++++++++++++++*/

#guide_history_main_middle2 { clear:both; width:590px; height:auto; overflow:hidden; margin-top:20px;}
#guide_history_main_middle2 dl { width:590px; height:auto;}
#guide_history_main_middle2 dl dt { float:right; background:url(../html/history/parts/sbttl02.gif) no-repeat; width:310px; height:34px;}
#guide_history_main_middle2 dl dt p { width:310x; height:34px; text-indent:-9999px;}
#guide_history_main_middle2 dl dd.kokyu_map { float:left;; width:275px; height:265px;}
#guide_history_main_middle2 dl dd.kokyu_main_text { float:right; width:310px; height:auto; font-size:12px; line-height:16px; color:#777777; margin:5px 0 10px;}
#guide_history_main_middle2 dl dd.kokyu_img01 { float:left;  width:150px; height:auto; margin-left:5px;}
#guide_history_main_middle2 dl dd.kokyu_img02 { float:right;  width:150px; height:auto;}
#guide_history_main_middle2 dl dd p.kokyu_sub_text { width:150px; height:auto; font-size:12px; line-height:16px; color:#777777; padding-top:3px;}

/*++++++++++++++++++++++++++++++++++++++++++
三段目　万里の長城
+++++++++++++++++++++++++++++++++++++++++++*/

#guide_history_main_middle3 { clear:both; width:590px; height:auto; overflow:hidden; margin-top:20px;}
#guide_history_main_middle3 dl { width:590px; height:auto;}
#guide_history_main_middle3 dl dt { float:left; background:url(../html/history/parts/sbttl03.gif) no-repeat; width:290px; height:35px;}
#guide_history_main_middle3 dl dt p { width:290px; height:35px; text-indent:-9999px;}
#guide_history_main_middle3 dl dd.banri_img { float:right; width:290px; height:auto;}
#guide_history_main_middle3 dl dd.banri_main_text { float:left; width:290px; height:auto; font-size:12px; line-height:16px; color:#777777; margin-top:5px;}
#guide_history_main_middle3 dl dd.banri_map { float:left; width:290px; height:160px; margin-top:10px;}

/*++++++++++++++++++++++++++++++++++++++++++
四段目　ポタラ宮
+++++++++++++++++++++++++++++++++++++++++++*/

#guide_history_main_middle4 { clear:both; width:590px; height:auto; overflow:hidden; margin-top:20px;}
#guide_history_main_middle4 dl { width:590px; height:auto;}
#guide_history_main_middle4 dl dt { float:right; background:url(../html/history/parts/sbttl04.gif) no-repeat; width:290px; height:35px;}
#guide_history_main_middle4 dl dt p { width:290px; height:35px; text-indent:-9999px;}
#guide_history_main_middle4 dl dd.potara_img { float:left; width:290px; height:auto;}
#guide_history_main_middle4 dl dd.potara_main_text { float:right; width:290px; height:auto; font-size:12px; line-height:16px; color:#777777; margin-top:5px;}
#guide_history_main_middle4 dl dd.potara_map { float:right; width:290px; height:160px; margin-top:10px;}

/*++++++++++++++++++++++++++++++++++++++++++
五段目　三国志
+++++++++++++++++++++++++++++++++++++++++++*/

#guide_history_main_middle5 { position:relative; clear:both; width:590px; height:auto; margin-top:30px;}
#guide_history_main_middle5 dl.sangokushi_waku { width:590px; height:auto;}
#guide_history_main_middle5 dl dt.sangokushi_ttl { background:url(../html/history/parts/sbttl05.gif) no-repeat; width:290px; height:26px; text-indent:-9999px;}
#guide_history_main_middle5 dd.bg_sangokushi { background:url(../html/history/parts/bg_sangokushi.gif) no-repeat; width:290px; height:415px;}
#guide_history_main_middle5 dd p.sangokushi_txt { font-size:12px; height:16px; color:#777777; margin-top:5px; margin-right:10px;}
#guide_history_main_middle5 dl.mdashi01_waku { position:absolute; top:93px; left:0; width:150px; height:auto;}
#guide_history_main_middle5 dl.mdashi01_waku dt { background:url(../html/history/parts/midashi01.gif) no-repeat; width:104px; height:22px; text-indent:-9999px;}
#guide_history_main_middle5 dl.mdashi02_waku { position:absolute; top:194px; left:127px; width:150px; height:auto;}
#guide_history_main_middle5 dl.mdashi02_waku dt { background:url(../html/history/parts/midashi02.gif) no-repeat; width:104px; height:22px; text-indent:-9999px;}
#guide_history_main_middle5 dl.mdashi03_waku { position:absolute; top:285px; left:0; width:170px; height:auto;}
#guide_history_main_middle5 dl.mdashi03_waku dt { background:url(../html/history/parts/midashi03.gif) no-repeat; width:104px; height:22px; text-indent:-9999px;}
#guide_history_main_middle5 dl.mdashi04_waku { position:absolute; top:369px; left:0; width:170px; height:auto;}
#guide_history_main_middle5 dl.mdashi04_waku dt { background:url(../html/history/parts/midashi04.gif) no-repeat; width:104px; height:22px; text-indent:-9999px;}
#guide_history_main_middle5 dl.mdashi01_waku, dl.mdashi02_waku, dl.mdashi03_waku, dl.mdashi04_waku, dl.mdashi05_waku, dl.mdashi06_waku dd { font-size:10px; line-height:14px; color:#777777;}

#guide_history_main_middle5 span.map_sangokushi { position:absolute; top:0; left:290px; width:300px; height:250px;}
#guide_history_main_middle5 dl.mdashi05_waku { position:absolute; top:260px; left:290px; width:140px; height:auto;}
#guide_history_main_middle5 dl.mdashi05_waku dt { background:url(../html/history/parts/midashi05.gif) no-repeat; width:104px; height:22px; text-indent:-9999px;}
#guide_history_main_middle5 dl.mdashi06_waku { position:absolute; top:348px; left:290px; width:140px; height:auto;}
#guide_history_main_middle5 dl.mdashi06_waku dt { background:url(../html/history/parts/midashi06.gif) no-repeat; width:104px; height:22px; text-indent:-9999px;}
#guide_history_main_middle5 span.img_sangokushi { position:absolute; top:260px; left:440px; width:150px; height:auto; font-size:10px; line-height:14px; text-align:center; color:#777777;}

/*++++++++++++++++++++++++++++++++++++++++++
六段目　年表
+++++++++++++++++++++++++++++++++++++++++++*/

#guide_history_main_middle6 { clear:both; width:590px; height:auto; overflow:hidden;}

/*++++++++++++++++++++++++++++++++++++++++++
七段目　コラム
+++++++++++++++++++++++++++++++++++++++++++*/

#guide_history_main_middle7 { clear:both; width:590px; height:auto; overflow:hidden; margin-top:20px;}

	.guide_china_history_column #guide_column_ttl{
	background-image: url(../html/history/parts/colum_ttl.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
	.guide_china_history_column dt#column_cap01{
	background-image: url(../html/history/parts/colum_cap01.gif);
	background-repeat: no-repeat;
	}
	
	.guide_china_history_column dt#column_cap02{
	background-image: url(../html/history/parts/colum_cap02.gif);
	background-repeat: no-repeat;
	}
	
	.guide_china_history_column dt#column_cap03{
	background-image: url(../html/history/parts/colum_cap03.gif);
	background-repeat: no-repeat;
	}
	
	.guide_china_history_column dt#column_cap04{
	background-image: url(../html/history/parts/colum_cap04.gif);
	background-repeat: no-repeat;
	}
	
	.guide_china_history_column dt#column_cap05{
	background-image: url(../html/history/parts/colum_cap05.gif);
	background-repeat: no-repeat;
	}

#guide_contents_r dd {
	font-size: 1.0rem;
}