@charset "utf-8";
@import "/css/template.css";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#keyVisual {
	margin: 15px 0 15px 0;
	padding: 10px 0;
	height: 268px;
	background: #E6EEF2;
	
	clear: left;
}

#keyVisual h2 img {
	margin: 0 0 10px 10px;
}

#keyVisual .box1 {
	margin: 0 10px 0 0;
	width: 380px;
	height: 209px;
	position: relative;
	background: url(/img/index/box1.gif) no-repeat;
	
	float: left;
}

#keyVisual .box2 {
	width: 380px;
	height: 209px;
	position: relative;
	background: url(/img/index/box2.gif) no-repeat;
	
	float: left;
}

#keyVisual .box1 a {
	width: 341px;
	height: 54px;
	background: url(/img/index/btn01_over.gif) no-repeat;
	display: block;
	
	position: absolute;
	top: 18px;
	left: 19px;
}

#keyVisual .box2 a {
	width: 341px;
	height: 54px;
	background: url(/img/index/btn02_over.gif) no-repeat;
	display: block;
	
	position: absolute;
	top: 18px;
	left: 19px;
}

#keyVisual a:hover {
	background-color: #fff;
}

#keyVisual a:hover img {
	visibility: hidden;
}

#keyVisual img.txt {
	position: absolute;
	top: 80px;
	left: 20px;
}

#conts h3 {
	margin: 0 0 10px 0;
	clear: both;
}

#conts h4 {
	margin: 0 0 12px 0;
	
	clear: left;
}

#conts p {
	padding: 0 10px 10px 0;
	
	line-height: 1.6;
}

#conts img.left {
	margin: 0 20px 0 0;
	
	float: left;
}

#conts img.flow {
	margin: 0 0 10px 0;
}

#conts ul {
	margin: 0 0 30px 0;	
}

#conts li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: url(/img/template/arrow01.gif) no-repeat left center;
		
	font-weight: bold;
	line-height: 1.5;
}

#conts li.box {
	float: left;
}

#conts .gray {
	margin: 0 0 15px;
}

#conts .line {
	padding: 10px 10px 0;
	height: 167px;
	border: 1px solid #ccc;
}

	* html #conts .line {
		height: 177px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: 167px;
		/**/ 
	}

#conts .line p {
	padding: 0 5px 18px 0;
}

#conts .line p.btm {
	padding: 0 0 35px 0;
}

#conts .line li {
	background: url(/img/template/arrow01.gif) no-repeat left 5px;
}

	* html #index #conts {
		margin-bottom: -15px;
	}
	
	*+html #index #conts {
		margin-bottom: -15px;
	}