@charset "utf-8";

#index #philosophy {
	background: url(../topimg/philosophy.jpg) no-repeat center top;
	text-indent: -9999px;
	height: 205px;
	margin-bottom: 25px;
}

/*左エリア
=========================================*/

#index .leftAreaBox {
	background: url(../topimg/bg_leftbox.gif) no-repeat left top;
	width: 695px;
	padding-top: 15px;
}

#index .hdr {
	height: 32px;
	margin-bottom: 17px;
}

#index .hdr  h2 {
	margin-top: 5px;
	float: left;
	text-indent: -9999px;
}

#index .leftAreaBox p.listBtn {
	background: url(../topimg/dot_listbtn.gif) no-repeat left top;
	height: 25px;
	float: right;
	padding: 7px 0 0 17px;
	margin-right: 16px;
}

*html #index .leftAreaBox p.listBtn {
	margin-right: 8px;
}

#index .leftAreaBox p.listBtn a {
	width: 88px;
	height: 11px;
	display: block;
	text-indent: -9999px;
}

#index .leftAreaBox p.listBtn a:hover {
	background-position: left bottom;
}

/*事業内容
=========================================*/

#index .businessHdr h2 {
	background: url(../topimg/ttl_business.gif) no-repeat left top;
	width: 182px;
	height: 17px;

}

#index .businessHdr p.listBtn a {
	background-image: url(../topimg/btn_business_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#index .businessBox {
	width: 337px;
	border: 1px solid #d6d6d6;
	background: url(../topimg/bg_business.gif) no-repeat left top;
	position: relative;
	margin: 0 17px 17px 0;
	float: left;
}

#index .businessBox h3 {
	margin: 13px 15px 28px;
}

#index .businessBox h3 a {
	color: #666;
	text-decoration: none;
	background: url(../topimg/arrow_business.gif) no-repeat left 2px;
	padding-left: 30px;
	font-size: 117%;
}

#index .businessBox h3 a:hover {
	text-decoration: underline;
}

#index .businessBox .im {
	padding: 0 0 15px 15px;
	float: left;
}

#index .businessBox .desc {
	width: 165px;
	margin-right: 15px;
	float: right;
}

*html #index .businessBox .desc {
	margin-right: 7px;
}

#index .businessBox .moreBtn {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#index .businessBox .moreBtn a {
	background-image: url(../topimg/btn_more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	width: 82px;
	height: 23px;
}

#index .businessBox .moreBtn a:hover {
	background-position: left bottom;
}


/*運営店舗
=========================================*/

#index .shoplistBox {
	background: url(../topimg/bg_leftbox.gif) no-repeat left top;
	width: 950px;
	padding-top: 15px;
	margin-bottom: 35px;
}

#index .shoplistBox p.listBtn {
	background: url(../topimg/dot_listbtn.gif) no-repeat left top;
	height: 25px;
	float: right;
	padding: 7px 0 0 17px;
	margin-right: 16px;
}

*html #index .shoplistBoxBox p.listBtn {
	margin-right: 8px;
}

#index .shoplistBox p.listBtn a {
	width: 88px;
	height: 11px;
	display: block;
	text-indent: -9999px;
}

#index .shoplistBox p.listBtn a:hover {
	background-position: left bottom;
}





#index .shoplistHdr h2 {
	background: url(../topimg/ttl_shoplist.gif) no-repeat left top;
	width: 161px;
	height: 17px;
}

#index .shoplistHdr p.listBtn a {
	background-image: url(../topimg/btn_shoplist.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#index ul.shoplist li {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

#index ul.shoplist li:last-child {
	margin-bottom: 0px;
}

#index ul.shoplist li p {
	text-align: center;
}

#index ul.shoplist li p.im {
	margin-bottom: 10px;
}

#index ul.shoplist li p a {
	color: #666;
	text-decoration: underline;
}

#index ul.shoplist li p a:hover {
	text-decoration: none;
}

/*右エリア
=========================================*/

#index .rightAreaBox {
	background: url(../topimg/bg_rightbox.gif) no-repeat left top;
	width: 210px;
	padding-top: 15px;
	margin-bottom: 35px;
}


/*ニュース
=========================================*/

#index .newsHdr h2 {
	background: url(../topimg/ttl_news.gif) no-repeat left top;
	width: 131px;
	height: 17px;
	text-indent: -9999px;
}

#index ul.newslist {
	margin-bottom: 30px;
}

#index ul.newslist li {
	border-bottom: 1px solid #CCC;
	padding: 15px 0;
}

#index ul.newslist li.last {
	border: none;
}

#index ul.newslist a {
	color: #629d0f;
	text-decoration: underline;
}

#index ul.newslist a:hover {
	text-decoration: none;
}

#index ul.newslist p.date {
	font-size: 92%;
	margin-bottom: 8px;
	color: #666;
}

#index ul.newslist p.ttl {
	margin-bottom: 12px;
	color: #000;
}

#index ul.newslist p.desc {
	line-height: 150%;
}

/*関連企業
=========================================*/

#index .groupHdr h2 {
	background: url(../topimg/ttl_group.gif) no-repeat left top;
	width: 139px;
	height: 17px;
	text-indent: -9999px;
}

#index ul.grouplist li {
	margin-bottom: 35px;
}

#index ul.grouplist li p.im {
	margin-bottom: 10px;
}

#index ul.grouplist li p a {
	color: #666;
	text-decoration: underline;
}

#index ul.grouplist li p a:hover {
	text-decoration: none;
}