@charset "utf-8";
/*  
	The Doshisha/english/history/
*/

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/

#information {
	width: 435px;
	float: left;
}

#information .title h2 {
	float: left;
}

#information .title p {
	float: right;
	margin: 3px 3px 0px 0px;
}

#information .title {
	background: url(../img/index/bg_info_tit.jpg);
	height: 26px;
}

#information .list {
	background: url(../img/index/bg_info.jpg);
	padding: 10px 10px 4px;
	margin-top: 3px;
	clear: both;
	height: 166px;
	overflow: auto;
}

#information h3 {
	border-bottom: 1px solid #3e2d44;
	padding-bottom: 3px;
}

#information .date {
	font-weight: bold;
	color: #550071;
	float: left;
	padding-right: 10px;
}

#information li {
	border-bottom: 1px dotted #999999;
	padding: 6px 4px 5px;
}


#information li a {
	background: url(../img/common/link_01.gif) no-repeat left 3px;
	padding-left: 16px;
	display: block;
	width: 310px;
	float: left;
	color: #333333;
	text-decoration: none;
}

#information li a:hover {
	background: url(../img/common/link_01_on.gif) no-repeat left 3px;
}

#contents .banners_01 {
	float: right;
}

#contents .banners_01 p {
	margin-bottom: 3px;
}


#contents .banners_02 {
	clear: both;
	padding-top: 15px;
}
#contents .banners_02 p {
	float: left;
}