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

/*main_hed
------------------------*/
#main_hed {
	width: 940px;
	background: url(../images/index/bg_hed_img.gif) repeat-y center 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0px;
}
#main_hed img:hover {
	color:#FFFFFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#hed_l {
	float: left;
	width: 635px;
}
#hed_r {
	float: right;
	width: 290px;
}
#main_hed_bottom {
	width: 980px;
	background: url(../images/index/bg_hed_bottom_img.gif) no-repeat center bottom;
	padding-bottom: 30px;
	margin: 0px auto;
}

/*ショップ一覧
------------------------*/

#shop_wrap {
	background: #F5F5F5;
	width: 625px;
	padding-top: 10px;
	padding-left: 10px;
}
#shop_title {
	background: url(../images/index/shop_title_img.gif) no-repeat;
	height: 15px;
	width: 395px;
	padding-left: 140px;
	color: #67B3DF;
	float: left;
	margin-bottom: 10px;
	font-size: 0.9em;
	padding-top: 5px;
	font-weight: normal;
}
#shop_menu {
	width: 624px;
	padding-bottom: 10px;
}

#shop_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#shop_menu01,#shop_menu02,#shop_menu03 {
	float: left;
	height: 70px;
	width: 198px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#shop_menu04,#shop_menu05,#shop_menu06 {
	float: left;
	height: 70px;
	width: 198px;
	margin-right: 10px;
}
#shop_menu01 a {
	background: url(../images/index/shop_menu.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu02 a {
	background: url(../images/index/shop_menu.gif) no-repeat -198px 0px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu03 a {
	background: url(../images/index/shop_menu.gif) no-repeat -396px 0px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu04 a {
	background: url(../images/index/shop_menu.gif) no-repeat -594px 0px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu05 a {
	background: url(../images/index/shop_menu.gif) no-repeat -792px 0px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu06 a {
	background: url(../images/index/shop_menu.gif) no-repeat -990px 0px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu01 a:hover {
	background: url(../images/index/shop_menu.gif) no-repeat 0px -70px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu02 a:hover {
	background: url(../images/index/shop_menu.gif) no-repeat -198px -70px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu03 a:hover {
	background: url(../images/index/shop_menu.gif) no-repeat -396px -70px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu04 a:hover {
	background: url(../images/index/shop_menu.gif) no-repeat -594px -70px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu05 a:hover {
	background: url(../images/index/shop_menu.gif) no-repeat -792px -70px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}
#shop_menu06 a:hover {
	background: url(../images/index/shop_menu.gif) no-repeat -990px -70px;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 198px;
}

/*トピックス
------------------------*/

#topics_title {
	background: url(../images/index/topics_title_img.gif) no-repeat;
	height: 17px;
	padding-left: 90px;
	font-weight: normal;
	padding-top: 3px;
	font-size: 0.9em;
	margin-bottom: 5px;
}
#topics_wrap {
	border-right: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	width: 270px;
	padding-right: 9px;
	padding-left: 9px;
}
#topics_box {
	height: 230px;
	width: 269px;
	overflow: auto;
}
#topics_top {
	background: url(../images/index/bg_topics_top_img.gif) no-repeat center top;
	padding-top: 10px;
	margin-bottom: 5px;
}
#topics_bottom {
	background: url(../images/index/bg_topics_bottom_img.gif) no-repeat center bottom;
	padding-bottom: 10px;
}

.topics {
	padding-top: 5px;
	padding-left: 5px;
	width: 245px;
	padding-bottom: 5px;
}

.topics_list {
	background: #F5F5F5;
}

/*
.topics_gray {
	background: #F5F5F5;
	padding-top: 5px;
	padding-left: 5px;
	width: 245px;
	padding-bottom: 5px;
}
.topics_white {
	background: #FFFFFF;
	padding-top: 5px;
	padding-left: 5px;
	width: 245px;
	padding-bottom: 5px;
}
*/

/*WEBチラシ
------------------------*/

#btn_web_catalog {
	height: 90px;
	width: 290px;
}
#btn_web_catalog a {
	background: url(../images/index/btn_web_catalog.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 290px;
}
#btn_web_catalog a:hover {
	background: url(../images/index/btn_web_catalog.gif) no-repeat 0px -90px;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 290px;
}

/*羊太郎おすすめ注目ショップ
------------------------*/

#recommend {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#bg_recommend {
	background: url(../images/index/onaka_bottom_img.gif) repeat-x center bottom;
	padding-bottom: 15px;
}
.recommend_box {
	float: left;
	width: 115px;
	margin-right: 5px;
}
.recommend_box img {
	margin-bottom: 5px;
}
.recommend_box img:hover {
	color:#FFFFFF;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.recommend_title {
	background: url(../images/com/arrow_b_img.gif) no-repeat left 3px;
	padding-left: 15px;
	font-weight: bold;
	line-height: 1.1em;
	height: 30px;
}
.recommend_box p {
	line-height: 1.2em;
}

/*イベント情報
------------------------*/

#bg_title01 {
	background: url(../images/index/bg_event_img.gif) no-repeat;
	height: 25px;
	width: 700px;
	margin-bottom: 20px;
	text-indent: -9999px;
	font-size: 1px;
	padding-top: 10px;
	padding-right: 10px;
}
#bg_title01 h2 {
	float: left;
}
.btn_detail_bl {
	height: 15px;
	width: 80px;
	float: right;
}
.btn_detail_bl a {
	background: url(../images/com/btn_detail_bl.gif) no-repeat 0px 0px;
	height: 15px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
	line-height: 1px;
}
.btn_detail_bl a:hover {
	background: url(../images/com/btn_detail_bl.gif) no-repeat 0px -15px;
	height: 15px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
	line-height: 1px;
}
.event_wrap {
	background: #EBEBEB;
	width: 700px;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
	height: 280px;
	overflow: auto;
}
.event_wrap_s {
	background: #EBEBEB;
	width: 700px;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
	height: 140px;
	overflow: auto;
}

