@charset "utf-8";
/*
Theme Name: the-square-sc
Theme URI: http://the-square-sc.com/
Description: 聖蹟桜ヶ丘駅前ショッピングセンター「ザ・スクエア」のレイアウト
Author: the square
Author URI: http://the-square-sc.com/
*/
@import url("reset.css");
@import url("nav.css");
body {
	font: 13px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,"MS P Gothic", "ＭＳ Ｐゴシック";
	color: #3D3D3D;
	line-height: 1.4em; 
	}

#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
}
#header {
	height: 74px;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	margin-bottom: 5px;
}
#header h1 {
	float: left;
	font-size: 12px;
}
#header  h1 a {
	background: url(images/logo.png) no-repeat 0px 0px;
	height: 0px;
	width: 221px;
	padding-top: 53px;
	overflow: hidden;
	margin-top: 14px;
	margin-left: 12px;
	display: block;
}
#header #header-right {
	float: right;
	width: 530px;
	margin-top: 14px;
	height: 60px;
	position: relative;
}
#header #header-right #businesshours {
	float: right;
}
#header #header-right #businesshours dt {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3em;
}
#header #header-right #businesshours dd {
	text-align: left;
	font-size: 10px;
	line-height: 1.2em;
}
#container {
	float:right;
	margin:0 0 20px -230px;
	width:100%;
	display: block;
}

#content {
	margin:0 0 0 230px;
}
#container #content h2 {
	display: block;
	height: 30px;
	width: 540px;
	overflow: hidden;
	padding-left: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:20px;
}
.entry-content{
margin-right:15px;
margin-bottom:20px;
margin-left:10px;
position:static;
}

.pagetop{
border-top: 1px solid #E9E9E9;
padding-top:5px;
font-size: 10px;
margin-bottom:30px;
text-align:right;
text-decoration:none;
display:block;
}

div.sidebar {
	float:left;
	overflow:hidden;
	width:220px;
margin-bottom:20px;
}
#secondary {
clear:left;
}

#footer {
border-top:1px solid #E9E9E9;
clear:both;
font-size:80%;
margin-top:15px;
padding-top:5px;
text-align:center;
}
/* ================================================
=  共通ルール                                       =
=================================================*/
.entry-content p{
margin-bottom:10px;
}
.entry-content p img{
padding:0px 10px 10px 10px;
}

/* デフォルトリンク設定 */
a:link,a:visited {
	text-decoration: underline;
	color: #333333;
	}
a:hover,a:active{
	color: #0066FF;
	text-decoration: underline;
	}

/* 見出し */
h3 {
	color:#3A499C;
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px dotted #999999;
	background: url(images/square.gif) no-repeat 3px 3px;
	display: block;
	clear: both;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 20px 0px;
}
h4 {
	font-weight: bold;
	margin: 10px 15px 5px 20px;
}
div.entry-content p,div.entry-content ul,div.entry-content dl{
margin-left:20px;
}
strong{
	font-weight:bold;
}

/* float */
.fl{float:left;}
.fr{float:right;}
.alignleft{float: left;}
.alignright{float: right;}

/* clear */
.clearfix:after {   
content: "";
display: block;
clear: both;
}
.clearfix{
zoom: 100%;
}

/* margin & padding */	

.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mlr5 { margin: 0 5px; }
.mlr10 { margin: 0 10px; }
.mlr15 { margin: 0 15px; }
.mlr20 { margin: 0 20px; }
.mtb5 { margin: 5px 0; }
.mtb10 { margin: 10px 0; }
.mtb15 { margin: 15px 0; }
.mtb20 { margin: 20px 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.plr5 { padding: 0 5px; }
.plr10 { padding: 0 10px; }
.plr15 { padding: 0 15px; }
.plr20 { padding: 0 20px; }
.ptb5 { padding: 5px 0; }
.ptb10 { padding: 10px 0; }
.ptb15 { padding: 15px 0; }
.ptb20 { padding: 20px 0; }


/* 文字色 */	
.red {
	color: #FF0000;
}
.small{
	font-size: 90%;
}
/* パンくず */	
#bread {
padding:3px 0 2px 3px;
margin-bottom:2px;
}
#bread ul li {
display:inline;
font-size:10px;
color:#3a499c;
}
#bread ul li a {
background:url("/images/common/arrow.gif") no-repeat scroll right 4px transparent;
margin-right:2px;
padding-right:8px;
font-size:10px;
}
#bread ul li a:link,#bread ul li a:visited {
text-decoration:none;
}
#bread ul li a:hover,#bread ul li a:active {
color:#3a499c;
}


