@charset "shift_jis";

.vTop,
.vTop td {
	vertical-align: top !important;
}

.vMiddle,
.vMiddle td {
	vertical-align: middle !important;
}

.vBottom,
.vBottom td {
	vertical-align: bottom !important;
}

.lnavLast {
	border-bottom: none !important;
}

.bottomLine {
	margin-top: -2px;
}

.bottomLine img {
	display: block;
}


/* セコムグループの歩み */
div.historyTitle {
	background: url(/corporate/vision/img_v2/img_history_title_bg.jpg) right bottom no-repeat;
}

.contentsOuter {
	width: 680px;
	padding: 4px 0;
	background: url(/corporate/vision/img_v2/img_vision_bg01.gif) left top repeat;
}

.contentsInner {
	width: 672px;
	margin: 0 4px;
	background: url(/corporate/vision/img_v2/img_parts_frame01.gif) left top repeat-y;
}

.contentsBottom {
	width: 672px;
	height: 10px;
	overflow: hidden;
	background: url(/corporate/vision/img_v2/img_parts_frame02.gif) center top no-repeat;
}

.contentsBottom * {
	display: none;
}

.tabMenu {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabMenu li {
	float: left;
}

ol.chronoTable {
	width: 660px;
	margin: 0 6px;
	padding: 0;
	list-style-type: none;
}

ol.chronoTable li {
	width: 640px;
	overflow: hidden;
	margin: 0;
	padding: 28px 20px 30px 0;
	background: url(/corporate/vision/img_v2/img_parts_frame03.gif) center bottom no-repeat;
}

ol.chronoTable li .date {
	display: block;
	margin: 0 0 0 20px;
	padding: 0 0 0 6px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	border-left: 4px solid #993300;
}

ol.chronoTable li .lead {
	display: block;
	margin: 0 0 0 20px;
	padding: 0 0 0 6px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
}

ol.chronoTable li.last {
	background: none;
	padding-bottom: 20px;
}

ol#from1981, ol#from1989 {
	display: none;
}

ol.chronoTable li .comment {
	display: block;
	margin: 15px 0 0 30px;
	padding: 0;
}

ol.chronoTable li div.month {
	clear:both;
}

ol.chronoTable li div.month {
	/zoom:1;
}

ol.chronoTable li div.month:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

ol.chronoTable li .pict {
	float: right;
	margin:0 0 0 10px;
	width: 160px;	
}

ol.chronoTable li .pict02 {
	float: right;
	margin:0 0 0 10px;
	_margin:15px 0 0 10px;
	width: 160px;	
}

ol.chronoTable li .pict img {
	margin: 0 0 5px;
}

ol.chronoTable li .caption {
	color: #666;
	font-size: 85.7%;
	line-height: 1.1;	
	font-size: 85.7% !important;
}


/* セコム創業期物語 */
.storyTitle {
	background: url(/corporate/vision/img_v2/img_story_title_bg.jpg) right bottom no-repeat;
}

.storyTitle h1 {
	height: 29px;
	overflow: hidden;
}

#storySelect {
	float: left;
	_display: inline;
	width: 200px;
	margin: 20px 0 0 25px;
}

#storySelect h2 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

#storySelect ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 85.7%;
	line-height: 1.4;
	border-bottom: 1px solid #CAB48B;
}

#storySelect ul li {
	padding: 1px;
	background: url(/corporate/vision/img_v2/img_story_parts_01.gif) center top no-repeat;
}

#storySelect ul li a,
#storySelect ul li a:visited {
	display: block;
	padding: 10px 10px 10px 21px;
	background: url(/shared/img/icon_arrow_link_small.gif) 11px 14px no-repeat;
}

#storySelect ul li.current a,
#storySelect ul li.current a:visited {
	font-weight: bold;
	cursor: default;
	text-decoration: none;
	color: #333;
	background-color: #fff;
}

.storyText {
	float: right;
	_display: inline;
	width: 400px;
	margin: 0 25px 0 0;
}

.storyBlock {
	display: none;
	width: 400px;
	overflow: hidden;
	margin: 20px 0;
}

#no1, #no11, #no21 {
	display: block;
}

