@charset 'UTF-8';

/* --------------------------------------------------

	elements

-------------------------------------------------- */
body{
	color:#333333;
	font-size: 87.5%;
	font-family: Meiryo,メイリオ,Arial,Helvetica,sans-serif;
	line-height:1.5;
}
img{
	vertical-align: bottom;
}
.container{
	width: 94%;
	max-width:800px;
	margin:0 auto;
}
.h1{
	font-size: 250%;
	color: #84A2D4;
}
.h2{
	color: #FFFFFF;
	font-size: 150%;
	padding: 0.5em 1em;
	border-radius: 1px;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	background-color: #47AAFB;
}
.h3{
	margin-bottom: 0;
}
.imgWide{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width /***/:auto;
}
.tbl1{ border:1px solid #CCCCCC; border-width:1px 0 0 1px; }
.tbl1 th{ background:#EEEEEE; width:15%; }
.tbl1 th, .tbl1 td{ border:1px solid #CCCCCC; border-width:0 1px 1px 0; padding:0.5em; }
.tbl2{ border:1px solid #CCCCCC; border-width:1px 0 0 1px; }
.tbl2 th{ background:#EEEEEE; }
.tbl2 th, .tbl2 td{ border:1px solid #CCCCCC; border-width:0 1px 1px 0; padding:0.5em; }


/* --------------------------------------------------

	modules

-------------------------------------------------- */
.entry a{
	display: block;
	background: #FF6600;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff9900), color-stop(1.00, #ff6600));
	background: -webkit-linear-gradient(top, #ff9900 0%, #ff6600 100%);
	background: -moz-linear-gradient(top, #ff9900 0%, #ff6600 100%);
	background: -o-linear-gradient(top, #ff9900 0%, #ff6600 100%);
	background: -ms-linear-gradient(top, #ff9900 0%, #ff6600 100%);
	background: linear-gradient(to bottom, #ff9900 0%, #ff6600 100%);
	text-decoration: none;
	color:#FFFFFF;
	width: 15em;
	margin: 1em auto;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	line-height: 1;
	padding: 0.9em 0;
	border-radius: 0.5em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2), -1px -1px 1px #FFFFFF inset;
}
.entry .limit{
	display: block;
	font-size: 60%;
	margin: 0.7em 0 0;
	letter-spacing: 0.1em;
}

.noentry a{
	display: block;
	background: #666666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #999999), color-stop(1.00, #666666));
	background: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
	background: -moz-linear-gradient(top, #999999 0%, #666666 100%);
	background: -o-linear-gradient(top, #999999 0%, #666666 100%);
	background: -ms-linear-gradient(top, #999999 0%, #666666 100%);
	background: linear-gradient(to bottom, #999999 0%, #666666 100%);
	text-decoration: none;
	color:#FFFFFF;
	width: 15em;
	margin: 1em auto;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	line-height: 1;
	padding: 0.9em 0;
	border-radius: 0.5em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2), -1px -1px 1px #FFFFFF inset;
}
.noentry .limit{
	display: block;
	font-size: 60%;
	margin: 0.7em 0 0;
	letter-spacing: 0.1em;
}

/* ---------- sections ---------- */
.outline, .sessions, .notice{
	margin-bottom: 2em;
}

/* ---------- section session ---------- */
.session{
	border-radius: 5px;
	background: #f7f5f0;
	padding: 1px 1.5em 1.5em;
	margin-bottom: 1em;
}
.session > .h{
	font-size: 171%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

/* ---------- section profile ---------- */
.profile{
	overflow:auto;
	background: #FFFFFF;
	margin: 1.5em 0 0;
	padding: 1px 1.5em 1em;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.profile > .h{
	font-size: 128%;
	margin-bottom: 0.5em;
}
.profile .photo{
	float:right;
	margin:-2.5em 0 0 1em;
}

/* ---------- about ---------- */
.about{
	overflow: hidden;
	margin: 2em 0 2em;
	padding: 1em 2em 1em;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size: 85.71%;
}
.about h3, .about p{
	margin: 0;
}
.about .logo{
	float: left;
	margin: 1em 2em 0 0;
}


/* --------------------------------------------------

	media queries

-------------------------------------------------- */
@media only screen and (max-width: 30em) {
	.entry a{ width: auto; }
	.tbl1 th, .tbl1 td{ display: block; width:auto; }
	.session{ padding: 1px 1em 1em; }
	.profile{ padding: 1px 1em 1px; font-size:85.71%; }
	.profile > .h{ margin-top: 1em; }
	.profile .photo{ float:none; margin-top:0; text-align: center; }
}
@media only screen and (min-width: 30em) {
	.tbl1 th, .tbl1 td{ display: table-cell; }
}