@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*{
margin: 0;
padding: 0; 
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

html{ 
    height:100%; 
} 

body{
height:100%;
background:#fff url(../imgs/bg.jpg) repeat-x 0 0;
color:#000000;
text-align:center;
font-weight:normal; 
font-style:normal; 
<!--サイズ切替
小：font-size:80%;
中：font-size:100%;
大：font-size:1200%;
-->
margin: 0;
padding: 0;
position: relative; 
}

body > #wrapper{ 
    height:auto; 
}



select,textarea,input{
margin: 0;
padding: 0;
color:#000000;
}

a:link {
color: #6633CC; text-decoration: underline;
}
a:visited {
color: #000; text-decoration: underline;
}
a:active, a:hover {
color: #F60; text-decoration: none; 
}

a:hover {
color: #F60; text-decoration: none; 
}


a img {
border: none;
}

ul,li,ol {
margin: 0;
padding: 0;
}
input {
margin: 0;
padding: 0;
}


#wrapper {
width: 960px;
padding: 0;
margin: 6px auto 0 auto;

<!--
overflow: hidden;
position: relative;
-->
}

.cl {
clear:both;
}


/*---------------------------------------------
02. header
---------------------------------------------*/
#header {
overflow: hidden;
position: relative;
width: 960px;
height: 96px;
padding: 0;
margin: 0;
background: url(../imgs/head_bg.jpg) no-repeat 0 0;
}

#head-l {
float: left;
width: 272px;
margin: 0;
padding:0;
}
/*ロゴ-------------------------------- */
h1 {
float: left;
width: 272px;
height: 96px;
padding: 0;
margin:0;
text-indent:-9999px;
background: url(../imgs/logo.jpg) no-repeat 0 0;
}

h1 a {
text-decoration: none;
overflow: hidden;
display: block;
height: 96px;
}


#head-r {
float: right;
width: 452px;
margin: 0;
padding:0;
}

#smenu {
width:324px;
overflow: hidden;
height:16px;
margin:15px 0 0 126px;
padding:0;
}

#smenu ul {
padding: 0;
margin: 0;
list-style: none;
}

#smenu li {
float: left;
height: 16px;
}

#smenu li a {
text-decoration: none;
overflow: hidden;
display: block;
height: 16px;
}

#smenu li#top {
text-indent: -9999px;
width: 86px;
background: url(../imgs/top.gif) no-repeat;
}

#smenu li#smap {
text-indent: -9999px;
width: 86px;
background: url(../imgs/sitemap.gif) no-repeat;
}

#smenu li#jp {
text-indent: -9999px;
width: 76px;
background: url(../imgs/japanese_on.gif) no-repeat;
}

#smenu li#eng {
text-indent: -9999px;
width: 76px;
background: url(../imgs/english.gif) no-repeat;
}

#ssmenu {
overflow: hidden;
background: url(../imgs/font_size_bg.gif) no-repeat;
height:26px;
margin:15px 0 0 0;
padding:0;
}

#ssmenu ul {
padding: 0;
margin: 0;
list-style: none;
}

#ssmenu li {
float: left;
height: 26px;
}

#ssmenu li a {
text-decoration: none;
overflow: hidden;
display: block;
height: 26px;
}

#ssmenu li#font {
text-indent: -9999px;
width: 76px;
background: url(../imgs/size.gif) no-repeat;
}

#ssmenu li#sf {
text-indent: -9999px;
width: 26px;
background: url(../imgs/small.gif) no-repeat;
}

#ssmenu li#mf {
text-indent: -9999px;
width: 26px;
background: url(../imgs/medium_on.gif) no-repeat;
}

#ssmenu li#lf {
text-indent: -9999px;
width: 26px;
background: url(../imgs/large.gif) no-repeat;
}

#ssmenu li#search {
width: 242px;
margin-left:20px;
}

.txtbox {
height:15px;
width:136px;
margin:2px 0 0 0;
padding: 2px;
}

.sch {
width:92px;
height:26px;
border:0;
margin:0;
text-indent: -9999px;
background: url(../imgs/search.jpg) no-repeat 0 0;
}


/*ナビメニュー-------------------------------- */
#menu {
overflow: hidden;
width: 960px;
height: 44px;
padding: 0;
margin: 0;
}

#menu ul {
width: 960px;
padding: 0;
margin: 0;
list-style: none;
}

#menu li {
float: left;
margin: 0;
padding: 0;
height: 44px;
text-indent: -9999px;
}

#menu li a {
text-decoration: none;
overflow: hidden;
display: block;
height: 44px;
}

#menu li#fest {
width: 136px;
background: url(../imgs/menu01.jpg) no-repeat;
}
#menu li#fest a:hover {
background: url(../imgs/menu01_on.jpg)  0 0;
}

#menu li#sight {
width: 136px;
background: url(../imgs/menu02.jpg) no-repeat;
}
#menu li#sight a:hover {
background: url(../imgs/menu02_on.jpg)  0 0;
}

#menu li#play {
width: 136px;
background: url(../imgs/menu03.jpg) no-repeat;
}
#menu li#play a:hover {
background: url(../imgs/menu03_on.jpg)  0 0;
}

