@charset "UTF-8";

/*------------------------------------------------
  全般設定
 -----------------------------------------------*/

body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:14px;
	letter-spacing:0.5px;
	line-height:1.7;
	color:#0C1E2D;
	text-align:center;
}

a:link{
	color:#37a9e1;
}

a:visited{
	color:#37a9e1;
}

a:hover{
	color:#f75600;
}

a:active{
	color:#f75600;
}

a.nodeco {
	color:#FFF;
	text-decoration:none;
}
a.nodeco:hover {
	text-decoration:none;
}
a.nodeco:visited {
	text-decoration:none;
}
a.nodeco:active {
	text-decoration:none;
}

a.nodeco_white {
	color:#FFF;
	text-decoration:none;
}
a.nodeco_white:hover {
	text-decoration:underline;
}
a.nodeco_white:visited {
	text-decoration:underline;
}
a.nodeco_white:active {
	text-decoration:underline;
}

.clear {
	clear:both;
}

.right {
	float:right;
}
.left {
	float:left;
}
.center {
	text-align:center;
}
.mr20 {
	margin-right:20px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.underline {
	text-decoration:underline;
}
.bold {
	font-weight:bold;
}
.size70 {
	font-size:70%;
}
.size110 {
	font-size:110%;
}
.size150 {
	font-size:150%;
}
.size200 {
	font-size:200%;
}
.red {
	color:#b80000;
}
.white {
	color:#FFFFFF;
}

/*-----------------------------------------
　ページ全体のブロック
-----------------------------------------*/
#container {
	width:100%;
	margin:0 auto;
	padding:0px 0px;
	text-align:center;
}


/*-----------------------------------------
　ヘッダエリア
-----------------------------------------*/
#header {
	width:100%;
	text-align:left;
	padding-top:20px;
	box-sizing:border-box;
}
#header-inner {
	width:960px;
	margin:0 auto;
	position:relative;
	margin-bottom:20px;
}
#topimage {
	width:100%;
	height:449px;
	background:url(../img_univ/img_mainimage.jpg) no-repeat;
	background-position:center;
	padding:85px 0 0 0;
	box-sizing:border-box;
	border-top:3px solid #b80000;
	border-bottom:5px solid #E4E3DF;
}
#topimage .inner {
	width:960px;
	margin:0 auto;
}
img.button {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;  
}
img.button:hover {
	opacity: 0.6;
}
	
	
	

/*-----------------------------------------
　コンテンツ
-----------------------------------------*/
#contents {
	width:960px;
	margin:0px auto;
	text-align:left;
	box-sizing:border-box;
}



/*-----------------------------------------
　各パーツ
-----------------------------------------*/
li.disc {
	list-style:disc;
	margin-left:20px;
}
li.number {
	list-style:decimal;
	margin-left:25px;
}
.box {
	border:1px solid #CCC;
	padding:20px;
}
.box2 {
	background:#FFF;
	border:1px solid #333;
	padding:10px;
	width:440px;
	box-sizing:border-box;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
}

.performance {
	border:1px solid #CCC;
	width:700px;
	padding:10px;
	box-sizing:border-box;
	margin:0 auto;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
}
.performance p.title {
	background:#E4E3DF;
	padding:5px 10px;
	font-size:120%;
	margin:-10px -10px 10px -10px;
	-webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;  
    -moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px;	
}
.headline {
	background:url(../img_univ/bg_h2.png) repeat-x;
	height:108px;
	padding:20px;
	margin-top:20px;
	text-align:left;
	box-sizing:border-box;
}


.headline h2 {
	font-size:250%;
	color:#FFF;
	font-weight:bold;
	width:960px;
	margin:0 auto;
}


h3.subtitle {
	background:url(../img_univ/bg_h3.png) no-repeat;
	background-position:bottom;
	width:960px;
	padding:10px 0;
	font-size:150%;
	font-weight:bold;
	box-sizing:border-box;
}

table.lecturer {
	width:100%;
}
table.lecturer th {
	width:20%;
	vertical-align:top;
}
table.lecturer td {
	width:80%;
	padding-left:20px;
	vertical-align:top;
}
table.curriculum {
	width:100%;
	border:1px solid #CCC;
}
table.curriculum th {
	width:74%;
	padding:20px;
	vertical-align:top;
}
table.curriculum td {
	width:26%;
}
table.curriculum_inner {
	width:100%;
	margin:-20px -20px 20px -20px;
}
table.curriculum_inner th {
	width:0.1%;
	height:50px;
	background:#b80000;
	font-size:200%;
	color:#FFF;
	padding:1px 15px;
	box-sizing:border-box;
}
table.curriculum_inner td {
	background:#E4E3DF;
	width:660px;
	padding:7px 20px;
	height:50px;
	font-size:150%;
	float:left;
	box-sizing:border-box;
}

table.outline {
	width:100%;
	border:1px solid #CCC;
	margin-top:30px;
}
table.outline th {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#EEE;
	padding:20px;
	width:30%
}
table.outline td {
	border-bottom:1px solid #CCC;
	padding:20px;
	width:70%
}

.trouble {
	background:#EEE;
	text-align:left;
}
.trouble-inner {
	width:960px;
	margin:0 auto;
}
li.chekmark {
	background:url(../img_univ/bg_trouble_li.png) no-repeat;
	background-position:left;
	padding-left:40px;
	margin-bottom:10px;
	font-size:150%;
	font-weight:bold;
}
.trouble-inner table {
	width:100%;
}
.trouble-inner table th {
	width:54%;
}
.trouble-inner table td {
	width:46%;
}

