@charset "utf-8";
/* CSS Document */

div#title_wrap {
	background:url(../image/index/index_top.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	width:100%;
	min-width:960px;
}

/*********************************
* TITLE
**********************************/
h2 {
	background:url(../image/index/h2.png) no-repeat;
	top:40%;
	left:20px;
	width:717px;
	height:60px;
}
#title_msg {
	position:absolute;
	bottom:27%;
	left:20px;
	margin:0px;
	padding:0px;
	width:563px;
	height:82px;
	background:url(../image/index/p_1.png) no-repeat;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
#top_contact_btn {
	position:absolute;
	bottom:30%;
	right:20px;
	width:320px;
	height:50px;
}
#top_contact_btn img {
	margin-right:14px;
	vertical-align:middle;
}
#top_contact_btn:before,
#top_contact_btn:after {
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:1px;
	background:#ffffff;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
#top_contact_btn:before {
	top:0px;
	left:0px;
}
#top_contact_btn:after {
	bottom:0px;
	right:0px;
}
#top_contact_btn a {
	display:block;
	position:absolute;
	margin-left:auto;
	color:#ffffff;
	width:340px;
	height:50px;
	font-size:16px;
	line-height:52px;
	text-align:center;
	text-decoration:none;
	/*border:1px #ffffff solid;*/
}
#top_contact_btn .bd_2 {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
#top_contact_btn .bd_2:before,
#top_contact_btn .bd_2:after {
	content:"";
	position:absolute;
	display:block;
	width:1px;
	height:100%;
	background:#ffffff;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
#top_contact_btn .bd_2:before {
	bottom:0px;
	left:0px;
}
#top_contact_btn .bd_2:after {
	top:0px;
	right:0px;
}
#top_contact_btn:hover:before { width:0; }
#top_contact_btn:hover:after { width:0; }
#top_contact_btn:hover .bd_2:before { height:0; }
#top_contact_btn:hover .bd_2:after { height:0; }
/*********************************
* CONTENTS
**********************************/
#service { position:relative; }
#service h3 {
	width:199px;
	height:46px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../image/index/h3_1.png) no-repeat;
}
#service p { margin-top:30px; width:350px; }

#service a,
#news a#link {
	position:relative;
	display:block;
	margin:0px;
	padding:16px 0px;
	width:350px;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	background:#515151;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}

#service a:hover,
#news a#link:hover { background:#979797; }

#service a:after,
#news a#link:after {
	content:"＞";
	margin-left:20px;
}

#service img {
	position:absolute;
	bottom:90px;
	right:0px;
}
#news h3 {
	width:142px;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../image/index/h3_2.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
#news {
	background:url(../image/index/news.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	color:#ffffff;
}
#news_ {
	float:right;
	width:350px;
}
#news dl,
#news dt,
#news dd {
	margin:0px;
	padding:0px;
}
#news_contents { margin:30px 0px; }
#news dl {
	padding:4px 0px;
	border-bottom:2px #FFFFFF dashed;
}
#news dt,
#news dd { margin:4px 0px; }
#news p { margin-top:50px; }