@charset "UTF-8";

/* ==========================================================================
  トップ（PC）
========================================================================== */


/*  ヘッダー  */
/* --------------------------------------- */
header#TopHeader{
	width		: 990px;
	height		: 90px;
	clear		: both;
	overflow	: hidden;
	margin		: -5px auto 0;
	padding		: 0px 15px;
	background: #ff6868 url(../images/img_header01.png) no-repeat 580px 0px;
	zoom		: 1;
}

header#TopHeader h1{
	float		: left;
	width		: 550px;
	height		: 60px;
	overflow	: hidden;
	margin-top	: 16px;
	text-indent	: 100%;
	background	: url(../images/tit_top_logo.png) no-repeat 0px 0px;
	white-space	: nowrap;
}

header#TopHeader #HeaderInfo{
	float			: right;
	width		: 250px;
	height		: 76px;
	overflow	: hidden;
	margin-top	: 5px;
	text-indent	: 100%;
	white-space	: nowrap;
	padding		: 0;
	background	: #fff url(../images/txt_top_header_info.gif) no-repeat center 5px;
}


/*  上部ボタン  */
/* --------------------------------------- */

#TopBtn01{
	margin-top:30px;
	clear		: both;
	overflow: hidden;
	zoom		: 1;
	
}

#TopBtn01 .topBtn01_L{
	float:left;
	width:360px;
	margin-right:15px;
}
	
#TopBtn01 .topBtn01_R{
	float:right;
	width:210px;
}	

#TopBtn01 a{
	display:block;
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
	box-sizing:border-box;
	}

#TopBtn01 .btn_top_mail a{
	height:90px;
	border					: solid 3px #80c5fd;
	background			: #48b1ff url(../images/btn_mail.png) no-repeat right bottom;
}

#TopBtn01 .btn_top_mail a:hover{background : #0092fe url(../images/btn_mail.png) no-repeat right bottom;}
	
#TopBtn01 .btn_top_center a{
	height:90px;
	display:block;
	border					: solid 3px #fd8bc0;
	background			: #fd69a4 url(../images/btn_center.png) no-repeat right bottom;
}

#TopBtn01 .btn_top_center a:hover{background : #ee317c url(../images/btn_center.png) no-repeat right bottom;}

#TopBtn01 .btn_top_juhaku a{
	height:90px;
	display:block;
	border					: solid 3px #b5e964;
	background			: #77bc0c url(../images/btn_juhaku.png) no-repeat right bottom;
}


#TopBtn01 .btn_top_juhaku a:hover{background : #5f9c00 url(../images/btn_juhaku.png) no-repeat right bottom;}



/*  トップコンテンツ  */
/* --------------------------------------- */
#TopContents{
	margin-top:25px;
	clear		: both;
	overflow	: auto;
	zoom		: 1;
}

#TopContLeft{
	float		: left;
	width		: 635px;
	margin		: 0;
}

#TopContRight{
	float		: right;
	width		: 300px
}


/*  メイン・メニューボタン  */
/* --------------------------------------- */

/*  メインボタン  */
#TopMainBtn01{
	clear		: both;
	overflow: hidden;
	zoom		: 1;}
	
#TopMainBtn01 .topBtn01_L{
	float:left;
	width:310px;}
	
#TopMainBtn01 .topBtn01_R{
	float:right;
	width:310px;}
	
#TopMainBtn01 a{
	display:block;
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
	box-sizing:border-box;
	}	

#TopMainBtn01 .btn_top_room01 a{
	height: 183px;
	border					: solid 3px #ff9024;
	background			: url(../images/btn_room01.png) no-repeat right 0;
	}
	
#TopMainBtn01 .btn_top_room01 a:hover{background : #ffead5 url(../images/btn_room01.png) no-repeat right 0;}	

#TopMainBtn01 .btn_top_room02 a{
	height: 60px;
	border-right: 3px solid #ff9024;
	border-bottom: 3px solid #ff9024;
	border-left: 3px solid #ff9024;
	background			: #ff6c00 url(../images/btn_room02.png) no-repeat 50% 50%;
	}
		
#TopMainBtn01 .btn_top_room02 a:hover{background : #ff4e00 url(../images/btn_room02.png) no-repeat 50% 50%;}

#TopMainBtn01 .btn_top_pro01 a{
	height: 183px;
	border					: solid 3px #4a86ff;
	background			: url(../images/btn_pro01.png) no-repeat right 0;
	}
	
#TopMainBtn01 .btn_top_pro01 a:hover{background : #d5e3ff url(../images/btn_pro01.png) no-repeat right 0;}	

#TopMainBtn01 .btn_top_pro02 a{
	height: 60px;
	border-right: 3px solid #4a86ff;
	border-bottom: 3px solid #4a86ff;
	border-left: 3px solid #4a86ff;
	background			: #206aff url(../images/btn_pro02.png) no-repeat 50% 50%;
	}
		
#TopMainBtn01 .btn_top_pro02 a:hover{background : #004eea url(../images/btn_pro02.png) no-repeat 50% 50%;}

/*  メニューボタン 上段  */
#TopMenuBtn01{
	margin-top:15px;
	clear		: both;
	overflow: hidden;
	zoom		: 1;}
	
#TopMenuBtn01 li{
	float:left;
	width:150px;
	margin-left:10px}

#TopMenuBtn01 li:nth-child(1){margin-left:0px;}
#TopMenuBtn01 li:nth-child(3){margin-left:15px;}

#TopMenuBtn01 a{
	display:block;
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
	box-sizing:border-box;
	}
	
