@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 Site URL :           http://www.dcot.co.jp/
 File name :          corporate.css http://www.dcot.co.jp/css/module/corporate.css
 Summary :            module styles
 Created :            2009-03-20 by yuko aono
 Last Update :        2009-05-26 by yuko aono
 Author :             yuko aono 
===================================================================*/

/*===================================================================
------------------
Table Of Contents
------------------
 00) common
 01) index
 02) news
 03) map
 04) social
 
 09) Clearfix
===================================================================*/

/*-------------------------------------------------------------------
 00) common
-------------------------------------------------------------------*/
.corporate h3 { margin: 0 0 15px 24px;}


/*-------------------------------------------------------------------
 01) index
-------------------------------------------------------------------*/
.corporate .outline {
	margin: 0 0 0 38px;
	padding-bottom: 15px;
	width: 606px;
}

.corporate .outline dl {
	width: 606px;
	margin-bottom: 25px;
	line-height: 1.5;
}

.corporate .outline dt {
	float: left;
	width: 140px;
	padding: 10px 5px 0 5px;
	border-top: 2px solid #013f72;
}

.corporate .outline dd {
	float: left;
	width: 446px;
	padding: 10px 5px 0 5px;
	border-top: 2px solid #cccccc;
}

.corporate .outline dd.post p {
	width: 220px;
	margin-bottom: 0.4em;
}

.corporate .outline dd.post p span {
	display: block;
	float: left;
	width: 120px;
}

.corporate .outline dd.post p span.name {
	float: right;
	width: 100px;
	text-align: left;
}

.corporate .outline dd.addr p {	margin-bottom: 1em;}

.corporate .outline dd.addr p img {
	margin-left: 5px;
	vertical-align: middle;
}

.corporate .outline dd.addr li {
	padding-left: 10px;
	margin-bottom: 0.4em;
	background: transparent url(../../images/common/icon_list03.gif) 0 0.5em no-repeat;
}


.corporate table.history {
	margin: 0 0 38px 38px;
	width: 606px;
}

* html .corporate table.history th,
* html .corporate table.history td { font-size: 75%;}

.corporate table.history th,
.corporate table.history td {
	padding: 10px 0;
	background: transparent url(../../images/common/dot_01.gif) left bottom repeat-x;
}

.corporate table.history th { width: 105px;}


#sideContents h2 { margin: 0 0 18px 82px;}
#sideContents ul { margin: 0 0 0 82px;}

#sideContents li {
	margin: 0 0 0.8em 17px;
	padding-left: 10px;
	background: transparent url(../../images/common/icon_arrow.gif) 0 0.2em no-repeat;
}

#sideContents li.stay a {
	color: #003e72;
	font-weight: bold;
}

#sideContents li a { color: #333333;}

#sideContents li.l01 {
	padding: 0;
	background: none;
}

#sideContents li.l01 { margin: 0 0 13px 0;}


/*-------------------------------------------------------------------
 02) news
-------------------------------------------------------------------*/
.corporate .news {
	margin: 0 0 100px 38px;
	padding-bottom: 15px;
	width: 606px;
}

.corporate .news dl {
	padding-bottom: 12px;
	margin-bottom: 10px;
	background: transparent url(../../images/common/dot_01.gif) left bottom repeat-x;
}

.corporate .news dt { margin-bottom: 8px;}

.corporate .news dt span { margin-left: 6px;}

.corporate .news dd span img {
	margin-right: 10px;
	vertical-align: middle;
}

.corporate .news dd a:hover {
	text-decoration: none;
	border-bottom: 1px solid #245a97;
}


/*-------------------------------------------------------------------
 03) map
-------------------------------------------------------------------*/
.popup .head {
	position: relative;
	height: 96px;
	margin-bottom: 15px;
	background: transparent url(../../images/common/popup_line.gif) left bottom no-repeat;
}

.popup .head h1,
.popup .head .tel { position: absolute;}

.popup .head h1 {
	top: 31px;
	left: 40px;
}
.popup .head .tel {
	top: 21px;
	left: 331px;
}

