/*	COMMON	*/
a:link {
	color:#333;
	text-decoration:underline;
}
a:visited {
	color:#e0476a;
	text-decoration:none;
}
a:hover {
	color:#e0476a;
	text-decoration:underline;
	/*	font-weight:bold;	*/
}
a:active {
	color: #e0476a; 
} 
/* サイドナビのリンク色 */
ul#sidenavi li a:link {
	color: #333;
	text-decoration: none;
}
ul#sidenavi li a:visited {
	color: #333;
	text-decoration: none;
}
ul#sidenavi li a:active {
	color: #fff; 
} 

* { 
	margin:0px; padding:0px; 
}
body {
	text-align: center;	
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	color: #333;
	font-size: small;
	background-color: #ebebeb;
	background-image:url("/images/body-bg.gif");
	background-repeat: repeat-x;
}
li {
	list-style-type:none;
}
img {
	margin:0px;
	padding:0px;
	border:0px;
	border:none;
}

div#container {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.none { display: none; }

.red { color: #e0466a; }

.b-red { color: #e0466a; font-weight: bold; }

.big-red { font-weight: bold; color: #e0466a; font-size: medium; }

.small { font-size: x-small; }

.b { font-weight: bold; }

.margin-b { margin-bottom: 15px; }

.list { list-style: disc outside; margin-left: 15px; }

.big { font-size: 14px; }

.new_icon {
	margin: -10px 0 0 -14px;
}

ul.red-list li {
	list-style-type: disc;
	margin-left: 15px;
	* margin-left: 20px;
	color: #b84b65;
}
ul.red-list {
	* width: 100%;
	* vertical-align: bottom;
}

/* ■headerのスタイル■ */
div#header {
	width: 884px;
	height: 133px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* ロゴマーク */
h1#logo {
	width: 396px;
	height: 44px;
	background-image: url(/images/header/logo.gif);
	background-repeat: no-repeat;
	margin-top: 9px;
	position: relative;
	z-index: 9999;
}
h1#logo a {
	width: 396px;
	height: 44px;
	display: block;
}
/* ハートのロゴマーク */
h1#logo-text {
	width: 396px;
	position: relative;
	margin-top: -30px;
	font-size: small;
	color: #e0466a;
	z-index: 1;
}
h2#logo-heart {
	width: 49px;
	height: 51px;
	margin-left: 858px;
	margin-top: -30px;
	position: relative;
	background: url(/images/header/logo-heart.gif) no-repeat;
	z-index: 4;
}
h2#logo-heart-text {
	width: 49px;
	position: relative;
	font-size: xx-small;
	color: #e0466a;
	z-index: 3;
	line-height: 1.1em;
	margin-left: 858px;
	margin-top: -40px;
}

/* ブログバナー */
p#banner-blog {
	width: 240px;
	height: 50px;
	margin-left: 643px;
	margin-top: -28px;
	position: relative;
}

/* グローバルメニュー */
ul#globalnavi {
	margin-top: 0px;
	* margin-top: 2px;
}
html>/**/body ul#globalnavi {
	margin-top/*\**/: 1px\9;
}
/* 通常時のスタイル */
ul#globalnavi li {
	float:left;
	* display: inline;
	background-repeat: no-repeat;
}
/* リンクのスタイル */
li#home a {
	width: 109px;
	height: 61px;
	display:block;
	margin-right: 4px;
	background-image: url(/images/header/navi01.jpg);
}
li#outline a {
	width: 109px;
	height: 61px;
	display:block;
	margin-right: 4px;
	background-image: url(/images/header/navi02.jpg);
}
li#info a {
	width: 121px;
	height: 61px;
	display:block;
	margin-right: 4px;
	background-image: url(/images/header/navi03.jpg);
}
li#archive a {
	width: 147px;
	height: 61px;
	display:block;
	margin-right: 4px;
	background-image: url(/images/header/navi04.jpg);
}
li#committee a {
	width: 136px;
	height: 61px;
	display:block;
	margin-right: 4px;
	background-image: url(/images/header/navi05.jpg);
}
li#faq a {
	width: 119px;
	height: 61px;
	display:block;
	margin-right: 4px;
	background-image: url(/images/header/navi06.jpg);
}
li#inquiry a {
	width: 119px;
	height: 61px;
	display:block;
	margin: 0;
	background-image: url(/images/header/navi07.jpg);
}
/* ナビをアクティブ化・ロールオーバー時のスタイル */
ul#globalnavi li#home a.here,
ul#globalnavi li#home a:hover {
	background: url(/images/header/navi01_on.jpg) no-repeat;
}
ul#globalnavi li#outline a.here,
ul#globalnavi li#outline a:hover {
	background: url(/images/header/navi02_on.jpg) no-repeat;
}
ul#globalnavi li#info a.here,
ul#globalnavi li#info a:hover {
	background: url(/images/header/navi03_on.jpg) no-repeat;
}
ul#globalnavi li#archive a.here,
ul#globalnavi li#archive a:hover {
	background: url(/images/header/navi04_on.jpg) no-repeat;
}
ul#globalnavi li#committee a.here,
ul#globalnavi li#committee a:hover {
	background: url(/images/header/navi05_on.jpg) no-repeat;
}
ul#globalnavi li#faq a.here,
ul#globalnavi li#faq a:hover {
	background: url(/images/header/navi06_on.jpg) no-repeat;
}
ul#globalnavi li#inquiry a.here,
ul#globalnavi li#inquiry a:hover {
	background: url(/images/header/navi07_on.jpg) no-repeat;
}



