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


/* educationカテゴリ内での共通項目 #main
-----------------------------------------*/
#mainContents #wrap {
	float: left;
	width: 657px;
	padding: 5px 14px 20px 14px;
}
#mainContents #wrap p {
	line-height: 1.4em;
}
#mainContents p.subtitle {
	color:#BD333E;
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	line-height: 1.4em;
}
#mainContents p.subtitle02 {
	color:#BD333E;
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 14px;
	font-weight: bold;
	line-height: 1.2em;
}
#mainContents p.top {
	padding: 0px 14px 0px 14px;
	margin:10px 0px 0px 0px;
}

#mainContents div.line hr {
	display: none;
}
#mainContents div.line {
	clear: both;
	border-bottom: solid 1px #ccc;
}
#mainContents .px10 {
	font-size:10px;
	line-height: 1.2em;
}
#mainContents .px14 {
	font-size:14px;
	font-weight: bold;
	line-height: 1.2em;
}
#mainContents .px16 {
	font-size:16px;
	font-weight: bold;
	line-height: 1.4em;
}
#mainContents .red {
	color:#BD333E;
}
#mainContents .right {
	float: right;
}
#mainContents .left {
	float: left;
}
#mainContents .clear {
	clear: both;
}

/* 教育システムTOP　bodyID #education
-----------------------------------------*/
body#education #wrap {
	width: 665px;
	padding: 20px 10px;
}
#education #mainContents #indexBox {
	width: 685px;
	padding: 18px 0px;
}
#education #mainContents #indexBox dl {
	padding: 29px 0px 0px 75px;
	height: 141px;
	width: 610px;
	clear: both;
}
#education #mainContents #indexBox dl dt {
	float: left;
}
#education #mainContents #indexBox dl dd p {
	width: 390px;
	float: left;
	padding: 8px 30px 10px 0px;
	line-height: 1.4em;
}
#education #mainContents #indexBox dl dd.right {
	float: right;
}
#education #mainContents #indexBox .menu {
	padding: 8px 20px 10px 0px;
	width: 400px;
}
#education #mainContents #indexBox .menu ul {
	float: right;
}
#education #mainContents #indexBox .menu li {
	background: url(img/arrow.gif) no-repeat 0px 2px;
	padding	: 0px 0px 1px 10px;
	margin: 0px 10px 0px 10px;
	float: left;
}

#education #mainContents #indexBox dl.list01 {
	background: url(img/index_line01.jpg) no-repeat left top;
}
#education #mainContents #indexBox dl.list02 {
	background: url(img/index_line02.jpg) no-repeat left top;
}
#education #mainContents #indexBox dl.list03 {
	background: url(img/index_line03.jpg) no-repeat left top;
}
#education #mainContents #indexBox dl.list04 {
	background: url(img/index_line04.jpg) no-repeat left top;
}
#education #mainContents #indexBox dl.list05 {
	background: url(img/index_line05.jpg) no-repeat left top;
}
#education #mainContents #indexBox dl.list06 {
	background: url(img/index_line06.jpg) no-repeat left top;
}


/* 五ツ星教育プログラム　bodyID #program
-----------------------------------------*/
#program #mainContents #progBox {
	width: 680px;
	padding: 0px -10px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	clear: both;
}
#program #mainContents #progBox dl {
	width: 313px;
	float: left;
	margin: 10px 10px 0px 0px;
	display: inline;
	border: 1px solid #EFC2C6;
	padding: 0px 6px 10px 9px;
}
#program #mainContents #progBox dl dt {
	margin: 10px 7px 0px 0px;
	float: left;
	height: 150px;
}
#program #mainContents #progBox dd {
	margin: 5px 0px 0px 0px;
	line-height: 1.2em;
	float: left;
}
#program #mainContents #progBox dd p {
	width: 180px;
	float: left;
}
#program #mainContents p.center {
	text-align: center;
	margin: 15px 0px 5px 0px;
}

/* 教育サポーター　bodyID #supporter
-----------------------------------------*/
.list .rBox div p.logo img {
	float: left;
	margin: 0px 8px 0px 0px;
}
.rBox p.px12 {
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0px 3px 0px;
}
.obBox {
	margin: 0px 0px 0px 0px;
	background-color: #FFFFCC;
	clear: both;
	padding: 0px 8px 10px 8px;
	width: 654px;
	font-size: 10px;
	line-height: 1.2em;
}
#expBox .obBox h3.subtitle {
	width:638px;
	color:#BD333E;
	font-size:16px;
	padding:10px 8px 10px 8px;
	margin:0px 0px 7px 0px;
	font-weight: bold;
	line-height: 1.4em;
	background-image: none;
	border-bottom: 1px solid #BD333E;
}
.obBox h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	line-height: 1.2em;
}
.obBox img {
	margin: 0px 10px 0px 0px;
}


