@charset "utf-8";

/*floatclear*/
.clearfix{
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------------
3年制についての余白
---------------------------------------*/
.system_box01_15 {
margin-top:15px;
}
.system_photo{
width:130px;
float:right;
line-height:1.2em;
font-size:70%;
}

/*--------------------------------------
アクセスマップ
---------------------------------------*/
.accessline img{
border:1px solid #cccccc;
}
#access_how{
width:630px;
}
.access_l{
float:left;
margin-right:20px;
}
.access_l .clear{
clear:both;;
}

/*--------------------------------------
教員紹介のアイコン
---------------------------------------*/
.listnormal li {
background:url(../../info/img/arrow_creative01.gif) no-repeat 0 0.4em;
padding-left:15px;
}


.box-a20-2 {
width: 280px;
float: left;
}

/*--------------------------------------
DETCH（企業実習/制作依頼）とは
---------------------------------------*/
.leftspace{
margin-left:18px;
}
.leftspace ol{
list-style:none;
}	


/*--------------------------------------
DETCH（企業実習/制作依頼）とは
---------------------------------------*/
#system_box06 {

margin-top: 1em;
padding: 0;
background-color: #EFEFEF;
}
#system_box06 h3 {
margin-bottom: 0.5em;
padding: 5px 5px 5px 10px;
background-color: #55C3E9;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

#system_box06 h4 {
margin: 0;
padding: 3px 7px;
color: #55C3E9;
font-weight: bold;
font-size: 100%;
border-bottom: 1px #666666 dotted;
}

#system_box06 p {
margin: 0;
padding: 7px;
}


/*--------------------------------------
コンセプト
---------------------------------------*/
#concept .leftspace{
margin-left:10px;
}
#concept .job{
border:1px #cccccc solid;
background-color:#eeeeee;
padding:5px;
margin-bottom:5px;
}
#concept .jobspace{
padding-left:70px;
}

#concept .title3rd1{
margin:0px 0px 0px 0px;
background-color:#C49700;
padding:5px;
}
#concept .title3rd1 a{
color:#ffffff;
background:url(../../info/img/arrow_concept.gif) 0px 5px no-repeat;
padding-left:7px;
}
#concept .title3rd1-text{
margin:0px;
color:#C49700;
font-weight: bold;
}
#concept .title3rd1-text a{
color:#C49700;
background:url(../../info/img/arrow_concept1.gif) 0px 5px no-repeat;
padding-left:7px;
}

#concept .title3rd2{
margin:20px 0px 0px 0px;
background-color:#0099FF;
color:#ffffff;
padding:5px;
}
#concept .title3rd2 a{
color:#ffffff;
background:url(../../info/img/arrow_concept.gif) 0px 5px no-repeat;
padding-left:7px;
}
#concept .title3rd2-text{
margin:0px;
color:#0099FF;
font-weight: bold;
}
#concept .title3rd2-text a{
color:#0099FF;
background:url(../../info/img/arrow_concept2.gif) 0px 5px no-repeat;
padding-left:7px;
}

#concept .title3rd3{
margin:20px 0px 0px 0px;
background-color:#7AAA18;
color:#ffffff;
padding:5px;
}
#concept .title3rd3 a{
color:#ffffff;
background:url(../../info/img/arrow_concept.gif) 0px 5px no-repeat;
padding-left:7px;
}
#concept .title3rd3-text{
margin:0px;
color:#7AAA18;
font-weight: bold;
}
#concept .title3rd3-text a{
color:#7AAA18;
background:url(../../info/img/arrow_concept3.gif) 0px 5px no-repeat;
padding-left:7px;
}

#concept .title3rd4{
margin:20px 0px 0px 0px;
background-color:#E59500;
color:#ffffff;
padding:5px;
}
#concept .title3rd4 a{
color:#ffffff;
background:url(../../info/img/arrow_concept.gif) 0px 5px no-repeat;
padding-left:7px;
}
#concept .title3rd4-text{
margin:0px;
color:#E59500;
font-weight: bold;
}
#concept .title3rd4-text a{
color:#E59500;
background:url(../../info/img/arrow_concept4.gif) 0px 5px no-repeat;
padding-left:7px;
}

#concept .title3rd5{
margin:20px 0px 0px 0px;
background-color:#E0647C;
color:#ffffff;
padding:5px;
}
#concept .title3rd5 a{
color:#ffffff;
background:url(../../info/img/arrow_concept.gif) 0px 5px no-repeat;
padding-left:7px;
}
#concept .title3rd5-text{
margin:0px;
color:#E0647C;
font-weight: bold;
}
#concept .title3rd5-text a{
color:#E0647C;
background:url(../../info/img/arrow_concept5.gif) 0px 5px no-repeat;
padding-left:7px;
}

#concept .title3rd6{
margin:20px 0px 0px 0px;
background-color:#A93D6F;
color:#ffffff;
padding:5px;
}
#concept .title3rd6 a{
color:#ffffff;
background:url(../../info/img/arrow_concept.gif) 0px 5px no-repeat;
padding-left:7px;
}
#concept .title3rd6-text{
margin:0px;
color:#A93D6F;
font-weight: bold;
}
#concept .title3rd6-text a{
color:#A93D6F;
background:url(../../info/img/arrow_concept6.gif) 0px 5px no-repeat;
padding-left:7px;
}

/*--------------------------------------
イベントカレンダー
---------------------------------------*/
#graph_ev td{
border:1px solid #cccccc;
padding:5px;
}
#graph_ev .bg{
background-color:#FFF0B3;
}
#graph_ev .bg2{
background-color:#eeeeee;
}
.eventtable{
border-collapse: collapse;
}

.bg-dithe-03 {
background-color:#F0FEF4;
background-image:url(../../img/common/bg_dithe.gif);
border-bottom:1px solid #CCFFDD;
border-top:1px solid #CCFFDD;
margin-bottom:1em;
padding:10px;
}
.text-bold {
font-weight: bold;
}
.bg-dithe-01 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #fdf6f0;
	border-top: 1px solid #FFcc99;
	border-bottom: 1px solid #FFcc99;
}
.bg-dithe-02 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #f3f6f9;
	border-top: 1px solid #def;
	border-bottom: 1px solid #ddf;
}

