﻿@charset "utf-8";

/*基本設定*/

body { font-family :"ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif,"小塚ゴシック std R";
       color : #666666;
       line-height : 140%;
       margin : 0;
       padding : 0;
       height: 100%
}

h1     {width : 162px;
        margin : 0px;
        float : left;
        vertical-align : middle;
}

h1 img {display : block;
        position : absolute;
        top : 19px;
}

p {font-size : 12px;
   text-align : right;
      
}

.clear {clear :both;
}

a {text-decoration : none;
}

img {border : none;
}

em {display : none;
}


ul{ margin-top :0;
    list-style: none;
    padding : 0;
}

li{ margin : 0;
    padding :0;
    float : left;
    display : inline-block;
}


li img{ display : inline-block;
        margin : 0;
        padding :0;
}

table td{margin : 0px;
         padding : 0px;
}



/*全体*/
#wrapper {margin :0 auto ;
          width : 945px;
      }

#wrapper2 {
          width : 943px;
          height : auto;
          margin : 0px;
          padding : 0px;
          border : 1px;
          border-color : #ff9900;
          border-style : solid ;
          background-image : url(../img/dot-line.gif);
          background-repeat : repeat-y;
          background-position : 564px;
      }


/*ＴＯＰ*/
.twitter {
padding-top : 5px;
}


#logo {width : 193px;
}

#jump {margin-top : 7px;
       width : 210px;
       float : left;
}

#jump img{margin : 0px;
}

#jump input{margin-right : 5px;
}

#header {width : 945px;

         background-image : url(../img/orange_bar.gif);
         background-repeat : repeat-x;
         display :inline-block;
         clear :both;
         margin-bottom : 15px;
}

#header p{padding-top : 13px;
          float : right;
          text-align : right;
          margin :0
      
}


#header li{float : left;
           margin : 0;
}

.topmenu {float : right;
          border-collapse: collapse;
          clear :right;
          width : 750px;
}

.topmenu_2 {float : right;
}

td .topmenu3{margin : 0px;
             padding : 0px;
}

.menu1 {float : left;
        margin-top : 35px;
}


.menu2 {float : right;
        margin :0;
        padding : 0;
}

.menu2 a{ background-image : url(../img/use.gif);
             display : inline-block;
             width : 113px;
             height  :40px;
      
}

.menu2 a:hover{ background-image : url(../img/use2.gif);
                    display : inline-block;
                    width : 113px;
                    height  :40px;
}


.menu4 a{ background-image : url(../img/rogin.gif);
             display : inline-block;
             width : 113px;
             height  :40px;      
}

.menu4 a:hover{ background-image : url(../img/rogin2.gif);
                    display : inline-block;
                    width : 113px;
                    height  :40px;
}

.menu5 a{ background-image : url(../img/kaiin.gif);
             display : inline-block;
             width : 113px;
             height  :40px;      
}

.menu5 a:hover{ background-image : url(../img/kaiin2.gif);
                    display : inline-block;
                    width : 113px;
                    height  :40px;
}

.menu6 a{ background-image : url(../img/kyuver.gif);
             display : inline-block;
             width : 113px;
             height  :40px;      
}

.menu6 a:hover{ background-image : url(../img/kyuver2.gif);
                    display : inline-block;
                    width : 113px;
                    height  :40px;
}

.menu7 a{ background-image : url(../img/layar.jp.gif);
             display : inline-block;
             width : 113px;
             height  :40px;      
}

.menu7 a:hover{ background-image : url(../img/layar.jp2.gif);
                    display : inline-block;
                    width : 113px;
                    height  :40px;
}


.menu8{ padding-top : 10px;
        width : 110px;
        display : inline-block;
}

.menu9{display : inline-block;
        padding-top : 10px;
}

ul.menu10 {margin : 0;
        float : right;
        padding : 0px;
        border-collapse: collapse;
        list-style-type: none;
}

.menu10 li{
font-size:1px;
line-height:0;
text-decoration:none;
}

/*左メニュー*/
#leftmenu {width : 193px;
           height : 100%;
           float : left ;
           clear : both;
           border : 1px;
           border-right-style : solid ;
           border-color : #FF9900;
}

#titen {  width : 193px;
          height :467px;
}

#koukoku {width : 193px;
}
.banner {
margin : 0px;
padding-top : 5px;
}

#pr {margin-bottom : 10px;
}

#google-ads{margin-bottom : 10px;
}


/*マップ*/
#map {height : 467px;
      float : left;

}

/*マップオブジェクト*/
#map_canvas {
width : 749px;
height : 467px;
}

/*コメント＆フォト*/
#commentphoto {
      width : 748px;
      height : 400px;
      float : left;
}

#commentphoto ul{
      margin : 0;
      padding : 0;
      list-style: none;
      height : auto;
}

#commentphoto li{
      margin : 0;
      padding : 0;
      width : 50%;
      height : auto;
}

.line1{ background-image : url(../img/dot-line2.gif);
        background-repeat : repeat-x;
        background-position : center bottom; /* bottom left; */
        width : 100%;
}

.line1 img{ padding-left : 12px;
            padding-top : 10px;
}

.line3{ 
      height : 300px;
}

.line4{ 
      border-bottom-style : dotted ;
      border-width : 1px ;
      border-color : #ff9900;
      width : 370px;
}

