/* CSS Document */

/* 全体構造
---------------------------------------------------- */
* {
margin: 0px;
padding: 0px;
}

body {
background-image: url(../images/bg.jpg);
text-align: center;
font-size: 12px;
font-family: Verdana,Arial,Helvetica,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
line-height: 1.4em;
margin: 0;
padding: 0;
color: #333333;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

a:link {
color: #51BAB3;
text-decoration: none;
}

a:visited {
color: #51BAB3;
text-decoration: none;
}

a:hover, a:active {
color: #51BAB3;
text-decoration: underline;
}

#wrapper {
background: url(../images/bg_bottom.jpg) repeat-x left bottom;
width: 100%;
margin: 24px auto 0px auto;
}

/* フロート対策
---------------------------------------------------- */
.box-clear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.box-clear{
display:inline-block;  /* MAC IE用　*/
min-height:1%;  /* IE 7用 */
}

/* ヘッダー
---------------------------------------------------- */
#header {
width: 950px;
margin: 0px auto 20px auto;
height: 316px;
background: url(../images/hd_bg.jpg) no-repeat left top;
}

#logo {
width: 260px;
float: left;
display: inline;
margin: 99px 0px 0px 106px;
}

#catch {
width: 450px;
float: right;
display: inline;
margin: 99px 106px 0px 0px;
text-align: left;
}

#catch h1 {
font-size: 10px;
color: #FFFFFF;
}

p.company {
text-align: right;
padding: 17px 22px 10px 0px;
}

#catch a:link {
color: #FFFFFF;
text-decoration: underline;
}

#catch a:visited {
color: #FFFFFF;
text-decoration: underline;
}

#catch a:hover, a:active {
color: #FFCC00;
text-decoration: underline;
}

/* コンテンツレイアウト
---------------------------------------------------- */
#contents {
width: 956px;
margin: 0px auto;
background: url(../images/bg_main.jpg) repeat-y left top;
}

#contents-inner {
width: 950px;
margin: 0px auto;
}

#cts-left {
width: 590px;
float: left;
margin-left: 30px;
display: inline;
text-align: left;
}

#cts-right {
width: 280px;
float: right;
margin-right: 30px;
display: inline;
padding-top: 20px;
}

#cts-right a:link {
color: #333333;
text-decoration: underline;
}

#cts-right a:visited {
color: #333333;
text-decoration: underline;
}

#cts-right a:hover, a:active {
color: #333333;
text-decoration: none;
}

#topic-path {
width: 885px;
text-align: left;
margin: 8px auto 5px auto;
}

/* フッター
---------------------------------------------------- */
#footer {
width: 956px;
height: 180px;
background: url(../images/bg_footer.gif) no-repeat left top;
padding-top: 150px;
color: #967D4B;
font-size: 10px;
margin: 0px auto;
}

#footer a:link {
color: #967D4B;
text-decoration: underline;
}

#footer a:visited {
color: #967D4B;
text-decoration: underline;
}

#footer a:hover, a:active {
color: #967D4B;
text-decoration: none;
}

#footer-inner1 {
width: 900px;
margin: 0px 0px 12px 0px;
}

#footer-inner2 {
width: 900px;
margin: 0px 0px 10px 0px;
}

.ft-catL {
width: 135px;
background-color: #967D4B;
color: #FFFFFF;
float: left;
display: inline;
padding: 3px 0;
}

.ft-catS {
float: left;
display: inline;
width: 765px;
}

p.ft-category1 {
background: url(../images/ft_arrow.gif) no-repeat;
float: left;
font-size: 10px;
margin-left: 20px;
padding-left: 18px;
width: 50px;
text-align: left;
display: inline;
}

p.ft-category2 {
float: left;
font-size: 10px;
margin-left: 20px;
text-align: left;
display: inline;
}

p.ft-category3 {
background: url(../images/ft_arrow.gif) no-repeat;
float: left;
font-size: 10px;
margin-left: 20px;
padding-left: 18px;
width: 240px;
text-align: left;
display: inline;
}

p.ft-right {
padding-right: 30px;
padding-bottom: 8px;
text-align: right;
font-size: 10px;
}

p.ft-left {
padding-left: 30px;
padding-bottom: 8px;
text-align: left;
font-size: 10px;
}

/* トップランキング
---------------------------------------------------- */
.ranking-wrapper {
width: 590px;
margin-bottom: 5px;
margin-top: 4px;
}

.ranking-container {
width: 113px;
float: left;
margin-right: 6px;
}

.ranking-container2 {
width: 113px;
float: left;
margin-right: 0px;
}

.ranking-container p,
.ranking-container2 p {
font-size: 10px;
line-height: 1.2em;
margin-bottom: 4px;
}

/* トップ記事一覧
---------------------------------------------------- */
#entry-list {
width: 588px;
text-align: center;
border-left: #EFE6CE solid 1px;
border-right: #EFE6CE solid 1px;
border-bottom: #EFE6CE solid 1px;
background-color: #F7F8EB;
margin: 0px 0px 20px 0px;
padding: 0px 0px 17px 0px;
}

.entry-wrapper {
width: 557px;
margin: 0px auto;
}

.entry-top {
width: 557px;
background: url(../images/entry_top.gif) no-repeat left bottom;
text-align: left;
}

.entry-middle {
width: 557px;
background: url(../images/entry_middle.gif) left top;
text-align: center;
}

.entry-list-photo {
width: 175px;
float: left;
margin-left: 25px;
display: inline;
}

.entry-list-text {
width: 315px;
float: right;
margin-right: 25px;
display: inline;
text-align: left;
}

