@charset "shift_jis";

/*----------------------------
  CSS Date Document 2007.07
----------------------------*/

@import url(common.css);
@import url(sub.css);

/*####################　共通設定　####################*/

#Header {background-image:url(../learning/img/wall-header.jpg);}


#Header li.menu02 {background-image:url(../img/common/navi-g_02.gif);}
#Header li.menu02 a{background-position:bottom;}



/*薬学部の学びナビ*/
#LearnMenu { width:152px; font-size:12px;}
#LearnMenu h2 {
	position:relative;
	top:0;
	left:0;
	margin-bottom:10px;
	margin-left:8px;
	font-size:12px;
	font-weight:normal;
	color:#757575;
	}
#LearnMenu h2 a{
	color:#757575;
	}	
#LearnMenu ul{margin-left:8px; width:auto;}

#LearnMenu ul span {	font-size: 10px;}
#LearnMenu ul ul {margin-top:10px; margin-left:0; margin-bottom:20px;}

#LearnMenu ul li {margin-bottom:10px; width:auto; font-weight: bold;}
#LearnMenu ul li ul li{padding-left:11px; background:0 2px no-repeat; font-weight: normal;}
#LearnMenu ul li ul>li{background:0 3px no-repeat;}
#LearnMenu ul li ul > li > ul > li:before{
	content: "・";
	color:#8a35af;
}

#LearnMenu ul li ul > li > ul > li > ul > li:before{
	content: "-";
	color:#8a35af;
}

#LearnMenu ul li a{font-weight:bold; color:#000;}
#LearnMenu ul li li a{font-weight:normal; color:#8a35af;}
#LearnMenu ul a{
	display:inline;
	text-indent:0;
	width:auto;
	height:auto;
	}
	

/*画像背景打ち消し*/
#LearnMenu li.menu01 a,
#LearnMenu li.menu02 a,
#LearnMenu li.menu01 a:hover,
#LearnMenu li.menu02 a:hover
{background:none;}

/*ページ固定*/
#PagePharmacy #LearnMenu li.menu01 li.menu01,
#PagePharmacyL #LearnMenu li.menu01 li.menu02,
#PageLifetime #LearnMenu li.menu02 li.menu01,
#PageLifetimeL #LearnMenu li.menu02 li.menu02,
#PageModel.pageIndex #LearnMenu li.menu02 li.menu03
{background-image:url(../img/common/ico-dotted_orange.gif);}

#PagePharmacy #LearnMenu li.menu01 li.menu01 a,
#PagePharmacyL #LearnMenu li.menu01 li.menu02 a,
#PageLifetime #LearnMenu li.menu02 li.menu01 a,
#PageLifetimeL #LearnMenu li.menu02 li.menu02 a,
#PageModel.pageIndex #LearnMenu li.menu02 li.menu03 > a,
#PageModel.pagePeculiar #LearnMenu li.menu02 li.menu03 li.menu03_01 > a,
#PageModel.pagePeculiar #LearnMenu li.menu02 li.menu03 li.menu03_01:before,
#PageModel.pageIntroduction.index #LearnMenu li.menu02 li.menu03 li.menu03_02 > a,
#PageModel.pageIntroduction.index #LearnMenu li.menu02 li.menu03 li.menu03_02:before,
#PageModel.pageIntroduction.curriculum #LearnMenu li.menu02 li.menu03 li.menu03_02 li.menu03_02_01 > a,
#PageModel.pageIntroduction.curriculum #LearnMenu li.menu02 li.menu03 li.menu03_02 li.menu03_02_01:before,
#PageModel.pageIntroduction.case #LearnMenu li.menu02 li.menu03 li.menu03_02 li.menu03_02_02 > a,
#PageModel.pageIntroduction.case #LearnMenu li.menu02 li.menu03 li.menu03_02 li.menu03_02_02:before,
#PageModel.pageIntroduction.laboratory #LearnMenu li.menu02 li.menu03 li.menu03_02 li.menu03_02_03 > a,
#PageModel.pageIntroduction.laboratory #LearnMenu li.menu02 li.menu03 li.menu03_02 li.menu03_02_03:before,
#PageModel.pageResults.index #LearnMenu li.menu02 li.menu03 li.menu03_03 > a,
#PageModel.pageResults.index #LearnMenu li.menu02 li.menu03 li.menu03_03:before,
#PageModel.pageResults.study #LearnMenu li.menu02 li.menu03 li.menu03_03 li.menu03_03_01 > a,
#PageModel.pageResults.study #LearnMenu li.menu02 li.menu03 li.menu03_03 li.menu03_03_01:before,
#PageModel.pageQualifications.index #LearnMenu li.menu02 li.menu03 li.menu03_04 > a,
#PageModel.pageQualifications.index #LearnMenu li.menu02 li.menu03 li.menu03_04:before,
#PageModel.pageQualifications.employment #LearnMenu li.menu02 li.menu03 li.menu03_04 li.menu03_04_01 > a,
#PageModel.pageQualifications.employment #LearnMenu li.menu02 li.menu03 li.menu03_04 li.menu03_04_01:before
{color:#ea7c06;}


/*####################　薬学部の学び　####################*/



/*薬学部の学び*/

#PageLearning #CurriculumBox{margin-bottom:70px;}

#PageLearning #ContainerRight h2{margin-bottom:30px;}

/* for IE6 */
#PageLearning #CurriculumBox .contentsBox{
	display:inline;
	float:left;
	clear:none;
	width:270px;
	margin:0 15px 0 0;
	}