/* ================================================
=  各種ページ                                       =
=================================================*/

/* トップページ home */

.home ul#topimg {
	height: 248px;
	width: 782px;
	border: 1px solid #E9E9E9;
	padding: 9px;
	display: block;
	margin-top: 15px;
	margin-bottom: 20px;
overflow:hidden;
}

.home dl.posts-list{
margin-left:10px;
}

.home dl.posts-list dt {
	background: url(images/arrow-01.gif) no-repeat left center;
	padding-left: 15px;
	float: left;
	width: 75px;
	margin-bottom:10px;
}

.home dl.posts-list dd {
	padding-left: 90px;
	color: #3A499C;
	margin-bottom:10px;
}

.home dl.posts-list dd a:link, 
.home dl.posts-list dd a:visited {
	color: #3A499C;
	text-decoration: underline;
}

.home dl.posts-list dd a:hover,
.home dl.posts-list dd a:active {
	color: #CC3300;
	text-decoration: underline;
}



/* アクセス post-22 */

#post-22 h2 {
	background: url(images/h2.png) no-repeat 0px -360px;
}
#post-22 dt {
	float: left;
	clear: left;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
}
#post-22 dd {
	margin-left: 7em;
	padding-bottom: 5px;
}


/* リンク post-3 */

#post-3 h2 {
	background: url(images/h2.png) no-repeat 0px -150px;
}
#post-3    dl {
	clear: both;
	list-style: none;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #999999;
}
#post-3 dt {
	width: 110px;
	float: left;
}
#post-3 dd {
	margin-left: 110px;
}
#post-3 span {
	margin-bottom: 3px;
}
#post-3 .title {
	font-weight: bold;
}
#post-3 .address {
	color: #0066ff;
	text-decoration: none;
}
#post-3 .comment {
	font-size: 12px;
}
#post-3 dd a:link,
#post-3 dd a:active,
#post-3 dd a:hover,
#post-3 dd a:visited{
	text-decoration: none;
}


/* 企業情報 post-84 */

#post-84 h2 {
	background: url(images/h2.png) no-repeat 0px -240px;
}
#post-84 .style1 {
	color: #000000
}
#post-84 .style2 {
	color: #000000;
	font-size: 10px;
}
#post-84 .style3 {color: #000000; font-size: 12px; }
#post-84 .style4 {
	color: #000000;
	font-size: 14px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#post-84 .style5 {font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"}
#post-84 .style6 {font-size: 16px}
#post-84 .style7 {font-size: 12px}


/* 特売情報 category-sale */

.category-sale h2 {
	background: url(images/h2.png) no-repeat 0px -90px;
}
.category-sale .view {
	float: left;
	width: 45%;
	display: block;
	text-align: center;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
.category-sale #chirashi {
	padding-bottom: 15px;
}
.category-sale .view img {
	margin-bottom: 10px;
}
.category-sale #viewicon {
	border: 1px solid #999999;
	padding: 5px;
	width: 500px;
	height: 50px;
}
.category-sale  #viewicon li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 5px;
	text-align: center;
	line-height: 1em;
	font-weight: normal;
	width: auto;
	list-style: none;
}
.category-sale #viewicon li img {
	padding: 0px;
	margin: 0px 0px 5px;
	display: block;
}


/* 店舗案内 #post-25 */

#post-25 h2,#post-201 h2,#post-182 h2,#post-188 h2 {
	background: url(images/h2.png) no-repeat 0px -60px;
}

#storeguide #tabguide{
margin: 0px 0px 0px 5px;
display: block;
}
#storeguide #tabguide img{
padding: 0px;
margin: 0px 8px 0px 0px;
display: inline;
}

#storeguide #nomark{
background-image: none;
}
#storeguide .shousai{
margin-bottom: 20px;
}
#storeguide .storelist{
margin-right: 5px;
margin-left: 5px;
}
#storeguide .storelist h3{
margin-bottom: 10px;
}

#storeguide .storelist  dl{
	margin-bottom: 25px;
	margin-top: 10px;
}
#storeguide .storelist  dt{
	margin-bottom: 5px;
	list-style: none;
}

#storeguide .storelist  dt a:link,
#storeguide .storelist  dt a:visited{
	text-decoration: none;
}
#storeguide .storelist  dt a:hover,
#storeguide .storelist  dt a:active{
	text-decoration: none;
        color:#3A499C;
}
#storeguide .storelist  dt span.name{
	font-weight: bold;
	font-size: 100%;
	line-height: 16px;
}
#storeguide .storelist  dt span.copy{
	font-size: 90%;
	padding: 0px;
	line-height: 16px;
	margin-left: 3px;
}

