@charset "utf-8";
/*	citylife index css  */
body{
	color: #660000;
}

#top_container{
	height: auto;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A18B74;
	border-left-color: #A18B74;
}
#top_main {
	display: inline;
	float: right;
	height: auto;
	width: 900px;
	padding-bottom: 50px;
}

/*上部ヘッダー付近CSS*/
#top_header {
	height: auto;
	width: 900px;
}
#plat {
	background-color: #A18B74;
	height: 18px;
	width: 900px;
	float: left;
	display: inline;
	text-align: center;
	padding-top: 2px;
	margin-bottom: 5px;
}
#header_text {
	height: 15px;
	width: 880px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.head_img {
	float: left;
	height: 100px;
	width: 350px;
}
.recommend {
	float: right;
	height: 70px;
	width: 430px;
	border: 1px solid #A18B74;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 4px 5px 0 7px;
}
#top_search {
	width: 900px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #12563E;
	height: 25px;
	float: left;
}
.tub {
	float: left;
	height: 25px;
	width: 628px;
}
.keywordbox {
	width: 257px;
	margin-right: 15px;
	float: right;
	text-align: right;
	display: inline;
}



/*左側CSS*/

#left{
	width :615px;
	height: auto;
	float: left;
	display: inline;
	margin: 0 20px 0 15px;
}
ul.left_navi {
	float: left;
	height: 25px;
	width: 615px;
	list-style-type: none;
}
li.left_navi {
	background-image: url(../parts/index0811/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	width: 100px;
	padding-left: 15px;
	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: 173px;
	width: 613px;
	border: 1px solid #A18B74;
	margin-bottom: 15px;
	display: inline;
}
.shop,.ranking,.event,.special_back,.search {
	height: auto;
	width: 615px;
	padding-bottom: 15px;
	float: left;
}
.shop_space {
	height: 80px;
	width: 11px;
	float: left;
}
/*new_shop */
.new_shop {
	border: 1px solid #A18B74;
	padding: 5px;
	width: 290px;
	float: left;
	height: auto;
	margin-top: 11px;
}
.shop_head {
	height: auto;
	width: 290px;
	float: left;
}
.shop_head_r {
	height: auto;
	width: 310px;
	float: left;
}
.shop_img {
	float: left;
	height: 48px;
	width: 85px;
	margin-right: 3px;
	border: 1px solid #A18B74;
	display: inline;
}
.shop_img_r {
	float: left;
	height: 62px;
	width: 110px;
	margin-right: 10px;
	margin-top: 2px;
}

.shop_tit {
	height: auto;
	width: 290px;
	padding-top: 3px;
	float: left;
}

.shop_text {
	float: right;
	height: auto;
	width: 200px;
	margin-top: 2px;
}
.shop_text_r {
	float: right;
	height: auto;
	width: 310px;
}
.shop_coupon {
	background-color: #EDE6DA;
	float: right;
	width: 196px;
	height: 17px;
	padding: 0 0 0 4px;
	margin-top: 2px;
}
.bg_area_l {
	background-image: url(../parts/index0811/bg_area_l.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 18px;
	width: 10px;
	display: inline;
}
.bg_area_text {
	background-image: url(../parts/index0811/bg_area_t.gif);
	background-repeat: repeat-x;
	background-position: left;
	float: left;
	height: 17px;
	width: auto;
	padding-top: 1px;
}
.bg_area_r {
	background-image: url(../parts/index0811/bg_area_r.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 18px;
	width: 10px;
}
.bg_kind_l {
	background-image: url(../parts/index0811/bg_kind_l.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 18px;
	width: 10px;
}
.bg_kind_text {
	background-image: url(../parts/index0811/bg_kind_t.gif);
	background-repeat: repeat-x;
	background-position: left;
	float: left;
	height: 17px;
	width: auto;
	padding-top: 1px;
}
.bg_kind_r {
	background-image: url(../parts/index0811/bg_kind_r.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 18px;
	width: 10px;
}
.bg_coupon_l {
	background-image: url(../parts/index0811/bg_coupon_l.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 18px;
	width: 10px;
}
.bg_coupon_text {
	background-image: url(../parts/index0811/bg_coupon_t.gif);
	background-repeat: repeat-x;
	background-position: left;
	float: left;
	height: 17px;
	width: auto;
	padding-top: 1px;
}
.bg_coupon_r {
	background-color: #FFFFFF;
	background-image: url(../parts/index0811/bg_coupon_r.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 18px;
	width: 10px;
}

/*ranking*/
ul.rank {
	float: left;
	height: auto;
	width: 615px;
	list-style-type: none;
}
li.rank{
	width:615px;
	height: 20px;
	margin-top: 5px;
}
.rank_day {
	text-align: right;
	float: left;
	height: 15px;
	width: 600px;
	padding-top: 3px;
	padding-right: 15px;
}

.r1{
	background-image: url(../parts/index0811/rank1.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 98px;
	height:18px;
	border: solid 1px #FF33FF;	
	float:left;
}
.r2{
	background-image: url(../parts/index0811/rank2.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 98px;
	height:18px;
	border: solid 1px #FF66FF;
	float:left;
}
.r3{
	background-image: url(../parts/index0811/rank3.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 98px;
	height:18px;
	border: solid 1px #ff99ff;
	float:left;
}
.r4{
	background-image: url(../parts/index0811/rank4.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 98px;
	height:18px;
	border: solid 1px #cccccc;
	float:left;
}
.r5{
	background-image: url(../parts/index0811/rank5.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 98px;
	height:18px;
	border: solid 1px #cccccc;
	float:left;
}
.rank_shop{
	padding: 3px 0 0 20px;
	width:495px;
	height: 17px;
	float:left;
}
ul.eventbox {
	width: 615px;
	list-style-type: none;
	margin-top: 5px;
}

/*event*/
li.eventbox {
	float: left;
	height: auto;
	width: 615px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A18B74;
}
.event_img {
	float: left;
	height: 48px;
	width: 85px;
	margin-right: 10px;
}
.event_tit {
	float: left;
	height: 15px;
	width: 420px;
	margin-top: 3px;
}
.event_area {
	height: 18px;
	width: 100px;
	text-align: right;
	float: left;
}

.event_text {
	float: left;
	width: 520px;
	height: auto;
}
li.event_form {
	float: left;
	height: auto;
	width: 615px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn_event {
	width: 250px;
	float: left;
	height: 20px;
}
.event_attention {
	float: left;
	width: 365px;
	margin-top: 5px;
}


/*special_back*/
.spacial_back_frame {
	height: 88px;
	width: 613px;
	margin-top: 10px;
	border: 1px solid #A18B74;
}
ul.back {
	list-style-type: none;
	height: 78px;
	width: 603px;
	overflow: auto;
	position: inherit;
	margin: 5px;
}
li.back {
	height: 17px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A18B74;
	padding-left: 10px;
}
.search_tit {
	height: 15px;
	width: 615px;
	padding-top: 5px;
	padding-bottom: 2px;
	float: left;
}

.search_box1,.search_box2,.search_box3 {
	float: left;
	height: auto;
	width: 198px;
}
.search_space{
	height: 80px;
	width: 10px;
	float: left;
}
.map {
	float: left;
	height: 136px;
	width: 398px;
}
.area {
	float: left;
	height: 136px;
	width: 398px;
}

.sogo {
	float: left;
	height: 136px;
	width: 200px;
	margin-left: 15px;
	display: inline;
}
.border {
	border: 1px solid #A18B74;
	height: 70px;
	width: 198px;
	margin-bottom: 10px;
}









/*右側エリア情報CSS*/
#right{
	width :235px;
	height: auto;
	float: right;
	display: inline;
	margin-right: 15px;
	padding-top: 20px;
}
.diary,.news,.news,.mobile,.citylife,.attention,.weather {
	float: right;
	height: auto;
	width: 235px;
	padding-bottom: 15px;
}
/*diary*/
ul.diary_t {
	list-style-type: none;
	width: 235px;
	height: 118px;
	width: 235px;
	overflow: auto;
	position: inherit;
	float: left;
	display: inline;
	margin-top: 10px;
}
li.diary_t {
	width: 190px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A18B74;
	height: 45px;
	padding-right: 3px;
	padding-left: 3px;
}

/*news*/
ul.news_t {
	list-style-type: none;
	height: 118px;
	width: 235px;
	overflow: auto;
	position: inherit;
	float: left;
	display: inline;
	margin-top: 10px;
}
li.news_t {
	width: 190px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A18B74;
	height: auto;
	padding-right: 3px;
	padding-left: 3px;
}
/*mobile*/
.bg_qr {
	background-image: url(../parts/index0811/bg_qr.gif);
	background-color: #f9f0e3;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 10px;
	height: 140px;
	width: 213px;
	border: 1px solid #A18B74;
}
.qr_att {
	float: right;
	width: 120px;
	padding: 15px 0;
}
.qr_text {
	float: left;
	height: auto;
	width: 213px;
	padding-top: 5px;
}
/*citylife*/
.book_img {
	padding: 5px;
	height: 199px;
	width: 140px;
	border: 1px solid #A18B74;
	margin: 0 auto;
}
.book_att {
	text-align: center;
	width: 235px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.book_no {
	text-align: center;
	width: 235px;
	padding-bottom: 10px;
}
.city_link {
	height: auto;
	width: 235px;
}
.link {
	border: 1px solid #A18B74;
	margin-bottom: 5px;
}
.att_text {
	height: auto;
	width: 235px;
	padding-top: 10px;
        padding-bottom: 10px;
}
.pubblish {
	background-color: #f9f0e3;
	padding: 10px;
	height: 110px;
	width: 213px;
	border: 1px solid #A18B74;
	margin-top: 10px;
}
.book_space {
	height: 70px;
	width: 16px;
	float: left;
}
.gotolohascafe{
        border: solid 1px #A18B74;
}


.float {
	float: left;
}