@charset "utf-8";

/* --------------------------------------------------

※セレクタの前には必ずページ固有のIDを付けてください（ほかのスタイルと干渉しないため）

-------------------------------------------------- */

#History p{
	padding:0 0 10px;
}

/* 全体のカラーセット */
#History{
	color:#666666;
}

/* メイン画像 */
#History h3{
	padding-bottom:20px;
}

/* 見出し */
#History h4{
	color:#990000;
	font-weight:bold;
	font-size:220%;
}

#History h5{
	color:#333;
	font-weight:bold;
	font-size:180%;
	background:url("img/lbl_bk.gif") repeat-x left bottom #FFF;
	margin:0 0 10px 0;
	padding: 5px 0;
}

#History h5.technology{
	color:#1F329A;
}

#History h5.food{
	color:#CC0000;
}

#History h5.architecture{
	color:#993300;
}

#History h5.culture{
	color:#660099;
}

#History h5.entertainment{
	color:#E95F15;
}

#History h5.nature{
	color:#336633;
}

#History h6{
	background: url("img/bg_lbl.jpg") no-repeat scroll left 5px;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:120%;
	color:#07419B;
}

#History .tit{
	text-align:center;
}

/* レイアウト */

#History .whitebk{
	width:980px;
	background:#FFF;
	border:1px solid #E4E4E4;
	padding:20px 17px;
	margin:10px 0 20px 0;
}

#History .historybox,
#History .historybox2{
	width:980px;
	margin:20px 0;
}

#History .historybox_l{
	width:480px;
	float:left;
}

#History .historybox_r{
	width:500px;
	float:right;
}

#History .historybox2_l{
	width:510px;
	float:left;
}

#History .historybox2_r{
	width:470px;
	float:right;
}

#History .innerbox{
	width:245px;
	float:left;
}

#History .innerbox p:first-child{
	padding-left:5px;
}

#History .itemsbox{
	width:980px;
}

#History .itemsbox_l{
	width:480px;
	float:left;
}

#History .itemsbox_r{
	width:490px;
	float:right;

}

#History .innerbox_l{
	width:180px;
	float:left;
}

#History .innerbox_r{
	width:280px;
	float:right;
}

#History .italic{
	font-style:italic;
}

/*----------------------------------------

clearfix

----------------------------------------*/
#History .historybox:after,
#History .historybox2:after,
#History .historybox_l:after,
#History .historybox_r:after,
#History .itemsbox:after,
#History .itemsbox_l:after,
#History .itemsbox_r:after{
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}

#History .historybox,
#History .historybox2,
#History .historybox_l,
#History .historybox_r,
#History .itemsbox,
#History .itemsbox_l,
#History .itemsbox_r{
	display:inline-block;
}

/* exlude MacIE5 \*/
* html #History .historybox,
* html #History .historybox2,
* html #History .historybox_l,
* html #History .historybox_r,
* html #History .itemsbox
* html #History .itemsbox_l,
* html #History .itemsbox_r{
	height:1%;
}

#History .historybox,
#History .historybox2,
#History .historybox_l,
#History .historybox_r,
#History .itemsbox,
#History .itemsbox_l,
#History .itemsbox_r{
	display:block;
}
/* end MacIE5 */