@charset "utf-8";
/* CSS Document */

/*　全体設定
****/

body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


dl, dt, dd, ul, ol, li {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align: baseline;
}

p {
	margin: 10px 0 0 0;
	line-height:1.7;
}

h1, h2, h3, h4{
	margin:0;
	padding:0;
}

a{
	color:#0c80c3;
	text-decoration:underline;
}

a:hover{
	color:#c30c37;
}

a img {
	border: none;
}

/*　ヘッダー部分
****/
div#top{
	width: 960px;
	height:120px;
	margin: 0 auto;
	padding:0;
}

div#top_1,
div#top_2{
	width:100%;
	overflow:hidden;
}

div#top_1{
	height:33px;
}

div#top_1 ul#to_access{
	list-style:none;
	margin-left:448px;
	width:379px;
	overflow:hidden;
	float:left;
}

div#top_1 ul#to_access li#to_hongo{
	width:190px;
	float:left;
}

div#top_1 ul#to_access li#to_komaba{
	width:189px;
	float:left;
}

div#top_1 div#to_english{
	float:right;
	width:120px;
}

div#top_2 h1#logo1,
div#top_2 div#logo1{
	margin:19px 0 0 0;
	float:left;
}

div#top_2 div#logo2{
	margin:26px 0 0 32px;
	float:left;
}

div#top_2 div#logo3{
	margin:27px 0 0 0;
	float:right;
}

/*　グローバルナビ部分
****/
div#g_nav{
	height:56px;
	background: url(/ja/alumni/interact/hcd/hcd2014/common/images/g_nav_bg.gif) repeat-x left top;
	border-top:1px solid #cccccc;
	border-bottom:4px solid #0c80c3;
	overflow:hidden;
}

div#g_nav ul{
	width:961px;
	margin: 0 auto;
	list-style:none;
}

div#g_nav ul li{
	float:left;
}

/*　トップページ
****/
div#top_img{
	background-color:#eceef3;
	height:194px;
	border-top: 1px solid #3b5187;
	border-bottom: 1px solid #3b5187;
}

div#top_img div{
	width:960px;
	margin: 0 auto;
}

div#top_main{
	width:960px;
	margin: 0 auto;
}

div#top_main p.lead{
	margin-top:35px;
	font-size:110%;
	font-weight:bold;
	line-height:2;
}

div#top_main p.lead2{
	margin-top:20px;
}

div#top_main div.t1_top{
	margin-top:45px;
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_top.gif) no-repeat left top;
	padding-top:6px;
}

div#top_main div.t1_top div.t1_bottom{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_bottom.gif) no-repeat left bottom;
}

div#top_main h2{
	color:#0c80c3;
	font-size:150%;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_mark.gif) no-repeat 18px 16px;
	padding:10px 10px 14px 43px;
}

div#top_main div.t2_top{
	margin-top:30px;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t2_top.gif) no-repeat left top;
	width:900px;
	padding-top:5px;
}

div#top_main div.t2_top div.t2_bottom{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t2_bottom.gif) no-repeat left bottom;
	width:100%;
}

/*div#top_main div.t2_top div.t2_bottom h3{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/bar_yellow.png) no-repeat 13px 5px;
	display:block;
	padding:3px 25px 6px 27px;
	width:850px;
	color:#ffffff;
	font-size:110%;
	text-decoration:none;
}*/

div#top_main div.t2_top div.t2_bottom h3 a{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/bar_yellow.png) no-repeat 13px 5px;
	display:block;
	padding:3px 25px 4px 27px;
	width:850px;
	color:#ffffff;
	font-size:110%;
	text-decoration:none;
}

div#top_main div.t2_top div.t2_bottom h3 a:hover{
	color:#ffc600;
}


div.tt{
	margin-top:22px;
	padding-top:27px;
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/images/tt_bg1.gif) repeat left top;
}

div.tt_2_top{
	width:914px;
	margin:0 0 0 31px;
	background:url(/ja/alumni/interact/hcd/hcd2014/images/tt_bg2_top.png) no-repeat left top;
	padding-top:7px;
}

