@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

@import "module.css";

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

strong,
b{
	font-weight:bold;
}

.clfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333333;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}

.win body {
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}


/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #188ED6;
}
a:visited {
	text-decoration: none;
	color: #188ED6;
}
a:hover {
	text-decoration: underline;
	color: #188ED6;
}
a:active {
	text-decoration: underline;
	color: #188ED6;
}

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */


p {
	font-size: 96%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}

body {
	background-color: #F5F5ED;
	padding:0 !important;
	margin:0 !important;
}

#container {

	width: 100%;
	margin: 0 auto;
}

/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------ Column ------ */

.row {
	max-width:1000px;

	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	background:#FFF;
	margin-left:1%;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 1%;/*10px*/
}

	
/* 各カラムの幅を％で設定 */
.one-second {width: 495px;}/*495px*/
.one-third {width: 31.972789115%;}
.one-fourth{width: 230px;}/*230px*/
.three-fourth{width: 74%;}/*740px*/
.topLogo {width: 26.0%;}

/* ------ Header ------ */
#header{ 
	padding:0;
	margin:0;
}
header {
	width: 100%;
	background:url(../images/hreader_bg.jpg) repeat-x #FFF bottom center;
	height:auto;
	padding:0;
	margin:0;
}

header .col{

}

header .logo img{
	text-align:left;
	margin:0 atuo;
	-webkit-background-size: 240px; 	  	
	background-size: 240px;
	padding-bottom:6px;
	padding-top:2px;
	width:240px;
	height:auto;
}

.topLogo  {
	margin:6px 15px 10px 0;
}

/* ------ SNS ------ */

#sns {
	width:190px;/*190px*/
	height: auto;
	float: right;
	margin-top:10px;
}

#sns div#btn {
	float:right;
}
#sns div#btn {
	padding:0;
}

#fbBtn{
	float:left;
	margin-left:10px;/*10px*/

}
#twBtn{
	float:left;
}


#search-box_sp{
	display:none;
		}
		
#search-box {
	clear:right;
	float: left !important;
	margin-top:6px;
	padding:0 !important;
	width:100% !important;
}

#___gcse_0{
	padding:0 !important;
	margin:0 !important;
}

#search-box .gsc-control-cse .gs-spelling,
#search-box .gsc-control-cse .gs-result
#search-box .gs-title, .gsc-control-cse
#search-box .gs-result .gs-title * {

    text-align: left !important;
	float:left !important;

}	
#search-box .gsc-control-cse,
#search-box .gsc-control-cse-ja{
	padding:0 !important;
}

#search-box input.gsc-search-button	{
	padding:6px 14px 8px !important;
	}
#search-box .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 6px;
		line-height:1.2;
}
#search-box #___gcse_0,
#search-box .gsc-control-wrapper-cse,
#search-box .gsc-control-cse,
#search-box .gsc-control-cse-ja,
#search-box #gsc-iw-id1{
		width:100% !important;
		padding:0 !important;
}

/*
#sns div:first-child{
	padding-right:20px;
}
*/
/* ------ Global Navi ------ */

#gnav {
	float: left;
	width: 516px;/*516px*/
	padding:0;
	margin:0;
	height: auto;
}

#gnav ul {
	padding:0;
	margin:0;

}
#gnav li {
	float: left;
	width: 172px;/*172px*/
	padding:0;
	margin:0;

}

#gnav a {
	display:block;
	z-index: 2000;
	padding-top: 66px;
	font-size: 96%;
	text-decoration: none;
	color: #888888;
	text-align: center;
	padding-bottom:11px;
}

/*
#gnav li:first-child {
	border-left:1px solid #C3C3C3;}
#gnav li {
	border-right:1px solid #C3C3C3;}
*/
/* katei_gakusyu */
#hL a:link,
#hL a:visited {
	border-bottom:10px solid #3ABFA4;
	background:url(/common/images/ico_gNavi01.png) no-repeat center 25px;
	border-left:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;
}
/* katei_gakusyu ov */
#hL a:hover,
#hL a:active,
#homelearning #hL a{
	color: #FFF;
	background:url(/common/images/ico_gNavi01_on.png) no-repeat center 25px #3ABFA4;
}

/* jyuken */
#adm a:link,
#adm a:visited {
	border-bottom:10px solid #FFB120;
	background:url(/common/images/ico_gNavi02.png) no-repeat center 25px;
	border-right:1px solid #C3C3C3;
	
}
/* jyuken ov */
#adm a:hover,
#adm a:active,
#admissions #adm a{
	color: #FFF;
	background:url(/common/images/ico_gNavi02_on.png) no-repeat center 25px #FFB120;
}

/* shusyoku */
#shu a:link,
#shu a:visited {
	border-bottom:10px solid #3388CC;
	background:url(/common/images/ico_gNavi03.png) no-repeat center 23px;
	border-right:1px solid #C3C3C3;
		
}
/* shusyoku ov */
#shu a:hover,
#shu a:active,
#shukatsu #shu a{
	color: #FFF;
	background:url(/common/images/ico_gNavi03_on.png) no-repeat center 23px #3388CC;
}

/* ------ Article ------ */

article {
	background-color: #F5F5ED;
	padding-bottom: 50px;
	padding-top:10px;
}


article a:hover img{opacity:0.8;
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */
zoom:1;
}


