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

/*　全体設定
****/

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	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 10px;
}

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{
	min-width: 980px;
	height:56px;
	background: url(/ja/alumni/interact/hcd/hcd2016/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 {
	min-width: 980px;
	height:196px;
	background-color:#edeef3;
}

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

div#top_main {
	display: table;
	width: 960px;
	margin: 20px auto 35px;
	padding: 0px 10px;
}

div#top_contents {
	display: table-cell;
	width: 720px;
	vertical-align: top;
}

div#top_side {
	display: table-cell;
	width: 220px;
	padding-left: 20px;
	vertical-align: top;
}

div#top_main p.lead{
	margin-top: 0px;
	font-weight: bold;
	line-height: 200%;
}

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

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

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

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

div#top_main h2 span {
	font-size: 80%;
}

div#top_main h3 {
	margin: 25px 0px 20px;
	font-size: 128.5%;
}

ul.list_forum {
	width: 100%;
	list-style: none;
}

ul.list_forum li {
	display: block;
	padding: 10px;
	background-color: #fefcea;
	border: 1px solid #cccccc;
	overflow: hidden;
    float: left;
    width: 198px;
    height: 140px;
    margin: 5px 5px 0 0;
}

ul.list_forum li p {
	font-size: 85.7%;
	line-height: 150%;
}

ul.list_forum li p.bold {
	margin-top: 0px;
	font-size: 100%;
	line-height: 140%;
}

/*
ul.list_forum li+li {
	margin-top: 14px;
}
*/

ul.list_forum li img {
	float: left;
}

ul.list_forum li div {
	margin-left: 107px;
}

.place {
    background: #007fc6 none repeat scroll 0 0;
    color: #fff;
    font-weight:bold;
    line-height: 180%;
    padding: 0 10px;
}

.beinfo {
    background: #dc143c no-repeat;
    color: #fff;
    font-weight:bold;
    padding: 0 10px;
    font-size:80%;
}


#banner {
	padding: 10px;
	background: #f4fafd;
}

#banner ul {
	list-style: none;
}

#banner ul li {
	display: block;
}

#banner ul li+li {
	margin-top: 10px;
}

#banner img {
	display: block;
}

div.fb{
	margin-top: 20px;
	width: 220px;
}

div.past {
	width: 960px;
	margin: 0px auto 45px;
	padding: 0px 10px;
}

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

div.past_bottom ul {
	list-style: none;
	overflow:hidden;
}

div.past_bottom ul li {
	float: left;
	width: 200px;
}

div.past_bottom ul li+li {
	margin-left: 24px;
}

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


p .right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}




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

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/hcd2016/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/hcd2016/common/images/t0_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/hcd2016/common/images/t0_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/hcd2016/common/images/t0_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/hcd2016/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/hcd2016/anniversary/images/icon_komaba.gif) no-repeat left 0.3em;
}

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

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

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

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

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

ul.list_icons li.i_e{
	background:url(/ja/alumni/interact/hcd/hcd2016/anniversary/images/icon_etc.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/hcd2016/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/hcd2016/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/hcd2016/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/hcd2016/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/hcd2016/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/hcd2016/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/hcd2016/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/hcd2016/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/hcd2016/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 20px 0 0;
	float:right;
}

div.photo2,
div.photo2{
	width:200px;
	padding: 0 0 0 20px;
	float:right;
}

div.photo3,
div.photo3{
	width:130px;
	padding: 0 0 0 20px;
	float:right;
}


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:left;
}

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;
}


div.ann_text{
	padding:0 20px 0 20px;
}

div.ann_btn,
div.ann_btn{
	margin-top:20px;
	text-align:right;
}


p.return{
	margin-top:35px;
	text-align:right;
	padding-right:26px;
	background:url(/ja/alumni/interact/hcd/hcd2016/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:100px;
	float:right;
	overflow:hidden;
}

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

div.box_sns div.box_inner div.tw{
	width:100px;
	float:right;
	margin-top:0.5em;
}	

.topspace{
	padding-top:1em;
}

.message{
	background-color:#fefcea;
	padding:8px;
	border:1px solid #cccccc;
}

/*準備中*/

p.graybox {
	font-size:130%;
	padding:1em;
	height:100px;
	background-color:#eee;
	text-align: center;
	line-height: 100px;
}





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

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/hcd2016/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/hcd2016/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: 80%;
}