#TopMenuBtn01 .btn_top_meal a{
	height: 150px;
	border					: solid 3px #ff9c00;
	background			: #f0f0f0 url(../images/btn_meal.png) no-repeat 50% 50%;
	}
	
#TopMenuBtn01 .btn_top_meal a:hover{background : #ffeccf url(../images/btn_meal.png) no-repeat 50% 50%}

#TopMenuBtn01 .btn_top_pc a{
	height: 150px;
	border					: solid 3px #ff9f9f;
	background			: #f0f0f0 url(../images/btn_pc.png) no-repeat 50% 50%;
	}
	
#TopMenuBtn01 .btn_top_pc a:hover{background : #ffe5e5 url(../images/btn_pc.png) no-repeat 50% 50%}

#TopMenuBtn01 .btn_top_text a{
	height: 150px;
	border					: solid 3px #77bc0c;
	background			: #f0f0f0 url(../images/btn_text.png) no-repeat 50% 50%;
	}
	
#TopMenuBtn01 .btn_top_text a:hover{background : #e3f2cd url(../images/btn_text.png) no-repeat 50% 50%}

#TopMenuBtn01 .btn_top_welcome a{
	height: 150px;
	border					: solid 3px #ff9f9f;
	background			: #f0f0f0 url(../images/btn_welcome.png) no-repeat 50% 50%;
	}
	
#TopMenuBtn01 .btn_top_welcome a:hover{background : #ffe5e5 url(../images/btn_welcome.png) no-repeat 50% 50%}

/*  メニューボタン 下段  */
#TopMenuBtn02{
	margin-top:15px;
	clear		: both;
	overflow: hidden;
	zoom		: 1;}
	
#TopMenuBtn02 li{
	float:left;
	width:310px;
	margin-left:15px}

#TopMenuBtn02 li:nth-child(1){margin-left:0px;}

#TopMenuBtn02 a{
	display:block;
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
	box-sizing:border-box;
	}
	
#TopMenuBtn02 .btn_top_newlife a{
	height: 50px;
	background			: url(../images/btn_newlife.jpg) no-repeat 0 0;
	}
	
#TopMenuBtn02 .btn_top_mov a{
	height: 50px;
	border					: solid 3px #e091d6;
	background			: #f0f0f0 url(../images/btn_mov.png) no-repeat right 0;
	}
	
#TopMenuBtn02 .btn_top_mov a:hover{background : #f9dcf5 url(../images/btn_mov.png) no-repeat 50% 50%}		



/*  右コンテンツ  */
/* --------------------------------------- */

/*  ニュース  */

#TopNewsTitle{
	height		: 40px;
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
	color		: #fff;
	background-color:#40acfd;
}

#TopNewsTitle h2{
	float		: left;
	padding		: 10px;
	font-size	: 1.077em
}

#TopNewsTitle #TopNewsLink{
	float		: right;
	padding		: 10px;
	font-size	: 0.923em;
}

#TopNewsLink p{
	float		: left;
	margin-left	: 5px;
}

#TopNewsLink p.topNewsArw a{
	padding-left			: 10px;
	color					: #fff;
	text-decoration			: none;
	background				: url(../common/ico_arrow_s02.png) no-repeat 0px 0.3em;
	-webkit-background-size	: 7px 11px;
	-moz-background-size	: 7px 11px;
	background-size			: 7px 11px;
}

p.topNewsArw a:hover{text-decoration: underline !important;}

#TopNewsList{
	height	: 198px;
	margin		: 5px auto 0;
	overflow	: auto;
}

.rss img{
	width	: 16px;
	height	: auto;
}

/*　オープンキャンパスバナー  */
#TopBtnBanner{ margin-top:15px}

#TopBtnBanner li{ margin-bottom:7px}

#TopBtnBanner a{
	display		: block;
	height		: 52px;
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
}

#TopBtnBanner a#TopBtnCampus{
	height: 100px;
	background	: url(../images/top_banner_campus_pc.png) no-repeat 0 center;
}


/* お役立ちコンテンツ  */
#TopBtnCont{ margin-top:15px}

#TopBtnCont li{ margin-bottom:5px}

#TopBtnCont a{
	display		: block;
	height		: 50px;
	border		: solid 2px #eaeaea;
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
	box-sizing:border-box;
}

#TopBtnCont .btn_top_guide a{background	: #eaeaea url(../images/btn_top_link01.png) no-repeat 3px center;}

#TopBtnCont .btn_top_bbc a{background	: #eaeaea url(../images/btn_top_link02.png) no-repeat 3px center;}

#TopBtnCont .btn_top_mailmag a{background	: #eaeaea url(../images/btn_top_link03.png) no-repeat 3px center;}

#TopBtnCont .btn_top_qa a{background	: #eaeaea url(../images/btn_top_link04.png) no-repeat 3px center;}

#TopBtnCont a:hover{border:solid 2px #40acfd !important}


/* 関連リンク  */
#TopLink{
	margin-top:20px;
	clear		  : both;
	overflow	: hidden;}

#TopLink li{
	margin-left:10px;
	width:184px;
	float:left;}
	
#TopLink li:first-child {margin-left:0;}	

#TopLink a{
	display			: block;
	height			: 40px;
	padding			: 3px 10px 3px 20px;
	color			: #246c98;
	line-height		: 1.4;
	text-decoration	: none;
	border: solid 1px #40acfd;
	background		: #fff url(../images/ico_top_link_pc.gif) no-repeat 0 center;
}


#TopLink a:hover{background: #dbf0ff url(../images/ico_top_link_pc.gif) no-repeat 0 center;}

#TopLink a span{
	display			: table-cell;
	height			: 40px;
	vertical-align	: middle;
}