.bg-glid-01 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_glid.gif);
	background-color: #f3f6f9;
	border: 1px solid #def;
	clear: both;

}
.bg-glid-02 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_glid.gif);
	background-color: #fef9f3;
	border: 1px solid #FFdca9;
}
.bg-glid-03 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_glid.gif);
	background-color: #f0fef4;
	border: 1px solid #cfd;
}
.bg-white-01 {
	padding: 5px;
	margin-top: 0;
	background-color: #fff;
	clear: both;
}
.bg-white-01 img {
	margin-left: 5px;
	float: right;
}
.bg-white-01 p {
	margin-top: 2px;
}
.bg-mini-01 {
	padding: 5px;
	margin-right: 16px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #fde6d0;
	border-left: 2px solid #Fdc099;
	font-size: 85%;
}
.bg-mini-01b {
	padding: 5px;
	margin-right: 16px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #def;
	border-left: 2px solid #9ac;
	font-size: 85%;
}
.bg-mini-02 {
	padding: 2px 5px 2px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #def;
	border-top: 2px solid #9ac;
	border-bottom: 1px solid #9ac;
}
.bg-mini-02 {
	padding: 2px 5px 2px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #fde6d0;
	border-top: 2px solid #Fdc099;
	border-bottom: 1px solid #Fdc099;
}
.enter01 {
	margin-top: 1em;
	padding: 0;
}
.enter01 ul {
	margin: 0 0 1.5em 10px;
}

.enter01 li {
	margin-bottom: 0.5em;
	padding-left: 15px;
	background: url(../img/common/icon_circle.gif) no-repeat 0 3px;
}
.o_bg-dithe-03 {
	padding: 5px;
	margin-bottom: 1em;
	background-image: url(../img/common/bg_dithe.gif);
	background-color: #f0fef4;
	border-top: 1px solid #cfd;
	border-bottom: 1px solid #cfd;
}

.o_bg-dithe-03 h2 {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 0;
	color: #666;
	font-size: 120%;
	font-weight: bold;
}
#photo-c-to-c ul li {
	float: left;
}
#photo-c-to-c .center {
	margin: 0px 23px 0px 23px;
}

/*==================================================
*---------------------------------------------------
* 下層ページ用の設定(layout_old.css)
*---------------------------------------------------
==================================================*/

/*----- テキストの位置設定 -----*/
.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.center td {
	text-align: center;
}

/*----- 要素の位置設定 -----*/
.top {
	vertical-align: top
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}


/*----- 回り込みの設定 -----*/
.float-r {
	float: right;
}
img.float-r {
	padding-left: 10px;
}

.float-l {
	float: left;
}
img.float-l {
	padding-right: 10px;
}

.clear {
	clear: both;
}

.go-top {
	clear: both;
	text-align: right;
}


/*---------------------------------------------------
* 下層共通パーツの設定
*--------------------------------------------------*/

/*----- パンクズナビ -----*/
#breadcrumb {
	margin: 0.5em 16px;
	font-size: 84%;
}


/*----- ページタイトルの設定 -----*/
#page-title {
	margin: 0 0 10px 9px;
}

/*----- トップへ戻る -----*/
#go-top {
	clear: both;
	margin: 1em 0;
	text-align: right;
	/*width:560px;*/
}

/*----- 文字色 -----*/
.important {
	color: #E00;
}

/*---------------------------------------------------
* 下層のボックスの設定
*--------------------------------------------------*/
#lower-contents {
	margin: 0 30px 0 23px;
}

#lower-contents p {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}
#lower-contents .non-space {
	margin-bottom: 0;
}
#lower-contents .non-space-right {
	margin-bottom: 0;
	text-align: right;
	clear: both;
}


/*---------------------------------------------------
* 下層トップページの設定
*--------------------------------------------------*/

/*----- リストの設定 -----*/
.lower-top-list {
	height: 400px;
	background: url(../../img/common/bg_lower-top.jpg) no-repeat 100% 0;
}
.lower-top-list li {
	margin: 0.5em 300px 0 0;
	padding: 0 0 0.5em 20px;
	border-bottom: 1px dashed #CCC;
	font-weight: bold;
	background: url(../../img/common/icon_arrow2.gif) no-repeat;
}
.lower-top-list a {
	text-decoration: none;
}
/*各トップ背景-------------------------------------*/

/*----- 学校案内 -----*/
/*.lower-top-list02 {
	height: 400px;
	background: url(../img/common/bg_info-top.jpg) no-repeat 100% 0;
}*/
.lower-top-list02 {
	min-height: 400px;
	background: url(../../img/common/bg_info-top.jpg) no-repeat 100% 0;
}
* html .lower-top-list02 {
height:400px;
}
.lower-top-list02 li {
	margin: 0.5em 300px 0 0;
	padding: 0 0 0.5em 20px;
	border-bottom: 1px dashed #CCC;
	font-weight: bold;
	background: url(../../img/common/icon_arrow2.gif) no-repeat;
}
.lower-top-list02 a {
	text-decoration: none;
}
/*----- 入学案内 -----*/
/*.lower-top-list03 {
	height: 400px;
	background: url(../img/common/bg_ent-top.jpg) no-repeat 100% 0;
}*/
.lower-top-list03 {
	min-height: 400px;
	background: url(../../img/common/bg_ent-top.jpg) no-repeat 100% 0;
}
* html .lower-top-list03 {
height:400px;
}
.lower-top-list03 li {
	margin: 0.5em 300px 0 0;
	padding: 0 0 0.5em 20px;
	border-bottom: 1px dashed #CCC;
	font-weight: bold;
	background: url(../../img/common/icon_arrow2.gif) no-repeat;
}
.lower-top-list03 a {
	text-decoration: none;
}

/*----- 就職案内 -----*/
.lower-top-list04 {
	height: 400px;
	background: url(../../img/common/bg_job-top.jpg) no-repeat 100% 0;
}
.lower-top-list04 li {
	margin: 0.5em 300px 0 0;
	padding: 0 0 0.5em 20px;
	border-bottom: 1px dashed #CCC;
	font-weight: bold;
	background: url(../../img/common/icon_arrow2.gif) no-repeat;
}
.lower-top-list04 a {
	text-decoration: none;
}

/*---------------------------------------------------
* 学科紹介：共通部分
*--------------------------------------------------*/
#concept h2 {
	margin-bottom: 0.5em;
	padding: 0 0 0.5em 15px;
	border-bottom: 1px dashed #999;
	color: #666;
	background: url(../../img/common/icon_arrow1.gif) no-repeat 0 0.2em;
}
#concept h3 {
	margin: 0 0 0.5em 10px;
	color: #C30;
}
#concept ul {
	margin: 0 0 1.5em 10px;
}
#concept li {
	margin-bottom: 0.5em;
	padding-left: 10px;
	background: url(../../img/common/icon_circle.gif) no-repeat 0 50%;
}

.caption {
	padding: 10px;
	border: 1px solid #FC0;
	background: #FFE;
	text-align: center;
}


