@charset 'utf-8';
@import url("/about/common/about.css");

/*----------------------------------------------------------
	http://www.omron.co.jp/
	About > Events

	Build:2008.02.12
----------------------------------------------------------*/

/*-Modify Record-----------------------*/


/*======================================
	Color Glossary
	
	OMRON Blue=>#0055C4(border,link,etc)
	Black=>#333333(text color)
	Gray1=>#555555(header,footer,bread,etc)
	Sky Blue=>#3983B9(Copy)
	Sky Blue 2=>#6DA5CD(Sub Copy)
	Pale Blue=>#EAEFF4(Background)
	Pale Blue 2=>#
======================================*/
/*--------------------------------------
	Clearfix
--------------------------------------*/
html>body .legend,
html>body .monthlist,
html>body .eventdetail .titles,
html>body .eventdetail .data,
html>body .eventdetail .data ul.relatesites{
	overflow:hidden;
}
.legend:after,
.monthlist:after,
.eventdetail .titles:after,
.eventdetail .data:after,
.eventdetail .data ul.relatesites:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.legend,
.monthlist,
.eventdetail .titles,
.eventdetail .data,
.eventdetail .data ul.relatesites{
	_height:1%;
}


/*--------------------------------------
	Segment Color
	(ul.colorlist,ul.event,dl.titles共通の各事業部カラー)
--------------------------------------*/
.colorlist .iab span.color,
table.calendar tr.day a.iab,
.eventdetail .iab .titles{
	background:#FCB0B0;
}
.colorlist .emc span.color,
table.calendar tr.day a.emc,
.eventdetail .emc .titles,
.colorlist .ecb span.color,
table.calendar tr.day a.ecb,
.eventdetail .ecb .titles{
	background:#CEF1C6;
}
.colorlist .ohq span.color,
table.calendar tr.day a.ohq,
.eventdetail .ohq .titles{
	background:#B3D5FF;
}
.colorlist .oae span.color,
table.calendar tr.day a.oae,
.eventdetail .oae .titles,
.colorlist .aec span.color,
table.calendar tr.day a.aec,
.eventdetail .aec .titles{
	background:#B6B5D2;
}
.colorlist .ped span.color,
table.calendar tr.day a.ped,
.eventdetail .ped .titles{
	background:#E9CA9E;
}
.colorlist .rfid span.color,
table.calendar tr.day a.rfid,
.eventdetail .rfid .titles{
	background:#EFC2F5;
}
.colorlist .power span.color,
table.calendar tr.day a.power,
.eventdetail .power .titles,
.colorlist .environ span.color,
table.calendar tr.day a.environ,
.eventdetail .environ .titles,
.colorlist .green span.color,
table.calendar tr.day a.green,
.eventdetail .green .titles{
	/*background:#FFEDA5;*/
	background:#CDE28B;
}
.colorlist .ssb span.color,
table.calendar tr.day a.ssb,
.eventdetail .ssb .titles{
	background:#FFD862;
}


/*--------------------------------------
	Color List
--------------------------------------*/
#main .legend{
	border:1px solid #cccccc;
	margin-bottom:1em;padding:2px;
}
#main .legend .sectbody{
	border:1px solid #f5f5f5;
	margin-bottom:0;padding:10px 20px;
}
.colorlist {
	width:260px;
}
.colorlist-odd{
	float:left;
	width:230px;
}
.colorlist-even{
	float:right;
	width:290px;
}
.colorlist li{
	color:#555555;
}
.colorlist span.color{
	margin-right:5px;padding:0 20px;
}


/*--------------------------------------
	Month List
--------------------------------------*/
.monthlist {
	background:url(img/calendar_tab_bg.gif) left 35px repeat-x;
	margin-bottom:5px;padding:0 0 20px 3px;
}
.monthlist li{
	float:left;
	margin-right:3px;
}
.monthlist li a{
	display:block;
	width:100px;height:39px;
}
body.subct-now #mainbody .monthlist li.now img{
	display:none;
}
body.subct-next #mainbody .monthlist li.next img{
	display:none;
}
body.subct-afternext #mainbody .monthlist li.afternext img{
	display:none;
}


/*-ここから毎月変更が必要 -----------*/
/*
.monthlist li.now{
	background:url(img/month_08_on.gif) left top no-repeat;
}
.monthlist li.next{
	background:url(img/month_09_on.gif) left top no-repeat;
}
.monthlist li.afternext{
	background:url(img/month_10_on.gif) left top no-repeat;
}
*/
/*-ここまで毎月変更が必要 -----------*/


