@charset "utf-8";

/*
======== table of content. =================================

File name: css/guidance.css
Summary: 就職ガイダンス案内ページ用CSSファイル

============================================================
*/
#mainLeft div.section div.wrapper{
	width:100%;
	overflow:hidden;
}
#mainLeft div.section p.lead{
	width:100%;
	padding:20px 0 10px 0;
}
#mainLeft div.section p.lead strong{
	padding:0 5px 0 5px;
	color:#333399;
	background:#E4E5F7;
}

#mainLeft div.section div.inline{
	width:347px;
	float:left;
	display:inline;
	margin:0 20px 0 0;
	padding:3px;
	border:1px solid #C4C7D0;
	background:#E4E5F7;
}
#mainLeft div.section div.inline h4{
	width:100%;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:bold;
	font-size:112%;
	color:#333399;
}
#mainLeft div.section div.inline div.inside{
	padding:12px 11px 0 11px;
	background:#FFF;
}

#mainLeft div.section div.inline div.inside table{
	width:100%;
	/* margin:12px 0 15px 0; */
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#mainLeft div.section div.inline div.inside table thead th,
#mainLeft div.section div.inline div.inside table tbody td{
	width:14%;
	padding:5px;
	text-align:center;
	vertical-align:middel;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#mainLeft div.section div.inline div.inside table thead th{
	background:#F1F1D1;
}
#mainLeft div.section div.inline div.inside table thead th.sat,
#mainLeft div.section div.inline div.inside table tbody td.sat{
	color:#993300;
}
#mainLeft div.section div.inline div.inside table thead th.sun,
#mainLeft div.section div.inline div.inside table tbody td.sun{
	color:#0066CC;
}
#mainLeft div.section div.inline div.inside table tbody td.exe{
	font-weight:bold;
	color:#333399;
	background:#E4E5F7;
}
#mainLeft div.section div.inline div.inside ul{
	padding:15px 0 0 0;
}

#mainLeft div.section #closeupChannel{
	width:100%;
	height:60px;
	clear:both;
	overflow:hiddne;
	background:url("../images/guidance/bg_closeupChannel.jpg") repeat-x 0 0;
}
#mainLeft div.section #closeupChannel p#btnBnrPrev{
	width:85px;
	float:left;
	display:inline;
}
#mainLeft div.section #closeupChannel div#channelIcon{
	width:560px;
	/*height:60px;*/
	float:left;
	display:inline;
	_margin:5px 0 0 0;
	text-align:center;
}
#mainLeft div.section #closeupChannel div#channelIcon span{
	padding:0 5px 0 5px;
}
#mainLeft div.section #closeupChannel p#btnBnrNext{
	width:85px;
	float:right;
	display:inline;
}

#mainLeft div.section div.subindex-list dl{
	width:100%;
	overflow:hidden;
	
}
#mainLeft div.section div.subindex-list dl dt{
	width:110px;
	float:left;
	padding:5px 0 4px 0;
	border-bottom:1px solid #999999;
}
#mainLeft div.section div.subindex-list dl dd{
	width:235px;
	float:left;
	padding:5px 0 5px 10px;
	background:url("../images/guidance/bg_border.gif") repeat-x 0 100%;
}
#mainLeft div.section div.subindex-list p{
	padding:10px 0 0 0;
}

/* attendance */
#mainLeft div.section div.attendance{
	width:100%;
	margin:20px 0 20px 0;
	padding:5px 0 0 0;
	background:url("../images/guidance/bg_iconlist_top.gif") no-repeat 0 0 #EEEEEE;
}
#mainLeft div.section div.attendance ul{
	overflow:hidden;
	padding:0 0 5px 15px;
	font-size:84%;
	background:url("../images/guidance/bg_iconlist_bottom.gif") no-repeat 0 100%;
	zoom:1;
}
#mainLeft div.section div.attendance ul li{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	padding:0 15px 0 0;
	background:url("../images/guidance/bg_length.gif") repeat-y 100% 0;
}
#mainLeft div.section div.attendance ul li.ico01 span{
	padding:0 0 0 10px;
	background:url("../images/guidance/ico_attendance01.gif") no-repeat 0 3px;
}
#mainLeft div.section div.attendance ul li.ico02 span{
	padding:0 0 0 10px;
	background:url("../images/guidance/ico_attendance02.gif") no-repeat 0 3px;
}
#mainLeft div.section div.attendance ul li.ico03{
	background:url("") no-repeat 0 0;
}
#mainLeft div.section div.attendance ul li.ico03 span{
	padding:0 0 0 10px;
	background:url("../images/guidance/ico_attendance03.gif") no-repeat 0 3px;
}

#mainLeft div.section table.attendance-list{
	width:100%;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#mainLeft div.section table.attendance-list th,
#mainLeft div.section table.attendance-list td{
	padding:5px;
	vertical-align:middel;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#mainLeft div.section table.attendance-list th{
	font-size:84%;
	text-align:center;
	background:#F1F1D1;
}
#mainLeft div.section table.attendance-list td{
	
	background:#FFF;
}
#mainLeft div.section table.attendance-list .date{
	white-space:nowrap;
}
#mainLeft div.section table.attendance-list .txt{
	
}
#mainLeft div.section table.attendance-list .nowrap{
	white-space:nowrap;
		font-size:84%;
}
#mainLeft div.section table.attendance-list .icon{
	width:7%;
	text-align:center;
}
#mainLeft div.section div.inline div.inside ul.circle-date-image {
	background: #EEEEEE;
	padding-top:8px;
	margin-top: 10px;
}
ul.circle-date li {
	list-style:circle;
}

ul.circle-date-image li {
	padding:0 0 8px 27px;
	background:
		url(../../../images/common/ico_circle_choco.gif) 
		no-repeat 15px 8px;
}