.storyBlock h3 {
	margin: 0 0 20px;
	padding: 17px 10px 17px 0;
	font-size: 120%;
	background-color: #F3F3F3;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}

.storyBlock h3 span {
	display: block;
	padding-left: 6px;
	border-left: 4px solid #993300;
}

.storyBlock .figure {
	float: right;
	width: 160px;
	margin: 0 0 10px 10px;
	color: #666;
	font-size: 85.7%;
	line-height: 1.4;
}

.storyBlock .figure img{
	margin: 0 0 3px;
}


/* 社会システム産業(事業ビジョンと領域) */
.leftFig {
	float: left;
	width: 160px;
}

.rightText {
	margin-left: 180px;
}

/* セコムグループの各事業 */

div.h1WrapperNoText h2.subH1 {
	padding: 0 0 0 10px;
	border: none;
	border-left: 8px solid #c00;
	background: none;
	font-size: 200%;
	line-height: 1;
}

body.corporate h3.subH2 {
	margin: 0;
	padding: 9px 0 10px;
	border: none;
	border-top: 1px solid #519200;
	background: url(/shared/img/corporate/bg_h2_corporate.gif) left bottom repeat-x;
	font-size: 100%;
	line-height: 1.25;
}

body.corporate h3.subH2 span {
	display: block;
	padding: 0 10px 0 5px;
	border-left: 4px solid #4ba3d2;
}

body.corporate h3.subH2 span.wide {
	display: block;
	padding: 6px 10px 6px 5px;
	border-left: 4px solid #4ba3d2;
}

div.main680 h3 {
		margin-top: 30px;
		*margin-top: 15px;
	}

.serviceBox {
	margin: 15px 0 0 !important;
	padding: 10px 5px!important;
	border: 1px solid #ccc;
	_padding-right:2px !important;
	_padding-left:2px !important;
}

.serviceBox.expand {
	padding: 0 10px !important;
}

.serviceBox.expand .title {
	padding-top: 10px;
	font-size: 85.7%!important;
}

.serviceBox.expand dt {
	float: left;
	clear: left;
	padding: 5px 0 5px 25px;
	width: 150px;
	background-position: left 10px;
	font-size: 85.7%!important;
	font-weight: bold;
}

.serviceBox.expand dd {
	padding: 5px 0 5px 180px;
	border-top: 1px dotted #ccc;
}

.serviceBox.expand dd.first {
	border: none;
}

.serviceBox.expand .anchorLinkList li,
.serviceBox.expand .anchorLinkListB li {
	margin-left: 4px;
	width: 100px;
}

.serviceBox.expand .anchorLinkList li.L,
.serviceBox.expand .anchorLinkListB li.L {
	margin-left: 4px;
	width: 160px;
}

.serviceBox.expand .anchorLinkList li.LL,
.serviceBox.expand .anchorLinkListB li.LL {
	margin-left: 4px;
	width: auto;
}

div.main680 div.lineupA {
	padding: 10px 0 10px 10px;
	*padding: 5px 0 10px 10px;
	border-top: 1px solid #bedf96;
}

	div.main680 div.lineupA h4{
		margin: 0;
	}

	div.main680 div.lineupA p.img {
		float: left;
		margin-right: 15px;
	}

	div.main680 div.lineupA div.detail {
		float: left;
		width: 560px;
	}
	
	div.main680 div.lineupA div.detail p.text {
			color: #666;
			font-size: 85.7%;
			margin: 0;
	}
	
	div.main680 div.lineupA div.detail div.moreLineUp01 {
			margin-top: 10px;
			padding: 10px;
			background: #fcdfec;
			color: #666;
			font-size: 85.7%;
	}

	div.main680 div.lineupA div.detail div.moreLineUp02 {
			margin-top: 10px;
			padding: 10px;
			background: #ffe1c2;
			color: #666;
			font-size: 85.7%;
	}
	
	div.main680 div.lineupA div.detail div.moreLineUp03 {
			margin-top: 10px;
			padding: 10px;
			background: #d8e5d6;
			color: #666;
			font-size: 85.7%;
	}

div.lineupWrapper {
	border-top: 1px solid #bedf96;
}

div.main680 div.lineupB {
	/display: inline;
	float: left;
	margin-left: 15px;
	padding: 20px 0 10px 20px;
	*padding: 10px 0 10px 20px;
	width: 310px;
}

	div.main680 div.lineupB h4 {
		margin: 0;
	}

	div.main680 div.lineupB.first {
		margin-left: 0;
	}

	div.main680 div.lineupB p.img {
		float: left;
		margin-right: 15px;
	}

	div.main680 div.lineupB div.detail {
		float: left;
		width: 200px;
		margin-top: 0;
	}
		div.main680 div.lineupB div.detail p {
			color: #666;
			margin-top: 0;
		}

		div.main680 div.lineupB div.moreLineUp01 {
			margin-top: 10px;
			padding: 10px;
			background: #fcdfec;
			color: #666;
			font-size: 85.7%;
		}
		
		div.main680 div.lineupB div.moreLineUp02 {
			margin-top: 10px;
			padding: 10px;
			background: #ffe1c2;
			color: #666;
			font-size: 85.7%;
		}
		
		div.main680 div.lineupB div.moreLineUp03 {
			margin-top: 10px;
			padding: 10px;
			background: #d8e5d6;
			color: #666;
			font-size: 85.7%;
		}

		div.main680 div.lineupB div.detail p.text {
			color: #666;
			font-size: 85.7%;
		}

		div.main680 div.lineupB div.moreLineUp01 ul,
		div.main680 div.lineupB div.moreLineUp02 ul,
		div.main680 div.lineupB div.moreLineUp03 ul {
			margin-left: 10px;
		}
		
		div.main680 div.lineupB div.moreLineUp {
			color: #666;
			font-size: 85.7%;
		}

div.main680 div.lineupC {
	margin-left: 0;
	width: 670px;
	border-top: 1px solid #bedf96;
}

div.main680 div.lineupC p {
	color: #666;
	font-size: 85.7%;
}

div.main680 div.lineupC h4 {
		margin: 0;
	}

div.main680 div.lineupC div.moreLineUp {
	margin-top: 10px;
	padding: 10px;
	background: #fcdfec;
	color: #666;
	width: 295px;
}

div.photoList ul {
}

div.photoList ul li {
	width: 125px;
	margin-right: 11px;
	margin-top: 10px;
	float: left;
}

div.photoList ul li p {
	color: #666;
	font-size: 71.4%;
}

.estimate680 {
	position: relative;
	margin: 15px auto 0;
	width: 650px;
	height: 170px;
	background: url(/corporate/vision/system/img_v2/bg_footer_contact.gif) left top no-repeat;
}

.estimate680 .text {
	position: absolute;
	top: 21px;
	left: 12px;
}

.estimate680 .tell {
	position: absolute;
	top: 53px;
	left: 12px;
}

.estimate680 .internet {
	position: absolute;
	top: 53px;
	left: 328px;
}

.estimate680 .estimate {
	position: absolute;
	top: 108px;
	left: 328px;
}

.estimate680 a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	
}

