@charset "Shift_JIS";

/*--------------------------------------------------------------------
company.html	(会社案内)
company.css
--------------------------------------------------------------------*/


/*------------Titleのスタイル---------------------------------------------------------------*/
div#Title { background-image: url(../../img/company/title.jpg); }


/*------------Sideのスタイル---------------------------------------------------------------*/
div#Side div#SideTop h2 { background-image: url(../../img/company/side_t.gif); }


/*------------aのスタイル---------------------------------------------------------------*/
a#com01,
a#com02,
a#com03,
a#com04 { display: block; }


/*------------Greetingのスタイル---------------------------------------------------------------*/
div#Greeting { margin-top: 0 }
div#Greeting h3 { background-image: url(../../img/company/sub_t01.gif); }
div#Greeting dl dt {
	font-size: 105%;
	font-weight: bold;
}
div#Greeting dl dd {
	margin: 5px 0 10px;
}
div#Greeting dl dd ol { padding-left: 3.3em; }
div#Greeting dl dd ol li { margin: 0.2em 0; }
div#Greeting dl dd ol li ol {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
div#Greeting p strong {
	display: block;
	height: 0;
	margin: 5px 0 25px;
	padding-top: 39px;
	background: url(../../../img/company/name.gif) no-repeat right top;
	overflow: hidden;
	font-size: 0;
}
div#Greeting p {
	clear: both;
	text-align: right;
}


/*------------Outlineのスタイル---------------------------------------------------------------*/
div#Outline { margin-top: 0 }
/*div#Outline { margin-top: 35px }*/
div#Outline h3 { background-image: url(../../img/company/sub_t02.gif); }
div#Outline table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Outline table tr td ul li { float: left; }
div#Outline table tr#Add td p br { display: none; }
div#Outline table tr#Add td dl * { display: inline; }
div#Outline table tr#Add td dl dt#Slash:before { content: "/ "; }


/*------------Historyのスタイル---------------------------------------------------------------*/
div#History { margin-top: 35px }
div#History h3 { background-image: url(../../img/company/sub_t03.gif); }


/*------------Outline , Historyの共通スタイル---------------------------------------------------------------*/
div#Outline table,
div#History table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
div#Outline table tr th,
div#History table tr th {
	width: 15%;
	padding: 5px 10px;
	background: #e5ecf5;
	border: 1px solid #7f7f7f;
	text-align: left;
	vertical-align: top;
}
div#Outline table tr td,
div#History table tr td {
	width: auto;
	padding: 5px 10px;
	border: 1px solid #7f7f7f;
	text-align: left;
	vertical-align: top;
}


/*------------Accessのスタイル---------------------------------------------------------------*/
div#Access { margin-top: 35px }
div#Access h3 { background-image: url(../../img/company/sub_t04.gif); }
div#Access h4 {
	margin-bottom: 10px;
	padding: 0.2em 0.4em 0.2em 9px;
	border: 1px solid #999;
	font-size: 105%;
}
div#Access h4 span {
	display: block;
	padding: 0.1em 5px;
	border-left: 3px solid #335e9f;
}
div#Access dl { margin-bottom: 20px; }
div#Access dl dt {
	margin-top: 10px;
	font-weight: bold;
	color: #335e9f;
}
div#Access dl dd {
	margin: 5px 2em 0;
}