@charset "utf-8";


/* ---------------------------------------------
　local navi
------------------------------------------------ */

ul.localnavi{
	width: 980px;
	margin: 0 auto;
	padding: 15px 0;
}
ul.localnavi li{
	border-left: #fff solid 1px;
	width: 33%;
	float: left;
	text-align: center;
	line-height: 1.3;
}
ul.localnavi li.onlink{
	color: #007233;
	font-weight: bold;
}
ul.localnavi li.end{
	border-right: #fff solid 1px;
}
ul.localnavi li a{
	width: 100%;
	display: block;
}
ul.localnavi li a:link,
ul.localnavi li a:visited{
	color: #fff;
	text-decoration: none;
}
ul.localnavi li a:hover,
ul.localnavi li a:active{
	color: #007233;
	text-decoration: none;
	font-weight: bold;
}



/* ---------------------------------------------
　index
------------------------------------------------ */

.subVisial_about{
	width: 100%;
	background: url(../images/top/img_subvisial.jpg) no-repeat center center;
	height: 340px;
	background-size: cover;
}

.about{
	width: 980px;
	margin: 50px auto 0 auto;
}
.about table {
	border-collapse: collapse;
	width: 100%;
}
.about table th {
	border: 1px solid #e0e0e0;
	background: #f8f8f7;
	padding: 25px;
}
.about table td {
	border: 1px solid #e0e0e0;
	padding: 25px;
}
.about table td a.map{
	background: url(../images/top/icon_map.png) no-repeat 0 45%;
	padding: 0 0 0 15px;
}



/* ---------------------------------------------
　greeting
------------------------------------------------ */

.greeting{
	width: 980px;
	margin: 70px auto;
}
.greeting .leftBox{
	width: 200px;
	float: left;
}
.greeting .rightBox{
	width: 735px;
	float: right;
}
.greeting .rightBox p.text{
	font-size: 14px;
	text-indent: 1em;
}

.promise{
	width: 100%;
	background: #f8f7f1;
	margin: 0 auto;
	padding: 55px 0;
}
.promise .promiseBox{
	width: 810px;
	margin: 0 auto;
	text-align: center;
}
.promise .promiseBox h3{
	font-size: 38px;
	color: #e8536a;
}
.promise .promiseBox ul{
	margin: 25px 0 0 0;
}
.promise .promiseBox ul li{
	margin: 0 15px;
	width: 240px;
	float: left;
}
.promise .promiseBox ul li p{
	margin: 15px 0 0 0;
}


.concept{
	width: 980px;
	margin: 60px auto 20px auto;
	text-align: center;
}	
.concept h3{
	font-size: 32px;
	color: #004c9f;
}
.concept p{
	margin: 45px 0 0 0;
}



/* ---------------------------------------------
　showroom
------------------------------------------------ */

.showroom{
	width: 980px;
	margin: 50px auto 0 auto;
	text-align: center;
}
.showroom h3{
	font-size: 38px;
	color: #004c9f;
}
.showroom p{
	margin: 10px 0 50px 0;
	font-size: 18px;
}

.showroom .layout-frame {
	clear: both;
	margin-left: -28px;
}
.showroom .layout-4col {
	margin-left: -28px;
	margin-bottom: 28px;
}
.showroom .layout-unit {
	float: left;
	display: inline;
	margin-left: 28px;
}
.showroom .layout-4col .layout-unit {
	margin-left: 28px;
}
.showroom .grid-4 {
	width: 224px;
}