@charset "UTF-8";

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

	西日本工業大学
	opencampus.css
	
	Recent Edit | 2010.05.13
	
========================================*/


/*	common.css上書き
************************************************************************/


/* メインイメージ */

#opencampus #shadow-box #main-img-top{
	border:2px solid #181878;
}

/* カラム設定 */

#opencampus #main-contents-left{
	float:left;
	width:170px;
}
#opencampus #main-contents-right{
	float:right;
	width:690px;
}



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

/* 汎用クラス */

.mt05{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}

.mb05{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}

.pa10w{padding:0 10px;}

.align_c{text-align:center;}
.align_l{text-align:left;}
.align_r{text-align:right;}

/* ナビゲーション */

#opencampus #oc-nav li{
	margin-bottom:8px;
}

/* 見出し */

#opencampus h2{

}

#opencampus .oc-sttl{
	background:url(../images/mark_2.gif) 0px 2px no-repeat;
	border-bottom:1px solid #ea2742;
	padding:0 0 4px 20px;
	margin-bottom:10px;
}

#opencampus .oc-ssttl{
	background:url(../images/bg_slash.gif) repeat;
	padding:2px 6px;
	margin:15px 0;
}

/* テキストボックス */

.text-box{
	padding:10px;
}

/*	個別設定
************************************************************************/


/* トップページ */

.oc-next-list dt{
	float:left;
	clear:left;
}

.oc-next-list dd.list-1{
	padding-left:3em;
}
.oc-next-list dd.list-2{
	padding-left:5em;
}
.oc-next-list dd.list-3{
	padding-left:7em;
}

.oc-top-img{
	text-align:center;
}

/* オープンキャンパス2010 */

.map_box {
	padding:0 10px;
	margin:20px 0;
}

.map_box_right {
	float:right;
	width:328px;
}

.map_box_left {
	float:left;
	width:320px;
	padding:10px 0 0;
}

.oc_arrow_sttl{
	background:url(../../images_cmn/arrow_blue_l_2.gif) no-repeat 0px 2px;
	padding-left:22px;
	font-size:108%;
	color:#191979;
}

.oc_event_list li{
	background:url(../../images_cmn/arrow_blue_s.gif) no-repeat 1px 4px;
	padding-left:20px;
}

.oc_event_list li.first{
	background:url(../../images_cmn/arrow_blue_m.gif) no-repeat 1px 4px;
	padding-left:20px;
}

.program_box {
	padding:0 10px;
	margin:5px 0;
}

.program_box_right {
	float:right;
	width:328px;
}

.program_box_left {
	float:left;
	width:320px;
}

.oc_facl_sttl img{
	margin-right:4px;
}

.oc_event_list02 dt {
	background:url(../../images_cmn/arrow_blue_s.gif) no-repeat 1px 4px;
	padding-left:20px;
	font-weight:bold;
	margin-top:5px;
}

.oc_event_list02 dd {
	padding-left:20px;
}

.event_txt {
	padding:5px 0 5px 10px;
}

.oc_photo_set {
	margin:10px 0px;
	padding:0 20px;
}

.oc_photo_left {
	float:left;
	width:300px;
	text-align:center;
}

.oc_photo_right {
	float:right;
	width:300px;
	text-align:center;
}

.oc_photo_left p,
.oc_photo_right p {
	text-align:left;
	padding:5px 20px 0;
}

/* トップページ日程テーブル */

.oc-top-sche {
	margin-left:20px;
	margin-bottom:40px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.oc-top-sche th {
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:4px;
	background-color:#259ee2;
	color:#fff;
	font-weight:bold;
}

.oc-top-sche td {
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:4px;
	background-color:#dff1fb;
}


/* 日程 */

#opencampus .outer {
	margin-bottom: 15px;
	margin-left:15px;
	border-right:1px solid #999;
	border-top:1px solid #999;
	width: 660px;
}
.outer th {
	background-color: #eee;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	padding:3px 5px;
	font-weight:bold;
	text-align:left;
}
.outer td {
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	padding:3px 5px;
}

.outer th.finished{
	background:#eee url(../images/bg_finished.gif) no-repeat right top;
}

/* イベント案内 */

#opencampus .pht-set-left{
	float:left;
	width:410px;
}
#opencampus .pht-set-right{
	float:right;
	width:240px;
}

#opencampus .event-set-left{
	float:left;
	width:325px;
}
#opencampus .event-set-right{
	float:right;
	width:325px;
}


#opencampus .course-name{
	background:url(../images/mark_1.gif) 0px 2px no-repeat;
	padding:0 0 4px 20px;
	margin-bottom:10px;
}

#opencampus .detail-link{
	background:url(../images/mark_3.gif) 2px 4px no-repeat;
	padding:0 0 4px 20px;
}

#opencampus .event-list li{
	list-style:disc outside;
	margin-left:16px;
}

#opencampus .cap-box{
	background-color:#FBD5DA;
	border:1px solid #999;
	padding:8px 10px;
}
#opencampus .cap-box02{
	background-color:#FBD5DA;
	border:1px solid #999;
	padding:8px 10px;
	width:360px;
}

#opencampus .pht-box{
	margin:10px 0;
}
#opencampus .pht-box img{
	margin-right:10px;
}

#opencampus .pht-box-02{
	margin-top:20px;
}
#opencampus .pht-box-02 img{
	float:left;
	margin:0 10px 10px 0;
}
#opencampus .pht-box-02 img.no-mrg{
	margin-right:0;	
}

#program-tab{
	border-bottom:1px solid #ea2742;
}
#program-tab dt{
	float:left;	
	margin-right:70px;
}
#program-tab dd{
	float:left;
	margin-right:10px;
}



/* ブログ部分 */

#opencampus .oc-blog-list{
	padding:10px 5px 10px;
}
#opencampus .oc-blog-list dt{
	float:left;
	clear:left;
	padding-left:0.8em;
}
#opencampus .oc-blog-list dd{
	padding-left:10em;
	border-bottom:1px dotted #999;
	margin-bottom:6px;
	padding-bottom:6px;
	background:url(../images/mark_3.gif) no-repeat 8.3em 0.3em;

}

#opencampus .entry-main{
	padding:10px 10px 10px;
}
#opencampus .entry-main p{
	margin-bottom:1em;
}

#opencampus .voice-sttl{
	background:url(../images/mark_2.gif) 0px 2px no-repeat;
	border-bottom:1px solid #ea2742;
	padding:0 0 4px 20px;
	margin-bottom:4px;
}

#opencampus .entry-main p.voice-sttl-date{
	text-align:right;
	color:#666;
	margin-bottom:0.5em;
}


/* 在校生のつぶやき */

.undertone-footer{
	border-top:1px dashed #ccc;	
	margin-top:20px;
	padding-top:20px;
}

.mailmag-link{
	padding-left:24px;
	background:url(../images/mark_3.gif) no-repeat left center;
	margin-bottom:20px;
}