.entry-title {
float: left;
font-size: 12px;
font-weight: bold;
}

.entry-posted {
float: right;
font-size: 10px;
}

.entry-text {
font-size: 10px;
padding-top: 8px;
}


/* 店舗ページ記事一覧
---------------------------------------------------- */
.entry-list-photo2 {
width: 503px;
margin: 0px auto;
}

.entry-list-text2 {
width: 503px;
text-align: left;
margin: 8px auto 5px auto;
}

.entry-title2 {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}

.entry-text2 {
margin-bottom: 15px;
}

.entry-add {
background: url(../../shop/images/icon_add.gif) no-repeat left top;
font-size: 10px;
padding-left: 25px;
margin-bottom: 4px;
color: #967D4B;
}

.entry-tel {
background: url(../../shop/images/icon_tel.gif) no-repeat left top;
font-size: 10px;
padding-left: 25px;
margin-bottom: 4px;
color: #967D4B;
}

.entry-web {
background: url(../../shop/images/icon_web.gif) no-repeat left top;
font-size: 10px;
padding-left: 25px;
margin-bottom: 4px;
color: #967D4B;
}

#paginate {
width: 590px;
text-align: center;
color: #967D4B;
margin-bottom: 20px;
}

#paginate a:link {
color: #967D4B;
text-decoration: none;
}

#paginate a:visited {
color: #967D4B;
text-decoration: none;
}

#paginate a:hover, a:active {
color: #967D4B;
text-decoration: underline;
}

/* 店舗ページ記事一覧写真
---------------------------------------------------- */
#img-set {
float: left;
width: 376px;
margin: 0px;
padding: 0px;
}

#img-thumb {
float: right;
width: 120px;
margin: 0px;
padding: 0px;
}

#img-thumb p {
margin-bottom: 7px;
}

/* トップサイドバー
---------------------------------------------------- */
.side-box-wrapper {
width: 280px;
margin: 0px 0px 20px 0px;
padding: 0px;
}

.side-box {
width: 278px;
text-align: center;
border-left: #EFE6CE solid 1px;
border-right: #EFE6CE solid 1px;
border-bottom: #EFE6CE solid 1px;
background-color: #F7F8EB;
padding-bottom: 10px;
}

.side-box-red {
width: 280px;
background-color: #D8A19A;
text-align: center;
}

p.machipita-list {
float: left;
width: 120px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 20px;
text-align: left;
display: inline;
}

/* 店舗ページサイドバー
---------------------------------------------------- */
.side-box-green {
width: 280px;
background-color: #D5EABF;
text-align: center;
}

p.info-title {
background: url(../../shop/images/side_menu02.gif) no-repeat left top;
width: 280px;
margin: 0px;
padding: 35px 0px 12px 0px;
font-size: 16px;
font-weight: bold;
}

table.layout-info {
margin: 5px auto 15px auto;
}

table.layout-info td {
font-size: 10px;
padding: 2px;
background: url(../../shop/images/info_dot.gif) no-repeat left bottom;
text-align: left;
}

table.layout-info-offer {
margin: 5px auto 15px auto;
}

table.layout-info-offer td {
font-size: 10px;
padding: 2px;
text-align: left;
}

.side-box2 {
width: 278px;
text-align: left;
border-left: #EFE6CE solid 1px;
border-right: #EFE6CE solid 1px;
border-bottom: #EFE6CE solid 1px;
background-color: #F7F8EB;
padding-bottom: 10px;
}

.side-box2 ul {
list-style-image: url(../../shop/images/side_arrow.gif);
padding-left: 3em;
}

.side-box2 ul li {
margin-bottom: 3px;
}

/* 店舗タイトル
---------------------------------------------------- */
#tenpo-title {
width: 890px;
height: 86px;
background: url(../../shop/images/title_bg.gif) no-repeat left top;
margin-bottom: 18px;
text-align: left;
}

.titleL {
font-size: 22px;
font-weight: bold;
color: #967D4B;
float: left;
padding-left: 25px;
padding-top: 45px;
}

.titleS {
float: right;
color: #967D4B;
padding-right: 90px;
padding-top: 50px;
}

.mansion {
font-size: 14px;
font-weight: bold;
color: #967D4B;
float: left;
}
.mansion02 {
font-size: 16px;
font-weight: bold;
color: #967D4B;
float: left;
padding-left: 30px;
padding-bottom: 10px;
line-height: 20px;
}

/* 店舗カテゴリーメニュー
---------------------------------------------------- */
#ctg-wrapper {
width: 590px;
height: 242px;
background: url(../../shop/images/board.jpg) no-repeat 0 80px;
margin-bottom: 20px;
color: #CCCCCC;
font-weight: bold;
}

#ctg-wrapper a:link {
color: #CCCCCC;
text-decoration: none;
}

#ctg-wrapper a:visited {
color: #CCCCCC;
text-decoration: none;
}

#ctg-wrapper a:hover, a:active {
color: #CCCCCC;
text-decoration: underline;
}

#ctg01 {
float: left;
width: 190px;
margin-left: 20px;
display: inline;
margin-top: 10px;
}

#ctg02 {
float: left;
width: 170px;
margin-left: 20px;
display: inline;
margin-top: 10px;
}

#ctg03 {
float: left;
width: 150px;
margin-left: 20px;
display: inline;
margin-top: 10px;
}

#ctg01 ul,
#ctg02 ul,
#ctg03 ul {
list-style: none;
margin-top: 12px;
}

#ctg01 ul li,
#ctg02 ul li,
#ctg03 ul li {
margin-bottom: 8px;
}