@charset "utf-8";


@import url("common01.css");



/*---------------

 Contents Layout

---------------*/

div#Contents{margin:0px 0 0;}

div#title{margin-top:20px;}

div#Result{margin:15px 0px 10px;}

div#Search{float: left; width: 190px;}

* html div#Search{float: left; width: 188px;}







/*---------------------------------------------

 title

---------------------------------------------*/

/* title */

#title .hotel h1{color: #ffffff; font-size: 230%; line-height: 1.4;}

#title .hotel {background-image:url(../img/hotel_title.jpg); background-position:right 0px; background-repeat:no-repeat; list-style-type:none; width: 950; padding-top:1px; padding-left:10px;}

#title .hotel p{padding: 5px 0px 5px;color: #ffffff;}





/*---------------------------------------------

 surfpoint

---------------------------------------------*/

div#surfpoint{float: right; margin-top: -9px;}

div#surfpoint h2{ color:#FFFFFF; margin-bottom:0px; padding:15px 0 0 8px; background:url(../img/h2_search.gif) no-repeat; width: 750px; height:42px;}





/*---------------------------------------------

 Result

---------------------------------------------*/



div#Result .sighttext{text-align:right;}





/*---------------

 Search

---------------*/

#Search #drilldown .lefttitle {color: #ffffff; background-image:url(../img/list_title.jpg); background-position:right 0px; background-repeat:no-repeat; list-style-type:none; width: 170; padding: 5px 10px;}



/*#Search #drilldown .lefttitle {background-color:#125ba8; padding:4px;text-align:center; color:#FFFFFF;}*/

#Search #drilldown .ul1 {list-style-type:none; margin:0px; padding:0px;}

#Search #drilldown .ul2 {list-style-type:none; margin:0px; padding:0px 0px 0px 5px;}

#Search #drilldown .ul3 {list-style-type:none; margin:0px; padding:0px 0px 0px 10px;}

#Search #drilldown .ul4 {list-style-type:none; margin:0px; padding:0px 0px 0px 15px;}

#Search #drilldown .ul5 {list-style-type:none; margin:0px; padding:0px 0px 0px 20px;}

#Search #drilldown .li1 {background-image:url(../img/arrow1.gif); background-position:5px 5px; background-repeat:no-repeat; list-style-type:none; padding:0px 0px 4px 14px;}

#Search #drilldown .li2 {background-image:url(../img/arrow2.gif); background-position:3px 6px; background-repeat:no-repeat; list-style-type:none; padding:0px 0px 4px 14px;}

#Search #drilldown .li3 {display:inline; background-image:url(../img/arrow1.gif); background-position:11px 4px; background-repeat:no-repeat; list-style-type:none; padding:0px 0px 10px 20px;}



#Search #drilldown .qr {border-bottom: 1px dashed #999; margin-bottom:10px; padding-bottom:5px; text-align:center; }

#Search #drilldown .qr img{margin:0px auto 8px;}

#Search #drilldown .qr p{margin:0px auto 8px; text-align:left;}



#Search #drilldown .mailmaga {margin-bottom:10px; padding-bottom:5px; text-align:center; }

#Search #drilldown .mailmaga img{margin:0px auto 8px;}

#Search #drilldown .mailmaga p{margin:0px auto 8px; text-align:left;}



/*---------------

 Surfbox

---------------*/

#Surfbox{width: 758px; border-collapse: collapse;}

#Surfbox th{border:1px solid #C0C4C7; background-color:#125ba8; padding:2px; height:30px; text-align: center; color:#FFFFFF;}

#Surfbox td{border:1px solid #C0C4C7; background-color:#FFFFFF; padding:10px; text-align: center;}

#Surfbox td.area{border:1px solid #C0C4C7; background-color:#efefef; padding:10px; text-align: left;}



#Surfbox #pic{float:left; margin-right:10px; width:80px; text-align:center;}

#Surfbox #surf{float:left; text-align:left; width:165px;}

#Surfbox #surf p.name{margin-bottom:5px;}



#Surfbox td .wave_icon{color:#FF0000; font-weight:bold;}

#Surfbox td .bottom_icon01{border:1px solid #9e3535; color:#9e3535; font-weight:bold; background-color:#ffe6e6; margin:5px 0px; padding:2px 2px 0; line-height:130%;}

#Surfbox td .level_icon01{border:1px solid #df8600; color:#df8600; font-weight:bold; background-color:#ffefd6; margin:5px 0px; padding:2px 2px 0; line-height:130%;}



