/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(buttons.css);
@import url(forms.css);
@import url(menus.css);
@import url(grid.css);
@import url(/gsmg/fancyBox/source/jquery.fancybox.css);
@import url(slideshow.css);
@import url(mainslider.css);
@import url(tools.css);
@import url(tiptip.css);
@import url(color.css);
@import url(fonts/fontawesome/css/font-awesome.min.css);

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/

a{
	color:#39c;
	outline:0;
	text-decoration: none;
}
a.link,.link a{color:#555; text-decoration:none;}
a:active{color:inherit;}
a:visited{}
a:hover{
	text-decoration: underline;
}
a.link:hover,.link a:hover{
	color: #555;
	text-decoration: underline;
}
a img{border:0;}
strong,b{
	font-weight:bold;
	color: #222;
}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}

/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px solid #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0px;height:1px;}
hr.dotted{border-style: dotted;}
hr.dashed{border-style: dashed;}
hr.clear{margin:0;}
/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
contentend,header,hgroup,menu,nav,section {
display:block;
}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
	line-height:140%;
	font-weight: normal;
}

h1{
	font-size:20px;
	margin:10px 0 10px 0;
}

h2{
	font-size:1.7em;
	margin-top: 1.7em;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0;
}
.ie6 h2{
	position:relative;
	}