/* for IE7+modern */	
#PageLearning #CurriculumBox>.contentsBox{
	margin:0 20px 0 0;
	}	
#PageLearning #CurriculumBox .contentsBox .head{
	width:275px;
	height:150px;
	overflow:auto;
	}

#PageLearning #CurriculumBox .contentsBox h3{
	border-bottom:1px solid #cbcbcb;
	margin-bottom:20px;
	padding-bottom:4px;
	text-align:right;
	font-weight:normal;
	font-size:10px;
	}
#PageLearning #CurriculumBox .contentsBox h3 img{float:left;}
#PageLearning #CurriculumBox .contentsBox h3 a{
	background:url(../img/common/ico-arrow_white.gif) right top no-repeat;
	padding:1px 19px 5px 0;
	margin-right:1px;
	}

#PageLearning .contentsBox .head p{margin-bottom:0;}
#PageLearning .contentsBox .head p strong{color:#eb8517;}


#PageLearning .contentsBox table.menu01{
	background:url(../learning/img/wall-menu01.gif);
	width:275px;
	height:395px;
	}
#PageLearning .contentsBox table.menu02{
	background:url(../learning/img/wall-menu02.gif);
	width:275px;
	height:395px;
	}
#PageLearning .contentsBox table p{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#PageLearning .contentsBox {margin-bottom:40px;}
#PageLearning .contentsBox p{margin-bottom:14px; line-height: 1.5;}
#PageLearning .contentsBox li{
	background:url(../img/common/ico-squre_brown.gif) 0 3px no-repeat;
	padding-left:13px;
	margin-bottom:13px;
	}
	
#PageLearning #Cbox01 h3,
#PageLearning #Cbox02 h3{
	border-bottom:1px solid #cbcbcb;
	margin-bottom:20px;
	padding-bottom:4px;	
	}

/*薬学科とは*/

#PagePharmacy .contentsBox h4,
#PagePharmacy .contentsBox ul li{
	margin-bottom: 5px;
	font-size: 10px;
	}

/*薬学科の学び*/

#PageLearning #Header {background-image:url(../learning/img/wall-header.jpg);}



/*学科長のごあいさつ*/
.contentsBox#Greeting{}
.contentsBox#Greeting p{clear:both;}

.contentsBox#Greeting p span{
	float:right;
	padding:0 0 10px 10px;
	}

/*####################　健康生命薬科学科の履修モデルコース　####################*/

/*　共通
-------------------------------------*/
#PageModel #ContainerRight .contentsBox{
	margin-bottom: 25px;
}

#PageModel #ContainerRight .contentsBox:last-of-type{
	margin-bottom: 0;
}

