@charset "utf-8";



/*----------------------------------------------------------
サイトトップ

filename : sitetop.css
update   : 2009.12.22
contents :
  トップイメージ - #topImage
  トップコンテンツ - #pageFront
----------------------------------------------------------*/



/*----------------------------------------------------------
  トップイメージ - #topImage
----------------------------------------------------------*/

#topImg {
	height: 535px;
	background: #FFFFFF;
}

#topImgOver {
	height: 475px;
  background: url(../photo/sitetop/about.jpg) no-repeat top left;
}

#topImgOver h1 img{
	display: none;
}

#topImgUnder {
	height: 475px;
}

#topImg ul {
  float: left;
}

#topImg ul li {
	display: inline;
}

#topImg ul li a{
	width: 153px;
	height: 60px;
}

#topImg p {
  float: right;
}

#topImg p img {
  margin-top: 30px;
}



/*----------------------------------------------------------
  メインコンテンツ - #content
----------------------------------------------------------*/

#content {
	margin-left: 10px;
	margin-top: 20px;
}


/* コンテンツリンク
------------------------------*/
#content .saiyou-left,
#content .support-left {
	width: 240px;
	height: 155px;
	margin-bottom: 20px;
	float: left;
}

#content .saiyou-right,
#content .support-right {
	width: 340px;
	height: 155px;
	margin-bottom: 20px;
	float: right;
}

#content .saiyou-right ul li,
#content .support-right ul li {
	width: 160px;
	height: 155px;
}

#content .saiyou-right ul li a,
#content .support-right ul li a {
  display: block;
  padding-top: 115px;
  padding-bottom: 10px;
  line-height: 1.4em;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-size: 83%;
}

#content ul li.support {
  background: #FFFFFF url(../images/sitetop/support_support.gif) no-repeat top left;
	float: left;
}

#content li.welfare {
  background: #FFFFFF url(../images/sitetop/support_welfare.gif) no-repeat top left;
	float: right;
}

#content li.flow {
  background: #FFFFFF url(../images/sitetop/saiyou_flow.gif) no-repeat top left;
	float: left;
}

#content li.apply {
  background: #FFFFFF url(../images/sitetop/saiyou_apply.gif) no-repeat top left;
	float: right;
}


/* お問い合せリンク - #fronContact
------------------------------*/
#content #fronContact dl dt {
	float: left;
}

#content #fronContact dl dd {
	float: right;
}

#content #fronContact dl dd.contactForm {
  width: 290px;
  height: 45px;
  background: #FFFFFF url(../images/sitetop/contact_form.gif) no-repeat top left;
}

#content #fronContact dl dd.contactForm p {
  padding: 16px 0 0 0;
  text-align: center;
}

#content #fronContact dl dd.contactForm a {
  color: #FFFFFF;
  font-weight: bold;
}