@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #232323;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*	font-size: 100%;*/
font-size: 14px;
	line-height: 1.7;
	background-color:#eee;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p, figure, figcaption, footer, header, hgroup {
	margin: 0;
	padding: 0;
	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



a img {
	border: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.crearfix:after {
	content: "";
	display:block;
	clear:both;
}
/* 全体 */
#container {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 80% 0%;
	background-attachment: fixed;
}
p {
	text-indent: 1em;
}

/* ヘッダー */
header {
	position:fixed;
	top: 0;
	bottom: 0;
	width:250px;
	background:#333333;
	color:#ffffff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #6355A1;
}
header nav {
	margin-top:50px;
}
header nav ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444444;
}
header nav ul li {
	padding-left: 10px;
	font-weight: bold;
}
header nav ul li a {
	padding: 6px 0 6px 10px;
	margin-left:-10px;
	color: #FFF;
	display: block;
}
header nav ul li a:hover {
	color:#FFF;
	background-color: #6355A1;
}
/*コンテンツ*/
#main {
	float: right;
	width:800px;
	background-image: url(../images/topimg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page {
	text-align: left;
	margin-top: 200px;
	padding: 50px;
}
#toppage {
	padding:0 18px;
	margin-top: 490px;

	text-align: right;
	margin-right: 80px;
}


#container #main #toppage ul li {
	text-align: right;

	font-size: 13px;
	margin-top: 4px;
	margin-left: 400px;
	
}
#container #main #toppage ul li a {
	color: #535557;
}
#container #main #toppage ul li a:hover {
	color: #535557;
}
#container #main #toppage p {

	text-align: right;
	font-size: 24px;
	margin-top: 450px;

	margin-left: 0px;
	letter-spacing:-1px;
	font-family:Agency FB;

}
#container #main #toppage p a{
	color: #737677;

}
.midashi {
	border-left-width: 6px;

	border-left-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left-color: #c580af;
	margin-bottom: 30px;
}




.midashi h2 {
	margin-left: 15px;
	margin-bottom: 15px;
}
.midashi h4 {
	margin-left: 15px;
}
#main a:hover {
	text-decoration: underline;
}
/*ご挨拶*/
#p1 p {
	margin-bottom: 35px;
	margin-top: 5px;
}
.htimg p {
	float: right;
	margin-left:30px;
}
.htimg .ht {
	font-weight: bold;
	text-align: left;
	font-size: 24px;
	padding-top: 50px;
}
.htimg .ht span {
	font-size: 14px;
}
/*概要*/
#p2 {
	background-image: url(../images/back_02.png);
	background-repeat: no-repeat;
	background-position: right top;
	height:1000px;
}
#p2 .o_right {
	float: right;
}
#p2 .o_left {
	margin-left:30px;
	width: 520px;
}
/*カリキュラム*/

#container #main #p3 a:hover {
	opacity:0.7
}
/*専攻紹介*/
.multicolumnbox {
	margin-top:450px;
	margin-bottom: 50px;
	column-count: 2;
	column-gap: 40px;
}
#s_science h3, #i_system h3, #m_media h3 {
	text-indent: -10000px;
}
/*ソフトウェアサイエンス主専攻*/
#s_science {
	background-image: url(../images/05back.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.figP .fig1 {
	float: left;
	width: 350px;
	text-align: center;
}
.figP.crearfix .fig1 figure figcaption {
	font-size: 12px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

.figP.crearfix .fig1 figure figcaption1 {
	font-size: 11px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}
/*情報システム主専攻*/
#i_system {
	margin-top: 50px;
	padding: 50px;
	background-image: url(../images/06back.png);
	background-position: right top;
	background-repeat: no-repeat;
}
/*知能情報メディア主専攻*/
#m_media {
	margin-top: 50px;
	padding: 50px;
	background-image: url(../images/07back.png);
	background-position: right top;
	background-repeat: no-repeat;
}
#container #main #p3 p {
	margin-bottom: 40px;
}

