@charset "Shift_JIS";

/*
===== index.css ====================================

1.index.html Setting
2.info.html Setting
3.sitemap.html Setting
4.privacy.html Setting

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

/* index.html
-------------------------------------------------- */
.mainBox {
	width: 674px;
	margin: 0 32px 20px 32px;
}

.mainImage {
	margin-bottom: 20px;
}

.mainBox h2 {
	margin-bottom: 10px;
}

/* Info */
.infoList {
	margin-bottom: 14px;
}
	.infoList dt {
		clear: left;
		float: left;
		position: relative;
		width: 7.5em;
		margin: 0 0 0.4em 0;
		padding-left: 14px;
		background: url(../images/common/icon_arrow.gif) no-repeat 4px 0.5em;
	}
	.infoList dd {
		margin: 0 0 0.4em 8.5em;
	}


/* Contents menu */
.menuArea {
	width: 674px;
	background: url(../images/top/content_bg.gif) no-repeat left bottom;
}
.menuboxLeft {
	float: left;
	display: inline;
	width: 207px;
	margin-right: 12px;
	padding-bottom: 9px;
}
	.menuboxLeftBg {
		width: 207px;
		padding-bottom: 10px;
		background: url(../images/top/content_check_bg.jpg) repeat-y left top;
	}
	.menuboxLeftBg ul li {
		display: inline-block;
		margin-bottom: 0.5em;
		padding-left: 10px;
		background: url(../images/top/icon_arrow_orange.gif) no-repeat left 0.2em;
		list-style-type: none;
	}
.menuboxCenter {
	float: left;
	display: inline;
	width: 236px;
	margin-right: 12px;
	padding-bottom: 9px;
}
	.menuboxCenterBg {
		width: 236px;
		padding-bottom: 10px;
		background: url(../images/top/content_look_bg.jpg) repeat-y left top;
	}
	.menuboxCenterBg ul li {
		display: inline-block;
		margin-bottom: 0.5em;
		padding-left: 10px;
		background: url(../images/top/icon_arrow_pink.gif) no-repeat left 0.2em;
		list-style-type: none;
	}
	.menuboxCenterBg ul li ul {
		margin-left: 12px;
	}
	.menuboxCenterBg ul li li {
		display: inline-block;
		padding-left: 10px;
		background: url(../images/top/icon_arrow_pink2.gif) no-repeat left 0.2em;
		list-style-type: none;
	}
	.menuboxCenterBg ul li.listiconNone {
		padding-left: 0;
		background: none;
	}
.menuboxRight {
	float: left;
	display: inline;
	width: 207px;
	padding-bottom: 9px;
}
	.menuboxRightBg {
		width: 207px;
		padding-bottom: 10px;
		background: url(../images/top/content_attend_bg.jpg) repeat-y left top;
	}
	.menuboxRightBg ul li {
		display: inline-block;
		margin-bottom: 0.5em;
		padding-left: 10px;
		background: url(../images/top/icon_arrow_green.gif) no-repeat left 0.2em;
		list-style-type: none;
	}
.menuboxLeftBg p,
.menuboxCenterBg p,
.menuboxRightBg p {
	margin: 0 8px;
	padding: 10px 0;
}
.menuboxLeftBg ul,
.menuboxCenterBg ul,
.menuboxRightBg ul {
	margin-left: 8px;
}

/* sideNavi bg for IE6 - clear */
.footClear {
	clear: both;
	display:block;
	width: 1px;
	visibility:hidden;
}


/* info.html
-------------------------------------------------- */
dl.plugin {
	width: 634px;
	margin-top: 2em;
	}
	.plugin dt {
		font-weight: bold;
		margin-top: 1em;
	}
	.plugin dd a.dlIcon {
		float: left;
		display: inline;
		width: 120px;
		margin-right: 10px;
	}
	.plugin dd div {
		float: left;
		display: inline;
		width: 504px;
	}

/* sitemap.html
-------------------------------------------------- */
/* icon orange */
ul.listIconOrange li {
	margin-bottom: 0.5em;
	padding-left: 10px;
	background: url(../images/sitemap/icon_arrow_orange.gif) no-repeat left 0.2em;
	list-style-type: none;
}

/* icon pink */
.listIconPink li {
	margin-bottom: 0.5em;
	padding-left: 10px;
	background: url(../images/sitemap/icon_arrow_pink.gif) no-repeat left 0.2em;
	list-style-type: none;
	zoom: 1;
}
	.listIconPink li ul {
		margin-left: 12px;
	}
	.listIconPink li li {
		padding-left: 10px;
		background: url(../images/sitemap/icon_arrow_pink2.gif) no-repeat left 0.2em;
		list-style-type: none;
	}
	/* icon none */
	.listIconPink li.listiconNone {
		padding-left: 0;
		background: none;
	}

/* icon blue */
ul.listIconBlue li {
	margin-bottom: 0.5em;
	padding-left: 10px;
	background: url(../images/sitemap/icon_arrow_blue.gif) no-repeat left 0.2em;
	list-style-type: none;
}

/* icon green */
ul.listIconGreen li {
	margin-bottom: 0.5em;
	padding-left: 10px;
	background: url(../images/sitemap/icon_arrow_green.gif) no-repeat left 0.2em;
	list-style-type: none;
}


/* privacy.html
-------------------------------------------------- */
.contentsBox .privacyList {
	margin: 1.5em 0 0 5px;
}
	.contentsBox .privacyList li {
		margin-top: 1em;
	}

.contactBox {
	margin: 0 32px 2.5em 32px;
	border: 1px solid #999999;
}
	.contactBox h3 {
		padding: 4px 8px;
		background-color: #D7E6D3;
		border-bottom: 1px solid #999999;
		font-weight: bold;
		text-align: center;
	}
	.contactBox div {
		padding: 4px 8px;
	}