@charset "utf-8";

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

File name: css/common.css
Summary: 研究活動全般に係わるCSSファイル

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

/*-------------------------------------
上書き
---------------------------------------*/
#mainLeft .box-dotline-container{
	margin:20px 0 0 0;
}


/*-------------------------------------
SECTION
---------------------------------------*/
#mainLeft .section div.selectbox{
	margin:30px 0 0 0;
	padding:10px 30px;
	background:#EBEBFB;
}

#mainLeft .section div.selectbox dl dt,
#mainLeft .section div.selectbox dl dd{
	margin:0 30px 0 0;
	float:left;
}


#mainLeft .section  table tr{
	text-align:center;
}

#mainLeft .section  table tr td.mokuji{
	padding-left:12px;
	padding-right:10px;
	text-align:left;
}

/*-------------------------------------
上書き+追加
---------------------------------------*/
/* box-dotline-container
---------------------------------------*/
#mainLeft .box-dotline-container .box-dotline{
	position:relative;
}
#mainLeft .box-dotline-container .box-dotline dl{
	position:absolute;
	width:210px;
	
	top:9px;
	left:270px;
}
#mainLeft .box-dotline-container .box-dotline dl dt{
	width:210px;
	height:24px;
	overflow:hidden;
	text-indent:15px;
	line-height:24px;
	background:url("../images/common/bg_select.gif") no-repeat 0 0;
}
#mainLeft .box-dotline-container .box-dotline dl dt span{
	width:186px;
	display:block;
	float:left;
	overflow:hidden;
}
#mainLeft .box-dotline-container .box-dotline dl dt img{
	width:24px;
	float:right;
	cursor:pointer;
}
#mainLeft .box-dotline-container .box-dotline dl dd{
	width:210px;
	background:url("../images/common/bg_select_bottom.gif") no-repeat 0 100%;
}
#mainLeft .box-dotline-container .box-dotline dl dd ul{
	padding:1px;
}
#mainLeft .box-dotline-container .box-dotline dl dd ul li{
	width:208px;
	height:24px;
	overflow:hidden;
	margin:0 auto 0 auto;
	text-indent:15px;
	line-height:24px;
	cursor:pointer;
}
#mainLeft .box-dotline-container .box-dotline dl dd ul li.bg{
	background-color:#EFEFEF;
}
#mainLeft .box-dotline-container .box-dotline dl dd ul li:hover{
	color:#FFF;
	background-color:#333399;
}

/*-------------------------------------
拡大テキスト
---------------------------------------*/

#mainLeft .subindex .content-area div.caption div.content-link{
width:228px;
clear:left;
float:left;
}

/*-------------------------------------
PHOTO ZOOM
---------------------------------------*/

#mainLeft .content-area .photo-area {
	position:relative;
	width:100%;
}
#mainLeft .content-area .photo-area .photo {
	width:347px;
	padding:3px;
	border:1px solid #CCC;
	background:#FFF;
}
#mainLeft .content-area .photo-area dl.photo-info {
	position:absolute;
	bottom:0;
	left:0;
	width:315px;
	height:18px;
	padding:13px 20px;
	background:#3636A2;
	filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
	overflow:hidden;
}

#mainLeft .content-area .photo-area dl.photo-info dt {
	float:left;
	width:220px;
	color:#FFF;
}
#mainLeft .content-area .photo-area dl.photo-info dd {
	width:75px;
	margin:0 0 0 230px;
	text-align:right;
}
#mainLeft .content-area .photo-area dl.photo-info dd a {
	text-decoration:underline;
	color:#FFF;
}
#mainLeft .content-area .photo-area dl.photo-info dd a:hover {
	text-decoration:none;
	color:#FFF;
}
#mainLeft .content-area .photo-area dl.photo-info dd a.ico-arrow-white:hover {
	background-image:url(../../images/common/ico_cursor_white.gif);
}