/* 特別講義　bodyID #supporter
-----------------------------------------*/


/* 業界講師陣　bodyID #instructor
-----------------------------------------*/
#expBox {
	width: 675px;
	padding: 0px -9px 0px -11px;
	margin: 18px 0px 0px 0px;
}
#expBox .list {
	width: 678px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float: left;
}
#expBox h3.title {
	width: 678px;
	padding: 0px;
	margin: 0px;
	clear: both;
	height: 35px;
}
#expBox img {
	float: left;
	clear: both;
}
.list .lBox {
	width: 390px;
	padding: 0px 0px 10px 0px;
	float: left;
}
#expBox .list .lBox p {
	margin: 10px 5px 10px 8px;
	line-height: 1.4em;
}


.list .rBox {
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 5px 8px 10px 0px;
	float: right;
}
#expBox .list .rBox div {
	width: 260px;
	background-color: #FFFFDF;
	border-bottom: 1px solid #ccc;
	padding: 5px;
    overflow: auto;
}
.list .rBox div h4 {
	width: 134px;
	float: right;
	font-size: 16px;
	line-height: 1.4em;
    _zoom: 1;     
    overflow: hidden;
}
.list .rBox div p {
	width: 132px;
	float: left;
	line-height: 1.4em;
}
.list .rBox p {
	font-size: 10px;
	margin: 0px 0px 3px 0px;
}
.list .rBox div p img {
	float: left;
	margin: 50px 8px 0px 0px;
}
.list .rBox div img {
	float: left;
	margin: 0px 6px 0px 0px;
}
.list .rBox strong {
	font-weight: bold;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
	clear: both;
}
p.exp {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}


#instBox {
	width: 675px;
	padding: 0px -9px 0px -11px;
	margin: 18px 0px 0px 0px;
}
#instBox dl {
	width: 150px;
	float: left;
	margin: 12px 9px 17px 9px;
	display: inline;
}
#instBox dd {
	margin: 5px 0px 0px 0px;
	line-height: 1.2em;
}
#instBox dl dd.red {
	color:#BD333E;
	font-size:12x;
	font-weight: bold;
}
#instBox dl dd.px16 {
	font-size:16px;
	font-weight: bold;
}
#instBox dl dd.px10 {
	font-size:10px;
}

/* 企業プロジェクト　bodyID #project
-----------------------------------------*/
#project #mainContents p{
	line-height:1.3;
	padding:0 10px;
	}
#project #mainContents p strong{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#BD333E;
	margin-bottom:3px;
	}
#project #mainContents p em{
	font-size:14px;
	font-weight:bold;
	color:#BD333E;
	}
#project #mainContents .normalBox{
	width:689px;
	margin:auto;
	line-height:1.3;
	}
#project #mainContents div.flashbox {
	width:675px;
	margin:10px auto;
}

#project #mainContents div.menubox {
	width:680px;
	margin:auto;
	margin-top:10px;
}

#project #mainContents ul.menulist {
	width:696px;
	margin:0 auto;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}
#project #mainContents ul.menulist li {
	display:block;
	float:left;
	padding:10px 0;
	border-bottom:1px solid #CCC;
	font-size:10px;
	text-align:center;
	width:116px;
	letter-spacing:-0.1em;
}
#project #mainContents ul.menulist li.noboder {
	border-bottom:none;
}
#project #mainContents ul.menulist li img {
	border:1px solid #CCC;
	margin:3px 0;
}
#project #mainContents ul.menulist li a:hover img {
	border:1px solid #BD333E;
}
#project #mainContents ul.menulist li span {
	color:#BD333E;
	letter-spacing:normal;
}
#project #mainContents .flowBox{
	background:url(img_project/flow.jpg) no-repeat center top;
	width:701px;
	margin:0 auto;
	line-height:1.3;
	}
#project #mainContents .flowBox dl{
	display:block;
	float:left;
	width:155px;
	padding:0 10px;
	margin:0 0 20px 0;
	}
#project #mainContents .flowBox ul{
	clear:both;
	width:630px;
	margin:auto;
	}
#project #mainContents .flowBox li{
	display:block;
	width:210px;
	padding:10px 0 20px 0;
	float:left;
	text-align:center;
	}