.popup .body {
	margin-left: 40px;
	width: 500px;
}

.popup .body .print {
	margin-bottom: 15px;
	text-align: right;
}

.popup .body dl.accsess {
	margin-top: 6px;
	line-height: 1.5;
}

.popup .body dl.accsess dt {
	float: left;
	width: 147px;
	padding: 12px 5px 10px;
}

* html .popup .body dl.accsess dt  {width: 152px;}

.popup .body dl.accsess dt.first { border-top: 2px solid #013e74;}

.popup .body dl.accsess dd {
	float: left;
	width: 333px;
	padding: 12px 5px 10px;
}

* html .popup .body dl.accsess dd { width: 345px;}

.popup .body dl.accsess dd.first { border-top: 2px solid #cccccc;}


.popup .body .close {
	margin: 40px 0 24px;
	text-align: center;
}

.popup .foot {
	position: relative;
	height: 70px;
	background: transparent url(../../images/common/bg_foot_popup.gif) left bottom repeat-x;
}

.popup .foot .logo,
.popup .foot address { position: absolute;}


.popup .foot .logo { 
	top: 28px;
	left: 358px;
}
.popup .foot address {
	top: 50px;
	left: 244px;
}


/*-------------------------------------------------------------------
 04) social
-------------------------------------------------------------------*/
.corporate .social {
	margin: 0 0 0 24px;
	padding-bottom: 45px;
	width: 625px;
}

.corporate .social h4 { margin: 30px 0 22px;}

.corporate .social h5 { margin: 0 0 15px 15px;}

.corporate .social p {
	margin: 0 0 0 20px;
	line-height: 1.8;
}

.corporate .social p.last { margin-bottom: 1em;}

.corporate .social p.lead { margin: 0 0 20px 15px;}

.corporate .social .detail1 {
	position: relative;
	margin: 0 0 30px 15px;
	width: 606px;
	height: 262px;
}

.corporate .social .detail1 .img1 {
	float: left;
	width: 427px;
}

.corporate .social .detail1 .txt1 {
	float: right;
	width: 160px;
}

.corporate .social .detail1 .txt1 p {
	width: 160px;
	position: absolute;
	margin: 0;
	bottom: 0;
	padding-left: 15px;
	background: transparent url(../../images/common/icon_arrow03.gif) 0 0.2em no-repeat;
	font-size: 80%;
	line-height: 1.5;
	color: #4b6e8c;
}

.corporate .social .detail2 {
	margin: 0 0 30px 15px;
	width: 606px;
}

.corporate .social .detail2 .txt2 {
	float: left;
	width: 330px;
}

.corporate .social .detail2 .txt2 p { margin: 0 0 1em 5px;}

.corporate .social .detail2 .txt2 p.note {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 80%;
}

.corporate .social .detail2 .img2 {
	float: right;
	width: 250px;
}


.corporate .social .detail2 .img2 p{
	margin: 5px 0 0 3px;
	padding-left: 15px;
	background: transparent url(../../images/common/icon_arrow04.gif) 0 0.3em no-repeat;
	font-size: 80%;
	line-height: 1.5;
	color: #4b6e8c;
}



/*-------------------------------------------------------------------
 09) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.corporate .outline dl:after,
.corporate .outline dd.post p:after,
.popup .body dl.accsess:after,
.corporate .social .detail1:after,
.corporate .social .detail2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.corporate .outline dl,
.corporate .outline dd.post p,
.popup .body dl.accsess,
.corporate .social .detail1,
.corporate .social .detail2 { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html .corporate .outline dl,
* html .corporate .outline dd.post p,
* html .popup .body dl.accsess,
* html .corporate .social .detail,
* html .corporate .social .detail2  { height: 1%;}
.clearfix,
.corporate .outline dl,
.corporate .outline dd.post p,
.popup .body dl.accsess,
.corporate .social .detail1,
.corporate .social .detail2 { display: block;}
/* MacIE5 */