/*---------------------------------------------------
* 学科紹介：学科メインタイトル
*--------------------------------------------------*/
#list-object {
	width: 560px;
	background: url(../../department/object/img/bg_object.jpg) no-repeat 100% 0;
}
#list-visual {
	width: 560px;
	background: url(../../department/creative/img/bg_visual.jpg) no-repeat 100% 0;
}
#list-architect {
	width: 560px;
	background: url(../../department/architect/img/bg_architect.jpg) no-repeat 100% 0;
}
#list-denim {
	width: 560px;
	background: url(../../department/denim/img/bg_denim.jpg) no-repeat 100% 0;
}
#list-fashion {
	width: 560px;
	background: url(../../department/fashion/img/bg_fashion.jpg) no-repeat 100% 0;
}
/*---------------------------------------------------
* 学科紹介：総合デザイン科
*--------------------------------------------------*/
#list-integrate {
	width: 560px;
	background: url(../../department/integrate/img/bg_integrate.jpg) no-repeat 100% 0;
}

.integrate {
	color: #FABF00;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #FABF00;
}



/*---------------------------------------------------
* 学校案内
*--------------------------------------------------*/
#support ul {
	margin: 0 0 1.5em 10px;
}
#support li {
	margin-bottom: 0.5em;
	padding-left: 12px;
	background: url(../../img/common/icon_circle.gif) no-repeat 0 4px;
	font-weight: bold;
}
#photo-c-to-c ul li {
    float: left;
}
#photo-c-to-c .center {
	margin: 0px 23px 0px 23px;
}
#bg-c-to-c {
	width: 560px;
	height: 180px;
	margin-right: 15px;
	background: url(../../info/img/clubctoc-images.jpg) no-repeat 420px bottom;
}
#bg-c-to-c p {
	padding-right: 220px;
}
.baner {
	margin: 10px 0 10px 0;
	text-align: center;
}
#img-history {
	width: 180px;
}
#img-history li {
	width: 160px;
	margin: 6px 10px 0;
}
.teacher {
    padding: 10px;
}
#lower-contents .teacher p {
	margin-bottom: 0px;
	line-height: 120%;
}
.t-voice {
   margin-top: 5px;
   color: #FF3300;
}
.t-text {
   margin-top: 5px;
}
.institution {
    padding: 3px;
}
#lower-contents .institution p {
	margin-bottom: 5px;
    text-align: left;
	line-height: 110%;
}
/*-- 交通案内 --*/
#access {
    width: 560px;
	clear: both;
    background: url(../../info/img/access/img_step4.gif) no-repeat 0 0;
}
#access .step {
    width: 300px;
	clear: both;
	padding: 5px;
	float: right;
	border-bottom: 1px solid #ccc;
}
#access .step-end {
    width: 300px;
	clear: both;
	padding: 5px 5px 10px 5px;
	float: right;
}
#access .step p {
  margin-bottom: 0;
}

.display-none {
	display: none;
}



/*---------------------------------------------------
* 入学案内：交通アクセス
*--------------------------------------------------*/
dl.access {
	padding-top: 10px;
	clear: both;
}
dl.access dt {
	float: left;
	width: 400px;
	padding-bottom: 35px;
	background: url(../../info/img/access/yajirushi.gif) no-repeat 50% 100%;
}
dl.access dd {
	float: right;
	width: 120px;
}

dl.access-2 {
	clear: both;
}
dl.access-2 .access-photo {
	float: left;
	width: 105px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.access-photo:after {
	height: 0;
	visibility: hidden;
	content: url(spacer.gif); /* content: "."; */ /* content: ""; */
	display: block;
	clear:both;
}

dl.access-3 dt {
	float: left;
	width: 345px;
	padding-bottom: 1em;
}

dl.access-3 dd {
	float: right;
	width: 175px;
	padding-bottom: 1em;
}

.rootBox {
	width: 630px;
}

.root {
	width: 270px;
	float: left;
}

.rootArw {
	text-align: center;
}

.root p {
	margin-top: 0;
	margin-bottom: 0;
}

.rootR {
	width: 330px;
	margin-left: 20px;
	float: right;
}

.rootR p {
	margin-top: 0;
	margin-bottom: 0;
}

.rootBox:after {
	height: 0;
	visibility: hidden;
	content: url(spacer.gif); /* content: "."; */ /* content: ""; */
	display: block;
	clear:both;
}

div.root p {
	clear: both;
}

.root-a {
	padding-left: 25px;
	background: url(../../info/img/access/a.gif) no-repeat;
	margin-top: 0;
	margin-bottom: 15px;
}

div.rootBox .root .root-a02 {
	padding-left: 25px;
	background: url(../../info/img/access/a.gif) no-repeat;
	margin-top: 10px;
	margin-bottom: 15px;
}

.root-b {
	padding-left: 25px;
	background: url(../../info/img/access/b.gif) no-repeat;
}
.root-c {
	padding-left: 25px;
	background: url(../../info/img/access/c.gif) no-repeat;
}

.root-dBox {
	text-align: center;
}

.root-d img {
	margin-right: 3px;
	vertical-align: middle;
}



/*---------------------------------------------------
* C-DECの新しい情報を垣間見る「コラムの種」
*--------------------------------------------------*/
.seed-box {
	clear: both;
	margin-bottom: 1em;
}
.seed-box dl {
	float: left;
	width: 310px;
}
.seed-box dt {
	font-weight: bold;
}
.seed-box dd {
	padding: 0 10px 2em 0;
}



/*---------------------------------------------------
* 入学案内
*--------------------------------------------------*/
#bg-experience-01 {
	width: 560px;
	background: url(../../entrance/img/img_experience.jpg) no-repeat right bottom;
}
#bg-experience-01 p {
    padding-right: 190px;
}
/*---------------------------------------------------
* レイアウト用：共通クラス
*--------------------------------------------------*/

