/************************************************
　　　　　CSS Document Template (main.css)
　　　　　　　　　　　　　　　　　CSS初期化セット
*************************************************/

/*-----------------------------------------------
　basic format
------------------------------------------------*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}

caption {
	text-align: left;
}

th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

td {
	vertical-align: top;
}

fieldset {
	border: 0;
}

input {
	_margin: -1px 0;
}

ul,ol {
	padding-left: 2em;
}
li {
	line-height: 1.2em;
}

/*-----------------------------------------------
　font size format
------------------------------------------------*/
body {
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

h1 {
	font-size: 123%;
}
h2 {
	font-size: 108%;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	border-bottom: 1px dotted #FF9900;
}
h3 {
	font-size: 100%;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
h4, h5, h6 {
	font-size: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

p {
	font-size: 93%;
	line-height: 1.6em;
}

/*-----------------------------------------------
　◆　heart island 初期設定
------------------------------------------------*/
/*■文字色*/
body {
	background-color: #FFFFFF;			/*背景色*/
	color: #333333;									/*テキストカラー*/
}
a {
	color: #000000;									/*リンクテキストカラー*/
	outline-style: none;						/*リンクテキストクリック時の線*/
}
a:hover {
	color: #FF9900;									/*リンクテキストカラー(オンマウス)*/
	text-decoration: underline;
	}
h1 {
}
h2 {
	color: #F90;									/*テキストカラー*/
}
h3 {
	color: #39F;
}
h4 {
	color: #F08080;
}
h5 {
	color: #00FF00;
}
h6 {
}



/*■基本レイアウト*/
#page {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#header {
	width: 840px;
	height: 90px;
	background: #FFFFFF url("images/backheader.gif") no-repeat top;
}
#header_l {
	float: left;
	width: 350px;
	height: 70px;
	position: relative;
	top: 20px;
	left: 10px;
	background-color: #FFFFFF;
}
#header_r {
	float: right;
	width: 470px;
	height: 70px;
	position: relative;
	top: 20px;
	right: 20px;
	background-color: #FFFFFF;
}
#header_l h1 a {
	display: block;
	width: 330px;
	height: 70px;
	background: url("images/top/logo.jpg") no-repeat scroll 0 0;
	text-indent: -9999px;
}

#header_menu {
	clear: both;
	width: 840px;
	height: 42px;
	background: #FFFFFF url("images/backmain.gif") repeat-y;
}
#header_menu ul {
	list-style-type: none;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
}
#header_menu ul li {
	width: 160px;
	height: 42px;
	float: left;
	text-align: center;
}
#header_menu ul li a {
	display: block;
	height: 42px;
	line-height: 50px;
	text-decoration: none;
}
#header_menu ul li a:hover {
	line-height: 42px;
}
.menu_01 a { background:url(images/menu/d1.gif) no-repeat; }
.menu_01 a:hover{ background:url(images/menu/d2.gif) no-repeat; }
.menu_02 a { background:url(images/menu/d1.gif) no-repeat; }
.menu_02 a:hover{ background:url(images/menu/d2.gif) no-repeat; }
.menu_03 a { background:url(images/menu/d1.gif) no-repeat; }
.menu_03 a:hover{ background:url(images/menu/d2.gif) no-repeat; }
.menu_04 a { background:url(images/menu/d1.gif) no-repeat; }
.menu_04 a:hover{ background:url(images/menu/d2.gif) no-repeat; }
.menu_05 a { background:url(images/menu/d1.gif) no-repeat; }
.menu_05 a:hover{ background:url(images/menu/d2.gif) no-repeat; }


#main {
	widht: 840px;
	background: #FFFFFF url("images/backmain.gif") repeat-y;
}
#content {
	width: 800px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

#footer {
	width: 840px;
}
#footer_navi {
	width: 840px;
	height: 80px;
	background: #FFFFFF url("images/backfooternavi.gif") no-repeat;
}
#footer_navi ul {
	list-style: none;
	float: right;		/* 左寄せにするなら floatを削除し width: 800px; を追加 */
	position: relative;
	top: 36px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
}
#footer_navi ul li {
	float: left;
	margin-right: 20px;
	background: #FFFFFF url("images/listmark.gif") left center no-repeat;
	padding-left: 12px;
}
#footer_text {
	background: #FFFFFF url("images/backmain.gif") repeat-y;
	overflow: auto;
	padding-bottom: 8px;
}
.footer_text_title {
	background: #FFFFFF url("images/listmark.gif") left center no-repeat;
	margin-left: 32px;
	padding-left: 12px;
	width: 600px;
}
#footer_text ul {
/*	float: left; */
	list-style: none;
	padding-bottom: 4px;
}
#footer_text ul li {
	display: inline;
	font-size: 85%;
	padding-left: 8px;
}
#footer_text ul li a {
	color: #CCCCCC;
}
#copyright {
	color: #666666;
	width: 840px;
	height: 46px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url("images/backfooter.gif") bottom no-repeat;
	font-size: 85%;
}
#copyright a{
	color: #666666;
	text-decoration: none;
}

/*■topicPath（パンくずリスト）*/
#topicPath_view {
	height: 2em;
	float: right;
	position: relative;
	top: 4px;
	background-color: #FFFFFF;
}

#topicPath {
	float: left;
	margin: 5px 10px 0px;
}

#topicPath li {
	float:left;
	line-height:90%;
	list-style-type:none;
	margin-right:5px;
	padding-right:10px;
	background:url(images/topicpath.gif) no-repeat right center;
}

#topicPath li.active {
	background:none;
	margin-right:0px;
	padding-right:0px;
}

/*■その他装飾*/
hr {
	border:none;
	border-bottom: 1px dotted #CCCCCC;
}