div#hospitalList ul li {
	font-size: 85.7%;
	float: left;
}

.contact {
	position: relative;
	margin: 20px auto 0;
	width: 626px;
	height: 50px;
	background: url(/corporate/vision/system/img_v2/bg_world_contact.gif) left top no-repeat;
}

.contact.official {
	width: 474px;
	background: url(/corporate/vision/system/img_v2/bg_world_contact_official.gif) left top no-repeat;
}

.contact p {
	position: absolute;
}

.contact .internet {
	top: 19px;
	left: 21px;
}

.contact .btn {
	top: 5px;
	left: 235px;
}

.contact .btn a:hover img,
.contactB .btn a:hover img,
.contactC a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.contact .answer {
	top: 14px;
	left: 469px;
}

.contactB {
	position: relative;
	margin: 20px auto 0;
	width: 626px;
	height: 100px;
	background: url(/corporate/vision/system/img_v2/bg_footer_contact02.gif) left top no-repeat;
}

.contactB .inner {
	width: 608px;
	height: 52px;
	background: url(/corporate/vision/system/img_v2/bg_footer_contact_inner.gif) left top no-repeat;
	top: 38px;
	left: 7px;
	position: absolute;
}

.contactB p {
	position: absolute;
}

.contactB .txt {
	top: 10px;
	left: 7px;
}

.contactB .internet {
	top: 20px;
	left: 85px;
}

.contactB .btn {
	top: 6px;
	left: 319px;
}

.contactB .tel {
	top: 100px;
	left: 7px;
}

.contactC {
	position: relative;
	margin: 20px auto 20px;
	width: 650px;
	height: 120px;
	background: url(/corporate/vision/system/img_v2/bg_footer_contact03.gif) left top no-repeat;
}

.contactC p {
	position: absolute;
}

.contactC .txt {
	top: 10px;
	left: 20px;
}

.contactC .internet {
	top: 40px;
	left: 7px;
}

.contactC .estimate {
	top: 40px;
	left: 330px;
}

.contactC .note {
	top: 95px;
	left: 330px;
	font-size: 71.4% !important;
	width: 310px;
}

div.main680 div.itemSet {
	background: url(/corporate/vision/system/img_v2/bg_h3_caption.gif) left bottom no-repeat;
	width: 220px;
	float: left;
	margin-bottom: 10px;
}

div.main680 div.itemSet h3 {
	margin: 0;
	border: none;
}

div.main680 div.itemSet p {
	font-size: 85.7%;
	width: 200px;
	padding: 10px;
}

table.default_02 th {
	background: #F7F7F7;
	border: 1px solid #999999;
	font-weight: normal;
	padding: 2px 10px;
	text-align: center;
}
table.default_02 td {
	border: 1px solid #999999;
	padding: 2px 10px;
}

.w125 {
	width: 125px;
}

.w235 {
	width: 235px;
}

.w300 {
	width: 300px;
}

.w335 {
	width: 335px;
}

.w465 {
	width: 465px;
}

.w535 {
	width: 535px;
}

.ml100 {
	margin-left: 100px !important;
}

.mr40i {
	margin-right: 40px !important;
	_margin-right: 30px !important;
}

/* ------------------------------------------------
aside
------------------------------------------------ */
	
div.aside200 div.contactCommon {
	background: url(/shared/img/bg_aside_first_200.gif) left top no-repeat ;
	padding: 5px 0 0;
}
	
div.aside200 div.contactCommon div.inner {
	background: url(/shared/img/bg_aside_bottom_200.gif) left bottom no-repeat ;
	padding: 0 5px 5px;
}

div.aside200 div.contactCommon div.inner ul.line {
	padding-top: 8px;
	background: url(/shared/img/bg_aside_line_200.gif) left 3px no-repeat ;
}

div.aside200 div.contactCommon div.inner ul li {
	margin-top: 4px;
}

div.aside200 div.contactCommon div.inner ul li.first {
	margin: 0;
}

div.aside200 div.contactCommon div.inner ul li img {
	text-align: center;
	font-size: 1%;
	line-height: 1;
}

div.aside200 div.contactCommon div.inner ul li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}