#PageModel #ContainerRight p.copy{
	margin-bottom: px;
	margin-left: 0;
	font-size: 12px;
	color: #f78000;
}

#PageModel #ContainerRight h3{
	margin-bottom: 22px;
	padding: 10px 10px 10px;
	background-color: #f78000;
	line-height: 18px;
	font-size: 16px;
	color: #fff;
}

#PageModel #ContainerRight .headBorder{
	margin-bottom: 18px; 
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 5px;
	line-height: 28px;
	font-size: 16px;
}

#PageModel #ContainerRight p{
	margin-bottom: 15px;
	line-height: 24px;
	font-size: 14px;
}

#PageModel #ContainerRight p.txtRight{
	text-align: right;
}

#PageModel #ContainerRight ul.listOrange li{
	margin-bottom: 2px;
	padding-left: 15px;
	background: url(../img/common/ico-dotted_orange.gif) no-repeat 2px 8px;
	line-height: 24px;
	font-size: 14px;
}

#PageModel #ContainerRight ul.listOrange li:last-of-type{
	margin-bottom: 0;
}

#PageModel #ContainerRight ul.linkList li{
	padding-left: 20px;
	background: url(../img/common/ico-arrow_white.gif) no-repeat left 5px;
	line-height: 24px;
	font-size: 14px;
}

#PageModel #ContainerRight ul.linkList li:last-of-type{
	margin-bottom: 0;
}

#PageModel #ContainerRight ul.linkList li a:hover{
	text-decoration: underline;
}

#PageModel #ContainerRight .txtBold{
	font-weight: bold;
}

#PageModel #ContainerRight .txtOrange{
	color: #f78000;
}

#PageModel #ContainerRight .txtMargin0{
	margin-bottom: 0;
}

#PageModel #ContainerRight .figureBox{
	margin-top: 20px;
	font-size: 12px;
	color: #757575;
}

#PageModel #ContainerRight .figureBox img{
	padding-bottom: 5px;
}

#PageModel #ContainerRight .contentsBox table.tableGray{
	width: 100%;
	border-collapse: collapse;
}

#PageModel #ContainerRight .contentsBox table.tableGray th,
#PageModel #ContainerRight .contentsBox table.tableGray td{
	font-size: 12px;
}

#PageModel #ContainerRight .contentsBox table.tableGray th{
	border-right: 1px solid #dedede;
	padding: 5px 30px;
	background-color: #bbb;
	text-align: center;
	color: #fff;
}

#PageModel #ContainerRight .contentsBox table.tableGray tr th:nth-of-type(2){
	border-right: none;
}

#PageModel #ContainerRight .contentsBox table.tableGray td{
	padding: 10px 30px;
	text-align: left;
	color: #666;
}

#PageModel #ContainerRight .contentsBox table.tableGray tr td:nth-of-type(2){
	text-align: center;
}

#PageModel #ContainerRight .contentsBox table.tableGray tr:nth-of-type(odd) td{
	background-color: #f5f5f5;
}

/*　健康生命薬科学科の履修モデルコース
-------------------------------------*/
#PageModel.pageIndex #ContainerRight .txtBold{
	line-height: 28px;
	font-size: 18px;
}

#PageModel.pageIndex #ContainerRight ul.listOrange li{
	font-weight: bold;
}

#PageModel.pageIndex #ContainerRight ul.listCourse{
	padding-top: 32px;
}

#PageModel.pageIndex #ContainerRight ul.listCourse:after{
	content:"";
	display:block;
	clear:both;
}

