@charset "UTF-8";

/*--------------------------------------------------------------------
company.html
company.css
--------------------------------------------------------------------*/

/*------------Ideaのスタイル------------------------------------*/
div#Idea { margin-top: 0; }
div#Idea div.Txt {
	width: 470px;
	float: left;
}
div#Idea div.Txt ul { margin-bottom: 1.5em; }
div#Idea div.Txt ul li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
div#Idea div.Txt ul li:before { content: "・ "; }
div#Idea div.Pho {
	width: 250px;
	float: right;
}
div#Idea div#FloPho {
	width: 730px;
	margin: 10px auto 0;
	overflow: hidden;
}
div#Idea div#FloPho div { width: 360px; }
div#Idea div#FloPho div#FloL { float: left; }
div#Idea div#FloPho div#FloR { float: right; }

/*------------Flowのスタイル------------------------------------*/
div#Flow { margin-top: 80px; }
div#Flow div.PhoL01 {
	width: 360px;
	float: left;
}
div#Flow div.PhoR01 {
	width: 360px;
	float: right;
}
div#Flow div.PhoC01 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
div#Flow div#Comp {
	width: 730px;
	height: 410px;
	margin: 10px auto 0;
	position: relative;
	z-index: 1;
}
div#Flow div#Comp div#CompImg {
	width: 730px;
	height: 410px;
	position: absolute;
	z-index: 10;
}
div#Flow div#Comp div#CompTxt {
	width: 100%;
	padding: 0.5em 0;
	position: absolute;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index: 15;
	font-size: 160%;
	color: #fff;
}
div#Flow div#FinPhoTxt p {
	margin-bottom: 1.5em;
	line-height: 1.7;
}
div#Flow div#FinPhoTxt p#Dragon {
	margin-top: 6.5em;
	text-align: right;
}
div#Flow div#FinPho {
	width: 280px;
	float: left;
}
div#Flow div#FinTxt {
	width: 400px;
	float: right;
}

/*------------Profileのスタイル------------------------------------*/
div#Profile { margin-top: 80px; }
div#Profile table {
	width: 100%;
	border-collapse: collapse;
}
div#Profile table tr th {
	width: 18%;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}
div#Profile table tr td {
	width: auto;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}
div#Profile table tr td dl { margin-bottom: -0.8em; }
div#Profile table tr td dl dd { margin-bottom: 0.8em; }

/*------------Historyのスタイル------------------------------------*/
div#History { margin-top: 80px; }
div#History table {
	width: 100%;
	border-collapse: collapse;
}
div#History table tr th {
	width: 18%;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}
div#History table tr th span { color: #f3f3f3; }
div#History table tr td {
	width: auto;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}

/*------------Accessのスタイル------------------------------------*/
div#Access { margin-top: 80px; }
div#Access div#Gmap {
	width: 500px;
	float: left;
}
div#Access div#Gmap p {
	margin-top: 0.3em;
	text-align: right;
	font-size: 80%;
}
div#Access div#AccAdd {
	width: 220px;
	float: right;
}
div#Access div#AccAdd p {
	margin-bottom: 0.8em;
	font-size: 90%;
}
div#Access div#AccAdd dl * { display: inline; }
div#Access div#AccAdd dl dt {
	margin-right: 0.5em;
	font-size: 100%;
}
div#Access div#AccAdd dl dd { font-size: 100%; }