@charset "UTF-8";
body,html {
	height:100%;
	}

body {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, "Arial",sans-serif;
	padding: 0;
	text-align: center;
	color: #444444;
	font-size: 14px;
	background: transparent url("../../img/2017/bg-left.png") no-repeat left top fixed;
	}

.clearfix:before,
.clearfix:after {
	content: " "; 
	display: table;
	}

.clearfix:after {
	clear: both;
	}

.clearfix {*zoom:1;}

em	{font-style: normal;}

a {
	color: #13619e;
	text-decoration: none;
	}

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

img {
	border:0;
	vertical-align:bottom;
	}

a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	}






/* COMMON */
header h1	{
	background-image: url("../../img/2017/eng/bg-all.png");
	background-repeat: no-repeat;
	}

#wrap	{
	background: transparent url("../../img/2017/bg-right.png") no-repeat right top fixed;
	}

.main, header, footer	{
	width: 1000px;
	margin: 0 auto;
	background-color: #f7f7f7;
	}

.main	{
	padding-bottom: 40px;
}

.container {
	width:960px;
	margin:0 auto;
	text-align: left;
	}


article	{
	padding-bottom: 40px;
	}

header	{
	background-color: #f7f7f7;
	}

header .clearfix	{
	padding: 20px 0;
	}

header h1{
	float: left;
	width: 444px;
	height: 97px;
	margin: 0;
	padding: 0;
	background-position: 0 0;
	text-indent: -999em;
}

header#jcom h1{
	background-position: 0 -117px;
}

header .spec{
	float: right;
	width: 476px;
	margin-top: 10px;
}

.item-sns {
	margin: 10px 0 0;
	padding: 0;
	text-align:right;
	}

	.item-sns li {
		display: inline-block;
		width: 115px;
		height: 20px;
		vertical-align: top;
		}

	.item-sns li.button-fb {
		width: auto;
		}

	.item-sns li.button-official {
		width: 170px;
		}

	.fb_iframe_widget > span {
		vertical-align: baseline !important;
		}

header .spec p{
	line-height: 1.2;
	margin: 0;
	padding: 0;
	font-size: 18px;
	text-align: right;
}

header .spec p b{
	display: block;
	font-size: 24px;
}

footer{
	border-top: 1px solid #a7a7a7;
	padding: 40px 0;
}

footer p{
	margin: 0;
	padding: 0;
}

section h1.ttl-heavy{
	margin: 0;
	padding: 0.5em;
	color: #241815;
	background-color: #fabe0f;
	border-bottom: 1px solid #241815;
}

section.container{
	margin-top: 50px;
}

section.container:first-child{
	margin-top: 0;
}

section#course h1{
	margin-bottom: 1.0em;
}

section#course .photo{
	float: left;
	width: 420px;
}

	section#course ul{
		float: right;
		width: 530px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	section#course li .clearfix{
		margin-bottom: 10px;
	}
	
	section#course li .clearfix div{
		position: relative;
		float: left;
		width: 230px;
	}
	
	section#course li .clearfix div span{
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 60px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #ffffff;
		background-color: #13619e;
	}

section#course li .clearfix div span:hover {
		background-color: #0d3a5d;
	}

	
	section#course li p{
		float: right;
		width: 290px;
	}
	
	section#course li p b{
		display: block;
	}
	
ul.default	{
	margin: 0 0 0 1.5em;
	list-style-type: disc;
	}

ul.disc	{
	list-style-type: disc;
	}

table{
	width: 100%;
}

#outline table{
	margin-top: 1.0em;
}

table th{
	padding: 0.5em;
	border: 1px solid #c7c7c7;
	background-color: #e7e7e7;
}

table td{
	padding: 0.5em;
	border: 1px solid #c7c7c7;
}

.record table th, .record table td{
	padding: 0 0.5em;
	height: 40px;
	line-height: 40px;
}

.info{
	float: right;
	width: 350px;
}

.info div{
	margin-bottom: 10px
}

.record{
	float: left;
	width: 600px;
}

#culture .left p, #culture .right p
{margin: 0 0 0.5em;
}

#culture .left
{float: left;
width: 470px;
}

#culture .right
{float: right;
width: 470px;
}

/* reset */
.reset-t	{margin-top: 0;}
.reset-b	{margin-bottom: 0;}
.caption	{margin: 5px 0 0 0;}

/* label */
.label { display: inline-block; line-height: 1.0; margin: 0.20em 0.5em 0; padding: 2px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 0.75em; vertical-align: top;}
.label-sm { display: inline-block; line-height: 1.0; margin: 0.20em 0.5em 0; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 0.75em; vertical-align: top;}
.label-group .label:first-child { margin-left: 0;}

/* font-size */
.fs-10 { font-size: 10px;}
.fs-12 { font-size: 12px;}
.fs-14 { font-size: 14px;}
.fs-16 { font-size: 16px;}
.fs-20 { font-size: 20px;}

/* width */
.w-max { width: 100%;}
.w-50 { width: 50px;}
.w-100 { width: 100px;}
.w-150 { width: 150px;}
.w-200 { width: 200px;}
.w-250 { width: 250px;}
.w-300 { width: 300px;}
.w-350 { width: 350px;}
.w-400 { width: 400px;}
.w-700 { width: 700px;}

