/* CSS Document ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* 内容　:　コミックキャラバン　　　　　　　　　　　　　　　　　 */
/* 作成日:　2010年07月31日　　　　　　　　　　　　　　　　　　　 */
/* 変更日:　2011年10月20日　　　　　　　　　　　　　　　　　　　 */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* OSCDキャラバン 2012 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* メインビジュアル */
.caravan2012 #title {
	position:relative;
	height:626px;
}

.caravan2012 #title h2 {
	position:absolute;
	top:-25px;
	left:-43px;
}

/* ベース */
.caravan2012 #contents,
.caravan2012 #topMain {
	width:960px;
}

/* GUEST ARTIST */
.caravan2012 .guest ul li {
	float:left;
}

/* スケジュール */
.caravan2012 .schedule .shop {
	float:left;
}

.caravan2012 .schedule .time {
	float:right;
}



/* 中央コンテンツ */
.caravan2012 .centerCont .left {
	width:652px;
}
	.caravan2012 .special p {
		float:left;
	}
		.caravan2012 .special h3 {
			float:left;
			padding-top:17px;
		}
		
		.caravan2012 .special h3:hover {
			-ms-filter: "alpha( opacity=70 )";
			filter: alpha( opacity=70 );
			opacity: 0.7;
		}

.caravan2012 .centerCont .right {
	width:253px;
}
	.caravan2012 .illustcontest p:hover {
		-ms-filter: "alpha( opacity=70 )";
		filter: alpha( opacity=70 );
		opacity: 0.7;
	}



/* 応募btn */
.caravan2012 .appli {
	margin-top:30px;
	margin-bottom:10px;
}
	.caravan2012 .appli .cell p {
		margin-left:117px;
		width:725px;
	}

	.caravan2012 .appli .cell p:hover {
		-ms-filter: "alpha( opacity=70 )";
		filter: alpha( opacity=70 );
		opacity: 0.7;
	}



/* 盛りだくさんの内容 */
.caravan2012 .many {
	margin-bottom:30px;
}

.caravan2012 .many #detail {
	background:url(images/2012/bg_detail_middle.gif) repeat-y left top;
	padding:0 15px 15px 15px;
}
	.caravan2012 .many #detail .whiteArea {
		padding:22px 35px;
		background-color:#FFFFFF;
	}
	
	.caravan2012 .whiteArea .baseBox {
		position:relative;
	}
		.caravan2012 .many #detail .whiteArea dl {
			width:195px;
			float:left;
			margin-left:18px;
			padding:0 3px;
		}
		
		.caravan2012 .many #detail .whiteArea .noMar {
			margin-left:0;
		}
		
		.caravan2012 .many #detail .whiteArea .bdBot {
			background:url(../share/images/dotline_gray.gif) repeat-x left bottom;
			padding-bottom:15px;
			margin-bottom:15px;
		}
			.caravan2012 .whiteArea dl dt {
				height:26px;
				font-size:130%;
				font-weight:bold;
				color:#FF5066;
				line-height:1.2;
				border-left:4px solid #FF5066;
				padding:0 0 10px 12px;
				margin-bottom:10px;
			}
			
			.caravan2012 .whiteArea dl dd {
				font-size:84%;
			}
			
			.caravan2012 .whiteArea .baseBox p {
				position:absolute;
				top:-45px;
				right:-25px;
			}


/* アクセス */
.caravan2012 .access {
	position:relative;
	height:460px;
}

.caravan2012 .access .cell {
	padding-bottom:0;
	margin-bottom:0;
}
	.caravan2012 .access .left {
		width: 745px;
	}
		.caravan2012 .access .left #map {
			width:100%;
			height:340px;
		}
		
	.caravan2012 .access .right {
		width: 200px;
		position:absolute;
		top:0;
		right:-10px;
	}


/* 過去のキャラバン */
.caravan2012 .past {
	width:960px;
	height:104px;
	background:url(images/2012/img_kira.gif) no-repeat left bottom;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
	.caravan2012 .past p {
		margin:20px 0 0 0;
	}

	.caravan2012 .past p:hover {
		-ms-filter: "alpha( opacity=70 )";
		filter: alpha( opacity=70 );
		opacity: 0.7;
	}







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* イラストコンテスト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* ベース */
.illustcontest #contents {
	width:960px;
	background-color:#FFFFFF;
}

.illustcontest #topMain {
	width:960px;
}

/* 高校生集まれ！ */
.illustcontest .gather {
	padding:20px 30px 50px 30px;
}
	.illustcontest .gather .read {
		margin-bottom:25px;
	}
	
	.illustcontest .gather .point {
		width:700px;
		padding:0 100px;
	}
		.illustcontest .point h4 {
			padding-bottom:20px;
		}

		.illustcontest .point table {
			text-align:left;
		}
			.illustcontest .point table tr {
				vertical-align:top;
			}
			
			.illustcontest .point table th {
				color:#FF5066;
				background:url(images/2012/dotline_pink.gif) repeat-x left bottom;
				padding:10px 0;
			}
			
			.illustcontest .point table td {
				background:url(images/2012/dotline_pink.gif) repeat-x left bottom;
				padding:10px 0;
			}
			
			.illustcontest .point table .bold {
				font-weight:bold;
				color:#FF5066;
			}