/*---------------

 wave_info

---------------*/

#wave_info{width: 758px; border-collapse: collapse; margin-bottom:15px;}

#wave_info th{border:1px solid #C0C4C7; background-color:#E7F0F7; padding:7px; font-weight:bold; color:#2879ba; text-align:left;}

#wave_info td{border: 1px solid #C0C4C7; background-color:#FFFFFF; padding:15px;}



#wave_info td img{ float:left; margin-right: 20px;}

#wave_info .middle{ float:left;}



#wave_info td p{line-height:140%; width:450px;}

#wave_info td p span.text_title{font-weight:bold; color:#8d5b0d;}

#wave_info td p.time{ text-align:right; color:#666666;margin:5px 0 10px 0;}



#wave_info td table.data{ border-collapse: collapse; margin-right: 20px;}

#wave_info td table.data th{ border-left:none; background-color:#fffcda; font-weight:bold; color:#8d5b0d; padding:7px 7px; width:80px; text-align:center;}

#wave_info td table.data td{ border-right:none; padding:0px 7px; width:110px;}

#wave_info td table.data th.none{ border-left:none; border-right:none; border-bottom:none; background-color:#FFFFFF; width:80px;}

#wave_info td table.data td.none{ border-left:none; border-right:none; border-bottom:none; background-color:#FFFFFF; width:330px; text-align:right;}



#wave_info td .qr{ width:150px; text-align:left;  background-color:#FFFFFF;}

#wave_info td .qr img{ margin-right:5px;}



/*---------------

 point_info

---------------*/

#point_info{width: 758px; border-collapse: collapse; margin-bottom:15px;}

#point_info th{border:1px solid #C0C4C7; background-color:#E7F0F7; padding:7px; font-weight:bold; color:#2879ba; text-align:left;}

#point_info td{border: 1px solid #C0C4C7; background-color:#FFFFFF; padding:15px;}



#point_info td .head{ float:left; margin-right:20px; width:240px; text-align:center;}

#point_info td .head .qr{  width:220px; border: 2px solid #cccccc; margin-top:20px;}



#point_info .middle{ float:left;}



#point_info td p{line-height:140%; width:450px; margin-bottom:20px; padding:5px;}

#point_info td p span.text_title{font-weight:bold; color:#8d5b0d;}



#point_info td table.data{ border-collapse: collapse; margin-right: 20px;}

#point_info td table.data th{ border-left:none; background-color:#fffcda; font-weight:bold; color:#8d5b0d; padding:7px 7px; width:80px; text-align:center;}

#point_info td table.data td{ border-right:none; padding:0px 7px; vertical-align:middle;}

#point_info td table.data th.none{ border-left:none; border-right:none; border-bottom:none; background-color:#FFFFFF; width:80px;}

#point_info td table.data td.none{ border-left:none; border-right:none; border-bottom:none; background-color:#FFFFFF; width:330px; text-align:right;}



#point_info td ul li{float:left; margin-right:}

#point_info td .weather img{ margin:0px 5px; vertical-align:middle;}

#point_info td .bottom_icon01{ width:40px; border:1px solid #9e3535; color:#9e3535; font-weight:bold; background-color:#ffe6e6; margin:5px 10px 5px 0; padding:2px 2px 0; line-height:130%; text-align:center;}

#point_info td .level_icon01{border:1px solid #df8600; color:#df8600; font-weight:bold; background-color:#ffefd6; margin:5px 10px 5px 0; padding:2px 2px 0; line-height:130%;}

#point_info td .park_icon{width:100px; text-align:center;}





/*---------------------------------------------

around

---------------------------------------------*/

#around{margin: 0 0 15px;}

#around h2{ color:#FFFFFF; margin-bottom:15px; padding:5px 0 0 10px; background:url(../img/h2_shuuhen.gif) no-repeat; width: 750px; height:32px;}



#around .bgt{background: url(../img/bg_aroundm.gif) repeat-y left;}

#around .bd{padding:10px;}



#around #play{margin: 0 10px 0 0;}

#around #play .bgm{ padding: 10px 10px 0;}

#around #play .bgm .tit{margin-bottom:10px}

#around #play .bgm .tit a{padding:0 0 0 12px;background:url(../img/arrow.gif) no-repeat 0 50%;}

#around #play .bgm ul{list-style:none;}

#around #play .bgm ul li{list-style:none; margin-bottom:5px;}

