/* keyvisual
-------------------------------------------------- */
.keyvisual {
	height: 550px;
	background: #000000 url(/group/images/keyvisual_bg.jpg) no-repeat top center;
	position: relative;
}

.keyvisual h1.title {
	margin: 0 0 0 -434px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 195px;
	left: 50%;
}

/* header
-------------------------------------------------- */
#header {
	background: none;
}

/* header
-------------------------------------------------- */
#bodyArea .body {
	padding: 20px 0 61px;
}

/* threeColumnsType1
-------------------------------------------------- */
ul.threeColumnsType1 {
	margin: 30px 0 15px;
	list-style: none;
}

ul.threeColumnsType1 li {
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.5;
	background: #ffffff;
}

ul.threeColumnsType1 li.column {
	width: 312px;
	margin: 0 32px 0 0;
}

ul.threeColumnsType1 li.columnEnd {
	width: 312px;
}

ul.threeColumnsType1 li a {
	padding: 136px 0 34px;
	color: #000000;
	background: #ffffff;
	-webkit-box-shadow: 0 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 4px rgba(0,0,0,.1);
	box-shadow: 0 4px rgba(0,0,0,.1);
	display: block;
	background-repeat: no-repeat;
}

ul.threeColumnsType1 li.about a {
	background-image: url(/group/images/img_about.png);
	background-position: center 42px;
}

ul.threeColumnsType1 li.index a {
	background-image: url(/group/images/img_index.png);
	background-position: center 46px;
}

ul.threeColumnsType1 li.office a {
	background-image: url(/group/images/img_office.png);
	background-position: center 43px;
}

ul.threeColumnsType1 li.about a:hover {
	color: #6f68b4;
	background-color: #e5e4f1;
}

ul.threeColumnsType1 li.index a:hover {
	color: #d02e6f;
	background-color: #f9e6ed;
}

ul.threeColumnsType1 li.office a:hover {
	color: #11a98c;
	background-color: #dcf2ee;
}

/* titleBox
-------------------------------------------------- */
.titleBox {
	margin: 0 0 14px;
	padding: 0 0 12px;
	border-bottom: 1px solid #000000;
}

.titleBox h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.25;
	float: left;
}

.titleBox ul.link {
	margin: 0;
	padding: 0;
	float: right;
}

.titleBox ul.link li {
	margin: 0;
}

/* newsList
-------------------------------------------------- */
.newsList {
	margin: 0 0 20px;
	padding: 0;
}

.newsList ul {
	margin: 0;
	padding: 0;
}

.newsList ul li {
	margin: 0 0 14px;
	padding: 0 0 10px;
	list-style: none;
	display: block;
	border-bottom: 1px dotted #777777;
}

.newsList ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.newsList ul li a .date {
	width: 101px;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666666;
	display: block;
	float: left;
}

.newsList ul li a .title {
	width: 879px;
	padding: 0 10px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	display: block;
	float: right;
}

.newsList ul li a:hover .title {
	text-decoration: underline;
}