/*File: common.css
*Description: Define Special and Irregularly style Sheet
*Author: KYUSHU INTERMEDIA LABORATORY,INC
*/

img{border:none;}

/* ------------------------------------- Popup Style ----------------------------------------*/

body#win{
	margin:15px 10px;
	padding:0;
	text-align:center;
	position:relative;
	color:#222222;
	font-family:MS P Gothic,Meiryo,Hiragino Kaku Gothic Pro W3,Osaka,sans-serif;
	background:#FFFFFF;
}
body#win #ct{
	background:none;
	width:600px;
}
body#win #ct h1{
	font-size:1.2em;
	padding:8px 10px;
	margin-bottom:10px;
	background:#e8e8e8;
}

body#win div.close{
	margin-top:15px;
	padding-top:10px;
	border-top:3px solid #cccccc;
	text-align:center;
}



/* ------------------------------------- /Movie/ ----------------------------------------*/

#ct #ct_movie{
	padding:25px 20px 20px 20px;
}
#ct #ct_movie h3{
	clear:both;
	padding:25px 0 12px 0;
	/*background:url(../img_cmn/bg_ttl_06.gif) left bottom no-repeat;*/
}
#ct #ct_movie li{
	float:left;
	width:168px;
	/*text-align:center;*/
}
#ct #ct_movie li.last{
	margin:0;
}
#ct #ct_movie li img{
	margin-bottom:3px;
}
#ct #ct_movie li a{
	text-decoration:none;
	display:block;
	margin:0 12px 10px 0;
	font-size:x-small;
}

#ct #ct_movie li .arw{
	text-decoration:underline;
	padding-left:8px;
	margin-right:5px;
	background:url(../img_cmn/arw_01.gif) 0 center no-repeat;
}

#ct #ct_movie ul{
	width:840px;
}
#ct #ct_movie ul.line{
	margin-top:5px;
	padding-top:15px;
	background:url(../img_cmn/line_01.gif) repeat-x;
}


/* Popup */
body#movie{
	margin:10px;
	padding:0;
	text-align:center;
	position:relative;
	color:#222222;
	font-family:MS P Gothic,Meiryo,Hiragino Kaku Gothic Pro W3,Osaka,sans-serif;
}

body#movie h1{
	font-size:1em;
	padding:5px;
	background:#e8e8e8;
}

body#movie div{
	margin-top:15px;
	padding-top:10px;
	border-top:3px solid #cccccc;
}


/* ------------------------------------- /Interview/ ----------------------------------------*/

#ct #ct_interview{
	padding:25px 20px 0 20px;
}
#ct #ct_interview h3{
	clear:both;
	margin-bottom:15px;
}
#ct #ct_interview #profile{
	margin:20px 0;
	border:1px dotted #2476B0;
	padding:5px 10px;
	background:#f0f0f0;
}
#ct #ct_interview .sep{
	margin:10px 0 20px 0;
}
#ct #ct_interview .leftbox{
	width:408px;
	float:left;
}
#ct #ct_interview .rightbox{
	width:408px;
	float:right;
}
#ct #ct_interview .box190{
	width:190px;
}
#ct #ct_interview .txt_blue{
	font-weight:bold;
}
#ct #ct_interview .next{
	background:#f0f0f0;
	/*text-align:right;*/
	padding:8px 10px;
	margin:10px 0;
	border:1px solid #cccccc;
}

/* list */
#ct #ct_interview_list{
	padding:25px 0 0 20px;
}
#ct #ct_interview_list h3{
	margin-top:15px;
}
#ct #ct_interview_list ul{
	padding-bottom:15px;
}
#ct #ct_interview_list li{
	margin:15px 15px 0 0;
	float:left;
}
#ct #ct_interview_list li a{
	float:left;
	width:390px;
	padding:5px 10px;
	background:#f0f0f0;
	border:1px solid #cccccc;
	text-decoration:none;
}
#ct #ct_interview_list li img{
	float:left;
	margin-right:10px;
	border:5px solid #ffffff;
}
#ct #ct_interview_list strong{
	display:block;
	margin-bottom:5px;
	color:#2476B0;
}

