/* CSS Document */

/* ****
トップページ
**** */

/*-------------------------------------------------
メインイメージ
-------------------------------------------------*/

#main-img {
	clear: both;
	padding: 8px 0 14px 0;
}

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

#top-contents {
	width: 780px;
}

/*-------------------------------------------------
コンテンツ左
-------------------------------------------------*/

#top-contents td.tc-left {
	vertical-align:top;
	width: 530px;
}

#topmsg {
	width: 510px;
	padding-bottom: 20px;
}
#topmsg div.msgtxt {
	background: url(/ja/alumni/interact/hcd/hcd2008/images/msg_bg.gif) repeat-y 0 0;
	padding: 20px 20px 5px 20px;
}
#topmsg div.msgtxt p {
	padding-bottom: 10px;
}

#event {
	width: 510px;
	background: url(/ja/alumni/interact/hcd/hcd2008/images/event_bg.gif) repeat-y 0 0;
}
#event div.event-txt {
	padding: 13px;
}
#event div.event-txt p.eline {
	padding: 8px 0;
}
#event dt {
	background: url(/ja/alumni/interact/hcd/hcd2008/images/arrow.gif) no-repeat 0 0.3em;
	padding-left: 15px;
}
#event dd {
	padding-left: 15px;
}

#siki {
	width: 468px;
	border: 1px #DDD solid;
	background-color:#EEE;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#siki p {
	padding-bottom: 10px;
}
#siki p.link {
	background: url(/ja/alumni/interact/hcd/hcd2008/images/arrow.gif) no-repeat 0 0.3em;
	padding-left: 15px;
}

#box4{
		width:778px;
		border: 1px solid #BFB091;
		margin-bottom:30px;
	}

#box4 div.contribution{
		margin:10px 20px;
	}

#box4 div.contributionleft{
		width:580px;
		float: left;
		display: inline;
	}

#box4 div.contributionright{
	float: right;
	display: inline;
	}


/*-------------------------------------------------
コンテンツ右
-------------------------------------------------*/

#top-contents td.tc-right {
	vertical-align:top;
	width: 250px;
}

#top-contents td.tc-right-banner {
	vertical-align:top;
	width: 250px;
}

.banner1 {
	margin-top:15px;
	text-align:center;
}

#tc-rightbg {
	width: 230px;
	background-color:#E8D0C7;
	padding: 10px;
}
#top-new {
	width: 210px;
	background-color:#FFF;
	padding: 10px;
	margin-bottom: 10px;
}
#top-new dt {
	font-weight:bold;
}

#top-info {
	width: 210px;
	background-color:#FFF;
	padding: 10px;
}
#top-info p.infotit1 {
	padding-bottom: 10px;
}
#top-info p.infotit2 {
	padding: 20px 0 10px 0;
}
#top-info li {
	background: url(/ja/alumni/interact/hcd/hcd2008/images/arrow.gif) no-repeat 0 0.3em;
	padding-left: 15px;
}
.bnr {
	text-align: center;
	padding-top: 15px;
}


/* ****
イベント一覧
**** */

#event-wrap li.left {
	float: left;
	padding: 0 12px 10px 0;
}
#event-wrap li.right {
	float: right;
	padding-bottom: 10px;
}
#event-wrap p.timetable {
	clear: both;
	padding-bottom: 10px;
}
#event-wrap h3.event-tit {
	padding: 40px 0 20px 0;
}
#event-wrap div.event-box {
	width: 776px;
	border: 1px #CCC solid;
	padding: 1px;
}

#event-wrap div.event-box1 {
	float: left;
	width: 375px;
	height: 200px;
	border: 1px #CCC solid;
	padding: 1px;
	display: block;
	margin:15px 0 0 0;
}

#event-wrap div.event-box1 div.left{
	float: left;
	width: 105px;
	display: block;
}