/* ステキな賞品がもらえる！ */			
.illustcontest .prize {
	width:700px;
	padding:0 130px;
}
	.illustcontest .prize .read {
		margin-bottom:15px;
	}
	
	.illustcontest .prize .detail {
		margin-bottom:60px;
		position:relative;
	}
		.illustcontest .prize table {
			text-align:left;
		}
			.illustcontest .prize table th {
				color:#FF5066;
				background:url(images/2012/dotline_orange.gif) repeat-x left bottom;
				padding:10px 0;
				text-align:center;
			}
			
			.illustcontest .prize table td {
				background:url(images/2012/dotline_orange.gif) repeat-x left bottom;
				padding:10px 0;
			}
			
			.illustcontest .prize .detail .noBg {
				background:none;
				color:#FF8200;
				font-weight:bold;
				font-size:120%;
				padding:14px 0 0 0;
				line-height:1.4;
			}
			
			.illustcontest .prize .detail .yellow {
				background-color:#FFFFE5;
			}
			
			.illustcontest .prize .detail .noTPad {
				padding-top:0;
			}
				.illustcontest .prize .detail .noTPad ul li {
					background:url(images/2012/img_list.gif) no-repeat left center;
					padding-left:8px;
				}
			
	.illustcontest .prize p {
		position:absolute;
		bottom:-70px;
		right:30px;
	}

			











/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* OSCDキャラバン 2011 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


/* メニューなしコンテンツ /////////////////////// */
.inContentsCaravan #contents {
	background-color: #FFFFFF;
	padding: 10px 20px 15px 20px;
}




/* Hack IE06 \*/
* html .inContentsCaravan #contents {
	width: 960px;
}
/* Hack IE06 */




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* TOPページ：メインビジュアル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

#mainVisual {
	width: 920px;
	height: auto;
	background-image: none;
	padding-bottom: 23px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* TOPICS */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* 1階層 */
#contents {
	width: 920px;
	padding-bottom: 20px;
}

#topMain {
	width: 712px;
	float: left;
}

#topBanner {
	width: 185px;
	text-align: left;
	float: right;
	padding-top: 10px;
}



/* 2階層 */
#contentsTopic {
	width: 712px;
}

#topicBanner {
	/*width: 185px;*/
	width: 195px;
	float: left;
	padding-top: 10px;
}

#topicMain {
	width: 504px;
	padding-bottom: 20px;
	float: right;
}



/* バナー */
.bannerM p {
	padding-bottom: 7px;
} 



/* 学科ボタン */
.courseBtn {
	width: 504px;
	padding-bottom: 8px;
}

.courseBtn .left,
.courseBtn .right {
	width: 247px;
}


/* NEWS＆TOPICS */
#topicMain h3 {
	padding: 0;
	margin: 0;
}

.topics {
	background: url(images/bg_topics_s.gif) no-repeat left top;
	padding: 20px 20px 0 20px;
}


.cellTopic {
	width: 464px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(images/dotline_caravan.gif) repeat-x left bottom;
}

.cellTopic .pht {
	width: 125px;
	float: left;
}

.cellTopic .txt .right {
	width: 330px;
	float: right;
}

.cellTopic .txt .left {
	width: 504px;
	float: left;
}



#topicMain .cellTopic .txt h4,
#topicMain .cellTopic .txt h3 {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
	color: #F76C7D;
}

.cellTopic .txt h4 a,
.cellTopic .txt h3 a {	color: #F76C7D; }





.ichiran {
	text-align: right;
	padding-right: 4px;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 先生ページ：ヘッダー／タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#contentsTeachers {
	width: 920px;
	padding-bottom: 5px;
}




#headerTeachers h2 {
	margin: 0;
	padding: 0;
}

#titleTeachers h3 {
	margin: 0;
	padding: 10px 0;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 先生ページ：作品一覧 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#ichiranWorks {
	width: 100%;
	background: url(teachers/images/bg_works_middle.gif) repeat-y left top;
}

#ichiranBGTop {
	width: 100%;
	background: url(teachers/images/bg_works_top.gif) no-repeat left top;
}

#ichiranBGBottom {
	padding: 6px;
	background: url(teachers/images/bg_works_bottom.gif) no-repeat left bottom;
}



/* 表組 */
#ichiranWorks td {
	width: 217px;
	height: 217px;
	text-align: center;
	vertical-align: middle;
	background: url(teachers/images/bg_works.gif) no-repeat left top;	
}










/* Hack IE06 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/
* html .topics,
* html #ichiranBGBottom { height: 1%; }
/* Hack IE06 */

/* Hack IE07 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/
*:first-child+html .topics,
*:first-child+html #ichiranBGBottom { height: 1%; }
/* Hack IE07 */