#project #mainContents h4{
	background:#FFC;
	padding:10px 20px;
	width:647px;
	margin:15px auto 10px;
	color:#930;
	line-height:1.4;
	border:1px solid #EEE;
	clear:both;
	}
#project #mainContents h4 strong{
	font-size:16px;
	color:#F90;
	}

/*#project a.thickbox{
	clear:both;
	display:block;
	padding:5px;
	text-align:center;
	color: #CC6699;
	border:#C69 solid 1px;
	background:#EEE;
	width:388px;
	margin:0 auto 20px;
}*/
#project a.thickbox:hover{
	color: #FF0000;
	text-decoration: none;
	background:#FFF;
}
#project table.imgBox,#project table.voive{
	margin:auto;
}
#project table.imgBox td{
text-align: center;
margin: 0;
vertical-align: top;
padding: 0;
}
#project table.imgBox td.student{
text-align: center;
font-size: 10px;
}
#project table.imgBox td.studentR{
text-align: right;
font-size: 10px;
}
#project table.imgBox td.student .maru ,
#project table.imgBox td.studentR .maru{
color: #82262B;
}
#project table.voive td {
font-size: 11px;
}
#project table.voive td .midashi {
font-size: 12px;
color: #8D292F;
font-weight: bold;
}
#project table.voive p {
font-size: 10px;
font-weight: normal;
color: #666666;
	line-height:1.3;
	padding:0;
}
#project table.voive img.img {
float: left;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
#project li.soyimo a{
display:block;
width:190px;
height:115px;
background:url(project/img/bnr_success02.jpg);
}
#project li.kyoyasai a{
display:block;
width:190px;
height:115px;
background:url(project/img/bnr_success03.jpg);
}
#project li a:hover{
background-position:bottom;
}

/* Wメジャーカリキュラム　bodyID #wmajor
-----------------------------------------*/
#wmajor #mainContents p.leadtext{
	line-height:1.4;
	padding:0 10px;
}
#wmajor #mainContents p.leadtext strong {
	font-size:16px;
	font-weight:bold;
	line-height:2;
	color:#BD333E;
}
#wmajor div.pluscoursebox {
	padding:20px 0 0 0;
	text-align:center;
}
#wmajor div.plusbox {
	width:678px;
	height:362px;
	margin:0 auto;
	padding:0 0 0 27px;
	background:url(img_wmajor/img_plus_bg.jpg) no-repeat left top;
}
#wmajor div.plusbox p {
	float:left;
	width:210px;
	padding-top:71px;
	padding-right:14px;
	text-align:left;
	line-height:1.4;
	font-size:10px;
}
#wmajor div.plusbox p strong {
	font-size:12px;
	font-weight:bold;
}

#wmajor div.success {
	width:680px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	padding-top:10px;
}
#wmajor .case01 {
	padding-bottom:10px;
	border-bottom:2px solid #ED765C;
}
#wmajor div.success div.prf {
	float:left;
	width:192px;
}
#wmajor div.success div.prf h4 {
	padding-bottom:10px;
}
#wmajor div.success div.prf div {
	width:170px;
	border-left:6px solid #ED765C;
	overflow:hidden;
}
#wmajor div.success div.prf div img {
	float:right;
	padding-right:3px;
}
#wmajor div.success div.prf div p {
	padding:5px 0 5px 5px;
	line-height:1.3;
	overflow:hidden;
}
#wmajor div.success div.prf div p span{
	font-weight:bold;
}
#wmajor div.success div.prf div p.namecourse {
	font-size:10px;
}
#wmajor div.success div.prf div p.namecourse span{
	font-size:14px;
	font-weight:bold;
}
#wmajor div.success div.course {
	float:left;
	width:380px;
	padding-left:108px;
	height:165px;
}
#wmajor div.success div.cake01 {
	background:url(img_wmajor/img_cake_bg01.jpg);
}
#wmajor div.success div.cafe01 {
	background:url(img_wmajor/img_cafe_bg01.jpg);
}
#wmajor div.success div.bread02 {
	background:url(img_wmajor/img_bread_bg02.jpg);
}
#wmajor div.success div.cafe02 {
	background:url(img_wmajor/img_cafe_bg02.jpg);
}
#wmajor div.success div.cafe03 {
	background:url(img_wmajor/img_cafe_bg03.jpg);
}
#wmajor div.success div.italian01 {
	background: url(img_wmajor/img_italian_bg01.jpg);
}
#wmajor div.success div.course h5 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 6px 0;
}
#wmajor div.success div.course p {
	float:left;
	width:120px;
	padding-right:6px;
	text-align:left;
	line-height:1.2;
	font-size:10px;
}
#wmajor div.success div.course p strong {
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
}
#wmajor div.success div.plusalpha {
	float:left;
	width:380px;
	height:27px;
	padding:5px 0 5px 108px;
	text-align:center;
}