#event-wrap div.event-box1 div.right{
	float: right;
	width: 250px;
	height: 250px;
	display: block;
}


#event-wrap div.event-box2 {
	float: right;
	width: 375px;
	height: 200px;
	border: 1px #ccc solid;
	padding: 1px;
	margin:15px 0 0 0;
}

#event-wrap div.event-box2 div.left{
	float: left;
	width: 105px;
	display: block;
}

#event-wrap div.event-box2 div.right{
	float: right;
	width: 250px;
	height: 250px;
	display: block;
}

#event-wrap div.event-box3 {
	float: left;
	width: 375px;
	height: 200px;
	border: 1px #ccc solid;
	padding: 1px;
	margin:15px 0 0 0;
}

#event-wrap div.event-box4 {
	float: right;
	width: 375px;
	height: 150px;
	border: 1px #ccc solid;
	padding: 1px;
	margin:15px 0 0 0;
}

#event-wrap div.event-box5 {
	float: left;
	width: 375px;
	height: 300px;
	border: 1px #CCC solid;
	padding: 1px;
	display: block;
	margin:15px 0 0 0;
}

#event-wrap div.event-box5 div.left{
	float: left;
	width: 105px;
	display: block;
}

#event-wrap div.event-box5 div.right{
	float: right;
	width: 250px;
	display: block;
}

#event-wrap div.event-box6 {
	float: right;
	width: 375px;
	height: 400px;
	border: 1px #ccc solid;
	padding: 1px;
	margin:15px 0 0 0;
}

#event-wrap div.event-box6 div.left{
	float: left;
	width: 105px;
	display: block;
}

#event-wrap div.event-box6 div.right{
	float: right;
	width: 250px;
	display: block;
}

#event-wrap div.event-box7 {
	float: left;
	width: 375px;
	height: 400px;
	border: 1px #CCC solid;
	padding: 1px;
	display: block;
	margin:15px 0 0 0;
}

#event-wrap div.event-box7 div.left{
	float: left;
	width: 105px;
	display: block;
}

#event-wrap div.event-box7 div.right{
	float: right;
	width: 250px;
	display: block;
}

#event-wrap div.event-box8 {
	float: right;
	width: 375px;
	height: 300px;
	border: 1px #ccc solid;
	padding: 1px;
	margin:15px 0 0 0;
}

#event-wrap div.event-box8 div.left{
	float: left;
	width: 105px;
	display: block;
}

#event-wrap div.event-box8 div.right{
	float: right;
	width: 250px;
	height: 250px;
	display: block;
}

#event-wrap p.ename {
	font-weight: bold;
	padding: 5px 10px;
	background-color: #CCDCF5;
}
#event-wrap p.pleft {
	float: left;
	padding: 10px;
	display: block;
}
#event-wrap p.pright {
	float: right;
	padding: 10px;
}
#event-wrap p.event-txt { 
	padding: 10px;
}

#event-wrap .group table {
	margin-left: 10px;
}


/* ****
イベント一覧(学部?学科)
**** */

#event-wrap div.event-boxfa {
	float: left;
	width: 780px;
	border: 1px #fe9b00 solid;
	padding: 1px;
	display: block;
	margin:15px 0 5px 0;
}

#event-wrap div.event-boxfa div.left{
	float: left;
	width: 450px;
	display: block;
}

#event-wrap div.event-boxfa div.right{
	float: right;
	width: 300px;
	display: block;
	padding: 10px;
}
#event-wrap p.faname {
	font-weight: bold;
	padding: 5px 10px;
	background-color: #FFFFCC;
}

.regular{
	font-size:80%;
	line-height:1.6;
	padding: 2px 0px 2px 5px;

}


/* ****
イベント予約?申し込み
**** */