/* ■メインコンテンツのスタイル■ */
/* メインのスタイル */
div#main {
	width: 880px;
	margin-top: -9px;
	* margin-top: 0;
	margin-left: 2px;
	padding: 0;
	background-color: #fff;
	float: left;
}
div#main-bottom {
	width: 880px;
	height: 10px;
	margin-left: 2px;
	margin-top: 0;
	* margin-top: 0;
	padding: 0;
	background: url(/images/main-bg-bottom.gif) no-repeat left bottom;
	float: left;
}
* html body div#main-bottom { margin-top: -5px; }
/* 内側のコンテンツのスタイル */
div#contents {
	width: 804px;
	background: url(/images/contents-bg-middle.gif) repeat-y center center;
	margin-left: 38px;
	float: left;
}
* html body div#contents { margin-left: 19px; }
div#contents div#body {
	width: 794px;
	background: url(/images/contents-bg-top.gif) no-repeat center top;
	text-align: left;
	padding-top: 15px;
	padding-left: 10px;
	overflow: visible;
	position: relative;
	float: left;
}
div#contents-bottom {
	width: 804px;
	height: 45px;
	background: url(/images/contents-bg-bottom.gif) no-repeat center top;
	margin-left: 38px;
	margin-top: 0;
	text-align: right;
	float: left;
}
* html body div#contents-bottom { margin-left: 19px; }

div#contents-bottom img {
	margin-top: 15px;
	margin-right: 10px;
}

div#right-area {
	float: left;
	width: 200px;
	margin-left: 10px;
}
/* バナーエリアのスタイル */
div#banner {
	width: 192px;
	background: url(/images/banner/banner-bg-middle.gif) repeat-y center center;
}
div#banner-body {
	width: 192px;
	background: url(/images/banner/banner-bg-top.gif) no-repeat center top;
}
div#banner-body ul {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: x-small;
}
div#banner-body ul li.margin { margin-bottom: 10px; }
div#banner-bottom {
	width: 192px;
	background: url(/images/banner/banner-bg-bottom.gif) no-repeat center bottom;
	margin-top: -8px;
	text-indent: -9999px;
}
/* パンくず（topicpath）のスタイル */
ul#topicpath-area {
	margin-top: 1em;
	margin-bottom: 0.8em;
	margin-left: 45px;
	float: left;
}
* html body ul#topicpath-area { margin-left: 23px; }
ul#topicpath-area li {
	float: left;
}


/* ■フッターのスタイル■ */
ul#footer {
	width: 880px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}

ul#footer li.left {
	text-align: left;
	float: left;
}
ul#footer li.right {
	
	text-align: right;
}



/* ■下層ページ共通のスタイル■ */
ul.catch {
	width: 575px;
	margin-bottom: 15px;
}
ul.catch li {
	line-height: 1.4em;
}
ul.catch li img { margin-bottom: 5px; }
li.border {
	border-bottom: 1px dotted #ef839c;
	padding:  5px 8px 10px 10px;
	margin-bottom: 10px;
}

ul.btn-navi {
	width: 274px;
	height: 146px;
	float: left;
	margin-bottom: 25px;
}
ul.btn-navi li img {
	margin-top: 10px;
	margin-left:16px;
}
ul.btn-navi li.text {
	width: 230px;
	margin-left: 22px;
	font-size: x-small;
	line-height: 1.6em;
}

/* サイドナビ */
ul#sidenavi {
	width: 190px;
	background: url(/images/outline/outline-menu-top.gif) no-repeat center top;
	margin-bottom: 5px;
	padding-top: 39px;
}
/* 通常時のスタイル 
ul#sidenavi li {
	background-repeat: no-repeat;
	*margin-bottom: -3px;
}*/
ul#sidenavi li#bottom {
	background: url(/images/outline/outline-menu-bottom.gif) no-repeat center top;
}
/* リンクのスタイル */
li#outlinetop a {
	width: 192px;
	height: 30px;
	display:block;
	background-image: url(/images/outline/outline-menu01.gif);
}
li#method a {
	width: 192px;
	height: 30px;
	display:block;
	background-image: url(/images/outline/outline-menu02.gif);
}
li#process a {
	width: 192px;
	height: 30px;
	display:block;
	background-image: url(/images/outline/outline-menu03.gif);
}
li#schedule a {
	width: 192px;
	height: 30px;
	display:block;
	background-image: url(/images/outline/outline-menu04.gif);
}
li#right a {
	width: 192px;
	height: 30px;
	display:block;
	background-image: url(/images/outline/outline-menu05.gif);
}
/* ナビをアクティブ化・ロールオーバー時のスタイル */
ul#sidenavi li.on,
ul#sidenavi li a.here,
ul#sidenavi li a:hover {
	color: #fff;
	text-decoration: none;
}
ul#sidenavi li#outlinetop a.here,
ul#sidenavi li#outlinetop a:hover {
	background: url(/images/outline/outline-menu01_on.gif) no-repeat;
}
ul#sidenavi li#method a.here,
ul#sidenavi li#method a:hover {
	background: url(/images/outline/outline-menu02_on.gif) no-repeat;
}
ul#sidenavi li#process a.here,
ul#sidenavi li#process a:hover {
	background: url(/images/outline/outline-menu03_on.gif) no-repeat;
}
ul#sidenavi li#schedule a.here,
ul#sidenavi li#schedule a:hover {
	background: url(/images/outline/outline-menu04_on.gif) no-repeat;
}
ul#sidenavi li#right a.here,
ul#sidenavi li#right a:hover {
	background: url(/images/outline/outline-menu05_on.gif) no-repeat;
}