/*-毎月変更の必要なし！ -----------*/
.monthlist li.m01{
	background:url(img/month_01_on.gif) left top no-repeat;
}
.monthlist li.m02{
	background:url(img/month_02_on.gif) left top no-repeat;
}
.monthlist li.m03{
	background:url(img/month_03_on.gif) left top no-repeat;
}
.monthlist li.m04{
	background:url(img/month_04_on.gif) left top no-repeat;
}
.monthlist li.m05{
	background:url(img/month_05_on.gif) left top no-repeat;
}
.monthlist li.m06{
	background:url(img/month_06_on.gif) left top no-repeat;
}
.monthlist li.m07{
	background:url(img/month_07_on.gif) left top no-repeat;
}
.monthlist li.m08{
	background:url(img/month_08_on.gif) left top no-repeat;
}
.monthlist li.m09{
	background:url(img/month_09_on.gif) left top no-repeat;
}
.monthlist li.m10{
	background:url(img/month_10_on.gif) left top no-repeat;
}
.monthlist li.m11{
	background:url(img/month_11_on.gif) left top no-repeat;
}
.monthlist li.m12{
	background:url(img/month_12_on.gif) left top no-repeat;
}
/*-ここまで毎月変更の必要なし！ -----------*/



/*--------------------------------------
	Calendar
--------------------------------------*/
table.calendar {
	width:100%;
	background:url(img/calendar_bg.gif) left top repeat-y #ffffff;
	border-top:1px solid #cccccc;
}

table.calendar th,
table.calendar td{
	border-bottom:1px solid #cccccc;
}
table.calendar th{
	width:81px;
	border-left:1px solid #cccccc;
	padding:1px;
	color:#5F5F5F;
}
table.calendar th.sun,
table.calendar th.sat{
	width:81px;
}

table.calendar th.sun{
	color:#CC0000;
}
table.calendar th.sat{
	border-right:1px solid #cccccc;
	color:#3060B8;
}

table.calendar tr.weekday th{
	background-color:#Dddddd;
}
table.calendar tr.weekday th.sun{
	background-color:#FFDCDC;
}
table.calendar tr.weekday th.sat{
	background-color:#D2E3FF;
}

table.calendar tr.daycount th{
	background-color:#f2f2f2;
}

table.calendar tr.daycount th.othermonth{
	font-weight:lighter;
	color:#999999;
}
table.calendar tr.daycount th.othermonth-sun{
	color:#E78B89;
}
table.calendar tr.daycount th.othermonth-sat{
	color:#76A2EB;
}

table.calendar tr.day td{
	min-height:3em;_height:3em;
	padding:7px 0 7px 1px;
}
table.calendar tr.day td.sat{
	padding-right:1px;
}
table.calendar tr.day a{
	display:block;
	width:77px;_height:1%;
	padding:3px 2px;
	font-size:78%;line-height:100%;
}


/*-日数（事業部・開始曜日と複数指定可）（1日の場合は指定不要）-----*/
table.calendar tr.day a.span-2{
	width:159px;
}
table.calendar tr.day a.span-3{
	width:241px;
}
table.calendar tr.day a.span-4{
	width:323px;
}
table.calendar tr.day a.span-5{
	width:405px;
}
table.calendar tr.day a.span-6{
	width:487px;
}
table.calendar tr.day a.span-7{
	width:569px;
}

/*-開始曜日（事業所・日数と複数指定可）（日曜開始の場合は指定不要）-----*/
table.calendar tr.day a.start-mon{
	margin-left:82px;
}
table.calendar tr.day a.start-tue{
	margin-left:164px;
}
table.calendar tr.day a.start-wed{
	margin-left:246px;
}
table.calendar tr.day a.start-thu{
	margin-left:328px;
}
table.calendar tr.day a.start-fri{
	margin-left:410px;
}
table.calendar tr.day a.start-sat{
	margin-left:492px;
}


/*--------------------------------------
	Details
--------------------------------------*/
.eventdetail .titles{
	margin-bottom:2px;padding:3px 5px;
}
.eventdetail .titles dt{
	float:left;
}
.eventdetail .titles dd{
	float:right;
	font-size:78%;
}

.eventdetail .data {
	padding-top:7px;
}
.eventdetail .data dt{
	float:left;
	width:160px;
}
.eventdetail .data dd{
	margin-left:160px;
}
.eventdetail .data table.datalist{
	width:99%;
}
.eventdetail .data table.datalist th,
.eventdetail .data table.datalist td{
	background:url(/common/img/border_dot_gray_dark.gif) left bottom repeat-x;
}
.eventdetail .data table.datalist tr.even th,
.eventdetail .data table.datalist tr.even td{
	background:url(/common/img/border_dot_gray_dark.gif) left bottom repeat-x #F9F9F9;
}
.eventdetail .data table.datalist th{
	width:20%;
	padding:3px 0;
	white-space: nowrap;
}
.eventdetail .data table.datalist td{
	width:80%;
	padding:3px 0 3px 5px;
}
.eventdetail .data ul.relatesites{
	padding:5px 0;
}
.eventdetail .data ul.relatesites li{
	display:inline;
}