div.tt_2_top div.tt_2_bottom{
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/images/tt_bg2_bottom.png) no-repeat left bottom;
	padding-bottom:60px;
	overflow:hidden;
}

div.tt_l{
	width:540px;
	margin:22px 0 0 30px;
	float:left;
	overflow:hidden;
}

div.tt_l_1{
	width:250px;
	float:left;
}

div.tt_l_2{
	width:250px;
	float:right;
	margin-right:20px;
}

div.tt_r{
	width:259px;
	padding-left:20px;
	border-left:1px solid #999999;
	margin:22px 43px 0 0;
	padding-bottom:100px;
	float:right;
}

div.tt_2_top div.tt_2_bottom p{
	margin-top:20px;
	color:#0c80c3;
	font-weight:bold;
	font-size:110%;
}

div.tt_2_top div.tt_2_bottom p span{
	color:#000000;
	font-weight:normal;
	font-size:90%;
}

div.tt_2_top div.tt_2_bottom dl{
	width:100%;
	overflow:hidden;
}

div.tt_2_top div.tt_2_bottom dl dt{
	width:4em;
	float:left;
	clear:both;
	margin-top:20px;
	color:#0c80c3;
	font-weight:bold;
	font-size:110%;
}

div.tt_2_top div.tt_2_bottom dl dd{
	width:auto;
	margin-top:20px;
	margin-left:4.5em;
	color:#0c80c3;
	font-weight:bold;
	font-size:110%;
}

div.tt_2_top div.tt_2_bottom dl dd span{
	color:#000000;
	font-weight:normal;
	font-size:90%;
}

div.tt_pdf{
	margin-top:45px;
	padding:9px 0;
	width:100%;
	text-align:center;
	background-color:#edeff4;
}


div.past_fb{
	width:100%;
	margin-top:45px;
	overflow:hidden;
}

div.past{
	width:666px;
	float:left;
}

div.past_bottom{
	width:620px;
	padding:26px 17px;
	border-right:6px solid #d9f1ff;
	border-bottom:6px solid #d9f1ff;
	border-left:6px solid #d9f1ff;
}

div.past_bottom ul{
	width:100%;
	overflow:hidden;
}

div.past_bottom ul li{
	width:200px;
	margin-right:10px;
	float:left;
}

div.past_bottom ul li.last{
	margin-right:0;
}

div.past_bottom ul li p a{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/arrow_blue.gif) no-repeat left 0.4em;
	padding-left:20px;
}

div.fb{
	width:275px;
	float:right;
}

ul.list_forum{
	width:100%;
	overflow:hidden;
	margin-top:25px;
	list-style:none;
}

ul.list_forum li{
	width:460px;
	margin-right:20px;
	float:left;
	overflow:hidden;
	background-color:#FEFCEA;
	border:1px solid #cccccc;
}

ul.list_forum li.last{
	margin-right:0;
}

ul.list_forum li img{
	float:left;
	width:96px;
}

ul.list_forum li div{
	float:right;
	width:345px;
}



div.btn_forum{
	margin-top:23px;
	text-align:center;
}

div.box_anniversary{
	margin-top:32px;
	width:900px;
	padding:0 30px 30px 30px;
	background-color:#fefcea;
	border:1px solid #cccccc;
}

div.box_anniversary div.box_inner{
	width:100%;
	overflow:hidden;
	margin-top:25px;
}

div.box_anniversary div.box_inner div.col_l{
	width:262px;
	float:left;
}

div.box_anniversary div.box_inner div.col_r{
	width:600px;
	float:right;
}

div.box_aua{
	width:600px;
	background:url(/ja/alumni/interact/hcd/hcd2014/images/waku_aqua_bg_top.png) no-repeat left top;
	margin-top:18px;
	padding-top:5px;
}

