@charset "utf-8";

@import url("common.css");

#eyecatch {
	height: 352px;
	margin	:	0 auto;
	background: url(../images/ec_bg.jpg) repeat-x;
}

#left_content {
	width	:	738px;
	border	:	1px solid #e8eaeb;
}

#info {
	width: 740px;
	height: 30px;
	margin-bottom	:	6px;
	background: url(../images/h2_30x30.png) #0066cc;
}

h2 {
	float	:	left;
	width	:	150px;
	margin-left	:	12px;
	padding-top	:	8px;
	color	:	#f0f0f0;
	font-weight	:	bold;
	font-size	:	16px;
	letter-spacing	:	2px;
}

#left_content {
	width	:	740px;
}

#left_content #info > p{
	float: right;
	width	:	110px;
	margin-top	:	10px;
	background: url(../images/top_arrow.png) no-repeat 80px 0;
}

#left_content #info > p a {
	display	:	block;
	width	:	110px;
	color	:	#f0f0f0;
	letter-spacing	:	1px;
}

#left_content #info > p a:hover {
	text-decoration	:	underline;
}

#left_content dt{
	float: left;
	width: 85px;
	line-height: 1.4;
	margin-left: 10px;
	margin-top: 5px;
	padding-left: 20px;
	background: url(../images/top_icon.png) no-repeat center left;
}

#left_content dd{
	float: left;
	width: 615px;
	line-height: 1.4;
	margin-top: 5px;
}

#left_content dd > p {
	margin-right	:	1em;
	text-align	:	right;
}



/*======================================================================================================
SP
======================================================================================================*/
@media screen and (max-width: 896px) {
#eyecatch {
width:94%;
margin:0 auto;
height:auto;
background:none;
}
#eyecatch img{
width:100%;
}
#left_content {
width:94%;
margin:5% auto;
height:auto;
border:none;
}
#info {
width:100%;
background-size:cover;
margin-bottom:20px;
}
#left_content dt{
float:none;
width:100%;
margin-left:0;
}
#left_content dd{
float:none;
width:100%;
margin-bottom:15px;
}
#right_content{
position:relative;
}



}