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

/*-----フォーマット設定-----*/

#header{
	width:960px;
	margin: 0 auto;
	height:133px;
}

#header h1 {
	font-size:12px;
	font-weight:normal;
	width:459px;
	height:48px;
	display:block;
	float:left;
}
#header h2 {
	margin-right:85px;
	width:294px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background:url(../images/format/logo.jpg);
	float:left;
}

#navi_chr {
	width:150px;
	height:21px;
	margin-bottom:13px;
	float:right;
	background-image:url(../images/format/btn_chr.gif);
	padding-left:78px;
}
#navi_chr ul{
	list-style:none;
	width:150px;
	height:21px;
}
#navi_chr li{
	width:50px;
	list-style:none;
	float:left;
}
#navi_chr a{
	background-image:url(../images/format/btn_chr.gif);
	width:50px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:21px;
}
a.nc01{
	
	background-position:-78px 0px;
}
a:hover.nc01{
	background-position:-78px -21px;
}
a.nc02{
	background-position:-128px 0px;
}
a:hover.nc02{
	background-position:-128px -21px;
}
a.nc03{
	background-position:-178px 0px;
}
a:hover.nc03{
	background-position:-178px -21px;
}


#navi_abt {
	width:387px;
	height:14px;
	margin-bottom:21px;
	float:right;
	text-align:right;
}
#navi_abt img {
	margin-left:26px;
}
/*
#navi_abt ul{
	list-style:none;
	width:387px;
	height:14px;
}
#navi_abt li{
	list-style:none;
	float:left;
}
#navi_abt a{
	background-image:url(../images/format/navi_abt.gif);
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:14px;
	margin-left:26px;
}
a.na01{
	width:42px;
	background-position:0px 0px;
}
a:hover.na01{
	background-position:0px -14px;
}
a.na02{
	width:113px;
	background-position:-42px 0px;
}
a:hover.na02{
	background-position:-42px -14px;
}
a.na03{
	width:73px;
	background-position:-155px 0px;
}
a:hover.na03{
	background-position:-155px -14px;
}
a.na04{
	width:55px;
	background-position:-228px 0px;
}
a:hover.na04{
	background-position:-228px -14px;
}
a.na05{
	width:71px;
	background-position:-283px 0px;
}
a:hover.na05{
	background-position:-283px -14px;
}
*/


#navi {
	width:581px;
	height:39px;
	float:left;
}
/*
#navi ul{
	list-style:none;
}
#navi li{
	list-style:none;
	float:left;
}
#navi a{
	background-image:url(../images/format/navi.jpg);
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:39px;
}
a.n01{
	width:145px;
	background-position:0px 0px;
}
a:hover.n01{
	background-position:0px -39px;
}
a.n02{
	width:145px;
	background-position:-145px 0px;
}
a:hover.n02{
	background-position:-145px -39px;
}
a.n03{
	width:145px;
	background-position:-290px 0px;
}
a:hover.n03{
	background-position:-290px -39px;
}
a.n04{
	width:146px;
	background-position:-435px 0px;
}
a:hover.n04{
	background-position:-435px -39px;
}
*/

#navi_side {
	width:235px;
	height:200px;
	margin-bottom:29px;
}
/*
#navi_side ul{
	list-style:none;
}
#navi_side li{
	list-style:none;
}
#navi_side a{
	background-image:url(../images/format/navi_side.jpg);
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:50px;
}
a.ns01{
	background-position:0px 0px;
}
a:hover.ns01{
	background-position:-235px 0px;
}
a.ns02{
	background-position:0px -50px;
}
a:hover.ns02{
	background-position:-235px -50px;
}
a.ns03{
	background-position:0px -100px;
}
a:hover.ns03{
	background-position:-235px -100px;
}
a.ns04{
	background-position:0px -150px;
}
a:hover.ns04{
	background-position:-235px -150px;
}
*/
#main_v {
	margin-bottom:30px;
	width:100%;
	min-width:960px;
	background:url(../images/top/main.jpg) center repeat-x;
	height:360px;
}

