@charset "Shift_JIS";

/* ================================================
CITIZEN WATCH co.jp
Cascading Style Sheets FILE
【003-ir.css】　IR情報ページ定義用スタイルシート
================================================ */


/*　IRトップページ　*/
#ir #contents p.ir_main_visual{
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	zoom:1;
}

#ir #contents p.ir_main_visual span{
	display:block;
	position:absolute;
	right:13px;
	bottom:12px;
}



body#ir #contents div.mainph{
	margin: 0;
}
body#ir #contents div.col{
	margin:15px 0 0 0;
	width:554px;
}
	body#ir #contents div.col3{
	width:182px;
	margin:0 4px 0 0;
	padding:0 0 5px;
	float:left;
}
body#ir #contents div.col3 p{
	margin: 0;
	padding:0;
}

body#ir #contents div.end{
	margin:0;
	border:0;
}

body#ir #contents div.col2{
	width:273px;
	margin:0 8px 0 0;
	padding:0;
	float:left;
}

body#ir #contents div.col2 p{
	margin:0 0 10px 0;
	padding:0;
}

body#ir #contents div.end{
	margin:0;
	border:0;
}

body#ir #contents table.newsarea{
	width:250px;
	margin:0 10px 0 10px;
}

body#ir #contents table.newsarea td{
	vertical-align:top;
	padding:1px;
}
body#ir #contents table.newsarea tr.date td{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

body#ir #contents table.newsarea td p.date{
	font-size:85%;
	line-height:100%;
	text-align:left;
	margin:0;
	padding:0;
}

body#ir #contents table.newsarea td.icon{
	padding:3px;
}

body#ir #contents p.back{
	text-align:right;
	margin: 0;
}


/**　ここから追記　**/

/*　空き調整　*/
body#ir #contents p.notop-ir,
body#ir #contents table.notop-ir {
	margin-top: 0;
}

body#ir #contents div.col2 p.note,
body#ir #contents div.col2 p.note-table {
	margin-left: 10px;
}

/*　カラム内のテーブル幅　*/
body#ir #contents div.col2 table.standard {
	width: 262px;
}

body#ir #contents div.colright1 table.standard {
	width: 358px;
}

body#ir .irIndexBox01,
body#ir .irIndexBox01 dt,
body#ir .irIndexBox01 dd,
body#ir .irIndexBox01 ul,
body#ir .irIndexBox01 li {
	margin: 0;
	padding: 0;
	list-style:none;
}
body#ir .irIndexBox01 {
	width: 554px;
	padding: 15px 0 5px;
}

body#ir .irIndexBox01 dt {
	padding: 7px 15px 5px;
	border-bottom: 1px solid #b0b0b2;
	background: url(../../ir/images/index_bg_01.gif) 0 0 no-repeat #efefef;
	color: #333333;
	font-weight: bold;
}

body#ir .irIndexBox01 dd {
	padding: 10px 0 5px 15px;
	background: url(../../ir/images/index_bg_02.gif) 0 bottom no-repeat #efefef;
}

body#ir .irIndexBox01 ul li,
body#ir .irIndexBox01 ul li .icon {
	float: left;
}

body#ir .irIndexBox01 ul li {
	margin: 0 50px 5px 0;
}

body#ir .irIndexBox01 ul li a {
	margin-left: 5px;
}


body#ir .irIndexBox01 ul:after,
body#ir .irIndexBox01 ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body#ir .irIndexBox01 ul,
body#ir .irIndexBox01 ul li {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html body#ir .irIndexBox01 ul,
* html body#ir .irIndexBox01 ul li {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html body#ir .irIndexBox01 ul,
*:first-child+html body#ir .irIndexBox01 ul li {
	display: inline-table;
}/* end hacks */



/*　汎用パーツ　*/
body#ir #contents .pixline1 {
	border: solid 1px #cccccc;
}


/*　シチズンを知ろう-トップ　*/
body#ir #contents ul.left-ir1 {
	float: left;
	width: 265px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-left: 10px;
	list-style: none;
}
body#ir #contents ul.right-ir1 {
	float: right;
	width: 265px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	list-style: none;
}
body#ir #contents ul dl {
	margin: 0;
	padding: 0;
}
body#ir #contents ul dl dt {
	float: left;
	width: 100px;
}
body#ir #contents ul dl dd {
	margin-left: 100px;
}
body#ir #contents ul.left-ir1 li dl dd,
body#ir #contents ul.right-ir1 li dl dd {
	font-size: 100%;
}

/*　シチズンを知ろう-身近なシチズン　*/
body#ir #contents dl.intro1:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
body#ir #contents dl.intro1 {
	display: inline-table;
	/* hide for MacIE \*/
	display: block;
	height: 1%;
	/* End hide for MacIE */
	overflow: visible;
	/* hide for MacIE \*/
	overflow: hidden;
	/* End hide for MacIE */
	width: 539px;
	margin: 0 0 0 10px;
	padding: 10px 0;
	border-bottom: dashed 1px #cccccc;
}
body#ir #contents dl.intro1 dt {
	float: left;
	width: 162px;
}
body#ir #contents dl.intro1 dd {
	float: right;
	width: 367px;
}
body#ir #contents dl.intro1 p.txt {
	float: left;
	width: 237px;
	margin: 0;
	padding: 0;
}
body#ir #contents dl.intro1 p.pix {
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
	text-align: center;
}
body#ir #contents dl.intro1 p.pix span.note {
	display: block;
	margin-top: 3px;
	font-size: 80%;
	line-height: 150%;
}