h2.alt1{
	background-image: url(/gsmg/img/common/main-nav.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

h3{
	font-size:1.3em;
	line-height:140%;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
h3.alt1{
	background-image: url(/gsmg/img/pages/title-alt1.png);
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
h3.alt2{
	background-image: url(/gsmg/img/common/main-nav.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
h4{
	font-size:1.1em;
	margin:10px 0 10px 0;
}
h4.alt2{
	background-image: url(/gsmg/img/common/main-nav.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 4px;
}

h5{
font-size:1.1em;
margin:10px 0 10px 0;
}

h6{
font-size:1em;
margin:10px 0 5px 0;
}

/*---------------------------------
	PARAGRAPHS
-----------------------------------*/
p{
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.5em;
font-style: italic;
color:#888;
margin:30px 30px 30px 0;
padding:0 0 0 20px;
border-left:1px solid #ccc;
}

	blockquote span{font-size:0.7em;color:#000;display:block;}
	blockquote.small{font-size:1.2em;}
	
/*---------------------------------
	LISTS
-----------------------------------*/
ul, ol{
padding:0;
margin:0 0 20px 25px;
}

	li{
	margin:0;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0.4em;
	padding-left: 0;
	}

ol li{
	color:#222;
	font-weight:bold;
}
ol li .ol-li{
	color:#444;font-weight: normal;
	}

ul.checks{
padding:0;
margin:0 0 20px 0;
}

	ul.checks li{
	list-style-type:none;
	margin:0;
	background:url(img/icon-check.png) no-repeat 5px 0.5em;
	padding-left:30px;
	}

ul.alt{
padding:0;
margin:0 0 20px 0;
}

	ul.alt li{
	list-style-type:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0 0 -1px 0;
	background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;
	padding-left:20px;
	}
	

	
/*---------------------------------
	PRE & CODE
-----------------------------------*/
code{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
border:1px solid lightblue;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#518BAB;
}



/*---------------------------------
	TABLES
-----------------------------------*/

table{
	width:100%;
	margin:0 0 10px 0;
	text-align:left;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
caption{
	text-align:left;}
	thead, tbody{margin:0;padding:0;}
	th, td{
	padding:7px 10px;
	text-align:left;
	border: 1px solid #ddd;
}
	thead th{
	padding:3px 10px;
}
thead th{}
tbody th{
	background-color: #f5f5f5;
}
th, tbody th{
	font-weight: normal;
	color: #333;
}
	tbody tr.last th,
	tbody tr.last td{border-bottom:0;}
	
/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}

/* tight */
table.tight{}
	table.tight th, .tight td{
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

/* sortable */
table.sortable{border:1px solid #ddd;}
	table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
	table.sortable thead th:hover{background:#efefef;}
	table.sortable span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
thead th{
	background-color:#e5e6e7;
	text-align: center;
	color: #FFF;
	font-size: 93%;
}
table.layout,
table.layout th,
table.layout td{
	border:none;
	background:none;}
table.close,
table.close th,
table.close td{
	padding:0;}
	
/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -2px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}
ul.tabs.vertical{
border-bottom:none;
margin-top:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}
	ul.tabs.vertical li{
	padding-left: 0!important;
	display: block;
	border-style: none;
	margin-right: 0px;
	float:left;
	width:100%;
	font-size: 12px;
	}
	ul.tabs.vertical li a:hover,ul.tabs.vertical li.current a{
	border-bottom: none;
	background-color: #222;
	color: #fff;
	background-image: url(/gsmg/img/common/arrowL_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
	ul.tabs li a{
	text-decoration:none;
	color:#fff;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background: #444;
	border-bottom:0;
	zoom:1;
	}
	
	ul.tabs.vertical li a{
	display:block;
	padding-top: 18px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-bottom: 16px;

	}
	
	ul.tabs li a:hover{
	background:#fff;
	
	}
	
	ul.tabs li.current a{
	position:relative;
	top:0;
	left:0;
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#222;
	}
	
	.tab-content{
	border:1px solid #efefef;
	border:1px solid #e5e5e5;
	background:#fff;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}
	
	/* w/icon */
	ul.tabs .icon{
	margin:-3px 7px -3px -5px;
	position:relative;
	top:-2px;
	left:0;
	}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
	padding:0;
	line-height:0%;
	font-size:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	float: left;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height:24px;
	font-size:11px; /* 0.8em default to override font-size:0; on parent*/
	}
	
	ul.breadcrumbs li a{
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	font-size:0.9em;
	zoom:1;
	margin:0;
	background-image: url(/gsmg/img/common/breadcrumbs.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	padding-left: 5px;
	}
	
	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}
	
	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}
	
	/* Alternative Style */
	ul.breadcrumbs.alt1{
	border:1px solid transparent;
	font-size:0;
	}
	
	ul.breadcrumbs.alt1 li a{
	padding:10px 25px 10px 15px;
	background:url(img/breadcrumbs-bg.gif) no-repeat right center;
	text-decoration:none;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:12px;
	}
	
	ul.breadcrumbs.alt1 a:hover{
	text-decoration:underline;
	}
	
	ul.breadcrumbs.alt1 li.first a{
	border-left:1px solid #efefef;
	}
	
	ul.breadcrumbs.alt1 li.last a{
	background:none;
	border-right:1px solid #efefef;
	}
	
/*---------------------------------
	IMAGES
-----------------------------------*/
/*
	for img .style1, .style2, .style3
	view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
max-width: 100%;
width: auto\9;
height:auto;
}
ie img{position:relative;}
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#logo a:hover img,
a:hover img.btn{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#main img{
}

	img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px;}
		
	div.caption{
	background:#f5f5f5;
	border:1px solid #ddd;
	padding:3px;
	width:100%;
	height:auto;
	}
	
		div.caption img{
		display:block;
		padding:0;
		margin:0;
		width:100%;
		height:auto;
		}
	
		div.caption span{
		display:block;
		margin-top:3px;
		font-size:0.8em;
		color:#666;
		padding:0px 5px;
		}
		
	
		
/*---------------------------------
	MEDIA
-----------------------------------*/
.video-placeholder,
.video-placeholder a{
position:relative;
top:0;
left:0;
display:inline-block;
*display:inline;
zoom:1;
margin:0;
padding:0;
text-decoration:none;
}
	.video-placeholder img{vertical-align: bottom;}
	.video-placeholder .icon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-24px 0 0 -24px;
	}
	
	.video-placeholder:hover .icon{
	text-shadow:0px 0px 10px rgba(255,255,255,0.8), 0px 2px 2px rgba(0,0,0,1);
	cursor: pointer;
	}
	
iframe.map-placeholder{
border:1px solid #ccc;
margin:0;
padding:0;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
	
.calendar{
text-align:center;
text-shadow:0px 1px 0px #fff;
color:#666;
border:1px solid #ddd;
background:#f5f5f5;
}
	.calendar h4#current-month{font-size:1em;margin:0;padding:2% 0;border-top:1px solid #fff;line-height:100%;font-weight:normal;}
	.calendar table{margin:0;border-collapse: collapse;border:0;}
	.calendar th, .calendar td{text-align:center;padding:0;font-weight: normal;line-height:100%;border:0;}
	.calendar th{width:14.2857%;padding:2% 0;border-bottom:1px solid #ddd;}
	.calendar td{background:#fff;padding:3% 0;}
	.calendar th.weekday{color:#999;font-size:0.7em;text-transform: uppercase;}
	.calendar td.other-month{color:#ccc;}
	.calendar td.current-month{background:#fff;color:#777;}


/*教員ページズレ回避*/
#isotope > div { overflow:hidden;}