#info_back {
	font-size:12px;
	width:206px;
	height:95px;
	background:url(../images/format/info_back.jpg) no-repeat;
	padding:5px 5px 0 24px;
	line-height:180%;
	margin-bottom:25px;
}
#info_back a {
	color:#333;
	text-decoration:none;	
}
#info_back a:hover {
	color:#A3D8E9;
}

#container{
	width:960px;
	margin:0px auto;
	clear:both;
}

#left_c {
	width:707px;
	float:left;
	margin-right:18px;
/*	padding:0 0 230px 30px;*/
}

#right_c {
	width:235px;
	float:right;
}

#news{
	width:671px;
	background:url(../images/top/tower10.gif) no-repeat;
	padding-left:36px;
}

#news_sp{
	width:671px;
	font-size:12px;
/*	height:199px;*/
/*	height:240px;*/
/*	height:270px;*/
/*	height:320px;*/
/*	height:350px;*/
/*	height:380px;*/
/*	height:400px;*/
/*	height:430px;*/
/*	height:450px;*/
/*	height:480px;*/
/*	height:510px;*/
/*	height:530px;*/
	height:590px;
	line-height:160%;
	border-bottom:solid #CCC 1px;
	margin-bottom:29px;
}
.topbanner {
	margin-bottom:9px;
}
.topbanner_btm {
	width:707px;
	height:280px;
	margin-bottom:12px;
}
.topbanner_btm img {
	margin-bottom:9px;
}

#news_sp a {
	color:#333;
	text-decoration:none;
/*	padding:0 0 5px 0;*/
	
}
#news_sp a:hover {
	text-decoration:underline;
}
#news_sp dl {

	line-height:16px;
}
#news_sp dt {
	clear:both;
	float:left;
	list-style:none;
	width:250px;
	height:16px;
	margin:10px 0 0 10px;
	line-height:16px;
	display:block;
}
#news_sp dd {
	margin:0 0 0 270px;
	padding-top:10px;
	list-style:none;
/*	height:16px;
	float:left;*/
	display:block;
	line-height:16px;
}


dt.nsp01{
	background-position:70px 0px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp02{
	background-position:70px -16px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp03{
	background-position:70px -32px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp04{
	background-position:70px -48px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp05{
	background-position:70px -64px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp06{
	background-position:70px -80px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp07{
	background-position:70px -96px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}

dt.nsp08{
	background-position:70px -112px;
	background-image: url(../images/format/news_tab.jpg);
	background-repeat: no-repeat;
}


#uptotop {
	width:168px;
	height:21px;
	margin:0 auto;
	padding:39px 0 0 792px;
}

.banner_l {
	margin-left:5px;
}

#footer {
	clear:both;
	background:url(../images/format/foot_back.jpg) repeat-x center top;
	width:100%;
	min-width:960px;
	height:165px;
}
#footer_sp {
	margin:0 auto;
	width:960px;
}
#footer_sp img {
	margin-bottom:5px;
}

#footer_l {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	color:#541910;
	width:450px;
	height:119px;
	float:left;
	margin-top:26px;
	line-height:160%;
}

#footer_r {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	color:#541910;
	width:510px;
	height:119px;
	float:left;
	margin-top:26px;
	line-height:160%;
}
#footer_end {
	text-align:center;
	font-size:12px;
	width:960px;
	line-height:150%;
}

.clearline{
	clear:both;
}
.w_sp {
	margin:0 12px;
	width:588px;
}

.w_sp2 {
	margin:0 16px 30px 16px;
	width:580px;
}

.w_sp3 {
	margin:0 16px 0 16px;
	width:580px;
}

.w_sp4 {
	margin:0 16px 30px 16px;
	width:350px;
}


.entry-title {
	clear: both;
	color:#FFF09D;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: 10px;
	padding-left:15px;
	background:url(../images/format/pict.jpg) no-repeat left 3px;
}




#sub_cont {
	width:685px;
	margin:0 auto;
}
h5 {
	background:url(../images/format/subtitle_back.gif) repeat-x;
	width:652px;
	border-left:#551A10 3px solid;
	height:27px;
	font-weight:bold;
	font-size:14px;
	line-height:27px;
	display:block;
	color:#551A10;
}
h5 span {
	font-size:12px;
	font-weight:normal;
}
a {
	color:#333;
}

#bannerlist{
	width:235px;
	text-align:center;
}