/*----- タイトルのクラス -----*/
.title-03 {
 margin-bottom: 0.5em;
 padding: 0 0 0.3em 0;
 border-bottom: 1px dotted #678;
 color: #678;
 clear: both;
}
.title-04 {
 margin-bottom: 0.5em;
 padding: 0px 0 0.3em 0;
 border-bottom: 1px dotted #6c6;
 color: #9E864D;
 line-height: 30px;
}
.title-05 {
 margin-bottom: 0.5em;
 padding: 0 0 0.5em 0;
 color: #FF6600;
 font-size: 120%;
}
.title-06 {
 margin-bottom: 0.5em;
 padding: 3px 5px;
 background-color: #F1DC92;
 background-image: url(../../img/common/bg_dithe.gif);
 border: 1px solid #F1DC92;
 color: #916C32;
 font-size: 100%;
 clear: both;
}
.title-07 {
 margin-bottom: 0.5em;
 padding: 0 0 0.5em 0;
 color: #0278B5;
 font-size: 120%;
}
.title-06 {
 margin-bottom: 0.5em;
 padding: 3px 5px;
 background-color: #CEEEFF;
 background-image: url(../../img/common/bg_dithe.gif);
 border: 1px solid #CEEEFF;
 color: #015B8A;
 font-size: 100%;
 clear: both;
}
/*-----　テキストのクラス -----*/
.text-bold {
    font-weight: bold;
}
.text-bold-2 {
    font-weight: bold;
	color: #336699;
}
.text-bold-3 {
    font-weight: bold;
	color: #FF6600;
}
.text-normal {
    font-weight: 100;
}
.text-space {
    padding-left: 1em;
	vertical-align: middle;
}
#lower-contents .text-border-01 {
	margin-bottom: 0.3em;
	padding: 0 0 0.3em 0;
	border-bottom: 1px dashed #999;
	font-weight: bold;
}
.text-color-red {
	color: #FF0000;
}
.text-color-redb {
	color: #FF0000;
	font-weight: bold;
}
.text-color-white {
	color: #fff;
}
.text-color-orange {
	color:#FF9933;
	font-weight: bold;
}
.text-color-sub {
	color:#FF9933;
	font-weight: bold;
	padding: 15px 0px 0px 5px;
}
.text-color-pink {
	color:#FF9999;
	font-weight: bold;
}
.text-indent-5b {
	padding: 0 10px 0 5px;
}
.text-indent-20 {
	padding-left: 20px;
}
.text-indent-40 {
	padding-left: 30px;
}
/*-----　リンクのクラス -----*/
.link-arrow-01 {
	padding-left: 20px;
    background: url(../../img/common/bg_arrow-01.gif) no-repeat 0 50%;
}
.link-arrow-02 {
	padding-left: 20px;
    background: url(../../img/common/bg_arrow-01.gif) no-repeat 0 50%;
}
.link-arrow-02 a:link {
	color:#FFCC00;
}


/*-----　リストのクラス -----*/
.list-circle {
	margin: 10px 16px 1em 10px;
}
.list-circle li {
	margin-bottom: 0.3em;
	padding-left: 12px;
	background: url(../../img/common/icon_circle.gif) no-repeat 0 4px;
}
.list-arrow {
	margin: 10px 16px 1em 10px;
}
.list-arrow li {
	margin-bottom: 0.3em;
	padding-left: 18px;
	background: url(../../img/common/icon_arrow2.gif) no-repeat 0 1px;
}
/*-----　タイトル付リストのクラス -----*/
.d-list-01 {
	margin: 0 0 1em 0;
	padding: 2px;
	border: 1px solid #924E10;
}
.d-list-01 dt {
	padding: 3px 5px;
	background-color: #FBFCBE;
	background-image: url(../../img/common/bg_dithe.gif);
	color: #924E10;
}
.d-list-01 dd {
	padding: 3px 5px;
}
.d-list-02 {
	margin: 0 0 1em 0;
	padding: 1px;
	border: 1px solid #cce;
}
.d-list-02 dt {
	padding: 3px 5px;
	background-color: #eef;
}
.d-list-02 dd {
	padding: 3px 5px;
}
.d-list-03 {
	margin: 0 0 1em 0;
	padding: 2px;
	border: 1px solid #015B8A;
}
.d-list-03 dt {
	padding: 3px 5px;
	background-color: #CEEEFF;
	background-image: url(../../img/common/bg_dithe.gif);
	color: #015B8A;
}
.d-list-03 dd {
	padding: 3px 5px;
}
/*-----　網掛けのクラス -----*/
.bg-dithe-01 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #fdf6f0;
	border-top: 1px solid #FFcc99;
	border-bottom: 1px solid #FFcc99;
}
.bg-dithe-02 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #f3f6f9;
	border-top: 1px solid #def;
	border-bottom: 1px solid #ddf;
}
.bg-dithe-03 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #f0fef4;
	border-top: 1px solid #cfd;
	border-bottom: 1px solid #cfd;
}
.bg-glid-01 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_glid.gif);
	background-color: #f3f6f9;
	border: 1px solid #def;
	clear: both;

}
.bg-glid-02 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_glid.gif);
	background-color: #fef9f3;
	border: 1px solid #FFdca9;
}
.bg-glid-03 {
	padding: 10px;
	margin-bottom: 1em;
	background-image: url(../../img/common/bg_glid.gif);
	background-color: #f0fef4;
	border: 1px solid #cfd;
}
.bg-white-01 {
	padding: 5px;
	margin-top: 0;
	background-color: #fff;
	clear: both;
}
.bg-white-01 img {
	margin-left: 5px;
	float: right;
}
.bg-white-01 p {
	margin-top: 2px;
}
.bg-mini-01 {
	padding: 5px;
	margin-right: 16px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #fde6d0;
	border-left: 2px solid #Fdc099;
	font-size: 85%;
}
.bg-mini-01b {
	padding: 5px;
	margin-right: 16px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #def;
	border-left: 2px solid #9ac;
	font-size: 85%;
}
.bg-mini-02 {
	padding: 2px 5px 2px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #def;
	border-top: 2px solid #9ac;
	border-bottom: 1px solid #9ac;
}
.bg-mini-02 {
	padding: 2px 5px 2px;
	background-image: url(../../img/common/bg_dithe.gif);
	background-color: #fde6d0;
	border-top: 2px solid #Fdc099;
	border-bottom: 1px solid #Fdc099;
}
/*----- テーブルのクラス -----*/
.table-00 {
	margin-bottom: 1em;
	background-color: #999;
}
.table-00 th {
	text-align: left;
	padding: 3px;
	background-color: #FFFFFF;
	background-image: url(../../img/common/bg_dithe.gif);
}
.table-00 td {
	padding: 3px;
	background-color: #FFFFFF;
	background-image: url(../../img/common/bg_dithe.gif);
}
.table-00 th.bg-color-01 {
	background-color: #E7DAFE;
}
.table-00 th.bg-color-02 {
text-align:center;
	background-color: #CEFFDF;
}
.table-00 th.bg-color-03 {
	background-color :#F8EBBA;
}
.table-00 td.bg-color-01 {
	background-color: #E7DAFE;
}
.table-00 td.bg-color-02 {
	background-color: #CEFFDF
}
.table-00 td.bg-color-03 {
	background-color :#F8EBBA;
}
.table-01 {
	margin-bottom: 1em;
	background-color: #999;
}
.table-01 th {
	background-color: #ffffcc;
	background-image: url(../../img/common/bg_dithe.gif);
	text-align: center;
	font-weight: 100;
	padding: 3px;
}
.table-01 td {
	background-color: #fff;
	padding: 3px;
}
.table-02 {
	margin-bottom: 1em;
	background-color: #fff;
}
.table-02 th {
	background-color: #ccf;
	text-align: left;
	vertical-align: top;
	font-weight: 100;
	padding: 3px;
}
.table-02 td {
	padding: 3px;
}
.table-03 {
	margin-bottom: 1em;
	background-color:#FFCCFF;
}
.table-04 {
	margin-bottom: 1em;
	background-color:#CCCCCC;
}
.table-05 {
	margin-bottom: 1em;
	background-color: #999;
}
.table-05 th {
	background-color: #CEEEFF;
	background-image: url(../../img/common/bg_dithe.gif);
	text-align: center;
	font-weight: 100;
	padding: 3px;
}
.table-05 td {
	background-color: #fff;
	padding: 3px;
}
.table-00 th.bg-color-04 {
	background-color: #CEEEFF;
}
.table-00 td.bg-color-04 {
	background-color: #CEEEFF;
}
.table-00 th.bg-color-05 {
	background-color: #E7DAFE;
	text-align:center;
}
.table-00 td.bg-color-05 {
	background-color: #E7DAFE;
	text-align:center;
}
/*----- ボックスのクラス -----*/
.box-a {
	clear: both;
}
.box-b {
	width: 560px;
	clear: both;
	border-top: 1px dashed #ccc;
	padding-top: 1em;
}
.box-a20 {
    width: 280px;
	float: left;
}
.box-a21-l {
    width: 180px;
	float: left;
}
.box-a21-r {
    width: 420px;
	float: right;
}
.box-a22-l {
	padding: 5px;
	width: 120px;
	float:left;
}
.box-a22-r {
	width: 430px;
	padding-top: 35px;
	float: right;
}
.box-a23-l {
	width: 272px;
	float: left;
}
.box-a23-r {
	width: 280px;
	float: right;
}
.box-a24-l {
	width: 120px;
	float: left;
}
.box-a24-r {
	width: 400px;
	float: right;
}
.box-a25-l {
    width: 400px;
	float: left;
}
.box-a25-r {
    width: 220px;
	float: right;
}
.box-a26-l {
	padding-top: 5px;
	width: 275px;
	float:left;
}
.box-a26-r {
	width: 275px;
	padding-top: 5px;
	float: right;
}
.box-a27-l {
	padding-top: 5px;
	width: 265px;
	float:left;
}
.box-a27-r {
	width: 280px;
	padding-top: 5px;
	float: right;
}
.box-a28-l {
	width: 275px;
	float:left;
}
.box-a29-l {
	width: 400px;
	float:left;
}
.box-a28-r {
	width: 275px;
	float: right;
}
.box-a30 {
    width: 200px;
	float: left;
}
.box-a31 {
    width: 30%;
	padding: 5px;
	float: left;
	font-size: 85%;
}
.box-a32 {
    width: 155px;
	float: left;
}
.box-a40 {
    width: 153px;
	float: left;
}
.box-a41 {
    width: 110px;
	float: left;
}
.box-a42 {
    width: 165px;
	height:108px;
	float: left;
}
.box-a43{
    width: 80px;
	float: left;
	}
