@charset "utf-8";

/* 全体的な部分 */
html{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Meiryo UI', '游ゴシック', '游明朝', 'MS Pゴシック', 'MS P明朝', scans-serif;
	background: #fafafa;
}

h1{
	margin: 30px 10px 10px 10px;
	padding-left: 10px;
	border-left: solid 5px #004373;
	border-bottom: dotted 1px #ccc;
	font-size: 25px;
	font-weight: bold;
}

h2{
	margin: 30px 10px 10px 10px;
	padding-left: 10px;
	border-left: solid 5px #0070c0;
	border-bottom: dotted 1px #00519a;
	font-size: 22px;
}

h3{
	margin: 30px 10px 10px 30px;
	padding-left: 10px;
	border-left: solid 3px #555;
	border-bottom: dotted 1px #00519a;
	font-size: 20px;
}

h4{
	margin: 10px;
	padding-left: 5px;
	border-left: solid 3px #00519a;
	border-bottom: dotted 1px #555;
	font-size: 15px;
}
h5{
	margin: 37px 10px 10px 10px;
	padding-left: 10px;
	border-left: solid 5px #555;
	border-bottom: dotted 1px #ccc;
	color: #555;
	font-size: 20px;
	font-weight: bold;
}

a{
	color: #00519a;
	text-decoration: none;
	line-height: 100%;
}

.description{
	margin: 10px;
	padding-bottom: 10px;
}

.add-padding{
	padding-left: 20px;
}
.margin-reset{
	margin-left: 0px;
}


/* 色指定用 */
/* 色コード */
/*
　濃い青:	#004373	-> ヘッダ・フッタ 背景色
　青: 		#0070c0		-> ボーダー
　瑠璃色:	#00519a	-> 
*/
.red{
	color: #dc143c;
}
.gray{
	color: #999;
}
.blue{
	color: #00519a;
}
.white{
	color: #fff; 
}


/* ヘッダ */
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
	border-bottom: solid 3px #0070c0;
	background: #004373;
	font-size: 22px;
	z-index: 999;
}
.h-div{
	float: left;
	height: 38px;
}
.h-border-v{
	margin: 3px 10px;
	height: 32px;
	border-left: solid 1px #ccc;
}
.h-div a{
	vertical-align: middle;
	color: #ccc;
}
.h-div a:hover{
	color: #fff;
}
.h-space{
	padding-left: 10px;
}
.h-menu{
	float: right;
	height: 40px;
	text-align: center;
}
.h-menu a{
	padding: 0 15px;
	vertical-align: -50%;
	color: #fff;
	font-size: 16px;
}
.h-menu a:hover{
	color: #ffff00;
}


/* フッタ */
#footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
	color: #fff;
	background: #00519a;
}
.copyright{
	float: right;
	padding-right: 10px;
}

/* メインコンテンツ */
#contents{
	padding-top: 40px;
	width: 100%;
}

/* Table系 */
.u-line{
	border-bottom: 1px solid #999;
}
.t-line{
	border-top: 1px solid #999;
}
.b-line{
	border-bottom: 1px dotted #999;
}
.r-line{
	border-right: 1px dotted #999;
}
th{
	width: 750px;
	padding 4px 0 3px 15px;
	color: #fff;
	background: #00519a;
}
td{
	width: 750px;
	padding: 4px 0 3px 15px;
}
.t-day{
	width: 20%;
	font-weight: bold;
}
.time{
	width: 18%;
	padding: 0;
	text-align: center;
}
.program{
	border: 1px solid #999;
	text-align: center:
}
.program2{
	width: 60%;
	padding-left: 0;
	border: 1px solid #999;
	text-align: center;
}
.wg-program{
	padding-left: 20px;
	border: 1px solid #999;
}
.cost{
	text-align: center;
}
.cost td{
	padding-right: 10px;
	padding-left: 10px;
}
.cost th{
	text-align: center;
}
.number{
	width: 20px;
	text-align: center;
}
.university{
	width: 150px;
	text-align: center;
}

/* その他レイアウト */
.add-height{
	height: 1200px;
	background: #fff;
}
.title{
	width: 100%;
	height: 300px;
	border-bottom: solid 3px #0070c0;
	background: #fff;
}
.top-text{
	float: left;
}
.top-text-title{
	padding: 5px 0 0 30px;
	color: #004373;
	font-size: 60px;
	font-weight: bold;
}
.top-text-description{
	width: 100%;
	padding: 8% 0 0 25%;
	color: #555;
	font-size: 200%;
	z-index: 10;
}

.place{
	font-size: 100%;
}
.place-x{
	color: #ccc;
}

.top-img{
	float: right;
}

.contents{
	width: 80%;
	margin: auto;
	padding-top: 15px;
	background: #fff;
}
.attend{
	height: 1550px;
}
.summary{
	height: 1400px;
}
.about{
	height: 700px
}
.index{
	height: 900px;
}
.info{
	height: 2300px;
}
.link{
	height: 700px;
}
.c-program{
	height: 1900px;
}
.wg{
	height: 2000px;
}

.main{
	float: left;
	width: 70%;
}
.main p{
	padding-top: 7px;
	line-height: 130%;
}

.sub{
	float: left;
	width: 25%;
	margin-left: 1%;
}

/* マップ内 */
#gmap3_1 p{
	padding-left: 10px;
	font-size: 12px;
}

/* Count Down */
#countdown{
	margin: 15px 10px 15px;
	font-size: 14px;
}
.day{
	padding: 0 20px 0 0; 
	color: #dc143c;
	font-size: 50px;
	font-weight: bold;
	line-height: 100%;
}

/* Twitter */
#twitter{
	padding: 0 10px 5px 2px;
	height: 280px;
}

/* Counter */
#counter{
	float: right;
	padding-right: 35px;
}

/* Day-Map */
#in-map{
	width: 95%;
	margin: 0 auto;
}
#in-map img{
	margin: auto;
}
.tab{
	overflow: hidden;
	height: 30px;
}
.tab li{
	float: left;
	margin-right: 3px;
	padding: 0 1%;
	width: 15%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	background: #777;
	border-radius: 5px 5px 0 0;
}
.tab li.select{
	background: #2550aa;
}
.day-map{
}
.day-map li{
	padding: 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0 8px 8px 8px;
}
.hide{
	display: none;
}