/*OJTの紹介*/
#container #main #ojt h2 {
	text-align: center;
	margin-bottom:10px;
}
.ojt_add {
	background-image: url(../images/back_16a.png);
	font-size: 14px;
	text-align: center;

}
#container #main #ojt .ojt_right dl dd {
	text-indent: 0;
}
#container #main #ojt .ojt_add a {
	color: #FFFFFF;
	display: block;
	font-weight:bold;
}

#container #main #ojt p a {
	color: #232323;

}
#container #main #ojt .ojt_add a:hover {
	opacity:1;
}
#container #main #ojt figure {
	margin-top: 30px;
	margin-bottom: 30px;
}
#container #main #ojt h3 {
	text-align: center;
	font-weight: bold;
	color: #47bfd8;
	margin-top:20px;
}
#container #main #ojt .ojtbox {
	width: 340px;
	min-height:600px;
	padding: 0 20px;
	margin: 30px 0;
	text-align: justify;
}
#container #main #ojt .crearfix .ojtbox figure figcaption {
	font-size: 12px;
	text-align: center;
}
#container #main #ojt figure figcaption {
	font-size: 12px;
	text-align: right;
}
#container #main #ojt .crearfix .ojtbox.soft {
	float: left;

}
#container #main #ojt .crearfix .ojtbox.soft .gakki {

	height:60px;
	margin:0 -10px 20px;
}
#container #main #ojt .crearfix .ojtbox.hard {
	float: right;

}
#container #main #ojt .crearfix .ojtbox.hard figure {
	margin: 10px 0;
}
#container #main #ojt .crearfix .ojtbox.soft figure {
	margin: 10px 0;
}
#container #main #ojt .crearfix .ojtbox.hard .gakki {
	height:60px;
	margin:0 -10px 20px;
}
.gakki h5 {
	float:left;
	font-size: 18px;
	color: #FFF;
	margin-right:10px;
	padding-left:10px;
	line-height: 60px;
}
.gakki p {
	text-indent: 0;
	color: #FFF;
	line-height: 1.5em;
	padding-top: 10px;
}
/*先生からのメッセージ*/
#container #main #t_message ul li h5 {
	font-size: 20px;
	font-weight: bold;
}
#container #main #t_message ul li .tsub {
	font-size: 12px;
	font-weight: bold;
	text-indent: 0;
}
#container #main #t_message ul li .ttytle {
	font-size: 16px;
	font-weight: bold;
	color: #3fbed8;
	text-indent: 0;
	margin-top: 10px;
	line-height: 1.5em;
}
#container #main #t_message ul li h5 span {
	font-size: 12px;
}
#container #main #t_message ul li img {
	display: block;
	float: left;
}
#container #main #t_message ul li p {
	padding-left: 140px;
}
#container #main #t_message ul li h5 {
	padding-left: 140px;
}
#container #main #t_message ul li {
	margin-bottom:30px;
}
/*先輩からのメッセージ
*/
#container #main #s_message .students {
	margin-bottom: 50px;
}
#container #main #s_message .students .stf {
	width: 100px;
	float: left;
	margin-right: 40px;
	margin-bottom: 129px;
}

#container #main #s_message .students .stf .stc {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	text-indent: 0;
}

#container #main #s_message .students .stf .stc2 {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	text-indent: 0;
		margin-bottom: -100px;
}

#container #main #s_message .students .stf .stc3 {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	text-indent: 0;
		margin-bottom: 200px;
}

#container #main #s_message .students .stf .stname {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
}
/*卒業後の進路
*/
#container #main #course table {
	margin-top:25px;
}
#container #main #course table tr {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
}

#container #main #course111 table tr {

	border-top-style: none;
	border-bottom-style: none;
	text-align: left;

}
#container #main #course table th {
	background-color: #ddf0f5;
	width: 200px;
	padding: 5px;

}