.inquiry {
	background:url(../img_univ/bg_inquiry.png) no-repeat;
	width:800px;
	height:300px;
	margin:30px auto;
	padding:220px 0 0 73px;
	box-sizing:border-box;
}
.inquiry .btn {
	background:#B80000;
	padding:10px 0;
	text-align:center;
	width:300px;
	height:60px;
	color:#FFF;
	font-size:150%;
	font-weight:bold;
	box-sizing:border-box;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;  
}
.inquiry .btn:hover {
	opacity: 0.6;
}

.voice {
	width:960px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	border:1px solid #CCC;
	padding:10px 20px;
	box-sizing:border-box;
	margin-top:20px;
}
table.order {
	width:100%;
	margin:30px 0;
	border:1px solid #CCC;
}
table.order th {
	width:30%;
	padding:20px;
	background:#FFDFDF;
	font-size:110%;
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table.order td {
	width:70%;
	padding:10px 20px;
	border-bottom:1px solid #CCC;
}
	



/*-----------------------------------------
　マウスオーバー時画像拡大
-----------------------------------------*/
.scale_up01 {
	width: 223px;
	height: 149px;
	overflow: hidden;
}
.scale_up01 img {
    -webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
.scale_up01 img:hover {
    -webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	opacity: 0.8;
}
.scale_up02 {
	width: 267px;
	height: 178px;
	overflow: hidden;
}
.scale_up02 img {
    -webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
.scale_up02 img:hover {
    -webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	opacity: 0.8;
}



/*-----------------------------------------
フッターエリア
-----------------------------------------*/

#link {
	width:100%;
	background:#b80000;
	padding:10px 0 0 0;
	margin-top:30px;
	box-sizing:border-box;
}
#link-innner {
	width:960px;
	margin:0 auto;
	text-align:center;
	position:relative;
	color:#FFF;
}

#link a.back {
	position:absolute;
	right:0px;
	top:-40px;
}
#footer {
	background:#b80000;
	padding:10px 0 10px 0;
}

#footer p{
	color:#FFF;
	font-size:90%;
	text-align:center;
}

#footer a {
	text-decoration:none;
	color:#FFF;
}




/*-----------------------------------------
　グローバルナビ
-----------------------------------------*/

#globalNavi {
	height:68px;
	margin:30px 0;
}

#globalNavi ul {
    width:960px;
	margin:0 auto;
    background: url(../img_univ/bg_navi.png)no-repeat left top;
}

#globalNavi ul li {
    float: left;
	list-style:none;
}

#globalNavi ul li a {
    display: block;
    height: 68px;
	text-indent: -9999px; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#globalNavi ul li.navi01 {
    width: 315px;
}

#globalNavi ul li.navi01 a,
#globalNavi ul li.navi01 a:link,
#globalNavi ul li.navi01 a:visited {
    background: url(../img_univ/bg_navi.png) no-repeat 0 0;
}

#globalNavi ul li.navi01 a:hover,
#globalNavi ul li.navi01 a:active,
body#about #globalNavi ul li.navi01 a {
    background: url(../img_univ/bg_navi_on.png) no-repeat 0 0;
}

#globalNavi ul li.navi02 {
    width: 330px;
}

#globalNavi ul li.navi02 a,
#globalNavi ul li.navi02 a:link,
#globalNavi ul li.navi02 a:visited {
    background: url(../img_univ/bg_navi.png) no-repeat -315px 0;
}

#globalNavi ul li.navi02 a:hover,
#globalNavi ul li.navi02 a:active,
body#characteristic #globalNavi ul li.navi02 a {
    background: url(../img_univ/bg_navi_on.png) no-repeat -315px 0;
}

#globalNavi ul li.navi03 {
    width: 315px;
}

#globalNavi ul li.navi03 a,
#globalNavi ul li.navi03 a:link,
#globalNavi ul li.navi03 a:visited {
    background: url(../img_univ/bg_navi.png) no-repeat -645px 0;
}

#globalNavi ul li.navi03 a:hover,
#globalNavi ul li.navi03 a:active,
body#program #globalNavi ul li.navi03 a {
    background: url(../img_univ/bg_navi_on.png) no-repeat -645px 0;
}




#globalNavi ul li.navi01_on {
    width: 315px;
}

#globalNavi ul li.navi01_on a,
#globalNavi ul li.navi01_on a:link,
#globalNavi ul li.navi0_on a:visited {
    background: url(../img_univ/bg_navi_on.png) no-repeat 0 0;
}

#globalNavi ul li.navi01_on a:hover,
#globalNavi ul li.navi01_on a:active,
body#about #globalNavi ul li.navi01_on a {
    background: url(../img_univ/bg_navi_on.png) no-repeat 0 0;
}

#globalNavi ul li.navi02_on {
    width: 330px;
}

#globalNavi ul li.navi02_on a,
#globalNavi ul li.navi02_on a:link,
#globalNavi ul li.navi02_on a:visited {
    background: url(../img_univ/bg_navi_on.png) no-repeat -315px 0;
}

#globalNavi ul li.navi02_on a:hover,
#globalNavi ul li.navi02_on a:active,
body#characteristic #globalNavi ul li.navi02_on a {
    background: url(../img_univ/bg_navi_on.png) no-repeat -315px 0;
}

#globalNavi ul li.navi03_on {
    width: 315px;
}

#globalNavi ul li.navi03_on a,
#globalNavi ul li.navi03_on a:link,
#globalNavi ul li.navi03_on a:visited {
    background: url(../img_univ/bg_navi_on.png) no-repeat -645px 0;
}

#globalNavi ul li.navi03_on a:hover,
#globalNavi ul li.navi03_on a:active,
body#program #globalNavi ul li.navi03_on a {
    background: url(../img_univ/bg_navi_on.png) no-repeat -645px 0;
}