#menu li#accom {
width: 136px;
background: url(../imgs/menu04.jpg) no-repeat;
}
#menu li#accom a:hover {
background: url(../imgs/menu04_on.jpg)  0 0;
}

#menu li#gourmet {
width: 136px;
background: url(../imgs/menu05.jpg) no-repeat;
}
#menu li#gourmet a:hover {
background: url(../imgs/menu05_on.jpg)  0 0;
}

#menu li#map {
width: 136px;
background: url(../imgs/menu06.jpg) no-repeat;
}
#menu li#map a:hover {
background: url(../imgs/menu06_on.jpg)  0 0;
}

#menu li#icenter {
width: 144px;
background: url(../imgs/menu07.jpg) no-repeat;
}
#menu li#icenter a:hover {
background: url(../imgs/menu07_on.jpg)  0 0;
}


/*---------------------------------------------
03. main
---------------------------------------------*/
#container_main {
width: 960px;
background:#000;
text-align:left;
padding: 0;
margin: 0 auto;
}
/*カテゴリタイトル-------------------------------- */
#categoly {
width:940px;
height:100px;
orverflow:hidden;
margin:1px auto 0 auto;
background: url(../sozai/imgs/title.jpg)  0 0;
padding:0;
}


h2#ctitle {
float:left;
width:194px;
height:100px;
margin:0;
padding:0;
}

#cate-list {
float:left;
font-size:90%;
width:500px;
margin:40px 0 0 24px;
padding:0;
font-weight:bold;
}

#cate-list a:link {
color: #fff; 
text-decoration: underline;
font-weight:normal;
}
#cate-list a:visited {
color: #fff; 
text-decoration: underline;
font-weight:normal;
}

#cate-list a:active {
color: #fff; 
text-decoration: none; 
font-weight:normal;
}
#cate-list a:hover {
color: #fff; 
text-decoration: none; 
font-weight:normal;
}

#cate-list dl {
list-style: none;
}
#cate-list dt {
float:left;
margin-right:10px;
font-weight:bold;
color:#fff;
padding:0;
}
#cate-list dd {
float:left;
margin-right:10px;
padding:0;
color:#fff;
}

/*コンテンツメイン-------------------------------- */
#contents-all {
overflow: hidden;
text-align:left;
width:940px;
background:#fff;
margin:0 auto;
padding:0;
}

/*メイン-------------------------------- */

#main {
float:left;
width:710px;
margin:0;
padding:0;
}

/*パンくずリスト-------------------------------- */
#pan {
text-align:left;
font-size:80%;
width:680px;
margin:10px auto;
padding:0;
}

#pan ul {
overflow: hidden;
list-style:none;
margin:0px; padding:0px;
}

#pan li {
float:left;
margin: 0px;
padding: 0 5px;
font-weight:bold;
}

#pan li a {
margin: 0px;
padding: 0 5px;
font-weight:normal;
}

/*データ------------------------------- */
#data {
width:660px;
margin:15px auto;
padding:0;
}
#d-title {
width:636px;
margin:0;
padding:10px;
background:#000;
border-left:4px #CD9AFF solid;
}

h3#dtitle {
color:#fff;
margin:0;
padding:0;
}

#free {
width:660px;
margin:30px 0;
padding-bottom:10px;
}

.pr {
font-size:90%;
width:640px;
margin:20px 0;
padding:10px;
}
.pr2 {
font-size:70%;
width:640px;
margin:20px 0;
padding:10px;
}

.red {
color:#cc0000;
}

.pr-waku {
width:638px;
font-size:90%;
margin:10px 0 20px 0;
padding:10px;
border:1px #ccc solid;
}

h4.pop {
width:647px;
margin:0;
padding:5px;
background:#F1F1F1;
border-left:2px #CD9AFF solid;
border-top:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}



#photo {
with:660px;
padding:0;
margin:20px 0;
}

#photo ul {
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
#photo li {
float:left;
padding:0px;
width:160px;
margin-right:5px;
margin-bottom:5px;
}



#photo table {
width:100%;
border:0;
margin:0;
padding:0;
}

.ptd {
vertical-align: middle;
background: #EEE;
height:125px;
text-align: center;
}
.ic {
height:15px;
}

.ptd img{
padding:0;
margin:10px;
}

/*オープンウィンドウ------------------------------- */

#owin {
text-align:left;
background:#fff;
overflow:hidden;
width:720px;
margin:0 auto;
padding:50px;
}

#ophoto {
width:300px;
margin:0;
padding:0;
float:left;
}

#opdata {
text-align:left;
float:right;
width:400px;
margin:0;
padding:0;
}

#op{
color:#FF6699;
width:380px;
margin:0;
padding:10px;
}

#opdata p{
font-size:90%;
width:380px;
margin-top:20px;
padding:10px;
}


.otbl  {
width:100%;
text-align: center;
border-collapse:collapse;
border-spacing:0px;
}

.otbl th{
width:40%;
font-weight: normal;
border: #000 1px solid;
padding:2px;
}