#around #play .bgm ul li a.i01{padding:2px 0 2px 20px; background:url(../img/icon/ss01.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i02{padding:2px 0 2px 20px; background:url(../img/icon/ss02.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i03{padding:2px 0 2px 20px; background:url(../img/icon/ss03.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i04{padding:2px 0 2px 20px; background:url(../img/icon/ss04.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i05{padding:2px 0 2px 20px; background:url(../img/icon/ss05.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i06{padding:2px 0 2px 20px; background:url(../img/icon/ss06.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i07{padding:2px 0 2px 20px; background:url(../img/icon/ss07.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i08{padding:2px 0 2px 20px; background:url(../img/icon/ss08.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i09{padding:2px 0 2px 20px; background:url(../img/icon/ss09.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i10{padding:2px 0 2px 20px; background:url(../img/icon/ss10.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i11{padding:2px 0 2px 20px; background:url(../img/icon/ss11.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i12{padding:2px 0 2px 20px; background:url(../img/icon/ss12.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i13{padding:2px 0 2px 20px; background:url(../img/icon/ss13.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i14{padding:2px 0 2px 20px; background:url(../img/icon/ss14.gif) no-repeat 0 top;}

#around #play .bgm ul li a.i15{padding:2px 0 2px 20px; background:url(../img/icon/ss15.gif) no-repeat 0 top;}

#around #play .bgm div{ text-align:center; margin-bottom:5px;}



#around #Rst{margin: 0 10px 0 0;}

#around #Rst .bgm{ padding: 10px 10px 0;}

#around #Rst .bgm .tit{margin-bottom:10px}

#around #Rst .bgm .tit a{padding:0 0 0 12px;background:url(../img/arrow.gif) no-repeat 0 50%;}

#around #Rst .bgm ul{list-style:none;}

#around #Rst .bgm ul li{list-style:none;margin-bottom:5px;}

#around #Rst .bgm ul li a{padding:2px 0 2px 20px; background:url(../img/icon/rl.gif) no-repeat 0 top;}

#around #Rst .bgm div{ text-align:center; margin:10px 0 5px;}



#around #Htl{margin: 0;}

#around #Htl .bgm{ padding: 10px 10px 0;}

#around #Htl .bgm .tit{margin-bottom:10px}

#around #Htl .bgm .tit a{padding:0 0 0 12px;background:url(../img/arrow.gif) no-repeat 0 50%;}

#around #Htl .bgm ul{list-style:none;}

#around #Htl .bgm ul li{list-style:none;margin-bottom:5px;}

#around #Htl .bgm ul li a{padding:2px 0 2px 20px; background:url(../img/icon/ht.gif) no-repeat 0 top;}

#around #Htl .bgm div{ text-align:center; margin:10px 0 5px;}



#around #Pmt{margin: 0 10px 0 0;}

#around #Pmt .bgm{ padding: 0 10px;}

#around #Pmt .bgm .tit{margin-bottom:10px}

#around #Pmt .bgm .tit a{padding:0 0 0 12px;background:url(../img/arrow.gif) no-repeat 0 50%;}

#around #Pmt .bgm ul{list-style:none;}

#around #Pmt .bgm ul li{list-style:none;margin-bottom:5px;}

#around #Pmt .bgm ul li a{padding:2px 0 2px 20px; background:url(../img/icon/ss99.gif) no-repeat 0 top;}

#around #Pmt .bgm div{ text-align:center; margin:10px 0 5px;}



#around #Rmt{margin: 0 10px 0 0;}

#around #Rmt .bgm{ padding: 0 10px;}

#around #Rmt .bgm .tit{margin-bottom:10px}

#around #Rmt .bgm .tit a{padding:0 0 0 12px;background:url(../img/arrow.gif) no-repeat 0 50%;}

#around #Rmt .bgm ul{list-style:none;}

#around #Rmt .bgm ul li{list-style:none;margin-bottom:5px;}

#around #Rmt .bgm ul li a{padding:2px 0 2px 20px; background:url(../img/icon/ss99.gif) no-repeat 0 top;}

#around #Rmt .bgm div{ text-align:center; margin:10px 0 5px;}



#around #Hmt{margin: 0;}

#around #Hmt .bgm{ padding: 0 10px;}

#around #Hmt .bgm .tit{margin-bottom:10px}

#around #Hmt .bgm .tit a{padding:0 0 0 12px;background:url(../img/arrow.gif) no-repeat 0 50%;}

#around #Hmt .bgm ul{list-style:none;}

#around #Hmt .bgm ul li{list-style:none;margin-bottom:5px;}

