@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* Top style css　*/
/*==================================================================*/
/* Page Settings */
/*------------------------------------*/
#toppage header nav .inner li.g-home a{
	background-position: 0 -76px;
}
/* -------------------------------------------- */
/* mainvisual */
/* -------------------------------------------- */
#main-wrapper{
	overflow: hidden;
	height: 514px;
	background-color: #d00414;
	background-image: url("../image/bg_main.jpg");
	background-position: 50% 0;
	background-repeat: no-repeat;
}

#main-wrapper #mainvisual01 .inner{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#main-wrapper #mainvisual01 .inner h1{
	position: relative;
	padding-top: 50px;
	z-index:100;
}

#main-wrapper #mainvisual01 .inner .fig{
	position: absolute;
	right:-185px;
	top:35px;
	height: 514px;
	z-index: 10px;
}

#main-wrapper #mainvisual02 .inner{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 514px;
}

#main-wrapper #mainvisual02 .inner h1{
	position: relative;
	margin-bottom: 20px;
	padding-top: 30px;
	z-index:100;
}

#main-wrapper #mainvisual02 .inner .fig{
	position: absolute;
	right:-95px;
	bottom:0;
	z-index: 10px;
}
#main-wrapper #mainvisual02 .inner .fig img{
	vertical-align: bottom;
}

#main-wrapper .other{
	position: relative;
	width: 960px;
	height: 514px;
	margin: 0 auto;
}

#main-wrapper .button p{
	position: absolute;
	bottom:40px;
	z-index:1000;
}

#main-wrapper .button a{
	display: block;
	width: 446px;
	height: 94px;
	background: #fff url("../image/main_btn.png") 0 0 no-repeat;
	text-indent: -9999px;
}

#main-wrapper .button a:hover{
	background-position: 0 -94px;
}

#main-wrapper .count-wrapper{
	z-index:9000;
}

#main-wrapper .count-wrapper .inner {
	position: absolute;
	top: 10px;
	right:-50px;
	z-index: 9000;
}

#toppage .count{
	position: relative;
	z-index:9000;
}

#toppage .count p{
	position: absolute;
	width: 206px;
	height: 206px;
	padding: 105px 45px 0 0;
	background: transparent url("../image/main_count.png") 0 0 no-repeat;
	font-size: 1.4em;
	text-align: right;
}

#toppage .count em{
	font-size: 1.8em;
	font-weight: bold;
	color: #d00414;
	font-family:"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago,sans-serif;
	letter-spacing: 0;
}

#main-wrapper .slide{
	position: absolute;
	left:50%;
	margin-left: -480px;
	display: none;
}

#main-wrapper .slide:first-child{
	display: block;
}


/* -------------------------------------------- */
/* news */
/* -------------------------------------------- */
.news{
	margin-bottom: 50px;
	padding: 60px 0 40px;
	background-color: #f6f1ef;
}

.news .inner{
	width: 960px;
	margin: 0 auto 40px;
}

.news .inner .title-area{
	overflow: hidden;
	margin-bottom: 10px;
}

.news .inner .title-area h2{
	float: left;
	width: 500px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 1.5em;
	color: #231815;
}

.news .inner .title-area .btn-area{
	float: right;
	width: 135px;
}

.news .inner .title-area .btn-area .btn-style a{
	padding: 8px 20px;
	font-size: 0.9em;
	text-decoration: none;
}

.news .inner .title-area .btn-area .btn-style a i{
	margin-right: 5px;
}

.news .inner .entry{
	padding-top: 15px;
	border-top: 1px solid #8c8c8c;
}

.news .inner .entry article{
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #8c8c8c;
}

.news .inner .entry article .date{
	float: left;
	width: 110px;
	padding-left: 20px;
}

.news .inner .entry article .content{
	float: right;
	width: 820px;
}

.news .inner .entry article .content a:hover{
	text-decoration: none;
}


/* -------------------------------------------- */
/* nayami */
/* -------------------------------------------- */
.nayami{
	width: 960px;
	margin: 0 auto 60px;
}

.nayami .detail{
	position: relative;
	padding-bottom: 10px;
}

/* clear hack */
.nayami .detail{zoom:1;}
.nayami .detail:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.nayami .detail .left{
	float: left;
	width: 720px;
	padding-top: 20px;
}

.nayami .detail .left h2{
	margin-bottom: 15px;
	padding-left: 10px;
}

.nayami .detail .left h2 img{
	vertical-align: bottom;
}

.nayami .detail .left .example{
	letter-spacing: -0.4em;
}

.nayami .detail .left .example li{
	display: inline-block;
	*display: inline;
	margin-right: 10px;
	letter-spacing: normal;
	*zoom: 1;
}