#apply-wrap div.entry-box {
	background: url(/ja/alumni/interact/hcd/hcd2008/apply/images/entry_bg.gif) repeat-y 0 0;
	padding: 2px 33px 10px 33px;
}
#apply-wrap div.entry-box p.entry-txt {
	padding-bottom: 20px;
}
#apply-wrap div.entry-box p.entry-btn {
	padding-bottom: 9px;
}
#apply-wrap p.entry-bottom {
	padding-bottom: 15px;
}
#apply-wrap div.atten {
	width: 748px;
	border: 1px #DDD solid;
	background-color:#EEE;
	padding: 15px;
}


/* ****
HCDの楽しみ方
**** */

#enjoy-wrap p.stitle {
	padding-bottom: 16px;
}
#enjoy-wrap p.topbtn {
	padding-bottom: 3px;
}
#enjoy-wrap h3 {
	padding-bottom: 7px;
}
#enjoy-wrap p.link {
	padding-top: 10px;
}
#enjoy-wrap p.line {
	padding-bottom: 15px;
}


/* ****
特別ページ
**** */

#special-wrap {
	margin: 10px 0 10px 10px ;
}
#special-frame {
	width: 638px;
	border: 1px #ccc solid;
	margin: 10px 0;
}
.subtit {
	width: 578px;
	border: 1px #9F3A37 solid;
	color: #942C29;
	font-weight: bold;
	margin: 20px 0 15px 0;
	padding: 4px 10px;
}
.subtit2 {
	border: 1px #9F3A37 solid;
	color: #942C29;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 4px 10px;
}
.txt1 {
	padding-bottom: 10px;
}

/*-------------------------------------------------
記念写真撮影会
-------------------------------------------------*/
#photo-wrap {
	padding: 0 19px 10px 19px;
}
#photo-wrap p.to {
	padding-bottom: 5px;
}
#photo-wrap table.step td {
	padding-bottom: 13px;
	vertical-align: top;
}
#photo-wrap p.steptit {
	width: 468px;
	border: 1px #ccc solid;
	background-color:#F3F3F3;
	font-weight: bold;
	padding: 4px 10px;
}
#photo-wrap p.steptxt {
	padding: 8px 30px 0 30px;
}


/* ****
開催当日の報告
**** */

#report-wrap #intro div.photo {
	float: left;
	width: 295px;
}
#report-wrap #intro div.txt {
	float: left;
	width: 485px;
}
#report-wrap #intro div.txt p {
	margin-bottom: 10px;
}
#report-wrap h3 {
	clear: both;
	padding-top: 12px;
}
#report-wrap div.report-box {
	width: 738px;
	border-left: 1px #CCB6B6 solid;
	border-right: 1px #CCB6B6 solid;
	border-bottom: 1px #CCB6B6 solid;
	padding: 20px 20px 0 20px;
}
#report-wrap h4 {
	clear: both;
	width: 702px;
	font-weight: bold;
	color: #603C15;
	border: 1px #EAD66E solid;
	background: url(/ja/alumni/interact/hcd/hcd2008/report/images/icon.gif) no-repeat 5px 6px;
	background-color: #FFF2AD;
	padding: 4px 10px 4px 24px;
}
#report-wrap div.evt {
	width: 708px;
	margin: 15px 15px 24px 15px;
}
#report-wrap div.evt p.txt {
	float: left;
	width: 487px;
	padding: 0 10px;
}
#report-wrap div.evt p.txt2 {
	text-align: left;
}
#report-wrap div.evt p.photo {
	float: left;
	width: 180px;
	padding: 0 10px;
}
#report-wrap div.evt p.photo2 {
	text-align: center;
    margin: 26px 0;
}
#report-wrap div.report-box2 {
	width: 738px;
	border: 1px #EAD66E solid;
	background-color: #FFFADE;
	margin-top: 20px;
	padding: 20px 20px 10px 20px;
}
#report-wrap div.report-box2 p {
	margin-bottom: 10px;
}


#report-wrap .report-box2 .next-info {
	font-weight: bolder;
	font-size: 150%;
	line-height: 200%;
}