/*
福岡国際大学
学科・コース紹介用
*/

/*メニュー----------------------------------------------------------*/
#header .menu { background-image: url(../images/menu_bg2.gif); }

/*サイドメニュー----------------------------------------------------------*/
.side_menu .cours {
	width: 213px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../study/images/menu_bg.gif) repeat-y 0px 0px;
}
.side_menu .cours ul {
	padding: 0 0 10px 10px;
	margin: 0;
	list-style-type: none;
}
* html .side_menu .cours ul { padding: 0 0 6px 10px; }
.side_menu .cours li {
	padding: 0;
	margin: 0;
}
.side_menu .cours ul li a{
	background-color: #FFFFFF;
	display: block;
	width: 193px;
	height: 26px;
	border: 1px solid;
	padding: 0px;
	margin: 4px 0 0 0;
}
* html .side_menu .cours ul li a { margin: 2px 0 0 0; }
.side_menu .cours ul li a.c1 { border-color: #F27500; background: #FFF url(../study/images/arrow1.gif) no-repeat 180px center; }
.side_menu .cours ul li a.c2 { border-color: #FA3E4C; background: #FFF url(../study/images/arrow2.gif) no-repeat 180px center; }
.side_menu .cours ul li a.c3 { border-color: #7FD40F; background: #FFF url(../study/images/arrow3.gif) no-repeat 180px center; }
.side_menu .cours ul li a.c4 { border-color: #13C2B4; background: #FFF url(../study/images/arrow4.gif) no-repeat 180px center; }
.side_menu .cours ul li a.c5 { border-color: #6623EB; background: #FFF url(../study/images/arrow5.gif) no-repeat 180px center; }
.side_menu .cours ul li a:hover.c1 { width: 203px; background: #FFF url(../study/images/arrow1.gif) no-repeat 190px center; }
.side_menu .cours ul li a:hover.c2 { width: 203px; background: #FFF url(../study/images/arrow2.gif) no-repeat 190px center; }
.side_menu .cours ul li a:hover.c3 { width: 203px; background: #FFF url(../study/images/arrow3.gif) no-repeat 190px center; }
.side_menu .cours ul li a:hover.c4 { width: 203px; background: #FFF url(../study/images/arrow4.gif) no-repeat 190px center; }
.side_menu .cours ul li a:hover.c5 { width: 203px; background: #FFF url(../study/images/arrow5.gif) no-repeat 190px center; }
.side_menu .cours ul li a.c1a { border-color: #F27500; width: 210px; background: #FFF url(../study/images/arrow1.gif) no-repeat 197px center; }
.side_menu .cours ul li a.c2a { border-color: #FA3E4C; width: 210px; background: #FFF url(../study/images/arrow2.gif) no-repeat 197px center; }
.side_menu .cours ul li a.c3a { border-color: #7FD40F; width: 210px; background: #FFF url(../study/images/arrow3.gif) no-repeat 197px center; }
.side_menu .cours ul li a.c4a { border-color: #13C2B4; width: 210px; background: #FFF url(../study/images/arrow4.gif) no-repeat 197px center; }
.side_menu .cours ul li a.c5a { border-color: #6623EB; width: 210px; background: #FFF url(../study/images/arrow5.gif) no-repeat 197px center; }


/*見出し----------------------------------------------------------*/
.ct1 { color: #F27500; border-color: #F27500; }
.ct2 { color: #FA3E4C; border-color: #FA3E4C; }
.ct3 { color: #7FD40F; border-color: #7FD40F; }
.ct4 { color: #13C2B4; border-color: #13C2B4; }
.ct5 { color: #6623EB; border-color: #6623EB; }


/*テーブル----------------------------------------------------------*/
table.classes1, table.classes2, table.classes3, table.classes4, table.classes5 { margin: 0 0 25px 0; width: 612px; }
table.classes1 td, table.classes2 td, table.classes3 td, table.classes4 td, table.classes5 td {
	margin: 0;
	padding: 10px;
}
table.classes1 td { border: 1px dotted #F27500; }
table.classes2 td { border: 1px dotted #FA3E4C; }
table.classes3 td { border: 1px dotted #7FD40F; }
table.classes4 td { border: 1px dotted #13C2B4; }
table.classes5 td { border: 1px dotted #6623EB; }
table.classes1 p, table.classes2 p, table.classes3 p, table.classes4 p, table.classes5 p {
	font-size: 75%;
	padding: 5px 0 0 0;
}

table.shikaku {
	width: 100%;
	font-size: 75%;
	padding: 0;
}
table.shikaku td, table.shikaku th {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 7px;
	margin: 0 0 10px 0;
}
table.shikaku th {
	font-size: 123%;
	color: #FFF
}
table.shikaku th.ct1 { background-color: #F27500; }
table.shikaku th.ct2 { background-color: #FA3E4C; }
table.shikaku th.ct3 { background-color: #7FD40F; }
table.shikaku th.ct4 { background-color: #13C2B4; }
table.shikaku th.ct5 { background-color: #6623EB; }

table.mini {
	margin: 10px 20px 30px 10px;
	font-size: 9px;
	padding: 0;
	border: 1px solid #CCC;
}
table.mini td, table.mini th {
	padding: 3px 3px 3px 7px;
}
table.mini th {
	border-right: 1px dotted #CCC;
	padding: 3px 3px 3px 7px;
	background-color: #FFFD8F;
	font-size: 10px;
}
table.mini td.adj {
	border-right: 1px dotted #CCC;
	padding: 3px 7px 3px 3px;
}
table.mini th.toall {
	width: 1em;
	padding: 3px 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}


/*トップ----------------------------------------------------------*/
.top h1 {
	font-size: 132%;
	color: #0092E4;
	margin: 15px 0 10px 0;
	letter-spacing:normal;
}
.top .left { width:310px; }
.top .left p { line-height: 1.8; }
.top .right {
	width: 260px;
	margin:15px 25px 0 0;
	padding: 0;
	border: 1px dotted #0092E4;
}
* html .top .right {
	margin:15px 15px 30px 0;
	border: 1px solid #0092E4;
}
.top .right h2 {
	font-size: 93%;
	margin: 0;
	padding: 10px 10px 3px 10px;
	color: #0092E4;
}
.top .right h3 {
	font-size: 88%;
	margin: 0;
	padding: 0 10px 10px 10px;
	color: #0092E4;
	border-bottom: 1px dotted #0092E4;
}
.top .right ul {
	font-size: 88%;
	margin: 0;
	padding: 10px 10px 6px 10px;
	color: #0092E4;
	list-style-type: disc;
	list-style-position: inside;
}
.top .right ul li {
	margin: 0;
	padding: 0 0 4px 0;
}
.top p { font-size: 81%; }


/*教員紹介----------------------------------------------------------*/
#teacher h3 {
	font-size: 100%;
	margin: 0;
	padding: 5px 0;
}

#teacher table {
	width: 95%;
	font-size: 81%;
	margin: 0 0 20px 0;
	padding: 0;
}
#teacher table td, #teacher table th {
	border: 1px dotted #333;
	padding: 5px 8px;
}
* html #teacher table td, * html #teacher table th {
	border: 1px solid #AAA;
}
#teacher table th {
	letter-spacing: 0.3em;
	background-color: #DDD;
}

table.person {
	width: 100%;
	margin: 0 0 20px 0;
	font-size:81%;
}
table.person td, table.person th { 
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #CCC;
}
table.person td { padding: 3px; }
table.person th { padding: 3px 6px 3px 3px; white-space: nowrap; }
table.person td h3 {
	font-size: 123%;
	color: #1F6199;
	margin: 0 0 3px 0;
	padding:: 0;
}
table.person td.noborder, table.person th.noborder { border: none; width: 130px; padding: 3px 20px 3px 0px; vertical-align: top;}
h4 {
	font-size: 94%;
	border-left: 7px solid #CCC;
	color: #1F6199;
	padding: 1px 3px 0 7px;
	margin: 4px 0;
}
p.toall { padding: 2em 0 1em 0; }


/*教職課程----------------------------------------------------------*/
#education h3 {
	font-size: 91%;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: 0.1ex;
}
#education p, #kamoku p { padding: 0 20px 16px 10px; font-size:81%; }
#education .left { margin: 0 30px 0 10px; }
* html #education .left { margin: 0 30px 0 5px; }

#education ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 81%;
}
#education li {
	margin: 0;
	padding: 0 0 5px 0;
}
#education li strong {
	color: #0092E4;
	font-weight: normal;
}
#education table {
	width: auto;
	margin: 0 20px 20px 0;
	padding: 0;
	border: 1px dotted #0092E4;
	font-size: 81%;
}
* html #education table { border: 1px solid #0092E4; }
#education table td {
	border-top: 1px dotted #0092E4;
	border-bottom: 1px dotted #0092E4;
	padding: 5px 5px 0px 5px;
}
* html #education table td {
	border-top: 1px solid #0092E4;
	border-bottom: 1px solid #0092E4;
}
#education table td strong {
	color: #0092E4;
}
#education table th strong {
	color: #FFFF00;
	display: block;
	position: absolute;
	margin: 10px 0 0 170px;
	font-size: 25px;
}
#education table th {
	background-color: #0092E4;
	color: #FFF;
	width: 1em;
	padding: 15px 8px;
	line-height: 1.1em;
}
#education table td.noborder {
	border: none;
}


/*科目等履修生 ----------------------------------------------------------*/
#kamoku h3, #kamoku h4 {
	font-size: 100%;
	margin: 4px 0 2px 10px;
	padding: 0;
	letter-spacing: 0.1ex;
}
#kamoku h4 {
	color: #1F6199;
	border: none;
}
#kamoku ul {
	margin: 4px 0 10px 10px;
	padding: 0;
}
#kamoku ul li {
	font-size: 81%;
	margin: 0 0 2px 15px;
	padding: 0;
}
#kamoku ul li ul li {
	list-style-type: decimal;
	font-size: 100%;
}


/*スライダー----------------------------------------------------------*/
.slider-wrap {
	margin: 0;
	position: relative;
	width: 100%;
}
.slider-wrap p { padding: 4px 0 10px 0; margin: 0; font-size:81%; }
.slider-wrap p.short { padding: 4px 0 8px 0; margin: 0 0 8px 36px; }
.slider-wrap p.long { padding: 4px 0 8px 0; margin: 0 15px 31px 36px; }

.slider-wrap h1 {
	padding: 3px 0 18px 0;
	margin:0;
	font-size: 113%;
}
.slider-wrap h2 {
	padding: 5px 0 4px 0;
	margin: 0 0 6px 0;
	font-size: 100%;
	letter-spacing: 0.05ex;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}
.slider-wrap h3 {
	padding: 2px 0 1px 5px;
	margin: 0 10px 0 0;
	font-size: 100%;
	letter-spacing: 0.1ex;
	border-left: 7px solid;
}
.slider-wrap h4 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 78%;
	border: none;
}
.slider-wrap h5 {
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 88%;
}
.slider-wrap p.commt {
	background-color: #FBFBD4;
	padding: 10px;
}
.slider-wrap p span.min { font-size: 9px; }

img.img_r { margin: 0 0 20px 20px; float: right;}
img.point { margin: 0 9px 3px -7px; float: left; }
.slider-wrap .left, .slider-wrap .right { margin: 5px 0 0 0; }

.slider-wrap table {
	margin: 0;
	padding: 0;
	border: none;
}
.slider-wrap table ul {
	margin: 10px 0;
	padding: 0 0 0 27px;
	list-style-position: outside;
	list-style-type: disc;
	font-size: 81%;
}
.slider-wrap table ul li{
	margin: 0 3px 4px 0;
	padding: 0;
	line-height: 1.3;
}


/* loading */
.csw { width: 100%; height: 600px; background: #fff; overflow: hidden;}
.csw .loading {
	margin: 130px 0 500px 0;
	text-align: center;
	color: #4795D0;
}

.stripViewer { /* viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 100%;
	height: 28em;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 637px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper {
	padding: 5px 13px 10px 7px;
	overflow: auto; /* autoにするとwindows firefoxでバグあり。 */
}
html>/**/body .stripViewer .panelContainer .panel .wrapper { overflow: inherit; }
html:first-child .stripViewer .panelContainer .panel .wrapper { overflow: auto; }
* html .stripViewer .panelContainer .panel .wrapper { margin: 0; }

.stripNav { margin: 0 0 5px 0; padding: 0; }
.stripNav ul { list-style: none; margin: 0; padding: 0; }
* html .stripNav ul { margin: 0 0 20px 0; }
.stripNav ul li { float: left; }
.stripNav a {
	display: block;
	background-image: url(../study/images/course_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 5px 10px 5px 0;
	padding: 7px 25px 8px 7px;
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.1ex;
}

a.cross-link {
	font-size: 81%;
	padding: 0 10px;
	font-weight: bold;
}

.stripNavL, .stripNavR { display: none; visibility: hidden;	}