#around #Hmt .bgm ul li a{padding:2px 0 2px 20px; background:url(../img/icon/ss99.gif) no-repeat 0 top;}

#around #Hmt .bgm div{ text-align:center; margin:10px 0 5px;}







/*---------------------------------------------

around

---------------------------------------------*/

#glossary{float: right; margin-top: -9px;}

#glossary h2{ color:#FFFFFF; margin-bottom:0px; padding:15px 0 0 8px; background:url(../img/h2_search.gif) no-repeat; width: 750px; height:42px;}



/*---------------

 word_list

---------------*/

#word_list{width: 758px; border-collapse: collapse; margin-bottom:15px;}

#word_list th{border:1px solid #C0C4C7; background-color:#fffde6; padding:7px; font-weight:bold; color:#2879ba; text-align:le;}

#word_list th ul li{float: left; background-image:url(../img/arrow1.gif); background-position:5px 5px; background-repeat:no-repeat; list-style-type:none; padding:0px 13px 4px 14px;}





/*---------------

 word_info

---------------*/

#word_info{width: 758px; border-collapse: collapse; margin-bottom:15px;}

#word_info td p{line-height:140%; width:95%; margin-bottom:20px; padding:10px;}

#word_info td p span.text_title{font-weight:bold; color:#8d5b0d;}

#word_info ul li{float: left; background-image:url(../img/arrow2.gif); background-position:5px 5px; background-repeat:no-repeat; list-style-type:none; padding:0px 15px 4px 14px;}





/*---------------

 word_info02

---------------*/

#word_info02 dl{ width: 758px; border-collapse: collapse; margin-bottom:5px;}

#word_info02 dl dt{border:1px solid #C0C4C7; background-color:#E7F0F7; padding:7px; font-weight:bold; color:#2879ba; text-align:left;}

#word_info02 dl dd{border-left: 1px solid #C0C4C7; border-right: 1px solid #C0C4C7; border-bottom: 1px solid #C0C4C7; background-color:#FFFFFF; padding:7px 7px 15px;line-height:140%;}

#word_info02 dl dd .head{ float:left; margin-right:20px; width:240px; text-align:center;}



#word_info02 table#harf { margin-bottom:10px;}

#word_info02 table#harf .title{ border-collapse: collapse;}

#word_info02 table#harf .title_l{ width: 49%; margin:0px; border:1px solid #C0C4C7; background-color:#E7F0F7; padding:7px; font-weight:bold; color:#2879ba; text-align:left;}

#word_info02 table#harf .title_r{ width: 49%; margin:0px; border:1px solid #C0C4C7; background-color:#E7F0F7; padding:7px; font-weight:bold; color:#2879ba; text-align:left;}

#word_info02 table#harf .cont{  border-left: 1px solid #C0C4C7; border-right: 1px solid #C0C4C7; border-bottom: 1px solid #C0C4C7; background-color:#FFFFFF; padding:7px 7px 15px;line-height:140%; vertical-align:top;}

#word_info02 table#harf .cont .head{ float:left; margin-right:20px; text-align:center;}





#word_info02 dl.harf_l{ width: 374px; border-collapse: collapse; margin:0px 5px 5px 0px;}

#word_info02 dl.harf_r{ width: 374px; border-collapse: collapse; margin:0px 0px 5px 5px;}

#word_info02 dl dt{border:1px solid #C0C4C7; background-color:#E7F0F7; padding:7px; font-weight:bold; color:#2879ba; text-align:left;}

#word_info02 dl dd{border-left: 1px solid #C0C4C7; border-right: 1px solid #C0C4C7; border-bottom: 1px solid #C0C4C7; background-color:#FFFFFF; padding:7px 7px 15px;line-height:140%;}





#word_info02 .top{ width: 758px; margin: 10px 0px 20px; text-align:right;}





/*---------------------------------------------

 pageblock

---------------------------------------------*/

#pagetop{margin: 10px 0px; width:950px; text-align:right;}





/*---------------------------------------------

 pageblock

---------------------------------------------*/

#pageblock table{margin: 15px 0px 30px 0px; float:right;}

#pageblock .text{text-align: right;}





.space10{width:10px; padding:0px; border:none;}



/*---------------

 CleraFix

---------------*/

.clfix{zoom:1;}

.clfix:after{display:block;clear:both;height:0;content: url(../img/spacer.gif);}

.clfix{display: inline-block;}

/* Mac版IEを除外 \*/

.clfix{display: block;}

/* */

/*---------------

 socialmedia

---------------*/

#socialmedia{ float: right;}