/* ------------------------------------- /Opencampus/ ----------------------------------------*/

#ct #ct_opencampus{
	padding:25px 20px 0 20px;
}
#ct #ct_opencampus.op2010 h2{
	position:relative;
	height:300px;
	width:840px;
	background:url(../opencampus/img/mttl_04.jpg) no-repeat;
}
#ct #ct_opencampus.op2011 h2{
	position:relative;
	height:300px;
	width:840px;
	background:url(../opencampus/img/mttl_06.jpg) no-repeat;
}
#ct #ct_opencampus h2 a{
	position:absolute;
	left:10px;
	top:200px;
	width:84px;
	height:84px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	display:block;
}
#ct #ct_opencampus h3{
	margin:20px 0 10px 0;
}
#ct #ct_opencampus h3 a{
	float:right;
}
#ct #ct_opencampus h4{
	margin:5px 0 10px 0;
	color:#2476B0;
	font-size:1.3em;
}
#ct #ct_opencampus .leftbox{
	width:505px;
	margin-bottom:10px;
	float:left;
}
#ct #ct_opencampus .rightbox{
	width:330px;
	margin-top:20px;
	float:right;
}
#ct #ct_opencampus .rightbox h3{
	margin:0 0 0 15px;
}
#ct #ct_opencampus .rightbox h4{
	margin:0 0 5px 0;
	border-left:5px solid #2476B0;
	padding-left:8px;
	font-size:1em;
	color:#222222;
}
#ct #ct_opencampus .rightbox .inr{
	margin-left:15px;
	background:#EEEEEE;
	padding:10px 7px 0 8px;
	float:right;
}
#ct #ct_opencampus .rightbox .inr ul.square li{
	padding-left:12px;
	margin:0;
}

#ct #ct_opencampus #ct_dt{
	clear:both;
}
#ct #ct_opencampus #ct_dt h3{
	background:#E8E8E8;
	padding:15px;
	margin:20px 0 20px 0;
	text-align:center;
}
#ct #ct_opencampus #ct_dt .box_dt{
	width:410px;
	float:left;
}
#ct #ct_opencampus #ct_dt dl.open_schedule dd{
	list-style:none;
	padding-left:5.5em;
	text-indent:-3em;
	margin-top:-1.5em;
}
#ct #ct_opencampus #ct_dt dl.open_schedule dd.mb{
	margin-bottom:1.5em;
}
#ct #ct_opencampus .btn_top{
	claer:both;
	width:840px;
	margin-top:20px;
	padding:15px 0;
	text-align:center;
	border-top:3px solid #cccccc;
}
#ct #ct_opencampus .link a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* Opinion Sheet */
#ct #ct_opencampus #opinion{
	claer:both;
	width:840px;
	margin-top:10px;
	background:url(../opencampus/img/200907/bg_opinion.jpg) no-repeat;
}
#ct #ct_opencampus #opinion h3{
	margin:0 0 0 10px;
	padding:0;
}
#ct #ct_opencampus #opinion dl{
	float:left;
	padding-left:35px;
	padding-bottom:20px;
}
#ct #ct_opencampus #opinion dd{
	margin-top:10px;
	width:340px;
	background:url(../img_cmn/bg_square.gif) 0 8px no-repeat;
	padding-left:10px;
}
#ct #ct_opencampus td.adjust img{
	vertical-align:middle;
}


/* 2010 ver */
#ct #ct_opencampus #opinion2010{
	claer:both;
	width:840px;
	margin:5px 0 30px 0;
	background:#F4F1E1 url(../opencampus/img/201007/bg_opinion.jpg) bottom no-repeat;
}
#ct #ct_opencampus #opinion2010 h3{
	margin:0;
	padding:0;
}
#ct #ct_opencampus #opinion2010 ul{
	float:left;
	padding-left:35px;
	padding-bottom:20px;
}
#ct #ct_opencampus #opinion2010 li{
	margin-top:10px;
	width:360px;
	background:url(../img_cmn/bg_square.gif) 0 8px no-repeat;
	padding-left:10px;
}



