@charset "utf-8";
/*	osaka index css  */
body{
	color: #333333;
}
#top_frame{
	background-image: url(../parts/index0812/bg_container.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 920px;
	margin: 0 auto;
	padding: 0;

}
#top_container{
	height: auto;
	width: 900px;
	margin-left: 10px;
}
#top_main {
	display: inline;
	float: right;
	height: auto;
	width: 900px;
	padding-bottom: 50px;
}

/*上部ヘッダー付近CSS*/
#top_header {
	height: auto;
	width: 900px;
}
#header_text {
	height: 15px;
	width: 880px;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.head_img {
	float: left;
	height: 100px;
	width: 400px;
}
#plat {
	background-color: #C51A20;
	height: 18px;
	width: 900px;
	float: left;
	display: inline;
	text-align: center;
	padding-top: 2px;
}
/*ヘッダーのオススメ店舗部分*/
.recommend {
	float: right;
	height: 70px;
	width: 400px;
	border: 1px solid #A18B74;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
}
.shop_tit {
	height: 17px;
	width: 268px;
	padding-top: 3px;
	float: left;
	background-image: url(../parts/index0812/btn_movie.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	padding-bottom: 2px;
}
.shop_head_r {
	height: 20px;
	width: 295px;
	float: left;
}
.shop_img_r {
	float: left;
	height: 68px;
	width: 91px;
	margin-right: 10px;
	border: 1px solid #7C6854;
}
.shop_text_r {
	float: right;
	height: auto;
	width: 295px;
}
.shop_coupon {
	background-color: #EDE6DA;
	float: right;
	width: 196px;
	height: 17px;
	padding: 2px 0 0 4px;
}
.bg_area {
	background-color: #70B437;
	float: left;
	height: 17px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
}
.bg_kind {
	background-color: #E3007F;
	float: left;
	height: 17px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
}
.bg_coupon {
	background-color: #F8C058;
	float: left;
	height: 17px;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
}
/*ヘッダー検索部分*/
#top_search {
	width: 900px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7c6854;
	height: 35px;
	float: left;
}
.tub {
	float: left;
	height: 35px;
	width: 670px;
}
.keywordbox {
	width: 215px;
	margin-right: 15px;
	float: right;
	text-align: right;
	display: inline;
	padding-top: 5px;
}

/*メインのコンテンツ*/
#left{
	width :630px;
	height: auto;
	float: left;
	display: inline;
	margin: 0 0px 0 15px;
}

/*共通部分*/
#news,#event,#movie,#sp_back,#search {
	height: auto;
	width: 630px;
	padding-bottom: 15px;
	float: left;
}

/*サイトマップ部分*/
ul.left_navi {
	float: left;
	height: 25px;
	width: 615px;
	list-style-type: none;
}
li.left_navi {
	background-image: url(../parts/index0812/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	width: 100px;
	padding-left: 17px;
	height: 20px;
	padding-top: 7px;
}
li.left_navi_no {
	float: left;
	width: auto;
	padding-left: 15px;
	height: 20px;
	padding-top: 7px;
}
/*フラッシュ部分*/
.flash {
	float: left;
	height: 198px;
	width: 628px;
	border: 1px solid #7c6854;
	margin-bottom: 15px;
	display: inline;
}
/*news*/
.news_frame {
	height: 88px;
	width: 628px;
	margin-top: 10px;
	border: 1px solid #7c6854;
}
ul.news {
	list-style-type: none;
	height: 78px;
	width: 620px;
	overflow: auto;
	position: inherit;
	margin: 5px;
}
li.news {
	height: 16px;
	padding-top: 4px;
	padding-left: 20px;
}
.news_sp {
	height: 10px;
	width: 25px;
	float: left;
}
/*新着店舗部分*/
#new_shop{
	width: 305px;
	height: auto;
	float: left;
	margin-bottom: 20px;
	
}
.new_shop {
	float: left;
	height: auto;
	width: 293px;
	border: 1px solid #7C6854;
	padding: 5px;
	margin-top: 10px;
}
.shop_head {
	width: 293px;
	float: left;
}
.shop_img {
	float: left;
	height: 46px;
	width: 83px;
	border: 1px solid #7C6854;
}
.shop_text {
	float: left;
	height: auto;
	width: 203px;
	padding-left: 5px;
}
/*ランチブログ部分*/
#blog{
	width: 305px;
	height: auto;
	float: left;
	margin-left: 20px;
	
}
ul.blog_frame {
	width: 293px;
	border: 1px solid #7C6854;
	overflow: auto;
	padding: 5px;
	margin-top: 10px;
	height: 200px;
}
li.blog_day {
	height: auto;
	width: 270px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7C6854;
	float: left;
	padding-top: 5px;
}
.blog_img {
	padding: 1px;
	height: 50px;
	width: 50px;
	border: 1px solid #7C6854;
	float: left;
}
.blog_date {
	float: left;
	width: 210px;
	padding-left: 5px;
}
.blog_tit {
	float: left;
	width: 210px;
	padding-left: 5px;
	height: 15px;
}
.blog_text {
	float: left;
	width: 210px;
	padding-left: 5px;
}
.blog_link {
	float: left;
	height: 10px;
	width: 210px;
	padding-left: 5px;
	text-align: right;
}