#bannerlist img {
	margin-top:10px;
}

/*----大阪府咲洲庁舎展望台----*/
#main_saki {
	background:url(../images/observatory/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}

#copy_saki {
	background:url(../images/observatory/copy.gif) no-repeat;
/*	width:442px;*/
/*	height:77px;*/
	width:450px;
	height:86px;
	display:block;
	text-indent:-9999px;
/*	margin:32px 0 3px 0;*/
	margin:32px 0 8px 0;
}

.waku_0_saki {
	float:left;
	width:385px;
	margin-top:60px;
}
.waku_1_saki {
	float:left;
	width:300px;
	margin-top:60px;
}
.waku_2_saki {
	float:left;
	width:300px;
	margin-top:20px;
	margin-left:0px;
}
.waku_3_saki {
	float:left;
	width:300px;
	margin-top:20px;
	margin-left:84px;
}

.waku_1_saki img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:#CCC solid 1px;
	padding:1px;
}
.waku_2_saki img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:#CCC solid 1px;
	padding:1px;
}
.waku_3_saki img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:#CCC solid 1px;
	padding:1px;
}

.waku_0_saki p {
	margin:15px 13px 0 13px;
}
.waku_1_saki p {
	margin:5px 13px 0 13px;
}
.waku_2_saki p {
	text-align: center;
}
.waku_3_saki p {
	text-align: center;
}

#st05 {
	margin-top:40px;
}
#stp {
	margin:15px 13px 0 13px;
}

#saki_title {
	background:url(../images/observatory/title01.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:95px;
	display:block;
	text-indent:-9999px;
}

.ss_cont {
	margin:28px auto 0 auto;
	width:655px;
}
.sss_cont {
	margin:15px auto 0 auto;
	width:619px;
	border-bottom:#62D8CC 1px dotted;
}
.sss_cont_last {
	margin:15px auto 0 auto;
	width:619px;
}
.sss_cont2 {
	margin:15px auto 30px auto;
	width:619px;
}
.ryokin01 {
	width:138px;
	float:left;
	font-weight:bold;
	color:#551A10;
}
.ryokin02 {
	width:481px;
	float:left;
	margin-bottom:10px;
}

/*---ショップ案内---**/

#main_sg {
	background:url(../images/storeguidance/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}
.title_sg {
	margin:35px 0 20px 0;
}
.sg_sp {
	width:673px;
	margin:0 auto 50px auto;
}
.sg_st {
	margin-bottom:14px;
}
.sg_photo {
	width:216px;
	margin-right:17px;
	float:left;
}
.sg_text {
	width:440px;
	float:left;
}

/*----イベント情報----*/
#main_ev {
	background:url(../images/event/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}

#event_title01 {
	background:url(../images/event/title01.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:60px;
	display:block;
	text-indent:-9999px;
}

#event_title02 {
	background:url(../images/event/title02.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:60px;
	display:block;
	text-indent:-9999px;
}

dl.event_pict {
	margin-bottom:30px;
}

.event_pict dt {
	clear:both;
	float:left;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background:url(../images/event/pict.gif) no-repeat;
	text-align:center;
	color:#FFF;
	width:76px;
	height:16px;
	margin:0 10px 10px 0;
	line-height:16px;
	display:block;
}
.event_pict dd {
	display:block;
	margin-bottom:10px;
	line-height:16px;
	margin-left:86px;
}
.evdd_2line {
	padding-bottom:16px;
}


/*----周辺情報----*/
#main_ag {
	background:url(../images/areaguide/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}
.ag_center {
	text-align:center;
	width:685px;
	margin-bottom:10px;
}
#ag_title01 {
	background:url(../images/areaguide/title01.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:60px;
	display:block;
	text-indent:-9999px;
}



/*----交通アクセス----*/

#main_ac {
	background:url(../images/access/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}

