@charset "utf-8";

/*-------------------------------------------------

 for [_ːRCvg&Z^[]

 Style name: monitor.css
 
 Site URL: http://www.keioc.jp/

 File URL: common/css/monitor.css

 Created: 2010-02-12
 
 Description by suzuki_rui

 -------------------------------------------------*/
 
/*---------------------------
 sidebar_monitor.php
 --------------------------- */
li#fi01Low div#fi01LowIn {
	margin: -5px 0 7px 0;
	padding: 10px;
	border: 1px solid #deb6a4;
	border-top: none;
	background: #fff;
}
li#fi01Low div#fi01LowIn div.lastChild {margin-bottom: 0;}
li#fi01Low div#fi01LowIn h5 {
	padding: 3px 5px;
	color: #fff;
	border-left: 4px groove #685a29;
	background: #c4c195;
}
li#fi01Low ul li {
	display: block;
	line-height: 1.6;
}
li#fi01Low ul li a,
/* archive */
ul#archivesList li a {
	padding-left: 7px;
	background: url(../../img/monitor/arr_curr.gif) no-repeat left;
}
li#fi01Low ul li ul.children li a {
	margin: 0 0 0 .7em;
	padding-left: 7px;
	font-size: .9em;
	background: url(../../img/monitor/arr_child.gif) no-repeat left;
}
li#fi01Low li.cat-item-8 {margin-bottom: 10px;}



/*---------------------------
 archive_monitor.php
 --------------------------- */
/* tab nav */
div#monitorTab {
	padding-bottom: 11px;
	background: url(../../img/monitor/tab_bottom.gif) no-repeat bottom left;
	position: relative;
}
div#monitorTabIn {
	/* width: 525px; */
	width: 485px;
	padding: 0 20px 10px 20px;
	background: url(../../img/monitor/tab_body.gif) repeat-y;
	position: relative;
}
div#monitorTab ul.tabNav {
	padding-top: 50px;
	position: relative;
}
div#monitorTab ul.tabNav li {
	width: auto;
	line-height: normal;
	margin: 0;
}
div#monitorTab ul.tabNav li a {
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -100000em;
	border: none;
	background: none;
}
div#monitorTab ul.tabNav li a:hover {
	-moz-opacity: 0.60;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
div#monitorTab ul.tabNav li#t_name_ages a,
div#monitorTab ul.tabNav li#t_name_cases a,
div#monitorTab ul.tabNav li#t_name_ages a.active,
div#monitorTab ul.tabNav li#t_name_cases a.active {
	position: absolute;
	top: 0;
}
div#monitorTab ul.tabNav li#t_name_ages a {left: 5px; width: 253px; background: url(../../img/monitor/tab_passive_ag.gif) no-repeat;}
div#monitorTab ul.tabNav li#t_name_ages a.active {left: 0; width: 267px; background: url(../../img/monitor/tab_active_ag.gif) no-repeat;}
div#monitorTab ul.tabNav li#t_name_cases a {right: 5px; width: 253px; background: url(../../img/monitor/tab_passive_ca.gif) no-repeat;}
div#monitorTab ul.tabNav li#t_name_cases a.active {right: 0; width: 267px; background: url(../../img/monitor/tab_active_ca.gif) no-repeat;}

/* tab contents */
div#monitorTab div#tab1,
div#monitorTab div#tab2 {width: 485px;}

div#monitorTabIn ul li {padding: 0 0 15px 0;}
div#monitorTabIn ul li.lastChild {padding-bottom: 0;}

div#monitorTabIn ul li h4.h4title {
	padding: 2px 0 1px 5px;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #eaeaea;
	border-bottom: 1px solid #d2bfb7;
	background: #dbbbad;
}

div#monitorTabIn dl {margin-bottom: 5px; padding: 5px;}
div#monitorTabIn dl.bLink:hover {background: url(../../img/loop/border_red.gif);}
div#monitorTabIn dl.bLink:hover dd img {
	-moz-opacity: 0.80;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div#monitorTabIn dl dt {
	padding: 0 0 7px 25px;
	background: url(../../img/monitor/icon_document.gif) no-repeat;
	/* background: url(../../img/monitor/icon_document02.gif) no-repeat; */
}
div#monitorTabIn dl dt span {
	font-size: .8em;
	float: right;
}
div#monitorTabIn dl dd img {
	/*
	width: 18%;
	height: 18%;
	*/
	width: 90px;
	height: 55px;
	margin: 0 10px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
}
div#monitorTabIn dl dd span {
	margin-top: 4px;
	padding-left: 10px;
	font-size: .8em;
	float: right;
}



/*---------------------------
 single_monitor.php
 -------------------------- */
div#mo_lead {margin-bottom: 40px;}
div#mo_lead h3 span {
	margin-top: 4px;
	font-size: .7em;
	font-weight: normal;
	float: right;
}

div.doComBoxWrap {
	width: 530px;
	margin-left: -100px;
	padding-left: 100px;
	position: relative;
	background: url(../../img/monitor/t_shi_body.gif) repeat-y right;
}
div.doComBox {padding-bottom: 20px; background: url(../../img/monitor/t_shi_bottom.gif) no-repeat bottom right;}
div.doComBoxIn {padding-top: 25px; background: url(../../img/monitor/t_shi_top.gif) no-repeat right top;}
div.doComBox h4 {text-indent: -100000em;}
p#pnShi {
	position: absolute;
	top: -5px;
	left: 0;
}

div.doComBoxIn p {margin-bottom: 1em; padding: 0 40px;}
div.doComBoxIn p.lastChild {margin-bottom: 0;}

div.stage {position: relative;}
div.stage h3 {
	margin: 0;
	padding: 0;
	background: none;
	position: absolute;
	top: 0;
	left: -100px;
}
div.stage ul {padding: 85px 10px 10px 10px;}
div.stage ul li {
	padding: 15px;
	border: 1px solid #dedede;
	border-top: 2px solid #fff;
	background: #f7f7f7;
}
div.stage ul li.firstChild {border-top: 1px solid #dedede;}
div.stage ul li h4.h4title {margin-bottom: 10px;}
div.stage ul li ul {
	margin: 0;
	padding: 0;
}
div.stage ul li ul li {
	margin-bottom: 5px;
	padding: 0 20px 0 0;
	border: none;
	/* border-left: 4px solid #666; */
	float: left;
}
div.stage ul li ul li.firstChild {border-top: none;}

div.stage ul li p {}
div.stage ul li p.imgField {
	/* width: 410px; */
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	overflow: hidden;
}
div.stage ul li p.imgField img {
	padding: 1px;
	border: none;
	background: #fff;
	/* box-shadow */
	-moz-box-shadow: 0 0 3px #969696; /* for Firefox */	
	-webkit-box-shadow: 0 0 3px #969696; /* for Safari and chrome */
	/* box-shadow for IE */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);
}
div.stage ul li  div {margin-bottom: 15px;}
div.stage ul li  div.lastChild {margin-bottom: 0;}