/* 自主練習　bodyID #practice
-----------------------------------------*/
#practice #mainContents p{
	line-height:1.3;
	padding:0 10px;
	}
#practice #mainContents p strong{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#BD333E;
	margin-bottom:3px;
	}
#practice #mainContents p em{
	font-size:14px;
	font-weight:bold;
	color:#BD333E;
	}
#practice #mainContents .normalBox{
	width:689px;
	margin:auto;
	line-height:1.3;
	}
#practice #mainContents img{
	display:block;
	margin:15px auto 0;
	}

/* 年間スケジュール　bodyID #schedule
-----------------------------------------*/
#schedule #mainContents .tabNav{
	line-height:1.3;
	}
#schedule #mainContents .tabNav ul{
	padding:5px;
	background:#BD333E;
	}
#schedule #mainContents .tabNav li.left{
	background:url(img_schedule/panel01.gif) no-repeat top left;
	width:115px;
	height:37px;
	float:left;
	}
#schedule #mainContents .tabNav li.right{
	background:url(img_schedule/panel02.gif) no-repeat top left;
	width:115px;
	height:37px;
	float:right;
	}
#schedule #mainContents .tabNav li a,
#schedule #mainContents .tabNav li a:visited{
	width:115px;
	height:37px;
	display:block;
/*	color:#FFF;
	text-decoration:none;
*/	}
#schedule #mainContents .tabNav li.left a.active,
#schedule #mainContents .tabNav li.left a:hover{
	background:url(img_schedule/panel01_on.gif) no-repeat top left;
	}
#schedule #mainContents .tabNav li.right a.active,
#schedule #mainContents .tabNav li.right a:hover{
	background:url(img_schedule/panel02_on.gif) no-repeat top right;
	}

/* ショップ演習　bodyID #shop
-----------------------------------------*/
#shop #mainContents #wrap {
	padding-bottom:0;
}
#shop #mainContents ul.flow {
	width: 700px;
	margin:0px -15px 0px 0px;
	clear: both;
	padding: 0px 0px 0px 0px;
}
#shop #mainContents ul.flow li {
	float: left;
	width: 175px;
}
#shop #mainContents ul.flow li img {
	margin: 0px 0px 3px 0px;
}
#shop #mainContents #wrap ul.flow p {
	width: 155px;
	margin: 0px 0px 0px 0px;
}
#shop #mainContents .shopTitle {
	background-image: url(img_shop/title_bk.jpg);
	background-repeat: no-repeat;
	width: 645px;
	height: 69px;
	padding: 60px 10px 0px 10px;
}
#shop #mainContents .shop {
	width: 665px;
	padding: 10px 6px 10px 14px;
	border: 1px solid #FAAF95;
	clear: both;
	margin: 10px auto 0px;
}
#shop #mainContents .shop div {
	width: 665px;
	padding: 0px 0px 0px 0px;
	margin: 0px -30px 0px 10px;
}
#shop #mainContents .shop div img {
	width: 310px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 7px 0px;
}

/* 海外実学研修・留学　bodyID #overseas
-----------------------------------------*/
#overseas #mainContents .overBox {
	width: 685px;
	float: left;
}

#overseas #mainContents #wrap .overBox .lBox h3 {
	padding: 0px;
	margin:20px 0px 5px 0px;
	background-image: none;
	height: 32px;
	width: 470px;
}
#overseas #mainContents .overBox .lBox h4 {
	margin: 0px 0px 5px 0px;
	font-size:14px;
	font-weight: bold;
	line-height: 1.2em;
	color:#BD333E;
	width: 470px;
}
#overseas #mainContents .overBox .lBox {
	width: 470px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#overseas #mainContents .overBox .rBox {
	width: 206px;
	float: right;
	padding: 0px;
	margin: 0px;
}
#overseas #mainContents .overBox .rBox img {
	padding: 0px;
	margin: 0px 0px 4px 0px;
}
#overseas #mainContents .overBox02 {
	width: 685px;
	float: left;
	margin: 20px 0px 0px 0px;
}

/* コンテスト　bodyID #contest
-----------------------------------------*/

