@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------
  FEATURE
-----------------------------------------------*/

#container {
	width: 840px;
	margin: 0 auto;
}


.divTop {
	height: 16px;
	background: url(../img/concept/divTop.gif) center repeat-x;
	clear: both;
	margin-bottom: 0;
}
.inner {
	padding-left: 8px;
	padding-right: 20px;
}
/* FEATURE */
h1.feature{
	text-indent: -9999px;
	background: url(../img/feature/title_feature.jpg) top left no-repeat;
	width: 840px;
	height: 60px;
}
h2 {
	margin-top: 0;
	margin-left: 11px;
	margin-bottom: 0;
	font-size: 100%;
	font-weight: bold;
	width: 200px;
	
}
/* */
.feat {
	margin-left: 11px;
	margin-right: 11px;
	font-size: 75%;
	line-height: 1.4;
}
.feat li {
	width: 90px;
	height: 165px;
	margin-right: 14px;
	float: left;
}
/* rollver*/
.feat {
        position:relative;
        height:170px;        /*背景画像と同じ高さ。指定しないとIE ではテキストが右によってしまう*/
}

/*リスト内の a 要素に対して一括して指定*/

.feat a {
	display: block;
	width: 90px;        /*背景画像と同じ幅*/
	height: 165px;       /*背景画像と同じ高さ*/
	text-decoration:none;
	color: #666;
	background-repeat: no-repeat;
}

.feat img {
	margin: 2px;
}
/*リスト内の a 要素に対して背景画像を個別指定*/

.feat a {
    background: url(../img/feature/frame.gif) no-repeat;
}


/*リスト内の a:hover に対して共通指定*/

.feat a:hover {
    background: url(../img/feature/frame_r.gif) no-repeat;
}

/* em 内のテキストを下へ移動させる*/

.feat a h3 {
	display: block;
	font-style: normal;
	margin-top: 3px;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.4;
}
.feat a:hover h3 {
	display: block;
	text-decoration: underline;
	cursor: pointer;        /* IE のために、カーソルをポインタに指定*/
}
.newarea {
	font-size: 0;
	height: 14px;
}