@charset "utf-8";
/* Layout
-------------------------------------------------- */
div.content {
/*	float: left;*/
	width: 100%;
	margin: 0 auto;
}

aside {
/*	float: right;*/
	width: 100%;
	background-color: #f7f7f7;
	margin: 0 auto;
}


/* Content
-------------------------------------------------- */
article section {
	clear: both;
}

section {
	margin-bottom: 15px;
}


/* Heading */
article h1 {
	display: none;
}

/*
article h1 {
	height: 16px; 
	padding: 8px 10px;
	background: url(/images/top/title_page.png) top left no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #fff; 
}
*/

* html article h1 { padding: 6px 10px;}


article h2 {
/*	height: 14px; */
	padding: 8px 20px;
	background: url(/images/top/title_main.png) top left no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
* html article h2 { padding: 6px 20px;}

article h3 {
	height: 16px;
	margin-bottom: 10px;
	padding: 6px 20px;
	border: #e1e8f2 solid 1px;
	background: url(/images/top/title_sub.png) top left no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
}
* html article h3 { padding: 5px 20px;}


div.infomation {
/*	height: 194px;
*/
	margin-bottom: 15px;
	border: #ccc double 3px;
/*	background-color: url(/images/top/img_features.png) left no-repeat; */
	position: relative;
	padding: 15px 10px;
}
div.infomation p.info{
	text-align: center;
	font-size: 100%;
	line-height: 1.5em;
	padding: 10px 0;
}
div.infomation p.sign{
	margin-top: 1.5em;
	text-align: right;
	padding: 0px 10px;
}
div.infomation dl.info{
	text-align: left;
	font-size: 100%;
	line-height: 1.5em;
}

div.infomation dl.info dt{
	padding-top: 10px;
}
div.infomation dl.info dd{
	padding-left: 2em;
}

div.infomation table.info{
	text-align: center;
	font-size: 100%;
	line-height: 1.5em;
}

div.infomation table.info th{
	padding-right: 20px;
}

div.infomation table.info td{
	padding: 0 10px;
}

/* Features Section */
div.features {
	height: 194px;
	margin-bottom: 15px;
	border: #ccc double 3px;
	background: url(/images/top/img_features.png) left no-repeat;
	position: relative;
}

div.features ol {
	position: absolute;
	top: 50px;
	left: 20px;
	list-style: none;
}

div.features ol li {
	padding-left: 25px;
	line-height: 1.7m;
	font-size: 13px;
}

div.features ol li a {
	text-decoration: none; color: black;
}

div.features ol li.one { background: url(/images/top/num_01.png) left no-repeat;}
div.features ol li.two { background: url(/images/top/num_02.png) left no-repeat;}
div.features ol li.three { background: url(/images/top/num_03.png) left no-repeat;}
div.features ol li.four { background: url(/images/top/num_04.png) left no-repeat;}
div.features ol li.five { background: url(/images/top/num_05.png) left no-repeat;}


/* News Section */
div.news {
	padding: 10px 10px 0;
	border: #eee2d8 solid 1px;
	background-color: #faf7f5;
	height: 240px;
	overflow: scroll;
}

div.news dl dt {
	clear: left;
	float: left;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/images/common/arrow_internal.png) left no-repeat;
}

div.news dl dd {
	margin-bottom: 10px;
	padding-left: 7em;
}


/* Service Section */
div.service {
	padding-left: 10px;
	position: relative;
}

div.service p.outline {
/*	margin-right: 135px;*/
}

.pamphlet {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.pamphlet > p.img {
	width: 125px;
}
.pamphlet > p.outline {
	margin-left: 10px;
}

div.service p.detail {
	width: 93px;
	height: 19px;
	padding-top: 5px;
	padding-left: 25px;
	margin-top: 1em;
	margin-bottom: 2em;
	background: url(/images/common/button_detail.png) left no-repeat;
	line-height: 110%;
	font-size: 12px;
	float: right;
}

* html div.service p.detail { top: 15%;}


/* Aside
-------------------------------------------------- */
aside {
	float: right;
}

aside section {
	margin-bottom: 0;
}

aside h4 {
	padding: 6px 6px 4px;
	background-color: #6c624b;
	color: #fff;
}

aside p {
	margin-bottom: 5px;
	line-height: 1.2em;
}

aside a {
	text-decoration: none;
	color: #333;
}

aside a:hover {
	color: #0033ff;
}
section.geodas p,
section.houseshoes p,
section.gbec p{
	background-color: white;
	border: thin solid silver;
}
section.geodas p img,
section.houseshoes p img,
section.gbec p img{
	display: block;
	margin: 0 auto;
}


section.geodas p {
	position: relative;
	font-size: 13px;
}

section.geodas p span {
	display: block;
	padding-left: 16px;
	padding-right: 10px;
	position: absolute;
	top: 60px;
	left: 10px;
	background: url(/images/common/arrow_internal.png) 0 3px no-repeat;
}

dl.consulting {
	margin-bottom: 5px;
	padding: 10px;
	border: #cbc6bf solid 1px;
	background-color: #fff;
	line-height: 1.2em;
}

dl.consulting dt {
	margin-bottom: 10px;
	padding: 0 5px;
	border: #d9d9d9 solid 1px;
	background: url(/images/top/title_aside_back.png) top left repeat;
	line-height: 1.2em;
}

dl.consulting dt span {
	display: block;
	padding: 3px 0 3px 13px;
	background: url(/images/top/title_aside_marker.png) left no-repeat;
}

dl.consulting dd {
	margin-bottom: 15px;
	padding-left: 16px;
	background: url(/images/common/arrow_internal.png) 0 3px no-repeat;
}

dl.consulting dd span {
	display: block;
	overflow:hidden;
}

dl.consulting dd img {
	float: right;
	margin-left: 5px;
}

p.banner-text {
	padding: 10px;
	border: #cbc6bf solid 1px;
	background-color: #fff;
}
p.banner-text:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
p.banner-text { display: inline-block;}
/* MacIE begin \*/
*+html p.banner-text { height: 1%;}
* html p.banner-text { height: 1%;}
p.banner-text { display: block;}
/* Mac IE end */

p.banner-text span {
	display: block;
	overflow:hidden;
}
* html p.banner-text span { float: left;}
*:first-child+html p.banner-text span { float: left;}

p.banner-text img {
	float: left;
	margin-right: 5px;
}

p.other-info span {
	padding-top: 5px;
}