.box-a44{
    width: 100px;
	float: left;
	}


/*---------------------------------------------------
* フォームのスタイル
*--------------------------------------------------*/
.form-style01 fieldset {
	border: 0;
}
.form-style01 legend {
	display: none;
}
.form-style01 table {
	width: 100%;
	margin-bottom: 1em;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-collapse: collapse;
}
.form-style01 table table {
	margin-bottom: 0;
}
.form-style01 th {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	background: #FFE;
}
.form-style01 td {
	line-height: 1.8em;
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.form-style01 textarea {
	width: 350px;
}
.form-style01 .item01 {
	width: 350px;
}
.form-style01 .header {
	text-align: center;
	background: #FFC;
	height: auto;
}



/*---------------------------------------------------
* 追加：
*--------------------------------------------------*/
.list-arrow2 {
	margin: 10px 16px 1em 10px;
}
.list-arrow2 li {
	margin-bottom: 0.3em;
	padding-left: 18px;
	background: url(../../img/common/icon_arrow5.gif) no-repeat 0 1px;
}
#box-bg-blue {
	width: 560px;
	clear: both;
	background-color: #C1E4E8
}
.caption02 {
	padding: 5px 20px;
}
.link-arrow-04 {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
    background: url(../../img/common/bg_arrow-01.gif) no-repeat 0 50%;
}
.link-arrow-05 {
	margin:0;
	padding: 0 0 0.5em 20px;
	background: url(../../img/common/icon_arrow5.gif) no-repeat 0 25%;
}
.ctoc_commu{
	border:1px solid #cccccc;
	margin:0;
	padding: 0 15px;
	background:url(../../for/img/for_company_back.gif) repeat-x top;
}
.ctoc_commu img{
	width:150px;
	margin-right:10px;
	float:left;
}
.link-arrow-06 {
	margin:0;
	padding: 0 0 0.5em 20px;
	background: url(../../img/common/icon_arrow6.gif) no-repeat 0 35%;
	font-weight:bold;
	font-size:120%;
}
.link-arrow-07 {
	margin:0;
	padding: 0 0 0.5em 20px;
	background: url(../../img/common/icon_arrow6.gif) no-repeat 0 35%;
}



/* ---------------------------------OKAYAMA---------------------------------*/


@charset "utf-8";



/*==================================================



/* table 枠つき------------ */

.fshow_s01 {
	margin-top: 1em;
}

#graph {

	/*background-color: #FFFFFF;*/

}



#graph table {

	border: 1px solid #999999;

	border-collapse: collapse;

	margin-bottom: 1em;

}

#graph td,

#graph th {

	border: 1px solid #999999;

	padding: 5px;

}

#graph02 {

	/*background-color: #FFFFFF;*/

}



#graph02 table {

	border-collapse: collapse;

	margin-top: 0.5em;

}

#graph02 td,

#graph02 th {

	border: 1px solid #FFDE59;

	padding: 5px;

}

#graph03 {

	/*background-color: #FFFFFF;*/

}



#graph03 table {

	border-collapse: collapse;

	margin-top: 0.5em;

}

#graph03 td,

#graph03 th {
	padding: 5px;
}

.right_o01 {

	text-align: right;

	margin-top: 1.5em;

	margin-bottom: 1em;

	clear: both;

}

.ol_01 {

	margin-bottom: 1em;

	padding: 0;

} 

.ol_01 li{
	margin-left: 25px;
	padding: 0;
} 

/*-----　岡山　網掛けのクラス -----*/

.o_bg-dithe-01 {

	padding: 5px;

	margin-bottom: 1em;

	background-image: url(../img/common/bg_dithe.gif);

	background-color: #fdf6f0;

	border-top: 1px solid #FFcc99;

	border-bottom: 1px solid #FFcc99;

}

.o_bg-dithe-01 h2 {

	margin-top: 0.5em;

	margin-bottom: 1em;

	padding: 0;

	color: #666;

	font-size: 120%;

	font-weight: bold;

}

.o_bg-dithe-02 {

	padding: 5px;

	margin-bottom: 1em;

	background-image: url(../img/common/bg_dithe.gif);

	background-color: #f3f6f9;

	border-top: 1px solid #def;

	border-bottom: 1px solid #ddf;

}

.o_bg-dithe-02 h2 {

	margin-top: 0.5em;

	margin-bottom: 1em;

	padding:  0;

	color: #666;

	font-size: 120%;

	font-weight: bold;

}