.td1{
font-size:90%;
width:20%;
border: #000 1px solid;
padding:2px;
margin:0;
}

.td2{
width:40%;
border: #000 1px solid;
padding:2px;
margin:0;
}



.pr3 {
clear:both;
font-size:70%;
width:700px;
margin:20px 0;
padding:10px;
}

.close {
text-align:right;
idth:700px;
margin:20px 0;
padding:10px;
}

/*ＲＳＳなど------------------------------- */

#bookmark {
overflow:hidden;
width:638px;
margin:30px 0;
padding:10px;
border:1px #ccc solid;
}

#rss {
float:left;
width:100px;
margin:0;
padding:0;
}

#rss dl{
list-style:none;
margin:0;
padding:0;
}

#rss dt{
float:left;
margin-top:8px;
margin-right:5px;
}
#rss dd{
float:left;
margin-right:5px;
}

#bm {
float:right;
text-align:right;
width:500px;
margin:0;
padding:0;
}

#bm dl{
float:right;
list-style:none;
margin:0;
padding:0;
}

#bm dt{
float:left;
margin-top:8px;
margin-right:5px;
}
#bm dd{
float:left;
margin-right:5px;
}

/*右メニュー-------------------------------- */
#rside {
float:left;
width:230px;
margin:0;
padding:0;
}

#nlist {
width:230px;
background: #333;
padding-bottom: 10px;
margin: 0;
}

#nlist h2{
width: 230px;
height: 54px;
background: url(../sozai/imgs/smenu_title.gif) no-repeat 0 0;
text-indent: -9999px;
padding: 0;
margin: 0 0 10px 0;
}

#nlist ul {
width:210px;
margin:0 auto;
padding-bottom:15px;
list-style:none;
}

#nlist li {
font-size:13px;
width:160px;
background: #fff url(../imgs/rank_arrow.gif) no-repeat 20px 12px;
margin:1px 0;
padding:10px 10px 10px 40px;
}



#pagetop{
clear:both;
text-align: right;
width:910px;
margin: 0;
padding-top:50px;
}


/* --- ポップアップエリア --- */

html, body {
width: 100%;
height: 100%;
}

div#popup_bg {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
min-width: 1000px;
height: 100%;
background-color: #888888;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}

div#popup_box {
margin: auto 0 auto 60px;
padding: 0;
width: 720px;
position: absolute;
z-index: 1001;
border-style: solid;
border-width: 1px;
border-color: #333333;
background-color: #FFFFFF;
}

div#download_done {
display: none;
}

/*--- エラーメッセージ部分 ---*/
.error_msg {
margin: 20px;
padding: 10px 10px 10px 10px;
line-height: 140%;
text-align: left;
font-weight: normal;
border-color: #CC7777;
border-style: solid;
border-width: 1px;
background-color: #FEFBE0;
}

.error_msg_title {
color: #CC0000;
font-weight: bold;
}

.error_msg ul {
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 30px;
}

/*---------------------------------------------
03. footer
---------------------------------------------*/
#footer{
overflow: hidden;
text-align: left;
width:960px;
margin:0;
padding:0;
}

#footer-l{
float:left;
text-align: left;
width:40%;
margin:26px 0 0 20px;
padding:0;
}

#footer-l h3{
text-indent: -9999px;
width:118px;
height:20px;
background: url(../imgs/name.gif) no-repeat 0 bottom;
margin:0;
padding:0;

}
#add {
width:100%;
font-size:90%;
margin:10px 0;
color:#fff;
}

#footer-l ul {
list-style:none;
}

#footer-l li {
margin-bottom:5px;
}

#footer-r{
float:right;
text-align: left;
width:50%;
margin:26px 20px 0 0;
padding:0;
}

#footer-r table{
margin:0;
padding:0;
border:0;
font-size:80%;
color:#fff;
}

#footer-r table a:link{
color: #fff; 
text-decoration: underline;
}
#footer-r table a:active{
color: #CC99FF; 
text-decoration: underline;
}
#footer-r table a:visited{
color: #fff; 
text-decoration: underline;
}
#footer-r table a:hover{
color: #CC99FF; 
text-decoration: none;
}

#footer-r td{
margin:0;
padding:0;
vertical-align: top;
}

#footer-r dl{
text-align: left;
margin-left:20px;
padding:0;
list-style:none;
border-left:1px #ccc solid;
}

#footer-r dt{
text-align: left;
font-weight:bold;
margin:0 0 5px 5px;
padding-left:20px;
background: url(../imgs/foot_arrow.gif) no-repeat 0 0;
}
#footer-r dd{
text-align: left;
margin:0 0 5px 25px;
font-weight:normal;
}



/* コピーライト------------------------------------- */
#copy{
width:960px;
overflow: hidden;
padding: 10px 0;
margin: 0;
background: url(../imgs/foot_bg.gif) no-repeat 0 bottom;
}

#copy-l{
text-align:left;
float:left;
padding:0;
margin: 82px 0 0 20px;
}

#copy-r{
float:right;
text-align:right;
padding:0;
margin: 82px 20px 0 0;
}