/*イベント*/
ul.eventbox {
	width: 630px;
	list-style-type: none;
	margin-top: 5px;
}
li.eventbox {
	float: left;
	height: auto;
	width: 630px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A18B74;
}
.event_img {
	float: left;
	height: 46px;
	width: 83px;
	margin-right: 10px;
	border: 1px solid #7C6854;
}
.event_tit {
	float: left;
	height: 15px;
	width: 535px;
}
.event_area {
	height: 18px;
	width: 100px;
	text-align: right;
	float: left;
}

.event_text {
	float: left;
	width: 535px;
	height: auto;
}
li.event_form {
	float: left;
	height: auto;
	width: 630px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn_event {
	width: 250px;
	float: left;
	height: 20px;
}
.event_attention {
	float: left;
	width: 370px;
	margin-top: 5px;
}
/*おもしろ動画部分*/
.movie_player {
	float: left;
	height: 172px;
	width: 235px;
	margin-top: 10px;
}
.movie_text {
	float: left;
	height: 172px;
	width: 375px;
	margin-top: 10px;
	margin-left: 20px;
}
.pickup_text {
	float: left;
	height: auto;
	width: 375px;
	margin-top: 10px;
}
.pickup_btn {
	text-align: right;
	float: left;
	height: 25px;
	width: 375px;
}

/*special_back*/
.spacial_back_frame {
	height: 88px;
	width: 628px;
	margin-top: 10px;
	border: 1px solid #7c6854;
}
ul.back {
	height: 78px;
	width: 600px;
	overflow: auto;
	position: inherit;
	margin: 5px;
	list-style-type: square;
	list-style-position: inside;
	padding-left: 18px;
}
li.back {
	height: 17px;
	padding-top: 5px;
	padding-left: 10px;
}
/*検索部分*/
.search_area,.search_cate {
	float: left;
	height: auto;
	width: 630px;
	margin-top: 10px;
}
.search_area_img {
	float: left;
	width: 35px;
	height: 120px;
	background-color: #F7B525;
	background-image: url(../parts/index0812/bn_area.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.search_cate_img {
	float: left;
	width: 35px;
	height: 380px;
	background-color: #F7B525;
	background-image: url(../parts/index0812/bn_cate.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.search_area_text,.search_cate_text {
	float: right;
	width: 580px;
	padding-left: 13px;
}
ul.area {
	float: left;
	height: auto;
	width: 580px;
	list-style-type: none;
}
li.area_dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7C6854;
	height: auto;
	float: left;
}
li.area_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C6854;
	height: auto;
	float: left;
}
li.area_line_no {
	height: auto;
	float: left;
}
.area_tit {
	text-align: right;
	float: left;
	width: 65px;
	padding-right: 10px;
}
.area_name {
	width: 505px;
	float: left;
}
.cate {
	padding-right: 11px;
}
.cate_tit {
	float: left;
	width: 580px;
	padding-top: 5px;
}
.cate_name {
	float: right;
	width: 505px;
	display: inline;
	padding-left: 75px;
}
ul.search_life {
	float: left;
	width: 505px;
	list-style-type: none;
	height: auto;
}
li.life_dot {
	float: left;
	width: 505px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7C6854;
}
li.life_no {
	float: left;
	width: 505px;
}
.life_tit {
	float: left;
	width: 70px;
	padding-right: 10px;
	text-align: right;
}
.life_name {
	float: right;
	height: auto;
	width: 425px;
}



/*右側エリア情報CSS*/
#right{
	width :220px;
	height: auto;
	float: right;
	display: inline;
	margin-right: 15px;
	padding-top: 20px;
}
/*共通*/
#areainfo,#weather,#yahoo,#ranking,#mypage,#present{
	float: left;
	width: 218px;
	border: 1px solid #7C6854;
	margin-bottom: 15px;
	padding:0 0 5px 0;
}

.right_tit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C6854;
}
/*観光スポット*/
ul.areainfo {
	height: auto;
	width: 218px;
	list-style-type: none;
}
li.area_info {
	padding: 5px;
	float: left;
	height: auto;
	width: 208px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7B6955;
}
li.area_info_last {
	padding: 5px;
	float: left;
	height: auto;
	width: 208px;

}
.areainfo_tit {
	float: left;
	width: 208px;
	padding-bottom: 5px;
}
.areainfo_img {
	float: left;
	height: 70px;
	width: 70px;
	padding: 4px;
	border: 1px solid #7C6854;
}
.areainfo_text {
	height: auto;
	width: 120px;
	float: right;
}


#weather_text{
	width: 218px;
	margin: 10px 0;
	text-align: center;
}
#yahoo_text,#weather_text {
	width: auto;
	margin: 5px 12px;
	border: 1px dashed #CCCCCC;
	padding: 3px 15px;
}
.rank_day {
	width: 208px;
	text-align: right;
}
.rank_shop {
	width: 203px;
	padding-left: 5px;
}

ul.rank {
	list-style-type: none;
	padding: 5px;
	width: 208px;
	float: left;
}
li.rank {
	float: left;
	height: auto;
	width: 208px;
	padding-bottom: 10px;
}
.movie {
	margin-right: 5px;
}
ul.mypage_text{
	height: auto;
	width: 208px;
	list-style-type: none;
	padding:5px;

}
li.mypage_navi {
	background-image: url(../parts/index0812/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	height: 15px;
	margin-left: 15px;
	padding-top: 5px;

}
.bn_plat{
	float: left;
	width: 218px;
	border: 1px solid #7C6854;
	margin-bottom: 15px;
	padding:0;
}
#adv{	
	float: left;
	height: 70px;
	width: 628px;
	margin-top: 10px;
	border: 1px solid #7c6854;
}