.nayami .detail .left .example li:last-child{
	margin-right: 0;
}

.nayami .detail .left .example li img{
	vertical-align: bottom;
}

.nayami .detail .fig{
	position: absolute;
	right:-30px;
	bottom:0;
}

.nayami .detail .fig img{
	vertical-align: bottom;
}

.nayami .result{
	border: 3px solid #d00414;
	padding-bottom: 20px;
}

.nayami .result .title-area{
	position: relative;
	height: 75px;
	margin-bottom: 10px;
	background: #fff url("../image/bg_nayami.gif") 0 0 no-repeat;
}

.nayami .result .title-area .check{
	position: absolute;
	left:55px;
	top:-25px;
}

.nayami .result .title-area h3{
	color: #fff;
	font-weight: bold;
	font-size: 2.2em;
	text-align: center;
	letter-spacing: 0;
}

.nayami .result .read{
	font-size: 1.7em;
	text-align: center;
}

.nayami .result .read strong{
	font-weight: bold;
	color: #e67317;
}


/* -------------------------------------------- */
/* feature */
/* -------------------------------------------- */
.feature{
	margin-bottom: 60px;
	background-color: #f6f1ef;
	padding-bottom: 60px;
}

.feature .title-area{
	margin-bottom: 40px;
	padding: 15px 0 10px;
	background-color: #231815;
	border-bottom: 6px solid #c0b5b2;
	text-align: center;
}

.feature .title-area h2{
	width: 960px;
	margin: 0 auto;
}

.feature .detail-wrapper{
	width: 960px;
	margin: 0 auto 20px;
}

.feature .detail-wrapper .inner{
	width: 985px;
	letter-spacing: -0.4em;
}

/* clear hack */
.feature .detail-wrapper .inner{zoom:1;}
.feature .detail-wrapper .inner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.feature .detail-wrapper .inner .block{
	position: relative;
	float: left;
	width: 225px;
	height: 280px;
	margin-right: 20px;
	padding: 30px 14px 20px;
	border: 1px solid #dacecb;
	background-color: #fff;
	vertical-align: top;
	letter-spacing: normal;
}

.feature .detail-wrapper .inner .block:last-child{
	margin-right: 0;
}

.feature .detail-wrapper .inner .block .number{
	position: absolute;
	top:-15px;
	left:-15px;
}

.feature .detail-wrapper .inner .block .fig{
	margin-bottom: 10px;
	text-align: center;
}

.feature .detail-wrapper .inner .block dl dt{
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
}

.feature .detail-wrapper .inner .block dl dd{
	line-height: 1.4;
}

.feature .detail-wrapper .inner .block dl dd em{
	color: #d00414;
	font-weight: bold;
}

.feature .button{
	width: 960px;
	margin: 0 auto;
}

/* -------------------------------------------- */
/* list */
/* -------------------------------------------- */
.overview{
	width: 960px;
	margin: 0 auto 50px;
}

#list .title{
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#list table{
	max-width: 960px;
	border: 1px solid #bfbfbf;
	border-style: solid none none solid;
	font-size: 1.1em;
}

#list table th,
#list table td{
	padding: 12px 10px;
	border: 1px solid #bfbfbf;
	border-style: none solid solid none;
}

#list table th{
	width: 20%;
	background-color: #f3f3f3;
	text-align: center;
}

/* -------------------------------------------- */
/* plan-list */
/* -------------------------------------------- */
.title-plan{
	width: 960px;
	margin: 0 auto 30px;
	background: transparent url("../image/ic_title.gif") no-repeat scroll 0 10px;
	color: #461109;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 15px;
}

.plan-list{
	margin-bottom: 60px;
}

/* -------------------------------------------- */
/* about */
/* -------------------------------------------- */
.about{
	width: 960px;
	margin: 0 auto 120px;
	padding: 20px 20px 10px;
	border: 4px solid #e4e4e4;
	background: #fff url("../image/bg_company.gif") 99% 0px no-repeat;
}

.about h2 {
	margin-bottom: 6px;
	color: #231815;
	font-size: 1.4em;
	font-weight: bold;
}

.about dl {
	overflow: hidden;
	margin-bottom: 5px;
}

.about dl dt {
	float: left;
	width: 265px;
	padding: 3px 0;
	background-color: #f0f0f0;
	text-align: center;
}

.about dl dd {
	float: right;
	width: 635px;
	padding: 3px 0;
}

.about dl dd span{
	display: inline-block;
	*display: inline;
	width: 48px;
	margin-right: 8px;
	border: 1px solid #97908e;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 5px;
	padding: 0 8px;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	*zoom: 1;
}

.about dl dd a:hover {
	text-decoration: none;
}