/* ------ main ------ */

#main {
}

#main section{
	padding:0 50px 30px;
	border-bottom:1px solid #E5E5E5;
}
#main section:last-child{
	border-bottom:none !important;
}

.icoCon{
	margin:0 0 28px;
}

#main .conSns{
	width:100%;
	text-align:center;
	margin:20px auto;
	height:60px;
	display:block;
}
#main .conSns a:hover{
	text-decoration:none;
}


#main .conSns div{
	display:inline-block;
	*display: inline;  
    .*zoom: 1;

}
#main .conSns div span{
	display:none;
}
#main .conSns .conFb{
	background:url(/common/images/conFb_tw.png) 0 0 no-repeat;

	width:60px;
	height:60px;
	padding-right:10px;
	background-size:60px 60px;
	behavior: url(/common/images/PIE.htc);
	position:relative;
}

#main .conSns .conTw{
	background:url(/common/images/conSns_tw.png) 0 0  no-repeat;
	width:60px;
	height:60px;
		background-size:60px 60px;
			behavior: url(/common/images/PIE.htc);
	position:relative;
}
#main .conSns .conline{
	display:none;
}

#main .bnList{
	margin-top:30px;
	font-size:85%;
}

#main .bnList dt{
	color:#FA447D;
	font-weight:bold;
	padding-bottom:14px;
}

#main .bnList dt dd ul{
	margin-top:20px;
}

#main .bnList dt dd ul li{
}

#main .bnList dd ul li a{
	background:url(../images/icoLink.gif) no-repeat left center;
	padding-left:34px;
}



/* ------ Sidebar ------ */
#side{	float: left;
	margin-left: 2%;	
	width: 24%;
	text-align:center;
}	
#side h2{
	padding:3px 0 3px 10px;
	color:#FFF;
	font-weight:bold;
	line-height:1.0;
}	
#side div{
}
#side .sideNavi,
#side .sideFb,
#side .sideBnr p{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#FFF;
}
.sideNavi{
	margin-bottom:10px;
}

.sideNavi h2{
	background:#32322A;
	margin-bottom:10px;
	padding:0;
}
.sideNavi p{
	margin-bottom:5px;
}
.sideNavi p:first-child{
	padding-top:10px;
}
.sideNavi p:last-child{
	margin-bottom:10px;
}
.sideFb{


}
.sideFb h2{
	background:#3B5998;
	text-align:left;
	padding:0;
}

#side .sideBnr{
	text-align:center;
}
#side .sideBnr p{
	text-align:left;
	font-size:85%;
	margin-top:10px;
}
#side .sideBnr p span{
	padding:8px 12px;
	float:none;
	display:block;
}
#fb-root {
   display: none;

}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important;
-webkit-overflow-scrolling:touch;
   	overflow:hidden;
}
/*------movieNews------------------*/
#side .movieNews h2 {
background: #923B7B;
    padding: 0 !important;
    line-height: 1.0;
}
#side .movieNews h2 img{
border-right: 1px solid #CCCCCC;
    max-width: 100%;
    height: auto;
}

#side .movieNews {
border-right: 1px solid #CCCCCC;

border-bottom: 1px solid #CCCCCC;

background: #FFF;	
	margin: 0 0 10px;
}

#side .movieNews .m_list-news {

    text-align: left;
    font-size: 75%;
    padding: 3px 6px;

}
#side .movieNews .m_list-news dt {
float: left;
padding: 0.7em 0;
font-size: 90%;

}
#side .movieNews .m_list-news dd{
    border-bottom: 1px dotted #ccc;
    padding: 0.5em 0 0.5em 3.5em;

}
#side .movieNews .m_list-news dd:last-child{
    border-bottom: none;

}
#side .movieNews .m_list-news dd a {
	color: #923B7B;

}
/* ------ Page Top ------ */

#page-top {
	max-width: 1000px;
	margin:0 auto;
}
#page-top p {
	font-size: 68%;
	width:12%;
	float:right;
}
#page-top a {
	display: block;
	padding: 8px 3px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	color:#FFF;
}
#page-top a:after {
	content: "\67";
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
	color:#FFF;
}
#page-top a:link,
#page-top a:visited {
	background-color: #32322A;
}
#page-top a:hover,
#page-top a:active {
	background-color: #4F4F42;
}

/* ------ Footer ------ */

footer {
	background-color: #32322A;
	text-align:center;
	padding-top:30px;
	clear:right;
}

footer nav {
	margin: 0 0 15px;
}

footer nav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ddd;
	font-size: 68%;
	/display:inline;/zoom:1;
}
footer nav li:first-child {
	padding-left: 0;
	border-left: none;
}

footer nav a:link,
footer nav a:visited {
	color: #FFF;
	text-decoration: none;
}
footer nav a:hover,
footer nav a:active {
	color: #FFF;
	text-decoration: underline;
}

#copyright {
	padding-bottom: 60px;
}

#copyright p {
	font-size: 62%;
	color: #FFF;
}


#gnav-sp,
#headerLinks,
.menuBox01{
	display:none;

}

.spOn{
	display:none;
	}
	
	
/*-----------------------------------------------------	*/
/*	for 640px - 999px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 481px) and (max-width: 999px) {

	/* ------ Column ------ */

	/* 左右に25pxの余白を設定 */


}



/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {




}