#photo {margin-left : auto;
        margin-right : auto;
        margin-bottom : 5px;
        vertical-align : middle;
        width: 350px;
        height : 180px;
        border-color : #FF9900;
        background-color : #FFFFFF;
        margin-top : 8px;
        text-align : center;
}

#photo td{width : 83px;
          height : 83px;
         border : solid 1px #FF9900;
}


#waku ul{ 
    padding : 0px 7px;
    list-style: none;
    width : 370px;
}


#waku li{ 
      margin-top : 5px;
      margin-right : 2px;
      margin-left :2px;
      padding : 0;
      float : left;
      width : 83px;
      height : 83px;
      text-align: center;
}

#waku img{ 
      margin-right : auto;
      margin-left : auto;
      padding : 4px;
}

#waku2 img{ 
      margin-right : auto;
      margin-left : auto;
      padding : 4px;
}


#waku2 ul{ 
    padding : 0px 7px;
    list-style: none;
    width : 370px;
}


#waku2 li{ 
      margin-top : 5px;
      margin-right : 2px;
      margin-left :2px;
      padding : 0;
      float : left;
      width : 83px;
      height : 83px;
      text-align : center;
}

.waku{ 
      padding-left : 5px;
      border : 1px ;
      border-style : solid ;
      border-color : #ff9900;
      width : 80px;
      height : 80px;
}

.waku2{ 
      width : 370px;
      float : left;
      display :inline-block;
      height : 340px;
}

.waku2 img{ 
      margin-left : auto;
      margin-right : auto;
}

#commentphoto li a{
      display : inline-block;
}

span.anchor {
display: none;
}

dl.waku2 {
padding: 13px 0 0 0;
margin: 0;
height : 328px;
}

dl.waku2 dt p {
text-align : center;
margin: 0;
padding: 0;
line-height : 100%;
}

dl.waku2 dt {
clear: left;
margin: 0;
padding-top: 5px;
text-indent: 1em;
font-size : 10px;
width: 90px;
float: left;
height: 95px;
}

dl.waku2 dd {
margin: 0 0 0 100px;
padding-top: 2 0 0 0px;
line-height : 120%;
height : 105px;
}


.ichiran {width : 65px;
          height : 14px;
          display : block;
          float: right;
          clear : both;
          margin-bottom : 35px;
}

.ichiran img{margin : 0px;
             padding : 0px;
}

.koukoku2{ 
          width : 100%;
} 


.koukoku3{ 
          width : 100%;
          padding-left : 18px;
          clear : both;
} 

/*フッター*/

#footer {width : 100%;

         background-image : url(../img/orange_bar2.gif);
         background-repeat : repeat-x;
         clear : both;
}


/* その他部品 */
span#usermenu a {
text-decoration: underline;
color: #333333;
}

#search-button {
vertical-align: top;
margin :0 5px;
}

p#upload {
margin: 0;
padding: 0;
}

p#upload img {
cursor: pointer;
}

div#baloon-contents {
padding: 5px 0 5 0;
margin : 0;
text-align: left;
clear: both;
font-size: 12px;
}

div#baloon-contents form#baloon {
margin: 0;
padding: 0;
}

div#baloon-contents ul {
padding: 0;
margin : 0;
display: block;
clear: both;
}

div#baloon-contents li {
margin: 1px 0 1px 0;
padding: 0;
display: block;
clear: both;
width: 100%;
}

div#baloon-contents div.comment {
margin: 5px 0 2px 0;
padding: 5px 0 10px 0px;
border-style: solid;
border-color: #666666;
border-width: 1px 0 0 0;
clear: both;
}

div#baloon-contents p.comment {
margin: 0;
padding: 0;
text-align: left; !important
clear: both;
}

div#baloon-contents div#ballon-summary {

}

div#baloon-contents div#image {
margin: 0;
padding: 0;
}

div#baloon-contents td.image {
vertical-align: top;
padding-left: 3px;
}

div#baloon-contents td.image p {
margin: 0;
padding: 0;
text-align: center; !important
clear: both;
}

div#baloon-contents td.image p input {
vertical-align: middle;
}

/* 著作権表示 */
#copyright {
margin: 0 !important;
padding: 0 !important;
position: relative;
}

#copyright p {
text-align: left !important;
margin: 0 !important;
padding: 0;
color : #ffffff;
}

#copyright a {
color : #ffffff;
}

#copyright #corp {
padding-left: 12px;
width : 300px;
}

#copyright #counts {
position: absolute;
right: 5px;
top: 0;
}

#trademarks {
margin-top: 10px;
margin-bottom: 10px;
position: relative;
}

#rights p {
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
font-size: 10px !important;
line-height: 1.4 !important;
}

#links {
position: absolute;
top: 0px;
right: 10px;
}

#links p {
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
} 

/* スライドメニュー */

ul#slidemenu,
ul#slidemenu li ul {
margin: 0;
padding: 0;
list-style: none;
width: 193px;
}

ul#slidemenu li ul li {
width: 193px;
}

ul#slidemenu a{
display: block;
text-decoration: underline;
}

ul#slidemenu li ul {
height: 405px;
display: none;
}

#boundary-poi,
#recently-poi {
overflow-y: scroll;
height: 405px;
}

