@charset 'utf-8';

img{vertical-align:bottom;}

#body {
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	background:transparent url(../img/bg_subpage.png) repeat-x 0 80px;
}
.top {
	background:transparent url(../img/bg_body.png) repeat-x 0 80px !important;
}

h2{margin:40px 0 20px;}

table{width:100%;}
th,td{border:1px solid #CCCCCC;padding:10px 8px;}
th{background-color:#EDEECE;font-weight:bold;width:130px;text-align:left;}

.content {
	width:950px;
	margin:0 auto;
}

#header_wrap {
	background: transparent url(../img/bg_sub_visual.png) no-repeat center 80px;
}

.top #header_wrap {
	background: transparent url(../img/bg_main_visual.png) no-repeat center 80px !important;
}

#header {
	position:relative;
}
#lead {
	position:absolute;
	top:5px;
	right:0;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height:2;
}
#nav {
	position:absolute;
	top:35px;
	right:0;
	_width:450px;
}
#nav li {
	float:left;
	display:block;
	width:150px;
}
#nav li a {
	display:block;
}

#main {
	width:900px;
	background-color:#fff;
	padding:25px 25px 0;
}

#lifeinfo {
	border:1px solid #D5C29F;
	padding:15px 30px;
	margin-top:15px;
}
#lifeinfo li {
	width:279px;
	float:left;
	display:block;
	line-height:2;
}
#lifeinfo li:nth-child(3n+1) {
	width:310px;
}
#lifeinfo li:nth-child(3n) {
	width:248px;
}
#lifeinfo span {
	font-weight:bold;
}

#main_nav {
	margin-top:25px;
	position:relative;
}

#main_nav li {
	float:right;
	display:block;
	width:152px;
	margin-right:5px;
}
#main_nav .first {
	margin-right:0;
}

#footer_wrap {
	background: transparent url(../img/bg_footer.png) repeat 0 0;;
	margin-top:120px;
}
#footer {
	position:relative;
	padding:20px 0;
}
#pagetop {
	position:absolute;
	top:-25px;
	right:0;
	width:110px;
}
#footer_nav {
	width:450px;
}
#footer_nav li {
	float:left;
	width:150px;
	display:block;
}

#copyright_wrap {
	background-color:#C1A775;
}
#copyright {
	color:#fff;
	font-size:10px;
	text-align:right;
	line-height:2.6;
}

/* For modern browsers */
.cf:before,.cf:after{content:"";display:table;}

.cf:after{clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}

.f_left{float:left;}
.f_right{float:right;}


.social {
	margin-bottom:20px;
}
.social li {
	display: inline;
	float: left;
	padding-right: 10px;
}