@charset "utf-8";
/* ==================== Layout ==================== */
ul.index-navi {
	margin-bottom: 30px ! important;
}

div#index-wrapper {}
#index-wrapper { height: 100%;}
#index-wrapper:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/*\*/
* html #index-wrapper { height: 1em; overflow: visible;}
/**/

div#index-content {
	float: left;
	width: 580px;
}

div#index-header {
	height: 280px;
	margin-bottom: 30px;
}

div#index-side {
	float: right;
	width: 280px;
}


/* ==================== Content ==================== */
h2#title-news {
	clear: left;
	height: 48px;
}

dl#news-index {
	margin: 0 0 30px;
	padding-bottom: 8px;
	background-color: #f6f6f6;
	font-size: 75%;
	color: #333;
}

dl#news-index dt {
	clear: left;
	float: left;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
}

dl#news-index dd {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 175px;
	border-bottom: 1px solid #a3a3a3;
}

dl#news-index dd p {
	margin: 0;
	padding: 0 10px;
	background: transparent url(../images/index/arrow_news.gif) left no-repeat;
}

dl#news-index dd p a {
	text-decoration: none;
	color: #333;
}

dl#news-index dd p a:hover {
	text-decoration: underline;
}

dl#news-index dd.tag-open {
	background: transparent url(../images/index/tag_open.jpg) 100px no-repeat;
}

dl#news-index dd.tag-category {
	background: transparent url(../images/index/tag_category.jpg) 100px no-repeat;
}

dl#news-index dd.tag-removal {
	background: transparent url(../images/index/tag_removal.jpg) 100px no-repeat;
}

div#contents-summary {
	float: left;
	width: 100%;
	margin: 0 0 35px;
	padding-top: 15px;
	padding-left: 2px;
	border-bottom: 1px solid #a3a3a3;
	background: #f6f6f6 url(../images/index/main_separator.jpg) top left no-repeat;
}

div.list-summary {
	float: left;
	width: 173px;
	position: relative;
	padding: 8px 9px 2.6em;
}

div.summary-center {
	border-left: 1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
}

h3.contents-title {
	margin-bottom: 5px;
}

div.list-summary p {
	line-height: 1.5em;
	font-size: 75%;
	color: #333;
}

div.list-summary p.content-image {
	margin-bottom: 5px;
}

div.list-summary p.contents-link {
	position: absolute;
	top: 20em;
}
* html div.list-summary p.contents-link { top: 21.5em;}
*:first-child+html div.list-summary p.contents-link { top: 20em;}

div.list-summary p.contents-link a {
	padding-left: 15px;
	background: url(../images/common/arrow_right.gif) left no-repeat;
}


/* ==================== Index Side ==================== */
div#index-calculation {
	margin-bottom: 20px;
	background: #f6f6f6 url(../images/index/icon_calculator.jpg) 12px 28px no-repeat;
}

dl#index-menu {
	padding: 28px 15px 8px 88px;
	background: transparent url(../images/index/side_separator.jpg) top left no-repeat;
	line-height: 120%;
	font-size: 75%;
	color: #333;
}

dl#index-menu dt {
	margin-bottom: 0.5em;
}


dl#index-menu dd {
	margin-bottom: 0.5em;
}

dl#index-menu dd a {
	padding-left: 15px;
	background: url(../images/common/arrow_right.gif) left no-repeat;
}

div#index-area {
	width: 280px;
	height: 209px;
	position: relative;
	margin-bottom: 20px;
	background: url(../images/common/service_area.jpg) top left no-repeat;
}

p#link-area {
	position: absolute;
	top: 174px;
	left: 106px;
}

ul#link-button {
	margin-bottom: 15px;
	list-style: none;
}

ul#link-button li {
	margin: 0;
	padding: 0 0 15px;
}
