@charset "utf-8";

/*
======== table of content. =================================

summary:INDEX用レイアウト定義

-CONTENT

============================================================*/

html,body {
	background:#015DA7;

}

a {
	color:#E11749;
	text-decoration:underline;
	}

a:hover {
	color:#E11749;
	background:none;
	text-decoration:none;
	}

a:visited {
	}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#headder{
	width: 100%;
	height: 85px;
	overflow:hidden;
	position:relative;
	padding:0 0 0 0;
	background:url(../images/bg_headder.jpg) left repeat-x;
}
#headder p.logo{
	width: 304px;
	height: 37px;
	padding:23px 0 0 20px;
	float:left;
}
#headder div.tel{
	width: 212px;
	margin:0 auto;
	padding:0 0 0 0;
	float:right;
	overflow:hidden;
}

#headder div.tel ul{
	width: 168px;
	height: 12px;
	overflow:hidden;

	position: absolute;
	top: 10px;
	right:0;
}
#headder div.tel ul li{
	padding:0 10px 0 0;
	float:left;
}
#headder div.tel p{
	padding:30px 0 0 0;
}


/*-----------------------------------------------------
Header
-------------------------------------------------------*/
.section{
	width: 100%;
	height: 500px;
	position:relative;
	margin:0 auto;
	background: url(../images/bg_city.jpg) top repeat-x #3DBAFD;
}

.section ul{
	width:726px;
	margin:0 auto;
	padding:30px 0 0px;
	overflow:hidden;
}

.section ul li{
	width: 343px;
	float:left;
	padding:0 10px 0 10px;
}

p.borad{
	margin-right:-148px;
	position:absolute;
	bottom: -15px;
	right:50%;

}
p.baloon{
	margin-right:-120px;
	position: absolute;
	right:20%;
	top:10px;
}

/*-----------------------------------------------------
footer
-------------------------------------------------------*/
#footer{
	width: 100%;
	margin:0 auto;
}


#footer ul{
	width: 100%;
	padding:8px 0 5px 0;
	text-align: left;
	overflow:hidden;
	background:#FFF;
}
#footer ul li{
	padding:0 10px;
	float:left;
}

p.copyright{
	padding:20px 0 20px 20px;
	text-align: left;

}