@charset "UTF-8";

body, th, td, h1, h2
  { font-size: 13px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

body
  { background-image: url(http://www.useful-navi.com/common/w6b.gif);
    line-height: 1.3;
  }

a:hover
  { color: #ff0000; text-decoration: underline; }

*.bold
  { font-weight: bold; }

*.boldc
  { clear: both;
    font-weight: bold;
    text-align : center; }

*.boldc2
  { font-weight: bold;
    text-align : center; }

*.red
  { color: #ff0000; }

*.redb
  { color: #ff0000;
    font-weight: bold; }

*.darkred
  { color: #8b0000; }

*.darkredb
  { color: #8b0000;
    font-weight: bold; }

*.blue
  { color: #000099; }

*.blueb
  { color: #000099;
    font-weight: bold; }

*.green
  { color: #009900; }

*.greenb
  { color: #009900;
    font-weight: bold; }

*.greenbl
  { color: #009900;
    font-weight: bold;
    font-size: 16px; }

*.orangeb
  { color: #ff8000;
    font-weight: bold; }

*.pinkb
  { color: #ff0080;
    font-weight: bold; }

*.aquab
  { color: #009999;
    font-weight: bold; }

*.purpleb
  { color: #800080;
    font-weight: bold; }

div#main
  { margin: 0 auto;
    width:850px;
  }

div#head
  { text-align : left;
    margin-top: 10px; }

div#top_left
  { float: left;
    text-align : center;
    width:400px;
    margin-top: 10px;
    margin-bottom: 10px; }

div#top_left2
  { text-align : left;
    font-weight: bold;
    width:330px; }

div#top_right
  { float: right;
    text-align : left;
    width:450px;
    margin-top: 10px;
    margin-bottom: 10px; }

div#top_right2
  { text-align : right;
    width:400px; }

div#top_contents
  { clear: both;
    text-align : left;
    width:850px;
    margin-left: 20px;
    margin-bottom: 5px; }

div#top_main
  { margin-left: auto;
    margin-right: auto;
    width:850px; }

div#top_link
  { margin-left: auto;
    margin-right: auto;
    width: 570px; }

div#top_link1
  { float: left;
    text-align : center;
    width: 280px; }

div#top_link2
  { float: right;
    text-align : center;
    width: 290px; }

.ad_area{
	line-height: 120%;
        margin-top: 20px;
        width: 600px;
	font-size: 11px;
	text-decoration: none;
	color: #CCCCCC;
}

.ad_area a:link {
	color: #999999;
	text-decoration: none;
}

.ad_area a:visited {
	color: #999999;
	text-decoration: none;
}

.ad_area a:hover {
	color:#003399;
	text-decoration: none;
}

div#navi
  { float: left;
    width: 660px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold; }

div#allaccess
  { float: right;
    width: 160px;
    margin: 10px 20px 20px 10px; }

div#contents
  { width:850px; }

div#menu
  { float: left;
    margin-top: 2px;
    margin-bottom: 20px;
 }

div#data
  { float: right;
    width: 590px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.3;
 }

div#data2
  { background-color: #e8ffff;
    border: #999999 3px solid;
    width: 545px; 
    text-align: left; 
    vertical-align: top;
    line-height: 1.3;
 }

div#sm_data
  { clear: both;
    width: 830px;
    margin-left: 25px;
    margin-bottom: 20px;
    text-align: left;
  }

div#sm_data2
  { background-color: #e8ffff;
    border: #999999 3px solid;
    width: 785px; 
    text-align: left; 
    vertical-align: top;
 }

div#foot
  { clear: both;
    text-align : center;
    width:850px;
    margin-bottom: 20px; }

div#parking1
  { float: right;
    width: 590px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    vertical-align: top;
 }

div#parking2
  { width: 545px;
    text-align: left;
    vertical-align: top;
 }

div.data_ads
  { text-align: left; 
    margin-left: 40px;
    margin-bottom: 5px;
 }

div.center_top
  { text-align: center; 
    vertical-align: top;
 }

div.left_top
  { text-align: left; 
    vertical-align: top;
 }

div.right_top
  { text-align: right; 
    vertical-align: top;
 }

div.margin1l
  { margin-left: 1em; }

div.margin2l
  { margin-left: 2em; }

div.margin3l
  { margin-left: 3em; }

div.margin7l
  { margin-left: 7em; }

div.margin8l
  { margin-left: 8em; }

div.margin9l
  { margin-left: 9em; }

div.margin10l
  { margin-left: 10em; }

div.margin32l
  { margin-left: 32em; }

div.photo_area
  { width: 520px; 
    margin-left: 10px;
    margin-right: 10px;
 }

div.photo_left
  { border: #999999 1px solid;
    float: left;
    width: 258px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
 }

div.photo_right
  { border: #999999 1px solid;
    float: right;
    width: 258px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
 }

div.photo_wide
  { border: #999999 1px solid;
    float: right;
    width: 520px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
 }

div.photo_lefte
  { border: #999999 1px solid;
    float: left;
    width: 258px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
 }

div.photo_righte
  { border: #999999 1px solid;
    float: right;
    width: 258px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
 }

div.photo_widee
  { border: #999999 1px solid;
    float: right;
    width: 520px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
 }

div.photo_3area
  { float: left;
    width: 346px; 
    text-align: center; 
    vertical-align: top;
 }

div.photo_left3
  { border: #999999 1px solid;
    float: left;
    width: 171px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
 }

div.photo_center3
  { border: #999999 1px solid;
    float: right;
    width: 171px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
 }

div.photo_right3
  { border: #999999 1px solid;
    float: right;
    width: 171px; 
    text-align: center; 
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
 }

div.photo_title
  { text-align: left; 
    vertical-align: top;
    padding: 1em 1em 0.5em 1em;
    color: #009900;
    font-weight: bold;
 }

div.photo_comment
  { text-align: left; 
    vertical-align: top;
    padding-left: 2em;
    padding-right: 1em;
 }

div.prof_area
  { width: 490px;
    height: 80px; 
    margin-left: 30px;
 }

div.prof_left
  { float: left;
    width: 40px; 
    text-align: center;
 }

div.prof_right
  { float: right;
    width: 450px; 
    text-align: left;
 }

td.top_data
  { width: 245px; 
    vertical-align: top; 
  }

td.menu1
  {
    text-align: right; 
    vertical-align: top; 
  }

td.menu2
  {
    text-align: left; 
    vertical-align: top; 
  }

td.menu3
  {
    height: 50px;
    text-align: center; 
    vertical-align: middle;
    background-color: #ffcccc; 
  }

td.menuc1
  { background-color: #ffcccc; }

td.menuc2
  { background-color: #ccccff; }

td.border2
  { background-color: #999999; }

td.data1
  {
    background-color: #e8ffff;
    width: 584px; 
    text-align: left; 
    vertical-align: top; 
  }

td.comment
  {
    text-align: left; 
    vertical-align: top;
    line-height: 1.3; 
  }

td.photo
  {
    text-align: center; 
    vertical-align: middle;
    line-height: 1.3; 
  }

td.season1
  {
    text-align: left; 
    vertical-align: top;
    width: 118px;
    line-height: 1.3;  
  }

td.season2
  {
    text-align: right; 
    width: 370px;  
  }

td.tbhead
  {
    height: 22px;
    line-height: 1.3;
    background-color: #ffff80;
    text-align: center; 
    vertical-align: middle;
    border-left:   #000000 1pt solid;
    border-right:  #000000 1pt solid;
    border-top:    #000000 1pt solid;
    border-bottom: #000000 3pt double;
  }

td.tbitem1
  {
    height: 20px;
    line-height: 1.3;
    background-color: #ccff99;
    text-align: left; 
    vertical-align: center;
    border: #000000 1pt solid;
    padding-left: 0.7em; 
  }

td.tbitem2
  {
    height: 20px;
    line-height: 1.3;
    background-color: #ccff66;
    text-align: center; 
    vertical-align: center;
    border: #000000 1pt solid;
  }

td.tbitemhotel
  {
    height: 18px;
    line-height: 1.3;
    background-color: #ccff99;
    text-align: left; 
    vertical-align: bottom;
    border-left:  #000000 1pt solid;
    border-right: #000000 1pt solid;
    padding-left: 0.7em;
  }

td.tbdata1
  {
    height: 20px;
    line-height: 1.3;
    background-color: #ffffcc;
    text-align: left; 
    vertical-align: middle;
    border: #000000 1pt solid;
    padding-left: 0.7em; 
    padding-right: 0.5em;
  }

td.tbdata2
  {
    height: 20px;
    line-height: 1.3;
    background-color: #ffffcc;
    text-align: center; 
    vertical-align: middle;
    border: #000000 1pt solid;
  }

td.tbdatahotel
  {
    height: 18px;
    line-height: 1.3;
    background-color: #ffffcc;
    text-align: center; 
    vertical-align: middle;
    border-left:   #000000 1pt solid;
    border-right:  #000000 1pt solid;
    border-bottom: #000000 1pt solid;
  }

td.tbdatahotel2
  {
    height: 18px;
    line-height: 1.3;
    background-color: #ffffcc;
    text-align: center; 
    vertical-align: middle;
    border-left:   #000000 1pt solid;
    border-right:  #000000 1pt solid;
  }

td.hawaii1
  {
    width: 30px; 
    text-align: right; 
    vertical-align: middle; 
  }

td.hawaii2
  {
    width: 180px; 
    text-align: left; 
    vertical-align: middle; 
  }

td.hawaii3
  {
    width: 200px; 
    text-align: left; 
  }

td.linkname
  {
    background-color: #99cc99; 
    text-align: left; 
    padding-left: 0.7em; 
    padding-right: 0.5em;
  }

td.linkcome
  {
    background-color: #ccff99; 
    text-align: left;
    padding-left: 0.7em; 
    padding-right: 0.5em;
  }

*.mlinkname
  {
    background-color: #99cc99; 
    text-align: left;
    margin:  1em 1em 0.5em 1.8em;
    padding: 0.5em; 
  }

li.cmrk11
  {
    list-style-image: url(http://www.useful-navi.com/common/bullet_mark_contents1.gif);
    list-style-position: outside;
    vertical-align: top;
    margin-left: -15px;
    font-size: 15px;
    font-weight: bold;
  }

li.cmrk12
  {
    list-style-image: url(http://www.useful-navi.com/common/bullet_mark_contents1.gif);
    list-style-position: outside;
    vertical-align: top;
    margin-left: -15px;
    font-size: 15px;
  }

li.cbtn1
  {
    list-style-image: url(http://www.useful-navi.com/common/bullet_contents_btn1.gif);
    list-style-position: outside;
    vertical-align: top;
    margin-left: -15px;
  }

li.cbtn12
  {
    list-style-image: url(http://www.useful-navi.com/common/bullet_contents_btn1.gif);
    list-style-position: outside;
    vertical-align: top;
    margin-left: -8px;
  }

li.cbtn21
  {
    list-style-image: url(http://www.useful-navi.com/common/bulle_contents_btn2.gif);
    list-style-position: outside;
    vertical-align: middle;
  }

li.cbtn22
  {
    list-style-image: url(http://www.useful-navi.com/common/bulle_contents_btn2.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: 1em;
  }

li.clist1
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku1.gif);
    list-style-position: outside;
    vertical-align: middle;
  }

li.clist2
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku1.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: 1em;
  }

li.clist3
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku1.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: 2em;
  }

li.clist4
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku4.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: -8px;
  }

li.clist1a
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku1.gif);
   list-style-position: outside;
   vertical-align: middle;
   font-weight: bold;
   color: #ff0000;
  }

li.clist2a
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku1.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: 1em;
    font-weight: bold;
    color: #ff0000;
  }

li.clist3a
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku1.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: 2em;
    font-weight: bold;
    color: #ff0000;
  }

li.clist4a
  {
    list-style-image: url(http://www.useful-navi.com/common/icon_sentaku4.gif);
    list-style-position: outside;
    vertical-align: middle;
    margin-left: -8px;
    font-weight: bold;
    color: #ff0000;
  }

li.midasi
  {
    list-style-image: url(http://www.useful-navi.com/common/bullet_pen.gif);
    list-style-position: outside;
    margin-left: 0em;
    font-size: 16px;
    font-weight: bold;
    color: #000099;
  }

ul.point
  {
    list-style-type: none;
    line-height: 30px;
  }

li.point
  {
    background: url(http://www.useful-navi.com/common/icon_denki.gif) left no-repeat;
    text-indent: 2em;
    margin-left: -2em;
    margin-bottom: -0.5em;
    font-weight: bold;
    color: #000099;
  }

*.dt1
  {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.8em;
    font-weight: bold;
    color: #ff0080;
  }

*.dt1kome
  {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #000099;
  }

*.dt2
  {
    margin-left: 2em;
    margin-right: 1em;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #ff8000;
  }

*.dt2kome
  {
    margin-left: 2em;
    margin-right: 1em;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #000099;
  }

*.dt3kome
  {
    margin-left: 3em;
    margin-right: 1em;
    margin-bottom: 0.3em;
    font-weight: bold;
    color: #000099;
  }

*.dd1
  {
    margin-left: 1em;
    margin-right: 1em;
    line-height: 1.3;
  }

*.dd1b
  {
    margin-left: 1em;
    margin-right: 1em;
    line-height: 1.3;
    font-weight: bold;
    color: #000099;
  }

*.dd2
  {
    margin-left: 2em;
    margin-right: 1em;
    line-height: 1.3;
  }

*.dd2b
  {
    margin-left: 2em;
    margin-right: 1em;
    line-height: 1.3;
    font-weight: bold;
    color: #000099;
  }

*.dd3
  {
    margin-left: 3em;
    margin-right: 1em;
    line-height: 1.3;
  }

*.dd4
  {
    margin-left: 4em;
    margin-right: 1em;
    line-height: 1.3;
  }
*.dd5
  {
    margin-left: 5em;
    margin-right: 1em;
    line-height: 1.3;
  }