#container #main #course table td {
	padding: 5px;

}

#container #main #course table caption {
	font-weight: bold;
	color: #0075c1;
	text-align: left;
	margin-top:5px;	
}
#container #main #course111 table caption {
	font-weight: bold;
	color: #0075c1;
	text-align: left;
	margin-top:25px;	
}
#container #main #course #takeoffice table {
	margin-top:25px;
	margin-bottom:0px;
	background-image: url(../images/11fig_07.png);
	background-repeat: no-repeat;
	background-position: left center;

}
}
#container #main #course #takeoffice table tr {
	border-top-width: 0px;
	border-bottom-width: 0px;

}

#container #main #course #takeoffice table td {
	padding-bottom:250px;


}


/*入学案内*/
#container #main #ad .capa {
	background-color: #3fbed8;
	font-weight: bold;
	color: #FFF;
	text-indent: 0;
	margin-bottom:10px;
	padding-left: 5px;
	margin-top: 10px;
}
.adhdg {
	color: #3fbed8;
	text-indent: 0;
	margin-top:10px;
	font-weight:bold;
}
.adhdg11 {
	color: #007bc5;
	text-indent: 0;
	margin-top:10px;
	font-weight:bold;
}
#container #main #ad ul li {
	list-style-image: url(../images/square.gif);
	margin-left:2.5em;
}
#container #main #ad .inq li {
	list-style-image: none;
	list-style-type: disc;
}
#container #main #ad .inq li a {
	color: #232323;
}
/*編入学案内
*/
#container #main #ad_g .hQA dd {
	text-indent:-2em;
	margin-left:2em;
}

#container #main #ad_g .inq li a {
	color: #232323;
}
/*キャンパスライフ*/
#container #main #cl .clsentence {
	background-image: url(../images/13calender_03.png), url(../images/13img_03.png);
	background-repeat: no-repeat;
	background-position: right top, 0% 5%;
	padding-top: 250px;
	padding-right: 280px;
}
#container #main #cl .clsentence img {
	margin-top: 50px;
	margin-bottom: 50px;
}
/*情報科学類Q&A
*/
#container #main #qa dl dt {
	font-size: 16px;
	font-weight: bold;
	color: #3fbed8;
	background-image: url(../images/qmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3fbed8;
	line-height: 1.5;
}
#container #main #qa dl dd {
	background-image: url(../images/amark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 50px;
	padding-bottom: 30px;
	margin-left:0px;
}
#container #main #qa dl dd a {
	color: #232323;
}
/*周辺地図*/
#container #main #imap h5 {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/back_16.png);
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	margin-bottom:30px;
}
#container #main #imap h5 span {
	font-size: 12px;
	font-weight: normal;
}
#container #main #imap .mapdi ul {
	width: 310px;
	float: left;
	margin-right:30px;
	font-size: 13px;
}
#container #main #imap .mapdi {
	margin-top: 30px;
}
#container #main #imap .mapdi ul li {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
/*フッター
*/
#container footer {
	margin-left: 280px;
}
#container footer .crearfix img {
	display: block;
	float: left;
}
#container footer .crearfix p {
	font-size: 13px;
	line-height: 1.5em;
	float: left;
	margin-left: 30px;
	text-indent: 0;
}
#container footer .crearfix p a {
	color: #232323;
}
#container footer h4 {
	background-image: url(../images/back_17.png);
	text-align: center;
	margin-top:10px;
	margin-left:-50px;
	padding: 20px;
}
/*ページトップボタンへ
*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	background-color:rgba(51,51,51,0.6);
	text-align: center;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	width:60px;
	height:60px;
	font-weight: bold;
	text-indent: 0;
	border-radius: 30px;
	line-height: 60px;
}
.pagetop a:hover {
	display: block;
	background-color:rgba(99,85,161,0.6);
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-indent: 0;
}
#container footer h4 a:hover {
	opacity:0.7;
}