.o_bg-dithe-03 {

	padding: 5px;

	margin-bottom: 1em;

	background-image: url(../img/common/bg_dithe.gif);

	background-color: #f0fef4;

	border-top: 1px solid #cfd;

	border-bottom: 1px solid #cfd;

}

.o_bg-dithe-03 h2 {

	margin-top: 0.5em;

	margin-bottom: 1em;

	padding: 0;

	color: #666;

	font-size: 120%;

	font-weight: bold;

}

/*-----　flotbox -----*/

.o_left_box01 {

	float: left;

	width: 400px;

	margin-bottom: 1em;

	padding: 0;

}

.o_right_box01 {

	float: right;

	width: 152px;

	padding-right: 0;

	margin-bottom: 1em;

}

.o_left_box02 {

	float: left;

	width: 240px;

	margin-bottom: 1em;

	padding: 0;

}

.o_right_box02 {

	float: right;

	width: 310px;

	padding-left: 10px;

	margin-bottom: 1em;

}

.o_left_box03 {

	float: left;

	width: 340px;

	margin-bottom: 1em;

	padding: 0;

}

.o_right_box03 {

	float: right;

	width: 200px;

	padding-left: 10px;

	margin-bottom: 1em;

}

.o_back_white {

	margin: 5px;

	padding: 10px;

	background-color: #ffffff;

}

.center_o01 {

	text-align: center;

	margin-top: 1em;

}

/*---------------------------------------------------

*3年制について

*--------------------------------------------------*/

#box_title {

	margin: 0;
	padding: 0;
	min-height: 170px;
	background-color: #4E8ABF;
	background-image: url(../info/img/3_img01.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;	

}

#box_title h2 {
	margin-left:5px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
}

#box_title p {
	margin-left:5px;
	margin-right: 5px;
	padding: 5px;
	color: #fff;

}

#system_box01 {
	margin-top: 15px 0px 0px 0px;
	padding: 0;
	background-color: #E0F0B2;
	margin-top: 15px;

}

#system_box01 h3 {

	margin-bottom: 0.5em;

	padding: 5px 5px 5px 10px;

	background-color: #99CC00;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 110%;

}

#system_box01 h4 {

	margin: 0;

	padding: 3px 7px;

	color: #526C00;

	font-weight: bold;

	font-size: 100%;

	border-bottom: 1px #526C00 dotted;

}

#system_box01 p {

	margin: 0;

	padding: 7px;

}

#system_box02 {

	margin-top: 1em;

	padding: 0;

	background-color: #FFF7D7;

}

#system_box02 h3 {

	margin-bottom: 0.5em;

	padding: 5px 5px 5px 10px;

	background-color: #FFCC00;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 110%;

}

#system_box02 h4 {

	margin: 0;

	padding: 3px 7px;

	color: #886C00;

	font-weight: bold;

	font-size: 100%;

	border-bottom: 1px #886C00 dotted;

}

#system_box02 p {

	margin: 0;

	padding: 7px;

}

#system_box03 {

	margin-top: 1em;

	padding: 0;

	background-color: #CFDBDF;

}

#system_box03 h3 {

	margin-bottom: 0.5em;

	padding: 5px 5px 5px 10px;

	background-color: #114A5E;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 110%;

}

#system_box03 h4 {

	margin: 0;

	padding: 3px 7px;

	color: #114A5E;

	font-weight: bold;

	font-size: 100%;

	border-bottom: 1px #114A5E dotted;

}

#system_box03 p {

	margin: 0;

	padding: 7px;

}

#system_box04 {

	margin-top: 1em;

	padding: 0;

	background-color: #E5D0DC;

}

#system_box04 h3 {

	margin-bottom: 0.5em;

	padding: 5px 5px 5px 10px;

	background-color: #7C1450;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 110%;

}

#system_box04 h4 {

	margin: 0;

	padding: 3px 7px;

	color: #7C1450;

	font-weight: bold;

	font-size: 100%;

	border-bottom: 1px #7C1450 dotted;

}

#system_box04 p {

	margin: 0;

	padding: 7px;

}

#system_box05 {

	margin-top: 1em;

	padding: 0;

	background-color: #EFEFEF;

}

#system_box05 h3 {

	margin-bottom: 0.5em;

	padding: 5px 5px 5px 10px;

	background-color: #666666;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 110%;

}

#system_box05 h4 {

	margin: 0;
	padding: 3px 7px;
	color: #666666;
	font-weight: bold;
	font-size: 100%;
	border-bottom: 1px #666666 dotted;

}

#system_box05 p {

	margin: 0;

	padding: 7px;

}



/*---------------------------------------------------

*募集学科
*--------------------------------------------------*/

.enter01 {

	margin-top: 1em;

	padding: 0;

}


.enter01 h4 {

	margin: 0 0 0.5em 0;

	color: #C30;

}

.enter01 ul {

	margin: 0 0 1.5em 10px;

}

.enter01 li {

	margin-bottom: 0.5em;

	padding-left: 15px;

	background: url(../img/common/icon_circle.gif) no-repeat 0 3px;

}

/*---------------------------------------------------

*各for_indexページ

*--------------------------------------------------*/

.for_o {

	margin-top: 1em;
	padding: 0;

}

.for_o p {
	margin-top: 1em;
	padding: 5px 5px 5px 10px;
	background-color: #e5e5e5;
	color: #FF9900;
	font-weight: bold;
}

.for_o h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0 0 0.5em 15px;
	color: #666;
	background: url(../img/common/icon_arrow1.gif) no-repeat 0 0.2em;
}

.for_o ul {
	margin: 0 0 0.5em 10px;
}

.for_o li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0.5em 20px;
	border-bottom: 1px dashed #CCC;
	font-weight: bold;
	background: url(../img/common/icon_arrow2.gif) no-repeat;

}

/*---------------------------------------------------

*AO入試について

*--------------------------------------------------*/

.ao_box01 {

	margin: 0;

	padding: 0;

	clear: both;

}

.ao_box01 p{

	margin: 0;

	padding-top: 1em;

	padding-bottom: 1em;

	text-align: center;

	clear: both;

}

.ao_box01 dt {

	margin-bottom: 1em;

	padding-left: 10px;

	border-left: 3px solid #4B9DEF;

	font-weight: bold;

	float: left;

	clear: both;

}

.ao_box01 dd {

	margin: 0;

	padding-bottom: 3px;

	padding-left: 3px;

	border-bottom: 1px dotted #ccc;

	line-height: 1.2em;

	clear: both;

}

/*---------------------------------------------------

*Q&A

*--------------------------------------------------*/

.o_space_01 {

	margin-bottom: 2em;

	padding: 0;

}



/*-----講師について-----*/



.teacher_1 {

	position: relative;

	border: 1px solid #ccc;

	margin-bottom: 1em;

}

