@charset "UTF-8";



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

CSS Information



File name: layout.css

Summary: layout style

Created: 2009-07-05

Last update: 2009-07-05

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





/* 共通

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



div.campuslife {

	width: auto;

}


/*　高さを100から128へ　　*/
/*　高さを128から155へ　2010/02/03　　*/
div#right div#menuCampuslife {
	width: 212px;
	height: 155px;
	background: url(../../img_illust/bg_right.jpg) left top no-repeat;
	padding: 0 10px 0 11px;

}



div#right div#menuCampuslife img {

	display: block;

}



div.campuslife div.chapter {

	width: 480px;

	display: block;

	background: url(../../img_illust/bg_chapter.jpg) left top no-repeat;

	color: #333;

	font-size: 1.2em;

	font-weight: bold;

	padding: 10px 20px 9px;

}

/* 091207　学園祭実施報告のために追加 */

/* 校外実習　*/
/*ul#photoArea li { width: 245px; margin-bottom:2em; padding-top:13px; background:#CCFFCC url(../../img_illust/bg_fesphoto.gif) no-repeat; text-align:center;}
ul#photoArea li span.picNam{ display: block; font-size:0.9em; margin-top:0.3em; padding: 0 13px 4px; background: #CCFFCC url(../../img_illust/bg_fesphoto.gif) bottom no-repeat; text-align:left;}
ul#photoArea li span.fbtm img{ display:block; margin-top: 7px; margin-bottom:auto}
ul#photoArea li.fR {float: right;}
ul#photoArea li.fL {float: left;}*/



ul#photoArea li { width: 245px; margin-bottom:2em; padding-top:13px; background: #FEF0D8 url(../../img_illust/bg_fesphoto.gif) no-repeat; text-align:center;}
ul#photoArea li span.picNam{ display: block; font-size:0.9em; margin-top:0.3em; padding: 0 13px 4px; background: #FEF0D8 url(../../img_illust/bg_fesphoto.gif) bottom no-repeat; text-align:left;}
ul#photoArea li span.fbtm img{ display:block; margin-top: 7px; margin-bottom:auto}
ul#photoArea li.fR {float: right;}
ul#photoArea li.fL {float: left;}


div.campuslife div.listTitleOrange {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_pink.jpg) 0 2px no-repeat;

	font-weight: bold;

	color: #F39800;

	font-size: 1.2em;

	margin: 5px auto 0;

}



div.campuslife div.chapter span {

	color: #666;

}



div.campuslife div.boxIndex {

	width: 435px;

	background: #FBFBFB url(../../img_illust/line_dot.jpg) left bottom no-repeat;

	padding: 9px 55px 10px 30px;

	overflow: hidden;

	clear: both;

}



div.campuslife div.boxIndex img.photo {

	display: block;

	float: left;

}



div.campuslife div.boxIndex img.btn {

	display: block;

	float: right;

	margin-top: 28px;

}



div.campuslife div.boxIndex p.btn {

	display: block;

	float: right;

	margin-top: 28px;

}



div.campuslife div.boxSchedule {

	width: 520px;

	margin: 10px auto 0;

	overflow: hidden;

	clear: both;

	background: url(../../img_illust/bg_01.jpg) left top no-repeat;

	padding-top: 10px;

}



div.campuslife div.boxSchedule div.bg08 {

	width: 520px;

	overflow: hidden;

	clear: both;

	background: url(../../img_illust/bg08_01.jpg) left bottom no-repeat;

}



div.campuslife dl.box02 {

	width: 500px;

	margin: 10px auto 0;

	overflow: hidden;

	clear: both;

	display: block;

}



div.campuslife dl.box02 dt {

	width: 150px;

	display: block;

	padding: 0 15px 0 0;

	float: left;

}



div.campuslife dl.box02 dt img {

	display: block;

}



div.campuslife dl.box02 dd {

	width: 330px;

	display: block;

	float: left;

}



div.campuslife dl.box02 dd div.title {

	padding: 2px 0 2px 28px;

	background: url(../../img_illust/icon01_02.jpg) 0 0 no-repeat;

	font-size: 1.2em;

	font-weight: bold;

	color: #E48011;

}



div.campuslife dl.box02 dd div.t0102 { background: url(../../img_illust/icon01_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0202 { background: url(../../img_illust/icon02_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0302 { background: url(../../img_illust/icon03_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0402 { background: url(../../img_illust/icon04_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0502 { background: url(../../img_illust/icon05_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0602 { background: url(../../img_illust/icon06_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0702 { background: url(../../img_illust/icon07_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0802 { background: url(../../img_illust/icon08_02.jpg) 0 0 no-repeat; }

div.campuslife dl.box02 dd div.t0902 { background: url(../../img_illust/icon09_02.jpg) 0 0 no-repeat; }



div.campuslife dl.box03 {

	width: 500px;

	margin: 10px auto 0;

	overflow: hidden;

	clear: both;

	display: block;

}



div.campuslife dl.box03 dt {

	width: 240px;

	float: left;

}



div.campuslife dl.box03 dt img {

	display: block;

}



div.campuslife dl.box03 dd {

	width: 235px;

	float: left;

	padding-top: 3px;

	padding-left: 5px;

}


/*　ここから追加　2010/02/03　*/

div.campuslife div.photo {

	padding: 10px 0 0 20px;

	width: 485px;

	overflow: hidden;

	clear: both;

}

div.campuslife div.photo img {

	border: 1px solid #E69594;

}



div.campuslife div.photo img.iLeft {

	float: left;

}



div.campuslife div.photo img.iRight {

	float: right;

}