.event_box {
	background: #FFFFFF;
	float: left;
	width: 310px;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 130px;
}
.event_photo {
	float: left;
	width: 90px;
	padding: 2px;
	border: 1px solid #C1C1C1;
}
.event_text {
	float: right;
	width: 200px;
}
.event_arrow {
	background: url(../images/com/arrow_b_img.gif) no-repeat left center;
	padding-left: 10px;
	font-weight: normal;
}
.event_name {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}
.event_name_s {
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 5px;
}
.btn_event_more {
	height: 15px;
	width: 80px;
	margin-right: 0px;
	margin-left: auto;
}
.btn_event_more a {
	background: url(../images/com/btn_more.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 80px;
	font-size: 1px;
	line-height: 1px;
}
.btn_event_more a:hover {
	background: url(../images/com/btn_more.gif) no-repeat 0px -15px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 80px;
	font-size: 1px;
	line-height: 1px;
}

/*ニュースリリース情報
------------------------*/

#bg_title02 {
	background: url(../images/index/bg_shop_img.gif) no-repeat;
	height: 25px;
	width: 700px;
	margin-bottom: 10px;
	text-indent: -9999px;
	font-size: 1px;
	padding-top: 10px;
	padding-right: 10px;
}
#bg_title02 h2 {

}
.btn_detail_gr {
	height: 15px;
	width: 80px;
	float: right;
	margin-bottom: 10px;
}
.btn_detail_gr a {
	background: url(../images/com/btn_detail_gr.gif) no-repeat 0px 0px;
	height: 15px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
	line-height: 1px;
}
.btn_detail_gr a:hover {
	background: url(../images/com/btn_detail_gr.gif) no-repeat 0px -15px;
	height: 15px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
	line-height: 1px;
}
.music_wrap {
	width: 710px;
	margin-bottom: 30px;
}
.music_l {
	float: left;
	width: 348px;
}
.music_r {
	float: right;
	width: 348px;
}
#music_title {
	background: url(../images/index/music_title_img.gif) no-repeat;
	height: 45px;
	width: 348px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
#book_title {
	background: url(../images/index/book_title_img.gif) no-repeat;
	height: 45px;
	width: 348px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

/*
.music_gray {
	background: #F5F5F5;
}
*/
.rank_table td {
	padding: 5px 10px;
	border-bottom: 1px solid #D9D9D9;
}
.new {
	background: #FF0037;
	padding: 3px 5px;
	color: #FFFFFF;
}

.table_list {
	background: #F5F5F5;
}

/*大型ショップ
------------------------*/

#bg_title03 {
	background: url(../images/index/bg_oogata_img.gif) no-repeat;
	height: 25px;
	width: 700px;
	margin-bottom: 20px;
	text-indent: -9999px;
	font-size: 1px;
	padding-top: 10px;
	padding-right: 10px;
}
#recommend_title {
	background: url(../images/index/osusume_title.jpg) no-repeat left top;
	height: 37px;
	text-indent: -9999px;
	float: left;
	width: 313px;
	margin-bottom: 15px;
}
.topics_date {
	float: left;
	width: 65px;
}
.topics_text {
	float: right;
	width: 175px;
}
.release_title {
	font-size: 1em;
	font-weight: bold;
	color: #98CC98;
}

.topics_red_link a:link {
	color:#FF3366;
	text-decoration:none;
}

.topics_red_link a:visited {
	color:#FF3366;
	text-decoration:none;
}

.topics_red_link a:hover {
	color:#FF3366;
	text-decoration:underline;
}