/* CSS Document */

/* 共通の設定
-------------------------------------------------------------------------------------------- */

.hidden{
	display: none;
}

h1,h2,h3,h4,h5,h6,p,ul,dl,ol,table,form,img{
	margin: 0;
	padding: 0;
}

img{
	border: none;
}



.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	zoom: 1;
}




/* 枠の設定
-------------------------------------------------------------------------------------------- */

body{
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	font-size: 80%;
	line-height: 120%;
}

#layout{
	width: 800px;
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


/* ヘッダーの設定
-------------------------------------------------------------------------------------------- */

#header{
	width: 800px;
	height: 70px;
	background: url(http://www.heartful.or.jp/images/header_back.gif) no-repeat;
	margin: 0 0 10px 0;
}

#header h1{
	width: 296px;
	float: left;
	padding: 4px 0 0 9px;
}

#header p{
	width: 77px;
	float: right;
	padding: 47px 15px 0 0;
}



/* メニューの設定
-------------------------------------------------------------------------------------------- */

#mainmenu{
	width: 800px;
	height: 64px;
	margin-bottom: 10px;
}

#mainmenu ul{
	list-style-type: none;
	width: 800px;
	height: 35px;
}

#mainmenu ul li{
	display: block;
	height: 35px;
	float: left;
	position:relative;
}

#mainmenu ul li a{
	display: block;
	height: 35px;
}

#m-new{ background: url(http://www.heartful.or.jp/images/mainmenu/new_h.gif) no-repeat; width: 152px; }
#m-card{ background: url(http://www.heartful.or.jp/images/mainmenu/card_h.gif) no-repeat; width: 185px; }
#m-service{ background: url(http://www.heartful.or.jp/images/mainmenu/service_h.gif) no-repeat; width: 128px; }
#m-what{ background: url(http://www.heartful.or.jp/images/mainmenu/what_h.gif) no-repeat; width: 212px; }
#m-inquiry{ background: url(http://www.heartful.or.jp/images/mainmenu/inquiry_h.gif) no-repeat; width: 123px; }

#m-new a{ width: 152px; }
#m-card a{ width: 185px; }
#m-service a{ width: 128px; }
#m-what a{ width: 212px; }
#m-inquiry a{ width: 123px; }

#mainmenu ul li a:hover{
	background-color: transparent;
}

#mainmenu ul li a:hover img{
	visibility: hidden;
}

#mainmenu ul li:hover img{
	visibility: hidden;
}


#mainmenu p{
	width: 800px;
	height: 29px;
	margin: 0;
}









/* 相互リンクの設定
-------------------------------------------------------------------------------------------- */

#link-text{
	width: 190px;
	margin: 0 5px;
	padding: 10px 0;
	background: url(http://www.heartful.or.jp/images/r_dotline.gif) no-repeat bottom;
}

#link-text a{
	color: #FF6666;
	text-decoration: none;
}

#banner-s{
	width: 180px;
	margin: 10px;
	font-size: 11px;
}

#banner-s img{
	vertical-align: middle;
}

#banner-l{
	width: 180px;
	margin: 0 10px;
	font-size: 11px;
	text-align: right;
}

#banner-l img{
	margin-bottom: 3px;
}



/* フッターの設定
-------------------------------------------------------------------------------------------- */

#footer{
	clear: both;
	width: 800px;
	background: #00CC33;
	color: #ffffff;
/*	padding: 10px 10px 10px 0;*/
	padding: 10px 0;
	font-size: 11px;
	line-height: 12px;
}

#footer ul{
	width: 450px;
	float: left;
}

#footer ul li{
	display: block;
	float: left;
	position:relative;
	padding: 0 10px;
	border-right: solid 1px #ffffff;
}

#last-list{
	border-right: none !important;
}

#footer ul li a{
	color: #ffffff;
	text-decoration: none;
}



#footer address{
	width: 300px;
	padding-right: 10px;
	float: right;
	text-align: right;
	font-style: normal;
}