#contest #mainContents .cBox-jBox01 {
	margin:auto;
	margin-top:20px;
	width: 677px;
	clear: both;
}

#contest #mainContents .cBox-jBox02 {
	margin:0px;
	padding:0px;
	clear:both;
}

#contest #mainContents .cBox-jBox02 p.jbc-subtitle {
	color:#BD333E;
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	line-height: 1.2em;
}


#contest #mainContents .cBox01 {
	width: 685px;
	float: left;
	margin: 0px 0px 20px 0px;
	clear: both;
}
#contest #mainContents .cBox01 h4 {
	float: left;
	margin: 0px 0px 10px 0px;
	font-size:14px;
	font-weight: bold;
	line-height: 1.4em;
	color:#BD333E;
}
#contest #mainContents .cBox01 p {
	width: 450px;
	float: left;
	margin: 0px 0px 10px 0px;
}
#contest #mainContents .cBox01 img {
	float: right;
	margin: 0px;
}

#contest #mainContents .cBox02 {
	width: 701px;
	float: left;
	margin: 0px -18px 10px 0px;
	clear: both;
}
#contest #mainContents .cBox02 p {
	margin: 0px 0px 0px 0px;
}
#contest #mainContents .cBox02 h4 {
	width:665px;
	height:14px;
	color:#FFFFFF;
	font-size:14px;
	padding:8px 10px 5px 10px;
	margin:0px 0px 10px 0px;
	background: url(img_contest/title_ob.gif) no-repeat 0px 0px;
}
#contest #mainContents .cBox02 h5 {
	width:310px;
	height:14px;
	color:#D84749;
	font-size:14px;
	padding:2px 10px 5px 10px;
	margin:0px 0px 8px 0px;
	background: url(img_contest/subtitle_ob.gif) no-repeat 0px 0px;
}
#contest #mainContents .cBox02 .list {
	float: left;
	margin: 0px 18px 15px 0px;
	width: 330px;
}
#contest #mainContents .cBox02 .list img {
	float: left;
	margin: 0px 3px 0px 0px;
}
#contest #mainContents .cBox03 {
	width: 685px;
	float: left;
	margin: 0px 0px 0px 0px;
	clear: both;
	background-image: url(img_contest/contest_bk.gif);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
}
#contest #mainContents .cBox03 img {
	clear: both;
}
#contest #mainContents .cBox03 div.contest {
	width: 300px;
	margin: 10px 0px 0px 0px;
	background-color: #FFFFFF;
	padding: 0px 10px 15px 10px;
	height: 100%;
	overflow: auto;
}
#contest #mainContents .cBox03 div.contest img {
	margin: 0px 10px 0px 0px;
	float: left;
}
#contest #mainContents .cBox03 h4 {
	color:#FFFFFF;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image: url(none);
	height: 52px;
	width: 320px;
}
#contest #mainContents .cBox03 div h5 {
	color:#BD333E;
	padding:8px 0px 6px 0px;
	margin:0px 0px 10px 0px;
	font-weight: bold;
	line-height: 1.4em;
	background-image: none;
	border-bottom: 1px solid #BD333E;
	text-align: center;
	width: 300px;
	font-size: 14px;
}
#contest #mainContents .cBox03 div.lBox {
	float: left;
	width: 320px;
	padding: 0px 0px 0px 15px;
	}
#contest #mainContents .cBox03 div.rBox {
	float: right;
	width: 320px;
	font-size: 12px;
	padding: 0px 15px 0px 0px;
}

#contest #mainContents .cell {
	padding-left:14px;
	line-height:1.4em;
}

#contest #mainContents .c-left {
	float:left;
}

#contest #mainContents .c-right {
	float:right;
}

#contest #mainContents .c-box {
	margin:0px;
	padding:0px;
	width:677px;
	background-image:url(img_contest/contest-box-bg.jpg);
	background-repeat: repeat-y;
}

#contest #mainContents .c-box-in {
	padding:10px 0px 0px 15px;
}





/* 卒業・進級制作展　bodyID #weare
-----------------------------------------*/
#weare #mainContents p{
	line-height:1.3;
	padding:0 10px;
	}
#weare #mainContents p strong{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#BD333E;
	margin-bottom:3px;
	}
#weare #mainContents p em{
	font-size:14px;
	font-weight:bold;
	color:#BD333E;
	}
#weare #mainContents .normalBox{
	width:689px;
	margin:auto;
	}
#weare #mainContents img{
	padding:10px 10px;
	}
#weare #mainContents img.floatR{
	float:right;
	}