div.box_aua div.box_aua_bottom{
	width:540px;
	background:url(/ja/alumni/interact/hcd/hcd2014/images/waku_aqua_bg_bottom.png) no-repeat left bottom;
	padding:10px 30px 25px 30px;
}

div.box_aua div.box_aua_bottom ul{
	width:100%;
	overflow:hidden;
	list-style:none;
}

div.box_aua div.box_aua_bottom ul li{
	width:152px;
	float:left;
	margin-right:15px;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/arrow_blue.gif) no-repeat left 1em;
	padding:10px 0 0 18px;
}

div.box_aua div.box_aua_bottom ul li.last{
	margin-right:0;
}



/*　下層ページ
****/

div#bread{
	background-color:#e5f2f9;
}

div#bread ul{
	width:960px;
	margin: 0 auto;
	padding:10px 0;
	overflow:hidden;
	list-style:none;
}

div#bread ul li{
	float:left;
	font-size:90%;
	padding-right:10px;

}

div#bread ul li a,
div#bread ul li span{
	padding-right:15px;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/bread.gif) no-repeat right 0.4em;
}

div#main{
	width:960px;
	margin: 0 auto;
}

div#main div.t1_top{
	margin-top:45px;
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_top.gif) no-repeat left top;
	padding-top:6px;
}

div#main div.t1_top_2{
	margin-top:20px;
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_top.gif) no-repeat left top;
	padding-top:6px;
}

div#main div.t1_top div.t1_bottom,
div#main div.t1_top_2 div.t1_bottom{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_bottom.gif) no-repeat left bottom;
}

div#main h1,
div#main div.t1_top div.t1_bottom h2 {
	color:#0c80c3;
	font-size:150%;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/t1_mark.gif) no-repeat 18px 16px;
	padding:10px 10px 14px 43px;
}

div#main div.lead{
	margin-top:30px;
}


/* 周年学年会 */

ul.list_icons{
	margin-top:20px;
	overflow:hidden;
	width:100%;
	list-style:none;
}

ul.list_icons li{
	float:left;
	padding:5px 10px 5px 26px;
	min-height:22px;
}

ul.list_icons li.i_k{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_komaba.gif) no-repeat left 0.3em;
}

ul.list_icons li.i_h{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_hongo.gif) no-repeat left 0.3em;
}

ul.list_icons li.i_g{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_gakubu.gif) no-repeat left 0.3em;
}

ul.list_icons li.i_c{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_circle.gif) no-repeat left 0.3em;
}

ul.list_icons li.i_a{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_area.gif) no-repeat left 0.3em;
}

div.box_2{
	width:100%;
	overflow:hidden;
	margin-top:20px;
}

div.box_2 div.t_b2{
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/title_box2_top.gif) no-repeat left top;
	padding-top:11px;
}

div.box_2 div.t_b2 div.t_b2_bottom{
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/title_box2_bottom.gif) no-repeat left bottom;
}

div.box_2 div.t_b2 div.t_b2_bottom h2{
	width:444px;
	padding:0 0 7px 26px;
	margin-top:-1px;
	font-size:120%;
	background:none;
}

div.box_2 div.t_b2 div.t_b2_bottom h2 a{
	color:#333333;
	text-decoration:none;
}

div.box_2 div.t_b2 div.t_b2_bottom h2 a:hover{
	color:#c30c37;
}

div.box_2 div.t_b2 div.t_b2_bottom h2.i_k{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_komaba.gif) no-repeat right top;
	width:400px;
	padding:0 33px 7px 26px;
	min-height:22px;
}

div.box_2 div.t_b2 div.t_b2_bottom h2.i_h{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_hongo.gif) no-repeat right top;
	width:400px;
	padding:0 33px 7px 26px;
	min-height:22px;
}

div.box_2 div.t_b2 div.t_b2_bottom h2.i_g{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_gakubu.gif) no-repeat right top;
	width:400px;
	padding:0 33px 7px 26px;
	min-height:22px;
}

div.box_2 div.t_b2 div.t_b2_bottom h2.i_c{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_circle.gif) no-repeat right top;
	width:400px;
	padding:0 33px 7px 26px;
	min-height:22px;
}