/* color */
.text-blue { color: #13619e;}
.text-red { color: #c64141;}
.text-green { color: #499a45;}
.text-yellow { color: #fabe0f;}
.text-disable { color: #999999;}

/* background-color */
.bg-blue { background-color: #d3e0ea;}
.bg-red { background-color: #f1dadb;}
.bg-green { background-color: #dceadc;}
.bg-yellow { background-color: #fbf1d7;}
.bg-disable { background-color: #ebebeb;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.text-left { text-align: left;}

/* row */
.clearfix.unit-2 div { float: left; width: 340px; margin-left: 20px;}
.clearfix.unit-2 div:first-child {  margin-left: 0;}
.clearfix.unit-3 div { float: left; width: 220px; margin-left: 20px;}
.clearfix.unit-3 div:first-child, .clearfix.unit-3 .first {  margin-left: 0;}
.clearfix.unit-4 div { float: left; width: 160px; margin-left: 20px;}
.clearfix.unit-4 div:first-child {  margin-left: 0;}

/* float */
.clearfix .flt-r	{ float: right; margin-left: 15px;}
.clearfix .flt-l	{ float: left; margin-right: 15px;}

/* tas */
.tabs { border-bottom: 1px solid #231815;}
#photo .tabs { border-bottom: 1px solid #d7d7d7;}
.tabs ul { display: table; margin: 0; table-layout: fixed;}
.tabs.format-btn ul { margin: 0 auto;}
.tabs li { display: table-cell;}
.tabs li a { display: block; height: 40px; line-height: 40px; margin: 0 10px 0 0; color: #231815; background-color: #fabe0f; border-top: 1px solid #231815; border-right: 1px solid #231815; border-left: 1px solid #231815; text-align: center; vertical-align:top;}
.tabs.format-btn li a { margin: 0 20px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #231815;}
.tabs li div a, .tabs.format-btn li div a, .tabs li a:hover { color: #fabe0f; background-color: #231815; font-weight: bold; text-decoration: none; }

/* table */
table.table { width: 100%;}
table.table th, table.table td { padding: 0.5em; border: 1px solid #b7b7b7;}
table.table th { background-color: #efd281;}
table.table.underline th, table.table.underline td { padding: 0.5em; border-right: none; border-left: none;}
table.table.none th, table.table.none td { padding: 0.5em; border: none;}
table.table th { background-color: #efd281;}
table.table .w-min { width: 1%; white-space: nowrap;}
table.table.align-v th, table.table.align-v td { vertical-align: top;}

/* button */
.btn a, .btn span { display: inline-block; width: 100%; margin: 0 auto; padding: 0.75em 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.btn-group .btn, .btn-group .btn { display: inline-block; margin-left: 10px;}
.btn-group .btn:first-child, .btn-group .btn:first-child { margin-left: 0;}
.btn a:hover { opacity:0.8; filter: alpha(opacity=80); text-decoration: none;}
.btn.blue a, .label.bg-blue, .label-sm.bg-blue { color: #ffffff; background-color: #13619e;}
.btn.primaly a, .label.bg-primaly, .label-sm.bg-primaly { color: #ffffff; background-color: #13619e;}
.btn.red a, .label.bg-red, .label-sm.bg-red { color: #ffffff; background-color: #c64141;}
.btn.green a, .label.bg-green, .label-sm.bg-green { color: #ffffff; background-color: #499a45;}
.btn.yellow a, .label.bg-yellow, .label-sm.bg-yellow { color: #231815; background-color: #fabe0f;}
.btn.disable span, .label.bg-disable, .label-sm.bg-disable { color: #f7f7f7; background-color: #999999;}
.btn.blue a { border-bottom: 1px solid #4e89b6;box-shadow:0 5px #0e4976;}
.btn.primaly a { border-bottom: 1px solid #4e89b6;box-shadow:0 5px #0e4976;}
.btn.red a { border-bottom: 1px solid #d47171;box-shadow:0 5px #943131;}
.btn.green a { border-bottom: 1px solid #77b374;box-shadow:0 5px #377334;}
.btn.yellow a { border-bottom: 1px solid #fbce4b;box-shadow:0 5px #bb8e0b;}

.lt-ie9 .btn.blue a, .lt-ie9 .btn.primaly a, .lt-ie9 .btn.red a, .lt-ie9 .btn.green a, .lt-ie9 .btn.yellow a { box-shadow:0 0 transparent;}

.text-center .btn	{margin: 0 auto;}
td .btn a { margin-bottom: 5px;}

/* border */
.box	{padding: 1.0em;}
.solid	{border: 1px solid #b7b7b7;}
.dotted	{border: 1px dotted #b7b7b7;}
.double	{border: 2px solid #b7b7b7;}
.triple	{border: 3px solid #b7b7b7;}

/* hr */
hr { border: none; border-bottom: 1px solid #b7b7b7;}
hr.dotline{ border-bottom: 1px dotted #b7b7b7;}
hr.double{ border-bottom: 2px solid #b7b7b7;}
hr.triple{ border-bottom: 3px solid #b7b7b7;}
hr.h-30 { display: block; margin: 25px 0;}
hr.spacer { height: 15px; border: none;}
hr.spacer-30 { height: 30px; border: none;}


/* margin */
.margin-t	{margin-top: 15px;}
.margin-b	{margin-bottom: 15px;}
.margin-v	{margin-top: 15px;margin-bottom: 15px;}

.ttl-heavy	{
	padding: 0.5em;
	background-color: #efd281;
	border-bottom: 5px solid #fabe0f;
	font-size: 16px;
	}

.ttl-regular	{
	padding: 0.5em 0.5em 0.5em 0;
	border-bottom: 1px solid #231815;
	font-size: 16px;
	}



	
@media screen and (min-width: 1400px) {
	#top .slider .bx-wrapper {
		margin: 0 auto;
		width: 1400px !important;
		}

}


@media screen and (max-width: 960px) {
body {min-width: 1024px;}
nav#g-nav	{	min-width: 1024px;}
}