/* ------------------------------------- /Schedule/ ----------------------------------------*/

#schedule #bc{
	background:none;
}
#schedule #schedule_inr{
	padding:0 20px;
}
#schedule #ct_left{
	float:left;
	width:630px;
}
#schedule #ct_left #profile{
	min-height:220px;
	_height:236px;
	
}
#schedule.c01 #ct_left #profile{background:url(../schedule/img/sttl_01.jpg) no-repeat;}
#schedule.c02 #ct_left #profile{background:url(../schedule/img/sttl_02.jpg) no-repeat;}


#schedule #ct_left #profile h3{
	display:none;
}

#schedule #ct_left #profile p{
	padding-top:105px;
	width:430px;
}

#schedule #ct_left #timeschedule{
	background:url(../schedule/img/bg_note_01.gif) repeat-y;
}

#schedule #ct_left #timeschedule div{
	margin:0 30px 20px 18px;
}
#schedule #ct_left #timeschedule h4{
	margin:0;
	padding:0;
}
#schedule #ct_left #timeschedule h4.last{
	margin-left:18px;
}
#schedule #ct_left #timeschedule p{
	margin-left:70px;
	width:250px;
}
#schedule #ct_left #timeschedule .right{
	margin-top:25px;
}


#schedule #ct_left #qabox{
	padding:15px;
	margin:15px 0;
	background:#EEEEEE;
	border:#519FCA 1px dotted;
}
#schedule #ct_left #qabox p{
	width:195px;
	float:left;
}
#schedule #ct_left #qabox p img{
	border:2px solid #ffffff;
}
#schedule #ct_left #qabox h4{
	margin-bottom:15px;
}

#schedule #ct_left #qabox dl{
	float:left;
	width:400px;
}
#schedule #ct_left #qabox dt{
	color:#1975B4;
	font-weight:bold;
	margin-bottom:5px;
}
#schedule #ct_left #qabox dd{
	margin-bottom:10px;
}



#schedule #backnum{
	float:right;
	width:182px;
}
#schedule #backnum ul{
	border:#E8E8E8 1px solid;
}
#schedule #backnum li{
	border-top:#1975B4 3px solid;
	padding-bottom:10px;
}
#schedule #backnum li a{
	display:block;
	text-decoration:none !important;
}
#schedule #backnum li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#schedule #backnum li strong{
	display:block;
	margin:5px 10px;
	padding-bottom:3px;
	background:url(../img_cmn/line_01.gif) bottom repeat-x;
}
#schedule #backnum li a strong{
	font-size:x-small;
	
	color:#999999;
}
#schedule #backnum li span{
	display:block;
	margin:5px 10px;
	padding-left:20px;
	background:url(../img_cmn/arw_04.gif) left center no-repeat;
}


#schedule ul#index_backnum{
	float:left;
	border-left:#E8E8E8 1px solid;
	margin:25px 0 20px 5px;
}
#schedule #index_backnum li{
	border-right:#E8E8E8 1px solid;
	border-top:#1975B4 3px solid;
	border-bottom:#E8E8E8 1px solid;
	padding-bottom:10px;
	display:block;
	float:left;
	width:165px;
}
#schedule #index_backnum li a{
	display:block;
	width:165px;
	text-decoration:none !important;
}
#schedule #index_backnum li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#schedule #index_backnum li strong{
	display:block;
	margin:5px 10px;
	padding-bottom:3px;
	background:url(../img_cmn/line_01.gif) bottom repeat-x;
}
#schedule #index_backnum li a strong{
	font-size:x-small;
	
	color:#999999;
}
#schedule #index_backnum li span{
	display:block;
	margin:5px 10px;
	padding-left:20px;
	background:url(../img_cmn/arw_04.gif) left center no-repeat;
}

#schedule.index h2{
	padding:20px 20px 0 20px;
}
#schedule.index #bc{
	margin:0 20px;
	background:url(../img_cmn/line_01.gif) bottom repeat-x;
}