div.box_2 div.t_b2 div.t_b2_bottom h2.i_a{
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_area.gif) no-repeat right top;
	width:400px;
	padding:0 33px 7px 26px;
	min-height:22px;
}


div.box_2 div.col_l{
	width:470px;
	padding-bottom:25px;
	float:left;
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/box_2_bg.gif) no-repeat left bottom;
}

div.box_2 div.col_r{
	width:470px;
	padding-bottom:25px;
	float:right;
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/box_2_bg.gif) no-repeat left bottom;
}

div.box_2 div.col_l div.box_inner,
div.box_2 div.col_r div.box_inner{
	width:100%;
	overflow:hidden;
}

div.box_2 div.col_l div.box_inner div.photo,
div.box_2 div.col_r div.box_inner div.photo{
	width:120px;
	padding:20px 0 0 20px;
	float:left;
}

div.box_2 div.col_l div.box_inner div.text,
div.box_2 div.col_r div.box_inner div.text{
	width:290px;
	padding:20px 20px 0 0;
	float:right;
}

div.box_2 div.col_l div.box_inner div.text p,
div.box_2 div.col_r div.box_inner div.text p{
	margin-top:0;
}

div.box_2 div.col_l div.box_inner div.text div.btn,
div.box_2 div.col_r div.box_inner div.text div.btn{
	margin-top:20px;
	text-align:right;
}

p.return{
	margin-top:35px;
	text-align:right;
	padding-right:26px;
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/arrow_return.gif) no-repeat right 0.2em;
	color:#0c80c3;
}


div.box_img{
	width:100%;
	overflow:hidden;
	margin-top:44px;
}

div.box_img div.col_l{
	width:276px;
	float:left;
}

div.box_img div.col_r{
	width:665px;
	float:right;
}

table.t_b_g{
	width: 100%;
	border-collapse: collapse;
}

table.t_b_g th{
	border-bottom:1px solid #ffffff;
	padding:12px 30px;
	text-align:center;
	background-color:#e5f2f9;
}

table.t_b_g td{
	border-bottom:1px solid #ffffff;
	padding:12px 20px;
	background-color:#f6f6f6;
}

div.box_sns{
	margin-top:30px;
	width:100%;
	overflow:hidden;
}

div.box_sns div.box_inner{
	width:210px;
	float:right;
	overflow:hidden;
}

div.box_sns div.box_inner div.fb{
	width:100px;
	float:left;
}

div.box_sns div.box_inner div.tw{
	width:100px;
	float:right;
}

/*　バナー?問い合わせ
****/

div.box_info{
	margin:25px auto 0;
	width:960px;
	overflow:hidden;
}

div.box_banners{
	width:301px;
	padding:11px 10px;
	overflow:hidden;
	background-color:#f4fafe;
	border:1px solid #b9d3e2;
	float:left;
}

div.box_banners div.col_l{
	width:133px;
	float:left;
}

div.box_banners div.col_r{
	width:160px;
	float:right;
	padding-top:12px;
}

div.box_contact{
	width:621px;
	padding:11px 0;
	overflow:hidden;
	border:1px solid #cccccc;
	float:right;
}

div.box_contact div.col_l{
	width:145px;
	float:left;
	margin-top:9px;
	border-right:1px solid #cccccc;
	text-align:center;
}

div.box_contact div.col_r{
	width:443px;
	margin-top:9px;
	padding:0 10px 0 0;
	float:right;
}

div.box_contact div.col_r p a{
	background:url(/ja/alumni/interact/hcd/hcd2014/common/images/arrow_blue_dots.gif) no-repeat left 0.5em;
	padding-left:12px;
}

div.footer_nav{
	margin:50px auto 0;
	width:960px;
	overflow:hidden;
}

*:first-child+html div.footer_nav{
	margin:50px auto -6px;
	width:960px;
}

div.footer_nav ul{
	float:left;
	width:760px;
	overflow:hidden;
	list-style:none;
}