#access_title01 {
	background:url(../images/access/title01.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:60px;
	display:block;
	text-indent:-9999px;
}
#access_title02 {
	background:url(../images/access/title02.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:60px;
	display:block;
	text-indent:-9999px;
}
.access_img {
	margin:5px auto 0 auto;
	width:602px;
	padding-bottom:30px;
}
.access_img img {
	margin-top:25px;
}
.access_img strong {
	padding:18px 0 3px 0;
	font-size:14px;
	display:block;
	clear:both;
}
.access_img a {
	color:#F90;
	text-decoration:none;
	background:url(../images/access/btn_bigmap.jpg) no-repeat;
	width:111px;
	height:33px;
	text-indent:-9999px;
	display:block;
}
.access_img a:hover {
	text-decoration:underline;
}
.mapl {
	float:left;
	width:430px;
}
.mapr {
	float:left;
	width:111px;
	margin-top:31px;
}
/*----サイトマップ----*/

#main_site {
	background:url(../images/sitemap/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}
#site01 {
	background:url(../images/sitemap/btn01.jpg) no-repeat;
	width:214px;
	height:37px;
	margin:50px 0 95px 0;
	float:left;
	text-indent:-9999px;
	display:block;
}
#site02 {
	background:url(../images/sitemap/btn02.jpg) no-repeat;
	width:214px;
	height:37px;
	margin:50px 0 95px 20px;
	float:left;
	text-indent:-9999px;
	display:block;
}
#site03 {
	background:url(../images/sitemap/btn03.jpg) no-repeat;
	width:214px;
	height:37px;
	margin:50px 0 0px 20px;
	float:left;
	text-indent:-9999px;
	display:block;
}
#site04 {
	background:url(../images/sitemap/btn04.jpg) no-repeat;
	width:214px;
	height:37px;
	margin:0 0 5px 0;
	float:left;
	text-indent:-9999px;
	display:block;
}
#site05 {
	background:url(../images/sitemap/btn05.jpg) no-repeat;
	width:214px;
	height:37px;
	margin:0 0 5px 20px;
	float:left;
	text-indent:-9999px;
	display:block;
}
#site_shop_sp {
	width:204px;
	float:left;
	display:block;
	padding-left:10px;
}
#site_shop_sp dt {
	margin-top:5px;
}
#site_shop_sp dd {
	margin-left:5px;
	padding-left:12px;
	background:url(../images/sitemap/pict.gif) no-repeat 0,3px;
}

#site_info_sp {
	width:204px;
	float:left;
	margin-left:21px;
	display:block;
	padding-left:10px;
}
#site_info_sp dt {
	margin-top:5px;
}

/*----コスモタワーについて----*/

#main_ol {
	background:url(../images/outline/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}
#outline_copy {
	background:url(../images/outline/copy.gif) no-repeat;
	width:685px;
	height:65px;
	margin:60px 0 15px 0;
	display:block;
	text-indent:-9999px;
}

dl.outline_pict {
	margin:20px 0 15px 0;
}

.outline_pict dt {
	clear:both;
	float:left;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background:url(../images/event/pict.gif) no-repeat;
	text-align:center;
	color:#FFF;
	width:76px;
	height:16px;
	margin:0 10px 0 0;
	line-height:16px;
	display:block;
	padding-bottom:48px;
}
.outline_pict dd {
	margin-bottom:5px;
	line-height:16px;
	display:block;
}

#outline_title01 {
	clear:both;
	background:url(../images/outline/title01.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:80px;
	display:block;
	text-indent:-9999px;
}

#outline_title02 {
	clear:both;
	background:url(../images/outline/title02.jpg) no-repeat;
	width:685px;
	height:48px;
	margin-top:80px;
	display:block;
	text-indent:-9999px;
}

#olimg {
	width:209px;
	height:133px;
	margin:28px 8px 0 15px;
	float:left;
}
#oltxt {
	width:453px;
	float:left;
	margin-top:28px;
}


.cosmo_news {
	margin-left:13px;
}
.cosmo_day {
	text-align:right;
}


/*----ショップニュース----*/

#main_sn {
	background:url(../images/storenews/main.jpg) no-repeat;
	width:707px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}
.sn_title {
	clear:both;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}

