@charset "utf-8";

/* Home Layout Settings
------------------------------ */
#topImage {
	height: 357px;
}

#pagebody {
	padding-top: 6px;
}

#pagebody:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #pagebody { display: inline-block; }
*:first-child+html #pagebody { display: inline-block; }

#sidebar {
	width: 262px;
	float: left;
	display: inline;
	zoom: 1;
}

#contents {
	width: 580px;
	float: right;
	display: inline;
	zoom: 1;
}

#contents .unit {
	margin-left: 15px;
}

body#home #contents {
	padding-top: 39px;
}

#estimation {
	position: relative;
	margin-bottom: 9px;
}

.gotoEstimation {
	position: absolute;
	left: 31px;
	top: 119px;
}

.banner_fd {
	margin-bottom: 20px;
}

#sideCalender h2 {
	margin-bottom: 8px;
}

.calender {
	margin-bottom: 10px;
}

#note_sideCalender {
	width: 262px;
}

#note_sideCalender ul {

}

#nsc1 {
	line-height: 24px;
}

#nsc3, #nsc4 {
	line-height: 18px;
}

#top_satisfaction {
	width: 564px;
	text-align: center;
	padding-bottom: 20px;
	background: url(../images/bg_top_stf_bottom.gif) center bottom no-repeat;
	margin-bottom: 33px;
}

#top_satisfaction h2 {
	padding-bottom: 27px;
}

#top_satisfaction .unit-wrapper {
	background: url(../images/bg_top_stf_middle.gif) center top repeat-y;
}

#top_satisfaction ol {
	width: 528px;
	margin: 0 auto;
}

#top_satisfaction ol li {
	position: relative;
	padding-bottom: 18px;
}

#top_satisfaction ol li.liEnd {
	padding-bottom: 0;
}

#top_satisfaction .gotoDetail {
	position: absolute;
	top: 51px;
	left: 399px;
}

#top_blog {
	position: relative;
	width: 299px;
	float: left;
	display: inline;
	zoom: 1;
	padding-bottom: 20px;
	background: url(../images/bg_topBlog_bottom.gif) center bottom no-repeat;
}

#top_blog h2 {
	padding-bottom: 7px;
}

#top_blog .gotoBlog {
	position: absolute;
	top: 18px;
	left: 242px;
	font-size: 11px;
}

#top_blog .gotoBlog a {
	padding-left: 16px;
	background: url(../images/bullet_rightArrow_p.gif) 4px 50% no-repeat;
	color: #534295;
	cursor: pointer;
}

#top_blog .gotoBlog a:hover {
	text-decoration: underline;
}

#top_blog .unit-wrapper {
	width: 299px;
	background: url(../images/bg_topBlog_middle.gif) center top repeat-y;
}

#top_blog dl {
	padding-top: 20px;
	width: 268px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(../images/delimiter_topBlog.gif) center bottom no-repeat;
}

#top_blog dt {
	margin: 0 4px 4px;
	font-weight: bold;
}

#top_blog dt a {
	color: #534295;
	background-color: transparent;	
}

#top_blog dt a:hover {
	text-decoration: underline;
}

#top_blog dd {
	margin: 0 4px;
}

#topLink {
	width: 254px;
	margin-left: 308px;
}

#topLink li {
	margin-bottom: 8px;
}


.privacymark{
	margin-top: 32px;
	display: table;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
	padding: 10px;
}
.privacymark p{
	display: table-cell;
}
.privacymark p.img{
	width: 112px;
	vertical-align: middle;
}
.privacymark p.img img{
	max-width: 100%;
}
.privacymark p.txt{
	padding-left: 16px;
	vertical-align: middle;
}