div.footer_nav ul li{
	float:left;
	padding-right:20px;
}

div.footer_nav div.go2top{
	float:right;
	width:160px;
}


/*　フッター
****/
div#footer{
	margin:0;
	background: url(/ja/alumni/interact/hcd/hcd2014/common/images/footer_bg.gif) repeat-x left top;
	background-color:#0c80c3;
	overflow:hidden;
}

div#footer div{
	width:960px;
	margin: 0 auto;
	padding-bottom:25px;
}

div#footer div p{
	color:#ffffff;
	margin-top:20px;
}

div#footer a{
	color:#ffffff;
}

div#footer a:hover{
	color:#c30c37;
}


/*　各ページ共通
****/

.first_child{
	margin-top:0 !important;
}

.bold{
	font-weight:bold;
}

.note{
	font-size:90%;
}

.large{
	font-size:110%;
}






ul.reunionlist {
	margin: 20px 0px 40px;
	list-style:none;
}

ul.reunionlist li {
	padding-left: 25px;
	background: url("/ja/alumni/interact/hcd/hcd2014/common/images/arrow_blue.gif") no-repeat 4px 3px;

}

ul.reunionlist li+li {
	margin-top: 8px;
}

ul.reunionlist li a {
	display: inline-block;
	background: no-repeat left top;
}

ul.reunionlist li.i_g a {
	padding-left: 27px;
	background-image: url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_gakubu.gif);
}

ul.reunionlist li.i_c a {
	padding-left: 27px;
	background-image: url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_circle.gif);
}

ul.reunionlist li.i_a a {
	padding-left: 27px;
	background-image: url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_area.gif);
}

ul.reunionlist li.i_b a {
	padding-left: 27px;
	background-image: url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_class.gif);
}

ul.list_icons.reunion li.i_g {
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_gakubu.gif) no-repeat left 0.3em;
}

ul.list_icons.reunion li.i_c {
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_circle.gif) no-repeat left 0.3em;
}

ul.list_icons.reunion li.i_a {
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_area.gif) no-repeat left 0.3em;
}

ul.list_icons.reunion li.i_b {
	background:url(/ja/alumni/interact/hcd/hcd2014/anniversary/images/icon_class.gif) no-repeat left 0.3em;
}




#digesthead {
	padding: 25px 0px 20px;
	background: url(/ja/alumni/interact/hcd/hcd2014/digest/images/digestheadbg.gif);
}

#digesthead h1 {
	width: 960px;
	margin: 0px auto 20px;
	font-size: 28px;
	line-height: 120%;
}

#digesthead h1 span {
	display: block;
	margin-top: 15px;
	font-size: 18px;
	line-height: 120%;
}

#digesthead div {
	width: 952px;
	margin: auto;
	border: 4px solid #0c80c3;
}

.digestlead {
	font-size: 16px;
	color: #007fc6;
	font-weight: bold;
}

.digest {
	margin-top: 20px;
}

.digest dt {
	clear: both;
	float: left;
	width: 3.5em;
	font-weight: bold;
}

.digest dd {
	margin-left: 3.5em;
	margin-bottom: 25px;
}

.digest dt.panelist01 { color: #ee9c00; }
.digest dt.panelist02 { color: #0460aa; }
.digest dt.panelist03 { color: #008236; }
.digest dt.panelist04 { color: #9c6a00; }
.digest dt.panelist05 { color: #5c539d; }
.digest dt.panelist06 { color: #cf6876; }
.digest dt.panelist07 { color: #041b51; }

.alert {
	color: #ff0101;
	border:solid 1px #ff0101;
	padding:5px;
	font-weight:bold;
}



/*　印刷設定CSS
========================================================= */

@media print{

div.tt_2_top div.tt_2_bottom{
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2014/images/tt_bg2_bottom.png) no-repeat left bottom;
	padding-bottom:60px;
	display:inline-table;
}

div.tt_2_top div.tt_2_bottom:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


}