@import "default.css";
@import "common.css";

/* ===============================================
  堺エリアで使うスタイル
=============================================== */

/* -------- 堺エリア共通 -------- */

#rightside nav {
	width:270px;
	padding:5px 0;
	background: url(../sakai/images/share/bg_cate.gif) repeat 0 0;
	position:relative;
}

#rightside #category {
	border:1px solid #B0DAA0;
}

/* -------- エリアトップページ -------- */

#leftside .box_access .ani01 {
	position:absolute; top:20px; left:484px;
}

#leftside .box_access .ani02 {
	position:absolute; top:5px; left:484px;
}

/* -------- 詳細ページ -------- */

#datapage #data h2 {
	border-bottom:1px solid #DEDFD7;
	border-left:10px solid #B0DAA0;
}

/* -------- スポット・グルメ・ショッピング一覧ページ -------- */

.ichiran {
	border-bottom:1px dotted #B1A99E;
	padding-bottom:30px;
	margin-top:30px;
}

.ichiran:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

.ichiran dl {
	float:left;
}

.ichiran dl dt {
	width:160px;
	float:left;
	margin-right:10px;
}

.ichiran dl dd {
	width:140px;
	float:left;
	padding-right:20px;
}

.ichiran dl.r_side dd{
	padding-right:10px;	
}

.ichiran dl dd img {
	padding-bottom:10px;
}

.ichiran dl dd a {
	font-size:1.23em;
	font-weight:bold;
}

.ichiran dl dd .text {
	padding-top:10px;
}

/* PLATPLATの紹介 */

.platbox {
	width:650px;
	border-bottom:1px dotted #B1A99E;
	padding-bottom:30px;
	margin-top:30px;
}

.platbox:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

.platbox .plat_photo {
	width:200px;
	float:right;
}

.platbox .plat_photo dl.platplat {
	border:1px solid #ccc;
	width:200px;
	padding:5px 0;
	margin-top:10px;
	font-size: 0.84em;
	text-align:center;
}

.platbox .plat_text {
	width:420px;
	float:left;
}

.platbox .plat_text h3 {
	text-align:center;
	font-size:100%;
	font-weight:bold;
	margin-bottom:20px;
}

.platbox .plat_text p {
	padding-left:30px;
}

/* -------- 特集ページ共通 -------- */

h2.ttl {
	margin:30px 0;
}

#sp_01_page address,
#sp_02_page address{
	font-style:normal;
}

/* -------- 特集一覧ページ -------- */

#sp_index_page #must1,
#sp_index_page #must2 {
	display:none;
}

/* -------- 特集：堺市展望ページ -------- */

#sp_01_page section dl dt {
	margin-bottom:10px;
}

#sp_01_page .kofun_l {
	width:300px;
	float:left;
	margin-bottom:20px;
}

#sp_01_page .kofun_l h3 {
	font-size:100%;
	font-weight:bold;
	padding:30px 0 10px 0;
}

#sp_01_page .kofun_r {
	border:1px dotted #B0DAA0;
	padding:0 30px 15px;
	width:240px;
	margin-top:30px;
	float:right;
}

#sp_01_page .kofun_r h3 {
	padding:20px 0 10px 0;
	text-align:center;
}

/* -------- 特集：堺の銘菓ページ -------- */

#sp_02_page section dl {
	float:left;
	width:223px;
	margin-top:30px;
}

#sp_02_page section dl.third {
	width:200px;
}

#sp_02_page section dl dt,
#sp_02_page section dl dd {
	width:195px;
	font-size:75%;
}

#sp_02_page section dl dt,
#sp_02_page section dl dt img.pic {
	margin-bottom:10px;
	font-weight:bold;
}

#sp_02_page address {
	color:#888;
}