/* ブラウザスタイルの初期化 */

* {
margin: 0;
padding: 0;
border: 0;
background-color:transparent;
color: #666;
text-decoration: none;
font: normal normal normal 95%/150% Helvetica,sans-serif;
}

h2 {
color:#fff;
padding:0 0 0 5px;
font: normal normal bold 100%/150% Helvetica,sans-serif;
}

.bold {
font-weight:bold;
}

.space {
margin:5px 10px 0 5px;
float:left;
}

.space3 {
padding:80px 0 0 0;
}

.underline {
color:white;
text-decoration:underline;
font: normal normal bolder 105%/150% Helvetica,sans-serif;
background: url("magazine-line.gif") no-repeat 0 0;
}

.vertical {
vertical-align:middle;
}



body {
margin: 0;
padding: 0;
background: #ffffff url("./back.gif") repeat-y 50% 0;
text-align: center;
}

/* ページ内容全体 */
div#container {
width: 900px;
margin-right: auto;
margin-left: auto;
padding: 0;
background-color: transparent;
text-align: left;
}

/* メインタイトルの枠 */
div#maintitle {
width: 880px;
height: 55px;
margin: 15px 10px 10px 10px;
padding: 0;
background-color: transparent;
}

div#maintitle p {
display:inline;
}

img.inline {
margin: 40px 0 0 330px;
}


div#maintitle h1 a {
float:left;
display: block;
width: 350px;
height: 55px;
font-size: 0;
font-weight: normal;
text-decoration: none;
text-indent: -9999px;
background: url("maintitle.gif") no-repeat 0 0;
}

/* キービジュアル */
div#keyvisual {
width: 880px;
height: 180px;
margin: 0 10px 20px 10px;
padding: 0;
background: url("keyvisual-summer.jpg") no-repeat 0 0;
}

div#magazine {
width: 320px;
}

div#magazine p {
color:#fff;
font: normal normal bold 100%/120% Helvetica,sans-serif;
}

/* 上部のメインカテゴリー */
div#category {
width: 880px;
height: 40px;
margin: 0 10px 10px 10px;
padding: 0;
background-color: transparent;
}


div#category ul,div#category li {
margin:0;
padding:0;
list-style:none;
}

div#category li {
float:left;
text-align:center;
width:124px;
border-left:1px solid;
}

div#category li.contact {
width:128px;
border-left:1px solid;
border-right:1px solid;
}

div#category a,div#category a:link,div#category a:visited {
color:#333;
font: normal small-caps normal 100%/120% Helvetica,sans-serif;
}




div#category2 {
clear:both;
width: 880px;
height: 20px;
margin: 0 10px 10px 10px;
padding: 0;
background-color: transparent;
}

div#category-left {
float:left;
width: 210px;
}
div#category-right {
float:right;
width: 670px;
}


div#category2 ul,div#category2 li {
margin:0;
padding:0;
list-style:none;
}

div#category2 li {
float:left;
text-align:center;
padding:0 25px 0 5px;
}


div#category2 a,div#category2 a:link,div#category2 a:visited {
color:#333;
font: normal small-caps normal 130%/120% Helvetica,sans-serif;
}






/* 真ん中と右の括り枠 */
div#center-right {
clear:both;
float:right;
width: 670px;
margin: 0 10px 10px 0;
padding: 0;
background-color: transparent;
}

div.shop {
clear:both;
margin: 0 0 10px 0;
padding: 10px;
border-top:1px solid;
border-right:1px solid;
border-left:1px solid;
border-bottom:1px solid; 
background-color: transparent;
}

/* 店舗写真枠 */
div.photo {
width: 190px;
margin: 0 10px 5px 0;
padding: 0;
background-color: transparent;
}

/* 店舗テキスト枠 */
div.text1 {
float:right;
width: 440px;
margin: 0;
padding: 0;
background-color: transparent;
}

div.text1 dt{
font: normal normal bold 180%/150% Helvetica,sans-serif;
}
div.text1 dd{
margin:10px 0 10px 0;
font: normal normal normal 130%/150% Helvetica,sans-serif;
}


dl.text2 dt {
font: normal normal bold 120%/150% Helvetica,sans-serif;
}

dl.text2 dd {
margin:0;
font: normal normal normal 110%/130% Helvetica,sans-serif;
}


dl.text3 dt {
font: normal normal bold 120%/150% Helvetica,sans-serif;
}

dl.text3 dd {
margin:0;
font: normal normal normal 110%/130% Helvetica,sans-serif;
}


.text3 a,.text3 a:link,.text3 a:visited {
color:blue;
}




/* 左枠 */
div#left {
float:left;
width: 210px;
margin: 0 0 10px 10px;
padding: 0;
background-color: #999;
}

div#left p{
margin:0 0 0 30px;
}

div.tj{
height:450px;
background: #ffffff url("./img-cate/dining/tj-side.gif") repeat-y 0% 0;
}

div.accommodation{
height:430px;
background: #ffffff url("./img-cate/accommodation/accommodation-side.gif") repeat-y 0% 0;
}







/* フッターのカテゴリー */
div#footcategory {
clear:both;
width: 880px;
margin: 0 10px 0 10px;
padding: 0;
background-color: transparent;
}

div#footcategory ul,div#footcategory li {
margin:0;
padding:0;
list-style:none;
}

div#footcategory li {
float:left;
text-align:center;
margin: 0 15px 0 0;
}

div#footcategory a,div#footcategory a:link,div#footcategory a:visited {
color:#333;
font: normal small-caps normal 100%/120% HG丸ゴシックM-PRO,sans-serif;
}





/* フッター */

div#footer {
clear:both;
width: 880px;
margin: 10px 10px 10px 10px;
padding: 0;
background: transparent url("./footer.png") no-repeat 50% 0;
}

div#footer p {
text-align:left;
color: #999999;
font-size: 70%;
margin: 0;
padding: 0;
}