@charset "utf-8";

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

File name: css/index.css
Summary: トップページ用CSSファイル

============================================================
*/
/*-------------------------------------
CONTENT
---------------------------------------*/
#content {
	width:100%;
	margin:0 auto;
}
#content #Flasharea {
	width:100%;
	height:327px;
}
#content #Flasharea p {
	width:994px;
	margin:0 auto;
}

/*-------------------------------------
MAIN
---------------------------------------*/
#main {
	width:980px;
	margin:13px auto 0 auto;
	overflow:hidden;
}
#main #mainLeft {
	float:left;
	width:480px;
}
#main #mainRight {
	float:right;
	width:480px;
}


#mainLeft .title-area,
#mainRight .title-area {
	width:480px;
}

/*-------------------------------------
MAIN LEFT
---------------------------------------*/
#mainLeft .title-area {
	position:relative;
	heigth:37px;
	padding:0 0 1px 0;
	background:
		url(../images/common/dotline_glay.gif)
		repeat-x left bottom;
}

#mainLeft .title-area h2,
#mainLeft .title-area h3 {
	width:183px;
}

#mainLeft .title-area ul.btn-util {
	position:absolute;
	top:16px;
	right:0;
	/*width:100px;*/
	width:50px;
	overflow:hidden;
}
#mainLeft .title-area ul.btn-util.top14 { top:14px; }

#mainLeft .title-area ul.btn-util li {
	float:left;
}

#mainLeft .news-list dl {
	width:464px;
	padding:13px 8px 13px 8px;
	background:
		url(../images/index/line_news.gif) 
		no-repeat left bottom;
	/*cursor:pointer;*/
	overflow:hidden;
}
#mainLeft .news-list dl:hover {
	background-color:#FCF9E4;
}

#mainLeft .news-list dl dt {
	float:left;
	width:72px;
	font-size:84%;
}
#mainLeft .news-list dl dd {
	width:357px;
	margin:0 0 0 85px;
	padding:0 0 0 19px;
	background:
		url(../images/common/ico_news.gif) 
		no-repeat 0 5px;
	font-size:92%;
}
#mainLeft .news-list dl dd { background-image:none; }
#mainLeft .news-list dl dd.ico-news { background-image:url(../images/common/ico_news.gif); }
#mainLeft .news-list dl dd.ico-event { background-image:url(../images/common/ico_event.gif); }
#mainLeft .news-list dl dd.ico-lesson { background-image:url(../images/common/ico_lesson.gif); }
#mainLeft .news-list dl dd.ico-topics { background-image:url(../images/common/ico_topics.gif); }

#mainLeft .news-list dl dd a.new {
	padding:0 25px 0 0;
	background:
		url(../images/common/ico_new.gif) 
		no-repeat right 3px;
}
/* for IE6 */
* html #mainLeft .news-list dl dd a.new {
	background-position: right 4px;
	zoom:1;
}
/* for IE7 */
*:first-child+html #mainLeft .news-list dl dd a.new {
	background-position: right 4px;
	zoom:1;
}


#mainLeft .title-area ul.exp-icon {
	position:absolute;
	top:0;
	left:185px;
	min-width:147px;
	height:18px;
	/* for ie6 */
	_width:147px;
	padding:4px 5px 4px 8px;
	background:#EEEEEE;
	overflow:hidden;
}
#mainLeft .title-area ul.exp-icon li {
	float:left;
	margin:0 7px 0 0;
	padding:0 0 0 14px;
	background:
		url(../images/common/ico_news.gif) 
		no-repeat left 4px;
	font-size:84%;
}
#mainLeft .title-area ul.exp-icon li span {
	padding:0 12px 0 0;
	background:
		url(../images/index/line_exp_icon.gif)
		repeat-y right top;
}
#mainLeft .title-area ul.exp-icon li span.none-line {
	padding:0;
	background:none;
}
#mainLeft .title-area ul.exp-icon li.exp-ico-news {}
#mainLeft .title-area ul.exp-icon li.exp-ico-event { background-image:url(../images/common/ico_event.gif); }
#mainLeft .title-area ul.exp-icon li.exp-ico-lesson { background-image:url(../images/common/ico_lesson.gif); }
#mainLeft .title-area ul.exp-icon li.exp-ico-topics { background-image:url(../images/common/ico_topics.gif); }



/* PDFアイコンがつく場合のフォントサイズ　ここと新着・イベント情報だけノーマルで */
a.link-pdf, 
.link-pdf {
	font-size:100%;
}



/*-------------------------------------
MAIN RIGHT
---------------------------------------*/
#mainRight {
}
#mainRight .title-area {
	position:relative;
	heigth:37px;
	padding:0 0 1px 0;
	border-bottom:1px solid #CCC;
}
#mainRight .title-area h3 {
	width:212px;
}
#mainRight .title-area ul.btn-util {
	position:absolute;
	top:1px;
	right:0;
	width:240px;
	overflow:hidden;
}
#mainRight .title-area ul.btn-util li {
	float:left;
	width:120px;
}

/* CLOSE UP */
#mainRight ul#closeup,
#mainRight ul#closeup {
	width:100%;
}
#mainRight ul#closeup {
}
/* THUMBNAIL TYPE */
#mainRight ul#closeup li ul.type-thumb {
	width:100%;
	margin:15px 0 0 0;
	overflow:hidden;
}
#mainRight ul#closeup li ul.type-thumb li {
	float:left;
	width:230px;
	height:160px;
	margin:0 20px 20px 0;
}

#mainRight ul#closeup li ul.type-thumb li dl dt,
#mainRight ul#closeup li ul.type-thumb li dl dd.bnr-exp {
	display:none;
}
#mainRight ul#closeup li ul.type-thumb li dl dd.bnr-image {
	width:220px;
	height:150px;
	padding:4px;
	background:#FFF;
	border:1px solid #CCC;
}
#mainRight ul#closeup li ul.type-thumb li dl dd.bnr-image.bg-blue {
	background:#DBDBF7;
}
#mainRight ul#closeup li ul.type-thumb li dl dd.bnr-image:hover {
	background:#5C5CAD;
}

/* TEXT LIST TYPE */
#mainRight ul#closeup li ul.type-list {
	width:100%;
}
#mainRight ul#closeup li ul.type-list li {
	width:476px;
	padding:0 2px 16px 2px;
	background:
		url(../images/common/dotline_glay.gif) 
		repeat-x left bottom;
}
#mainRight ul#closeup ul.type-list li:hover {
	background-color:#FCF9E4;
	/*cursor:pointer;*/
}

#mainRight ul#closeup ul.type-list li dl dd.bnr-image {
	display:none;
}
#mainRight ul#closeup ul.type-list li dl dt {
	padding:15px 0 0 0;
	color:#333399;
	font-weight:bold;
}
#mainRight ul#closeup ul.type-list li dl dd.bnr-exp {
	margin:10px 0 0 0;
	font-size:84%;
}

/* Channel */
#mainRight #closeupChannel {
	width:480px;
	margin:30px 0 0 0;
	overflow:hidden;
}
#mainRight #closeupChannel #btnBnrPrev {
	float:left;
	width:80px;
}
#mainRight #closeupChannel #btnBnrNext {
	float:left;
	width:80px;
}
#mainRight #closeupChannel #channelIcon {
	float:left;
	width:320px;
	height:30px;
	background:
		url(../images/index/bg_bnr_paging.jpg) 
		no-repeat left top;
	text-align:center;
}
/* for IE6 */
* html #mainRight #closeupChannel #channelIcon {
	height:25px;
	padding:5px 0 0 0;
}


#mainRight ul#closeup {
	display:none;
}