.sn_txt{
	margin:0 12px 0 10px;
	width:485px;
	float:left;
}
.sn_txt2{
	margin:0 12px 0 10px;
	width:650px;
	float:left;
}
.sn_txt h3{
	font-size:16px;
	font-weight:bold;
}
.sn_txt2 h3{
	font-size:16px;
	font-weight:bold;
}
.sn_day{
	width:667px;
	border-top:#CCC 1px dotted;
	text-align:right;
	margin:10px auto 0 auto;
	padding-top:5px;
	clear:both;
}
.sn_img {
	width:170px;
	float:left;
}
.sn_img img {
	margin-bottom:15px;
}

.news_tclr {
	color:#F00;
	font-weight:bold;
	font-size:14px;
}


/*----ショップ詳細----*/

.coupon_btn { /*ショップ詳細用*/
	float:right;
	margin-top:5px;
	display:block;
	width:59px;
	height:19px;
	background:url(../images/format/btn_coupon.jpg) no-repeat left 2px;
	text-indent:-9999px;
}


.store_back {
	float:right;
	font-size:10px;
	background:url(../images/storeguidance/btn_back.gif) no-repeat right;
	width:95px;
	height:19px;
	margin-top:5px;
	padding-right:10px;
	display:block;
	text-decoration:none;
	text-align:right;
}

#nagataen_title {
	clear:both;
	background:url(../images/storeguidance/nagataen/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}

#kotohira_title {
	clear:both;
	background:url(../images/storeguidance/kotohira/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}

#zen_title {
	clear:both;
	background:url(../images/storeguidance/zen/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}

#montjuic_title {
	clear:both;
	background:url(../images/storeguidance/montjuic/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}

#saintetoile_title {
	clear:both;
	background:url(../images/storeguidance/saintetoile/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}


#worldbuffet_title {
	clear:both;
	background:url(../images/storeguidance/worldbuffet/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}

#yanagida_title {
	clear:both;
	background:url(../images/storeguidance/yanagida/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}
#nakamura_title {
	clear:both;
	background:url(../images/storeguidance/nakamura/title.jpg) no-repeat;
	width:685px;
	height:29px;
	margin:50px 0 20px 0;
	display:block;
}
#title_p {
	text-indent:-9999px;
	float:left;
}
#store_l{
	width:371px;
	float:left;
}
#store_r{
	width:285px;
	float:left;
	margin-left:29px;
}

#logo_sp {
	width:371px;
	height:213px;
/*	border:#CCC solid 1px;
	padding:1px;*/
	margin-bottom:19px;
}

.photo_sp {
	width:281px;
	border:#CCC solid 1px;
	padding:1px;
	margin-bottom:19px;
}
#store_txt {
	margin-bottom:20px;
}
.store_st {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:32px;
	padding-left:8px;
	width:363px;
	height:32px;
	background:url(../images/storeguidance/title_back.jpg) repeat-x;
}
.store_mtxt {
	width:355px;	
	margin:8px 8px 30px 8px;
}
.store_mtxt a {
	color:#F90;
}
#store_waku {
	background:url(../images/storeguidance/tenpo_back.gif);
	width:265px;
	padding:10px;
}
#store_data {
	background:#FFF;
	padding:10px;
	line-height:150%;
}
#store_data dt {
	margin-top:8px;
	border-bottom:#CCC dotted 1px;
}
#back_sp {
	width:685px;
	margin-top:20px;
}
.sp_center {
	margin-top:8px;
	text-align:center;
}
/*サンエトワール専用*/
.pasta{
	float:left;
	width:170px;
	text-align:center;
	line-height:120%;
	margin:0px 0 12px 8px;
}
.etc_menu{
	float:left;
	width:170px;
	line-height:120%;
	margin:0 0 30px 8px;
}
.menu_t {
	font-weight:bold;
	margin-bottom:4px;
	line-height:28px;
	font-size:14px;
}
.store_mtxt2 {
	width:355px;	
	margin:8px 8px 0px 8px;
}
/*ながた園夏季メニュ限定*/
#s_menu {
	margin-top:10px;
	background:url(../images/storeguidance/nagataen/menu.jpg);
	width:371px;
	height:630px;
}
#naga_m01{
	padding:368px 12px 0 12px;
	height:50px;
	display:block;
}
#naga_m02{
	margin:35px 12px 0 147px;
	height:50px;
	display:block;
}
#naga_m03{
	margin:80px 150px 0 12px;
	display:block;
}
.mini_t {
	font-size:120%;
}