@charset "Shift_JIS"; /* 全体構造 ---------------------------------------------------- */ body { margin : 0 ; padding: 0 ; color: #000000; margin-left :auto ; margin-right : auto ; } #wrapper { width: 760px ; color : #333333 ; background : url(images/back-body.jpg) repeat-y ; } /* リンク ---------------------------------------------------- */ /* ヘッダ ---------------------------------------------------- */ #header { padding-top:151px; color: #999999; background: url(images/back-header.jpg) no-repeat ; } /* ■この指定が無いとブラウザ毎に縦位置が変る */ } #header ul { margin : 0 ; padding : 0 ;width :737px ; list-style : none ; text-align : right ; font-size : 13px ; line-hight :1.0 ;} #header li { display: inline; padding-left: 1em; text-transform: uppercase; vertical-align : top ; } /* ページ本体 ---------------------------------------------------- */ #pagebody { clear: both; position: relative; width: 810px; /* ■IE用バグ対策 */ padding-top: 12px; } /* ナビゲーション---------------------------------------------------- */ #navigation { position : absolute ; top : 15px ; left : 15px ; line-height: 1.4; float: left; font-size: x-small ; color: #333333 ; width: 140px; } #navigation ul { margin: 0 0 1em;padding: 0;list-style: none;} #navigation li { margin: 0;padding: 0;width: 140px;height: 25px;text-indent: -9999px;} #navigation a { color: #333333 ; background: transparent; font-size: x-small;} #navigation li a { text-decoration: none; /* ■Firefox等で線が表示されないようにする */ display: block ; width: 140px ; height: 25px;} #navigation li#toppage { background: url(images/nav_00_off.gif) no-repeat; } #navigation li#shisetsu { background: url(images/nav_01_off.gif) no-repeat; } #navigation li#reservation { background: url(images/nav_02_off.gif) no-repeat; } #navigation li#access { background: url(images/nav_03_off.gif) no-repeat; } #navigation li#sightseeing { background: url(images/nav_04_off.gif) no-repeat; } #navigation li#english { background: url(images/nav_05_off.gif) no-repeat; } #navigation li#mail { background: url(images/nav_06_off.gif) no-repeat; } #navigation li#blog { background: url(images/nav_07_off.gif) no-repeat; } #navigation li#reservation_jp { background: url(images/bot_rsvj_off.gif) no-repeat; } #navigation li#plan { background: url(images/bot_plan_off.gif) no-repeat; } #navigation li#reservation_en { background: url(images/bot_rsve_off.gif) no-repeat; } #navigation li#confirmation { background: url(images/bot_con_off.gif) no-repeat; } /* マウスオーバー時の指定 ---------------------------------------------------- */ #navigation li#toppage a:hover{ background: url(images/nav_00_on.gif) no-repeat; } #navigation li#shisetsu a:hover{ background: url(images/nav_01_on.gif) no-repeat; } #navigation li#reservation a:hover { background: url(images/nav_02_on.gif) no-repeat; } #navigation li#access a:hover { background: url(images/nav_03_on.gif) no-repeat; } #navigation li#sightseeing a:hover{ background: url(images/nav_04_on.gif) no-repeat; } #navigation li#english a:hover{ background: url(images/nav_05_on.gif) no-repeat; } #navigation li#mail a:hover{ background: url(images/nav_06_on.gif) no-repeat; } #navigation li#blog a:hover{ background: url(images/nav_07_on.gif) no-repeat; } #navigation li#reservation_jp a:hover{ background: url(images/bot_rsvj_on.gif) no-repeat; } #navigation li#plan a:hover{ background: url(images/bot_plan_on.gif) no-repeat; } #navigation li#reservation_en a:hover{ background: url(images/bot_rsve_on.gif) no-repeat; } #navigation li#confirmation a:hover{ background: url(images/bot_con_on.gif) no-repeat; } #navigation address { margin: 0; padding: 0.5em 0 0.5em 0px; border-width : 3px 0px 3px 0px ; border-style : double ; border-color : #333333; font-style: normal; font-size: 9pt ; letter-spacing : 0.1em ; text-transform: uppercase; line-height: 1.5; color: #333333; background: transparent; } /* コンテンツ ---------------------------------------------------- */ #content { padding: 5px 0 1.2em; margin-left: 193px; width: 580px;} #content h1 { font-size:10pt ; border-style : dotted ; border-color : #cc0000 ; border-width : 2px 0px 2px 0em ; color: #cc0000; padding : 0.2em ; margin-bottom : 0.4em ; background-color : #fff5ee; } #content h2 { } #content h3 { font-size:10pt ; color: #cc0000 ; border-style : none ; border-color : #cc0000 ; border-width : 0px 0em 0px 0em ; padding : 0px ; margin-bottom : 0.1em ;} #content h3 img { margin-right : 1px ; margin-bottom : 1px ; padding : 3px ; border : 1px solid #cccc66 ; vertical-aligh : bottom ; } #content h4 { font-size:9pt ; border-style : solid ; border-color : #990000 ; border-width : 0px 1px 1px 0px ; color: #660000 ; padding : 0.4em 0em 0.3em 0.3em ; margin-bottom : 0.4em ; background-color : #cccc66 ; letter-spacing : 1px ;} #content h5 { font-size:10pt ; color: #cc0000 ; font-weight : bold ; margin-bottom : 0.2em ; } #content h6 { font-size:9pt ; color: #663300 ; font-weight : bold ; letter-spacing : 0em ; margin-bottom : 0.5em ; border-width : 0px 0px 2px 0em ;　padding : 0.2em ; border-color : #cccc66 ; border-style : solid ; } #content ul li { font-size:9pt ; margin-left :-1em ; letter-spacing : 0.1em ; line-height : 1.4 ; margin-bottom : 0.5em ; } #content ul.list li {font-size:9pt ; list-style-type : none ; letter-spacing : 0.1em ; padding : 0 0 0.5em 1.8em ; vertical-align : top ; line-height : 1.3 ; background-image : url(images/hand.gif); background-repeat : no-repeat ; margin : 0 0 0 -3.5em ;} #content p { font-size:9pt; margin-top : 0 ; color : #333333 ; line-height: 1.5; text-align : left ; letter-spacing : 0.05em ;} #content p.title { font-size:9pt; color: #003300 ; font-weight : bold ; border-style : solid ; border-color : #003300 ; border-width : 0px 0px 1px 0.7em ; padding : 1px 1px 1px 0.5em ; } #content p.lead { font-size:9pt; color: #009900 ; font-weight : bold ; margin-bottom : 0.4em ; letter-spacing : 0.1em ;} #content a {font-size:9pt; color: #cc0000; background: transparent; font-weight : normal ; } #content table.price { font-size:9pt ; border : solid 1px #009900 ; border-collapse : collapse ; } #content table.price th { font-size:9pt; border : solid 1px #009900 ; padding : 0.3em ; } #content table.price td { font-size:9pt ; border : solid 1px #009900 ; padding : 0.3em 0.4em ; text-align:right ;} #content table.price thead {background-color : #99cc66 ;} #content table.whatup { border : none ; border-collapse : collapse ; font-size:9pt; margin-top : 0 ; color : #339966 ; line-height: 1.5; text-align : left ; letter-spacing : 0.4em ; vertical-align : top ;} #content table.whatup td { border : none ; padding : 0.4em ; font-size : 9pt; color : #333333 ; line-height: 1.5; text-align : left ; letter-spacing : 0.2em ; vertical-align : top ;} #content table.ud { border : none ; padding : 0.2em ; border-collapse : collapse ; font-size:9pt; color : #333333 ; line-height: 1.2; text-align : left ; letter-spacing : 0.1em ; vertical-align : top ; width : 350px ; margin-top : 0 ; } #content table.ud td { border : none ; padding : 0.2em ; font-size : 9pt; color : #333333 ; line-height: 1.2; text-align : left ; letter-spacing : 0.2em ; vertical-align : top ;} #content table.main { border : none ; border-collapse : collapse ; font-size: 10pt; padding : 0.2em ; letter-spacing : 0 ; line-height: 1.5; color : #009900 ; } #content table.main tr { border : none ; padding : 0.2em ; font-size: 10pt; line-height: 1.5; color : #009900 ; } #content table.shop td {font-size : 9pt; border : dotted 1px #333333 ; border-collapse : collapse ; padding : 0.7em ; line-height: 1.3 ; color : #333333 ;　vertical-align : top ; } #content table.plan td {font-size : 9pt; border-bottom : dotted 2px #999999 ; border-collapse : collapse ; background-color : #fff5ee ; padding : 0.5em ; line-height: 1.5 ; color : #333333 ;　vertical-align : top ; width : 500px ; } #content img.right {margin : 0px 0px 0px 0.5em ; float : right ; } #content img.left {margin : 0px 0.5em 0px 0px ; float : left ; } #content p.small{ font-size:8pt; text-align: right; margin-bottom : 0.4em ; letter-spacing : 0em ;} #content p.small2{ font-size:8pt; text-align: left ; margin-bottom : 0.4em ; letter-spacing : 0em ;} #content span.pen { border-style : dotted ; border-color : #009900 ; border-width : 0px 0px 2px 0px ; padding : 1px ; margin-bottom : 0.4em ; font-size:9pt ; color: #009900 ;font-weight :bold ; } #content span.box { background-color : #cccc66 ; border-style : solid ; border : 1px solid #999900; padding : 0.2em ; margin : 0.2em 0.2em 0.2em 0em ; font-size:8pt ; color: #333333 ; } #content span.number { font-weight : bold ; color : #009900 ; } /* フッタ ---------------------------------------------------- */ #footer ul{clear: right; margin: 0; padding: 0.5em 50px 0.5em 0; width: 782px; text-align: right; color : #cccccc ; font-size : 8pt ; margin : 0px ; padding-right: 20px ; } #footer li {display : inline ; list style-type : none ; margin : 0px 1em ; font-size : 8pt ;} #footer ul a {color :#663300 ;text-decoration : none ; font-size :8pt ; } #footer ul a:hover { color : #cccc66 ; } /* ■Firefox等で線が表示されないようにする */ #footer p { clear: right; margin: 0; padding: 0.5em 45px 0.5em 0; width: 782px; text-align: right; text-transform: uppercase; font-size: 8pt ; letter-spacing : 0.1em ; color: #333333; background: url(images/back.jpg) repeat-y; }