.teacher_1 dt {

	margin: 0;

	padding: 10px 0;

	position: absolute;

	width: 170px;

	left: 10px;

}

.teacher_1 dt img {

	margin-bottom: 5px;

}

.teacher_1 dd {

	margin: 0;

	padding: 30px 0;

	position: relative;

	left: 200px;

	width: 350px;

}

.teacher_name {

}

.message {

	color: #f90;

}

.explain {

	font-size: smaller;

	line-height: 110%;

}



#teacher_2 .explain {

	margin-top: 10px;

	font-size: smaller;

	line-height: 110%;

	width: 110px;

}

.photo {

	margin-bottom: 10px;

	width: 125px;

}

.page_navi {

	clear: both;

	width: 510px;

	text-align: right;

}

#teacher_2 {

}



#teacher_2 dl {

	margin: 0 0 1em 0;

	width: 270px;

	height: 270px;

	float: left;

	border: 1px solid #ccc;

}

#teacher_2 dl dt {

	margin: 0;

	padding: 10px 0 0 10px;

}

#teacher_2 dl dt p {

	float: left;

}

#teacher_2 dl.teacher_right {

	float: right;

}

#teacher_2 dl dd {

	clear: both;

	margin: 0;

	padding: 5px 10px 10px;	

	border-top: 1px dashed #ccc;

}



/*---------------------------------------------------

*就職情報

*--------------------------------------------------*/

.job_box01 {
	margin-bottom: 1em;
	padding: 5px;
	border: 1px solid #ccc;
	clear: both;
}

.job_box01 dt{

	margin-bottom: 1em;

	padding: 5px;

	width: 100px;

	background-color: #EFEFEF;

	float: left;

}

.job_box01 dd{

	margin-bottom: 1em;

	padding-top: 5px;

	width: 425px;

	float: right;

}

.interview_o {

	color: #308DA4;

	margin-top: 1em;

	margin-bottom: 0.5em;

	padding-bottom: 0.5em;

	border-bottom: 2px solid #308DA4;

	font-size:14px;

	clear: both;

}

.year_box01 {

	color: #999999;

	float: left;

	width: 330px;

}

.year_box02 {

	width: 100px;

	float: right;

	color: #999999;

}

.year_box03 {

	width: 230px;

	float: left;

	color: #999999;

}

.year_box04 {

	width: 213px;

	float: right;

	color: #999999;

}
.year_box05 {
	width: 480px;
	float: left;
	color: #666;
}
.year_box06 {
	width: 133px;
	float: right;
	color: #999999;
}

.year_box07 {
	width: 560px;
	color: #999999;
}
.year_box08 {
	padding: 3px;
	width: 560px;
	color: #999999;
}

/* town------------*/
.n-blue {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #688CC0;
}

.n-orange {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FEA640;
}

.n-green {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7FC643;
}

.n-purple {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C877B9;
}

.n-ash {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333333;
}

.n-red {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6699;
}

.jobs-syusyoku {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	text-align:center;
}
.waku_green {
	border: 1px solid #669900;
	text-align:center;
}
.font_b_14_green {
	font-size: 120%;
	font-weight: bold;
	color: #009966;
}
.font_b_14_green2 {
	font-size: 120%;
	font-weight: bold;
	color: #99CC00;
}

/* movies------------*/

.move {
	width: 340px;
	height: 300px;
	align: center;
}


.move02 {
	align: center;
}
/*detch-------------*/

.link-arrow-03 dl {
	padding: 3px;
	margin-bottom: 1em;
}


.link-arrow-03 dt {
	padding-left: 20px;
	padding-bottom: 0;
	margin-bottom: 0.7em;
    background: url(../img/common/bg_arrow-01.gif) no-repeat 0 50%;
}

.link-arrow-03 dd {
	margin-bottom: 25px;
}
/*介護職員----------*/
.bg-kaigo {
	padding: 10px;
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
	background-image: url(../img/common/bg_dithe.gif);
	background-color: #fdf6f0;
	border-top: 1px solid #FFcc99;
	border-bottom: 1px solid #FFcc99;
}
.center_k01 {

	text-align: center;
	font-weight: bold;
	margin-top: 1em;
	background-color:#CCCCCC;
}
.center_k02 {

	text-align: center;
	font-weight: bold;
	margin-top: 1em;
}
/*20070827ついか--*/
.detch-cha {
	margin-bottom: 1em;
}
.detch-cha img {
	margin: 0.5em;
}
.detch-cha p {
	margin-left: 7px;
}
/*20070903ついか--*/
.box-live {
    width: 180px;
	float: left;
}
.box-live2 {
    width: 200px;
	float: left;
}
.box-a40-1 {
    width: 135px;
	float: left;
}

/*20070911ついか--*/
#reni2 {
width:560px;}

#re-box2{
float:left;
width:350px
;}
#reni2 img{
float:right;
margin-bottom:15px;}

#reuni {
	width: 560px;
}
#re-box {
	background: url(../for/graduate/reunion/img/reunion-2007.jpg) no-repeat 360px top;
}
/*20070925ついか--*/
.gazai {
	margin-bottom: 2em;
	margin-top:5px;
	height: 130px;
}

/*20071030*/
.m-t15{
	margin-top:15px;
}
.m-r10{
	margin-right:10px;
}
.m-b15{
	margin-bottom:15px;
}
.m-t25{
	margin-top:25px;
}


/* ----------------------------------own1------------------------------------*/

@charset "utf-8";

/*==================================================

/*---------------------------------------------------
* 学科名タイトル
*--------------------------------------------------*/
.departmentTitle{
	color:#666666;
	padding: 3px;
	border-bottom: 1px dotted #999999;
	border-left: 4px solid #999999;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}

/*---------------------------------------------------
* インタービューページ
*--------------------------------------------------*/	
#box-bg-blue {
	width: 560px;
	clear: both;
	background-color: #C1E4E8
}
.captionBlue {
color:#308DA4;
margin:0;
text-align:right;
padding-right:20px;
font-size:10px;
}
.captionBlue02 {
padding-top:0;
padding-left:10px;
padding-right:10px;
font-size:12px;
}
.captionGry {
padding-top:0;
padding-left:10px;
padding-right:20px;
font-size:12px;
}
/*---------------------------------------------------
* 学科紹介：インタビュー
*--------------------------------------------------*/
.interview {
	color: #308DA4;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #308DA4;
	font-size:14px;
}
#interviewGr{
width:540px;
}
#interviewGrLeft{
width:270px;
float:left;
}
#interviewGrRight{
width:260px;
float: right;
}
.interviewTitle{
	font-size:18px;
	color: #308DA4;
	font-weight:bold;
	}