.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/hcd2016/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/hcd2016/anniversary/images/icon_gakubu.gif);
}

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

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

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

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

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

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

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



div.tt {
	display: table;
	margin-top: 20px;
}

div.tt_l {
	display: table-cell;
	width: 460px;
	padding-right: 19px;
	vertical-align: top;
	overflow:hidden;
}

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

div.tt_l_2 {
	width: 220px;
	float: right;
}

div.tt_r {
	display: table-cell;
	width: 220px;
	padding-left:20px;
	vertical-align: top;
	border-left:1px solid #999999;
}

div.tt p {
	margin-top:20px;
	color:#0c80c3;
	font-weight:bold;
}

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






#digesthead {
	padding: 30px 0px 0px;
}

#digesthead h1 {
	width: 960px;
	margin: 0px auto 30px;
	font-size: 24px;
	line-height: 100%;
}

#digesthead h1 span {
	display: block;
	margin-bottom: 10px;
	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;
}

.digestphoto {
	margin-top: -5px;
	margin-left: -11px;
	overflow: hidden;
}

.digestphoto > div {
	float: left;
	width: 183px;
	margin-top: 20px;
	margin-left: 11px;
}

.digestphoto_a {
	margin-top: -5px;
	margin-left: -11px;
	overflow: hidden;
}

.digestphoto_a > div {
	float: left;
	width: 150px;
	margin-top: 20px;
	margin-left: 11px;
}

.digestphoto > div p {
	margin-top: 5px;
	line-height: 130%;
	font-weight:bold;
}

.digest {
	display: table;
}

.digest h3 {
	display: inline-block;
	margin: 20px 0px 15px;;
	padding: 6px 10px 4px;
	font-size: 20px;
	color: #ffffff;
	line-height: 100%;
	background: #007fc6;
}

.digest *+h3 {
	/*margin-top: 35px;*/
}

.digest h4 {
	display: inline-block;
	margin: 30px 0px 0px;;
	padding: 0px;
	font-size: 14px;
	line-height: 160%;
	color: #ff6400;
}

.digest h3+h4 {
	margin-top: 0px;
}

.digest > div {
	display: table-cell;
	/*vertical-align: top;*/
}

.digest > div.info {
	width: 232px;
	padding-top: 65px;
	padding-left: 25px;
}

.digest > div.info h3 {
	margin: 0px 0px 10px;;
	padding: 0px;
	color: #007fc6;
	background: #ffffff;
	font-size:18px;
}


.digest >  h2 > div img {
    right: 5px;
    position: absolute;
    top: 5px;
}



.digest > div.info *+h3 {
	margin-top: 10px;
}

.digest > div.info h4 {
	margin: 2px 0px 0px;
	font-size: 18px;
	line-height: 100%;
	color: #000000;
}

.digest > div.info h4 span {
	display: block;
	margin-top: 5px;
	font-size: 10px;
	line-height: 100%;
	font-weight: normal;
}

.digest > div.info > div {
	position: relative;
	min-height: 118px;
	padding: 5px 5px 5px 107px;
	background: #e7f5fe;
}

.digest > div.info > div+div {
	margin-top: 10px;
}

.digest > div.info > div img {
	position: absolute;
	top: 5px;
	left: 5px;
}

.digest > div.info > div p {
	line-height: 120%;
}


ul.list_forum_digest {
	width: 100%;
	list-style: none;
}

ul.list_forum_digest li {
	display: block;
	padding: 10px;
	background-color: #fefcea;
	border: 1px solid #cccccc;
	overflow: hidden;
    float: left;
    width: 450px;
    height: 140px;
    margin: 5px 5px 0 0;
}

ul.list_forum_digest li p {
	font-size: 85.7%;
	line-height: 150%;
}

ul.list_forum_digest li p.bold {
	margin-top: 0px;
	font-size: 100%;
	line-height: 140%;
}

/*
ul.list_forum_digest li+li {
	margin-top: 14px;
}
*/

ul.list_forum_digest li img {
	float: left;
}

ul.list_forum_digest li div {
	margin-left: 107px;
}




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

.strike {
 text-decoration: line-through;
}




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

@media print{

div.tt_2_top div.tt_2_bottom{
	width:100%;
	background:url(/ja/alumni/interact/hcd/hcd2016/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;
}


}