@charset "utf-8";

@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// TOPPAGE */

/* ----------------------------------------------------- Main */

#feature{
	width: 680px;
	margin-left:10px;
}

#feature_con{
	width: 646px;
	margin-left:20px;
	background-color:#FAF8EF;
	border-right: #EEECE3 solid 1px;
	text-align:center;
}

.feature_ttl{
	padding: 20px 0 0 0;
}

#feature_con .text{
	padding: 10px 83px 10px;
	text-align:left;
}

#feature_con .liText{
	padding: 0px 133px 20px;
	text-align:left;
	line-height:1.5em;
}

#feature_con .blue_Text{
	color:#00A2D7;
}

#feature_con ul.featureTop {
	width: 87px;
}

#feature_con ul.featureBtn {
	width: 174px;
}

#feature_con ul.featureTop,
#feature_con ul.featureBtn {
	margin: 0px auto;
	padding-top: 20px;
	padding-bottom: 10px;
}

.featureTop li,
.featureBtn li{
	display: inline;
}

.featureTop a,
.featureBtn a{
	background: transparent no-repeat 0 0;
	float: left;
	display: block;
	height: 35px;
	text-indent: -999em;
}

.featureTop #start a{
	width: 87px;
	background-image: url(images/feature_parts01.gif);
}

.featureBtn #next a{
	width: 87px;
	background-image: url(images/feature_parts03.gif);
}

.featureBtn #back a{
	width: 87px;
	background-image: url(images/feature_parts04.gif);
}

.featureBtn #featTop a{
	width: 87px;
	background-image: url(images/feature_parts05.gif);
}

.featureTop #start a:hover,
.featureBtn #next a:hover,
.featureBtn #back a:hover,
.featureBtn #featTop a:hover{
	background-position: 0 -35px;
}

/* *Hides from IE-mac \*/
.featureTop a,
.featureBtn a{
	overflow: hidden;
}
/* *End hide from IE-mac */

.syosai a {
	display:block;
	width:74px;
	height:20px;
	background-image:url(images/syosai_01.gif) ;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	margin-top:5px;
}
.syosai a:hover{
	background-position: 0 -20px;
}