/*---------------------------------------------------
* 作品ギャラリー:造形デザイン科
*--------------------------------------------------*/
.galleryTitle{
	color:#34B1C1;
	padding: 3px;
	border: 1px solid #34B1C1;
	border-left: 4px solid #34B1C1;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}
.mov_gall h4{
color:#34B1C1;
font-weight:bold;
}
.mov_gall {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #34B1C1;
}
.boxobject{
	border-bottom: 1px dotted #666666;
	margin-bottom:10px;
	margin-top:5px;
}
.boxobject04{
	margin-bottom:10px;
	margin-top:5px;
}
.boxobject p{
padding:0;
margin:0
}
.boxobject02{
background-color:#E8E8E8;
padding:5px;
}
.boxobject03{
margin-top:10px;
}
.float-r02 {
	float: right;
	margin-top:10px;
	margin-bottom:20px;
}
.objectKoushi{
font-size:14px;
color:#8ABB14;
font-weight:bold;
}
.boxobject-koushi{
	border-bottom: 1px dotted #666666;
	margin-bottom:10px;
	margin-top:5px;
	padding-bottom: 10px;
}
.boxobject-koushi img {
	margin-bottom:10px;
	}

/*---------------------------------------------------
* プロダクトデザインコース
*--------------------------------------------------*/
.title-course-object{
	color:#8ABB14;
	padding: 3px;
	border: 1px solid #8ABB14;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}
.objectS{
font-size:10px;
}	
/*---------------------------------------------------
* オブジェクト：インタビュー
*--------------------------------------------------*/
#interviewOj{
width:540px;
margin-left:20px;
}
#interviewOjLeft{
width:250px;
float:left;
padding:5px;
}
#interviewOjRight{
width:230px;
float: right;
}
.objectSetsumei{
height:50px;
margin-top:5px;
margin-bottom:5px;
}
/*---------------------------------------------------
* 建築デザイン科
*--------------------------------------------------*/
/*--学科名タイトル--*/
.title-architect {
	color:#920017;
	border-bottom: 2px solid #920017;
	padding-left:5px;
	font-weight:bold;
	}
/*--コース名タイトル--*/
.title-course-architect{
	color:#920017;
	padding: 3px;
	border: 1px solid #920017;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}
/*--見出しタイトル--*/	
.title-architect02{
font-size:14px;
color:#920017;
font-weight:bold;
}	

.box-a43{
    width: 80px;
	float: left;
	}
.box-a44{
    width: 100px;
	float: left;
	}
.box-a45-l {
	padding: 5px;
	width: 120px;
	float:left;
}
.box-a45-r {
	width: 430px;
	padding-top: 35px;
	float: right;
}	
.architect{
font-size:14px;
color:#920017;
font-weight:bold;
}	
/*---------------------------------------------------
* 学科紹介：モノデザイン科
*--------------------------------------------------*/
/*--学科名タイトル--*/
.title-object {
	color:#8ABB14;
	border-bottom: 2px solid #8ABB14;
	padding-left:5px;
	font-weight:bold;
	}
/*--コース名タイトル--*/
.title-course-object{
	color:#8ABB14;
	padding: 3px;
	border: 1px solid #8ABB14;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}
/*--見出しタイトル--*/	
.title-object02{
font-size:14px;
color:#8ABB14;
font-weight:bold;
}	
/*--　--*/	
.objectS{
font-size:10px;
}



/*----------------------------------------------------
*海外研修タイトル
----------------------------------------------------*/
.object{
	font-size:15px;
	color:#ff6600;
	font-weight:bold;
}
	
/*---------------------------------------------------
* 学科紹介：ファッションデザイン科
*--------------------------------------------------*/
/*--学科名タイトル--*/
.title-fation {
	color:#EA609E;
	border-bottom: 2px solid #EA609E;
	padding-left:5px;
	font-weight:bold;
	}
.fation{
font-size:14px;
color:#EA609E;
font-weight:bold;
}	
/*--コース名タイトル--*/
.title-course-fation{
	color:#EA609E;
	padding: 3px;
	border: 1px solid #EA609E;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}	
/*--見出しタイトル--*/	
.title-fation02{
font-size:14px;
color:#EA609E;
font-weight:bold;
}	
/*---------------------------------------------------
* 学科紹介：デニムジーンズ科
*--------------------------------------------------*/
.title-denim {
	color:#924C9A;
	border-bottom: 2px solid #924C9A;
	padding-left:5px;
	font-weight:bold;
	}
/*--コース名タイトル--*/
.title-course-denim{
	color:#924C9A;
	padding: 3px;
	border: 1px solid #924C9A;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}	
/*--見出しタイトル--*/	
.title-denim02{
font-size:14px;
color:#924C9A;
font-weight:bold;
}	
.denim{
font-size:14px;
color:#924C9A;
font-weight:bold;
}	
/*---------------------------------------------------
* 学科紹介：ビジュアルデザイン科
*--------------------------------------------------*/
.title-visual {
	color:#00AFDD;
	border-bottom: 2px solid #00AFDD;
	padding-left:5px;
	font-weight:bold;
	}
/*--コース名タイトル--*/
.title-course-visual{
	color:#00AFDD;
	padding: 3px;
	border: 1px solid #00AFDD;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
	}	
/*--見出しタイトル--*/	
.title-visual02{
font-size:14px;
color:#00AFDD;
font-weight:bold;
}	
.visual{
font-size:14px;
color:#00AFDD;
font-weight:bold;
}
/*---------------------------------------------------
* 講師紹介：タイトル-オレンジ
*--------------------------------------------------*/
.title-koushi{
font-size:14px;
color:#FF9900;
font-weight:bold;
}
/*---------------------------------------------------
* サイトマップ
*--------------------------------------------------*/
.sitemap a{
text-decoration:none;
}
.sitemap_t {
	padding-left: 20px;
    background: url(../img/common/icon_arrow2.gif) no-repeat 0 50%;
	padding-bottom:10;
	padding-top:10;
}
.sitemap_t_d {
	padding-left: 20px;
    background: url(../img/common/i_sitemap.gif) no-repeat 0 50%;
	padding-bottom:5;
	padding-top:0;
	margin-top:10;
	margin-bottom:5px;
}
.sitemap ul{
	list-style-type: none;
	padding-left: 20px;
	margin:0;
}
.sitemap li{
	padding-left: 20px;
    background: url(../img/common/icon_circle.gif) no-repeat 0 50%;
	border-right-color: #333333;
	padding-bottom:0px;
	padding-top:0;
	margin-top:0;
	margin-bottom:5px;
}
.saitemap_d{
margin-left:30px;
margin-top:5px;
}
/*---------------------------------------------------
* オレンジ：タイトル
*--------------------------------------------------*/
.title-orange {
	width: 560px;
	color:#ff6600;
	border-bottom: 2px solid #ff6600;
	padding-left:20px;
	font-weight:bold;
   background: url(../info/img/icon.gif) no-repeat 0 50%;
	}