#PageModel.pageIndex #ContainerRight ul.listCourse > li{
	float: left;
	margin-right: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
	width: 182px;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list01{
	background-color: #ffceea;
	color: #e14680;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list02{
	background-color: #daffab;
	color: #52a400;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list03{
	margin-right: 0;
	background-color: #fefa9a;
	color: #e79800;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list04{
	margin-top: 10px;
	width: 100%;
	background-color: #d2f5ff;
	line-height: 43px;
	text-align: center;
	color: #38b4d8;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li dl dt{
	position: relative;
	z-index: 11;
	margin: -32px -10px 0;
	width: 182px;
	height: 40px;
	text-indent: -9999px;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list01 dl dt{
	background: url(../learning/model/img/text_01.png) no-repeat center center;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list02 dl dt{
	background: url(../learning/model/img/text_02.png) no-repeat center center;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list03 dl dt{
	background: url(../learning/model/img/text_03.png) no-repeat center center;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li dl dd,
#PageModel.pageIndex #ContainerRight ul.listCourse li span{
	display: block;
	background-color: #fff;
	font-weight: bold;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li dl dd{
	position: relative;
	z-index: 10;
	margin-top: -20px;
	box-sizing: border-box;
	padding-top: 29px;
	height: 114px;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li.list03 dl dd{
	padding-top: 18px;
}


#PageModel.pageIndex #ContainerRight ul.listCourse li dl dd ul li{
	margin-bottom: 4px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li dl dd ul li:last-of-type{
	margin-bottom: 0;
}

#PageModel.pageIndex #ContainerRight ul.listCourse li span{
	font-size: 16px;
}

/*　健康生命薬科学科の4年間
-------------------------------------*/
#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul{
	margin-top: 30px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul:after{
	content:"";
	display:block;
	clear:both;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul li{
	float: left;
	margin-right: 20px;
	border-top: 4px solid #ebebeb;
	width: 273px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul li:last-of-type{
	margin-right: 0;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul li dl dt{
	position: relative;
	margin-bottom: 12px;
	padding: 15px 0 0 55px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul li dl dt b{
	position: absolute;
	top: 14px;
	left: 0;
	display: block;
	box-sizing: border-box;
	border-radius: 50%;
	padding-top: 10px;
	width: 46px;
	height: 46px;
	background-color: #f78000;
	line-height: 14px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul li.list02 dl dt b{
	padding-top: 16px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox01 ul li dl dt span{
	color: #e81212;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02{
	border: 1px solid #d9d9d9;
	padding: 15px 14px 22px;
	background: url(../learning/model/img/wall_01.gif) repeat center center;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 h4{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 h4 span{
	display: inline-block;
	margin-bottom: 13px;
	padding: 28px 0 17px 66px;
	background: url(../learning/model/img/illustration_01.png) no-repeat left top;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01{
	position: relative;
	margin-bottom: 10px;
	height: 459px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li{
	position: absolute;
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #fbd2a6;
	padding-top: 98px;
	width: 263px;
	height: 188px;
	text-align: center;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list01{
	top: 0;
	left: 15px;
	background: url(../learning/model/img/photo_03.png) no-repeat center 13px #fffbf1;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list02{
	top: 20px;
	right: 15px;
	background: url(../learning/model/img/photo_04.png) no-repeat center 13px #fffbf1;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list03{
	bottom: 50px;
	left: 15px;
	background: url(../learning/model/img/photo_05.png) no-repeat center 13px #fffbf1;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list04{
	bottom: 21px;
	right: 15px;
	background: url(../learning/model/img/photo_06.png) no-repeat center 13px #fffbf1;
}

#PageModel.pagePeculiar .contentsBox02 ul.ul01 li dl{
	position: relative;
	height: 100%;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li dl:after{
	content: "";
	position: absolute;
	bottom: -21px;
	display: block;
	width: 19px;
	height: 21px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list01 dl:after,
#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list03 dl:after{
	background: url(../learning/model/img/shape_01.png) no-repeat center center;
}

#PageModel.pagePeculiar .contentsBox02 ul.ul01 li.list02 dl:after,
#PageModel.pagePeculiar .contentsBox02 ul.ul01 li.list04 dl:after{
	background: url(../learning/model/img/shape_02.png) no-repeat center center;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list01 dl:after{
	left: 69px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list03 dl:after{
	left: 179px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list02 dl:after{
	left: 76px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li.list04 dl:after{
	left: 36px;
}

#PageModel.pagePeculiar .contentsBox02 ul.ul01 li dl dt{
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #f78000;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li dl dt::before{
	content: "Q. ";
	font-size: 20px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.ul01 li dl dd{
	line-height: 22px;
	font-size: 14px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 h5{
	margin-bottom: 8px;
	font-size: 14px;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.listOrange{
	padding: 20px 15px;
	background-color: #f2f2f2;
}

#PageModel.pagePeculiar #ContainerRight .contentsBox02 ul.listOrange li{
	line-height: 20px;
	font-size: 12px;
	background-position: left 6px;
}

/*　各コースの紹介
-------------------------------------*/
#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox{
	margin-top: 46px;
	margin-bottom: 42px;
	border-radius: 10px;
	padding: 24px 10px;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox:last-of-type{
	margin-bottom: 0;
}


#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox01{
	background-color: #ffceea;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox02{
	background-color: #daffab;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox03{
	background-color: #fefa9a;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox04{
	background-color: #d2f5ff;
}

#PageModel.pageIntroduction.index #ContainerRight  .contentsBox01 .contSubBox h4{
	margin: -46px auto 5px;
	width: 182px;
	height: 40px;
	text-indent: -9999px;
}

#PageModel.pageIntroduction.index #ContainerRight  .contentsBox01 .contSubBox01 h4{
	background: url(../learning/model/img/text_01.png) no-repeat center center;
}

#PageModel.pageIntroduction.index #ContainerRight  .contentsBox01 .contSubBox02 h4{
	background: url(../learning/model/img/text_02.png) no-repeat center center;
}

#PageModel.pageIntroduction.index #ContainerRight  .contentsBox01 .contSubBox03 h4{
	background: url(../learning/model/img/text_03.png) no-repeat center center;
}

#PageModel.pageIntroduction.index #ContainerRight  .contentsBox01 .contSubBox04 h4{
	width: 225px;
	background: url(../learning/model/img/text_04.png) no-repeat center center;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul:after{
	content:"";
	display:block;
	clear:both;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul li{
	float: left;
	margin-right: 3px;
	box-sizing: border-box;
	padding: 15px;
	width: 180px;
	height: 135px;
	background-color: #fff;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox03 ul li{
	height: 175px;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox04 ul li{
	float: none;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 42px;
	text-align: center;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul li:last-of-type{
	margin-right: 0;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul li dl dt{
	margin-bottom: 8px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox01 ul li dl dt{
	color: #e14680;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox02 ul li dl dt{
	color: #52a400;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox03 ul li dl dt{
	color: #e79800;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox04 ul li dl dt{
	color: #38b4d8;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul li > span,
#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul li dl dd p{
	margin-bottom: 0;
	line-height: 20px;
	font-size: 12px;
	color: #666;
}

#PageModel.pageIntroduction.index #ContainerRight .contentsBox01 .contSubBox ul li > span{
	display: inline-block;
	line-height: 42px;
}

/*　カリキュラム
-------------------------------------*/
#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox{
	position: relative;
	padding-left: 30px;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox01{
	background: url(../learning/model/img/wall_02.gif) repeat-y left top;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox02{
	background: url(../learning/model/img/wall_03.gif) repeat-y left top;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox03{
	background: url(../learning/model/img/wall_04.gif) repeat-y left top;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox04{
	background: url(../learning/model/img/wall_05.gif) repeat-y left top;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox h4{
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	white-space: nowrap;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	line-height: 1;
	font-size: 14px;
	color: #fff;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox h5{
	cursor: pointer;
	padding: 17px 40px 17px 12px;
	border-top: 1px solid #ddd;
	background: url(../learning/model/img/circle_01_d.png) no-repeat right center;
	font-size: 16px;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox01 h5{
	 color: #e14680;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox02 h5{
	 color: #53a500;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox03 h5{
	 color: #e79800;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox04 h5{
	 color: #53bcda;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox h5.active{
	background: url(../learning/model/img/circle_01_u.png) no-repeat right center;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox04 h5:last-of-type{
	border-bottom: 1px solid #ddd;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox .showBox{
	display: none;
}

#PageModel.pageIntroduction.curriculum #ContainerRight .contentsBox01 .contSubBox .showBox table.tableGray tr th:nth-of-type(2){
	border-right: none;
	width: 60px;
}

/*　モデルコース例
-------------------------------------*/
#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 h3{
	background-color: #7bb93f;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 h3 + .txtBold{
	line-height: 28px;
	font-size: 18px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul{
	position: relative;
	height: 641px;
	background: url(../learning/model/img/photo_07.png) no-repeat 17px top;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li{
	position: absolute;
	box-sizing: border-box;
	border-radius: 10px;
	border: 2px solid #d4f8a5;
	padding: 10px 13px;
	width: 170px;
	background-color: #f8ffef;
	text-align: center;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list01{
	top: 163px;
	left: 0;
	height: 215px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list02{
	top: 163px;
	left: 50%;
	margin-left: -85px;
	height: 215px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list03{
	top: 163px;
	right: 0;
	height: 215px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list04{
	top: 0;
	left: 50%;
	margin-left: -85px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list05{
	bottom: 0;
	left: 0;
	height: 235px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list06{
	bottom: 0;
	left: 50%;
	margin-left: -85px;
	height: 235px;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li dl{
	position: relative;
	height: 100%;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li dl:after,
#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list06 dl:before{
	content: "";
	position: absolute;
	display: block;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list01 dl:after{
	bottom: -34px;
	left: 50%;
	margin-left: -14px;
	width: 28px;
	height: 14px;
	background: url(../learning/model/img/shape_05.png) no-repeat center center;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list02 dl:after,
#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list03 dl:after,
#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list06 dl:after{
	top: 50%;
	left: -37px;
	margin-top: -14px;
	width: 14px;
	height: 28px;
	background: url(../learning/model/img/shape_04.png) no-repeat center center;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list04 dl:after{
	bottom: -34px;
	left: 50%;
	margin-left: -14px;
	width: 28px;
	height: 14px;
	background: url(../learning/model/img/shape_03.png) no-repeat center center;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li.list06 dl:after{
	top: -18px;
	left: 50%;
	margin-left: -14px;
	width: 28px;
	height: 14px;
	background: url(../learning/model/img/shape_05.png) no-repeat center center;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li dl dt{
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #52a400;
}

#PageModel.pageIntroduction.case #ContainerRight .contentsBox01 ul li dl dd p{
	margin-bottom: 0;
	line-height: 20px;
	text-align: justify;
	font-size: 12px;
	color: #666;
}

/*　研究サポートラボ
-------------------------------------*/
#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox{
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 10px;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox:first-of-type{
	margin-top: 40px;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox:last-of-type{
	margin-bottom: 0;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox01{
	background-color: #ffceea;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox02{
	background-color: #daffab;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox03{
	background-color: #fefa9a;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox04{
	width: 180px;
	background-color: #d2f5ff;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox h4{
	line-height: 20px;
	text-align: center;
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox01 h4{
	background-color: #e14680;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox02 h4{
	background-color: #52a400;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox03 h4{
	background-color: #e79800;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox04 h4{
	background-color: #38b4d8;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox ul:after{
	content:"";
	display:block;
	clear:both;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox > ul > li{
	float: left;
	margin-right: 3px;
	box-sizing: border-box;
	padding: 15px;
	width: 180px;
	height: 171px;
	background-color: #fff;
	color: #666;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox03 > ul > li{
	height: 175px;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox > ul > li:last-of-type{
	margin-right: 0;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox ul li dl dt{
	margin-bottom: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox01 ul li dl dt{
	color: #e14680;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox02 ul li dl dt{
	color: #52a400;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox03 ul li dl dt{
	color: #e79800;
}

#PageModel.pageIntroduction.laboratory #ContainerRight  .contentsBox01 .contSubBox04 ul li dl dt{
	color: #38b4d8;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox ul li dl dd ul{
	margin-bottom: 5px;
}

#PageModel.pageIntroduction.laboratory #ContainerRight .contentsBox01 .contSubBox ul li dl dd ul li{
	background-position: left 5px;
	font-size: 12px;
}

/*　研究成果は世界へ
-------------------------------------*/
#PageModel.pageResults.index #ContainerRight h4{
	margin: 30px 0 10px;
	font-size: 16px;
	color: #f78000;
}

#PageModel.pageResults.index #ContainerRight ul.listOrange{
	margin-bottom: 20px;
}

/*　卒業研究論文
-------------------------------------*/
#PageModel.pageResults.study #ContainerRight .contentsBox01 ul{
	margin-top: 30px;
	background: url(../learning/model/img/dot_01.gif) repeat-x left top;
}

#PageModel.pageResults.study #ContainerRight .contentsBox01 ul li{
	padding: 13px 0 13px 20px;
	background: url(../learning/model/img/dot_01.gif) repeat-x left bottom,
	url(../img/common/ico-arrow_white.gif) no-repeat left center;
}

/*　資格と就職
-------------------------------------*/
#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table th{
	padding: 8px 0;
	text-align: center;
	font-size: 12px;
	color: #666;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr:first-of-type th:first-of-type{
	width: 30px;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr:first-of-type th:nth-of-type(2){
	width: 180px;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr:first-of-type th:nth-of-type(3){
	width: 184px;
	background: url(../learning/model/img/border_01.gif) no-repeat left center;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr:first-of-type th:nth-of-type(4){
	width: 183px;
	background: url(../learning/model/img/border_01.gif) no-repeat left center;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr01 th,
#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr02 th,
#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr03 th,
#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr04 th{
	width: 25px;
	padding: 0 2px;
	font-size: 14px;
	color: #fff;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr01 th{
	background-color: #e14680;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr02 th{
	background-color: #7bb93f;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr03 th{
	background-color: #eda314;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr04 th{
	background-color: #53bcda;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr td{
	border-bottom: 1px solid #ddd;
	padding: 10px 13px;
	line-height: 20px;
	vertical-align: top;
	font-size: 12px;
	color: #666;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr:nth-of-type(2) td{
	border-top: 1px solid #ddd;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr td:first-of-type{
	font-size: 14px;
	font-weight: bold;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr01 td:first-of-type{
	color: #e14680;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr02 td:first-of-type{
	color: #7bb93f;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr03 td:first-of-type{
	color: #eda314;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table tr.tr04 td:first-of-type{
	color: #53bcda;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox01 table + p{
	margin-bottom: 0;
	line-height: 20px;
	font-size: 12px;
	color: #666;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox02{
	margin-bottom: 40px;
	border: 1px solid #f9dfc0;
	padding: 20px 19px;
	background-color: #fffaf4;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox02 h4{
	margin-bottom: 15px;
	font-size: 16px;
	color: #f78000;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox02 p:last-of-type{
	margin-bottom: 0;
}

#PageModel.pageQualifications.index #ContainerRight .contentsBox03 h4{
	margin-bottom: 10px;
	font-size: 14px;
}

/*　就職状況
-------------------------------------*/
#PageModel.pageQualifications.employment #ContainerRight h3 + p{
	margin-bottom: 40px;
}

#PageModel.pageQualifications.employment #ContainerRight h3 + p .txtBold{
	display: inline-block;
	padding-bottom: 3px;
	font-size: 18px;
}

#PageModel.pageQualifications.employment #ContainerRight h4{
	margin: 40px 0 10px;
	font-size: 16px;
	color: #f78000;
}

#PageModel.pageQualifications.employment #ContainerRight h4.midashi01{
	color: #6fcb03;
}

#PageModel.pageQualifications.employment #ContainerRight h4.midashi02{
	color: #0597c2;
}

#PageModel.pageQualifications.employment #ContainerRight table{
	margin-bottom: 8px;
}

#PageModel.pageQualifications.employment .contentsBox table.tableGray tr:first-of-type th:nth-of-type(2){
	width: 150px;
}

#PageModel.pageQualifications.employment #ContainerRight p.txtRight{
	font-size: 12px;
}


/*end*/