/*　シチズンを知ろう-シチズンの生まれ　*/
body#ir #contents dl.intro2 {
	width: 539px;
	margin: 0 0 0 10px;
	padding: 0;
}
body#ir #contents dl.intro2 dt {
	float: left;
	width: 200px;
	text-align: center;
}
body#ir #contents dl.intro2 dd {
	float: right;
	width: 324px;
}
body#ir #contents dl.intro2 p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

/*　シチズンを知ろう-事業紹介　*/
body#ir #contents div.col-ir2 {
	overflow: hidden;
	width: 539px;
	margin-left: 10px;
	background: url("../../ir/intro/images/business_intro_line001.gif") repeat-y;
}
body#ir #contents div.col-ir2-1 {
	float: left;
	width: 175px;
	padding-right: 5px;
}
body#ir #contents div.col-ir2-2 {
	float: right;
	width: 344px;
}
body#ir #contents div.col-ir2-1 p,
body#ir #contents div.col-ir2-2 p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
body#ir #contents div.col-ir2-1 ul {
	liststyle-type: none;
	margin-left: 0;
	padding-left: 0;
}
body#ir #contents div.col-ir2-2 dl {
	margin: 0;
	padding: 0;
}
body#ir #contents div.col-ir2-2 dl dt {
	float: left;
}
body#ir #contents div.col-ir2-2 dl dd {
	padding-left: 3.5em;
	_padding-left: 3em;
}


/*　カレンダー　*/
body#ir #contents div.calendar:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
body#ir #contents div.calendar {
	display: inline-table;
	/* hide for MacIE \*/
	display: block;
	height: 1%;
	/* End hide for MacIE */
	width: 539px;
	margin-left: 10px;
	padding-bottom: 5px;
}
body#ir #contents div.month01 {
	background: url("../../ir/calendar/images/calendar_mon001bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month02 {
	background: url("../../ir/calendar/images/calendar_mon002bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month03 {
	background: url("../../ir/calendar/images/calendar_mon003bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month04 {
	background: url("../../ir/calendar/images/calendar_mon004bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month05 {
	background: url("../../ir/calendar/images/calendar_mon005bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month06 {
	background: url("../../ir/calendar/images/calendar_mon006bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month07 {
	background: url("../../ir/calendar/images/calendar_mon007bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month08 {
	background: url("../../ir/calendar/images/calendar_mon008bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month09 {
	background: url("../../ir/calendar/images/calendar_mon009bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month10 {
	background: url("../../ir/calendar/images/calendar_mon010bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month11 {
	background: url("../../ir/calendar/images/calendar_mon011bottom.gif") left bottom no-repeat;
}
body#ir #contents div.month12 {
	background: url("../../ir/calendar/images/calendar_mon012bottom.gif") left bottom no-repeat;
}
body#ir #contents div.calendar dl {
	overflow: visible;
	/* hide for MacIE \*/
	overflow: hidden;
	/* End hide for MacIE */
	width: 539px;
	margin: 2px 0 0 0;
	padding: 0;
}
body#ir #contents div.calendar dl.mon01 {
	background: url("../../ir/calendar/images/calendar_mon001bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon02 {
	background: url("../../ir/calendar/images/calendar_mon002bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon03 {
	background: url("../../ir/calendar/images/calendar_mon003bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon04 {
	background: url("../../ir/calendar/images/calendar_mon004bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon05 {
	background: url("../../ir/calendar/images/calendar_mon005bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon06 {
	background: url("../../ir/calendar/images/calendar_mon006bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon07 {
	background: url("../../ir/calendar/images/calendar_mon007bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon08 {
	background: url("../../ir/calendar/images/calendar_mon008bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon09 {
	background: url("../../ir/calendar/images/calendar_mon009bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon10 {
	background: url("../../ir/calendar/images/calendar_mon010bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon11 {
	background: url("../../ir/calendar/images/calendar_mon011bg.gif") repeat-y;
}
body#ir #contents div.calendar dl.mon12 {
	background: url("../../ir/calendar/images/calendar_mon012bg.gif") repeat-y;
}
body#ir #contents div.calendar dl dt {
	float: left;
	width: 58px;
	margin: 0 0 3px 0;
}
body#ir #contents div.calendar dl dd {
	float: right;
	width: 481px;
	padding: 3px 0 0 0;
}
body#ir #contents div.calendar dl dd ul.left {
	float: left;
	width: 225px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body#ir #contents div.calendar dl dd ul.right {
	float: right;
	width: 225px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body#ir #contents div.calendar dl dd ul.left li {
	margin-bottom: 0.25em;
	padding-left: 35px;
	background: url("../../ir/calendar/images/calendar_ic001.gif") 0 2px no-repeat;
	_height:20px;/* 背景印刷対応用 WinIE only */
}
body#ir #contents div.calendar dl dd ul.right li {
	margin-bottom: 0.25em;
	padding-left: 35px;
	background: url("../../ir/calendar/images/calendar_ic002.gif") 0 2px no-repeat;
	_height:20px;/* 背景印刷対応用 WinIE only */
}

body#ir #contents div.calendar dl dd ul.left li.yotei {
	background: url("../../ir/calendar/images/calendar_ic004.gif") 0 2px no-repeat;
	_height:40px;/* 背景印刷対応用 WinIE only */
	min-height:40px;
}

body#ir #contents div.calendar dl dd ul.right li.yotei {
	background: url("../../ir/calendar/images/calendar_ic005.gif") 0 2px no-repeat;
	_height:40px;/* 背景印刷対応用 WinIE only */
	min-height:40px;
}

body#ir #contents div.calendar dl dd ul li {
	font-size: 100%;
}
body#ir #contents div.calendar dl dd ul li a.pdf2 {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

body#ir #contents div.flasharea{
	margin:25px 0 0 8px;
}