#storeguide .storelist dt a img{
	vertical-align: middle;
	padding-right: 3px;
}


/* スクエアチャンネル .category-sqch */
.category-sqch h2 {
	background: url(images/h2.png) no-repeat 0px -180px;
}
#sqmovie {
	width: 380px;
	display: block;
	height: 300px;
	margin-left: 80px;
}




/* クーポン .category-coupon */
.category-coupon h2 {
	background: url(images/h2.png) no-repeat 0px -120px;
}
.category-coupon dl#coupon {
	margin: 15px 0 15px 20px;
	padding: 0;
	background: #FCE8E8;
	border-top: 1px none #CF4E72;
	border-right: 1px solid #CF4E72;
	border-bottom: 1px solid #CF4E72;
	border-left: 1px solid #CF4E72;
	width: 500px;
	font-size: 90%;
}
.category-coupon dl#coupon dt {
	font-size: 90%;
	float: left;
	background: #FCE8E8;
	padding: 10px;
	font-weight: bold;
	line-height: 1.4em;
	width: 70px;
	border-top: 1px solid #CF4E72;
	border-right: 1px none #CF4E72;
	border-bottom: 1px none #CF4E72;
	border-left: 1px none #CF4E72;
}
.category-coupon dl#coupon dd {
	font-size: 90%;
	line-height: 1.4em;
	background: #FFFBEE;
	margin-left: 90px;
	padding: 10px;
	border-top: 1px solid #CF4E72;
	border-left: 1px solid #CF4E72;

}
.category-coupon dl#coupon dd strong {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color:#FF0033;
}

/* 月替わりランチ .category-lunch */

.category-lunch h2 {
	background: url(images/h2.png) no-repeat 0px -210px;
}
.category-lunch .entry-content p{
margin: 0px 0px 0px 5px;
zoom: 100%;
}
.category-lunch .entry-content p:after{
margin: 0px 0px 0px 5px;
content: "";
display: block;
clear: both;
}

.category-lunch .entry-content h4{
float:left;
clear:left;
margin: 0px 0px 15px 0px;
padding: 0px 10px 0px 0px;
vertical-align:bottom;
background: none;
}
.category-lunch .lunch_box{
	display:block;
	margin-bottom:1px;
	vertical-align:bottom;
	height: 150px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	width: 530px;
	padding-top: 0px;
	margin: 0px 0px 10px 5px;
	position: relative;
}
.category-lunch .lunch_box dt  {
	display: block;
	width: 210px;
	float: left;
	clear: left;
}
.category-lunch .lunch_box dd {
	float: right;
	display: block;
	width: 320px;
	clear: right;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
}
.category-lunch .lunch_box  .shop {
	margin-top: 10px;
	position: absolute;
	bottom: 10px;
	left: 210px;
clear:both;
}
.category-lunch .lunch_box  span {
display:block;
}
.category-lunch .lunch_box .shop  span {
display:inline;
}
.category-lunch .lunch_box .title {
	font-size: 120%;
	margin-top: 5px;
	padding-right: 5px;
float:left;
}
.category-lunch .lunch_box .price {
	font-size: 120%;
	font-weight: bold;
	margin:5px 0 5px 5px;
}
.category-lunch .lunch_box   .gentei  {
	color: #FFFFFF;
	font-weight: bold;
	height: 12px;
	background-color: #FF9900;
	width: 6em;
	text-align: center;
	line-height: 1em;
	display: block;
	margin: 0 0 5px 0;
	padding: 3px;
}

* html div.lunchbox div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html div.lunchbox div{/* IE 7 */
display:inline;
zoom:1;
}
.category-lunch .lunch_box .name {
	font-size: 110%;
	font-weight: bold;
}
/* イベント情報 .category-event */

.category-event h2,h2.category-event{
	background: url(images/h2.png) no-repeat 0px 0px;
}

/* ニュース .category-event */

.category-news h2,h2.category-news{
	background: url(images/h2.png) no-repeat 0px -30px;
}

/* プライバシーポリシー #post-264 */

#post-264 h2{
	background: url(images/h2.png) no-repeat 0px -300px;
}

/* お問合せ .contact */

.contact h2{
	background: url(images/h2.png) no-repeat 0px -270px;
}

