@charset "Shift_JIS";

/*おすすめ一覧*/
.container527 {
width:747px;
margin:13px 0 13px 0;
padding-left:13px;
/*background:#FFFFFF url(../../200710misc/bg527.gif) repeat-y;*/
}

/*トップページのみ*/
.container552 {
width:747px;
margin:0 0 13px 0;
padding-left:13px;
/*background:#FFFFFF url(../../200710misc/bg552.gif) repeat-y;*/
}

/*トップページのタブを初期化（最初は非表示）*/
.container552 .swapcontent {
/* display:none;  */
}

/*サイド*/
.jrBox {
padding:0 6px 15px 6px;
}

/* /////////////////////////////////////////////////////////////////////////// 更新情報一覧*/

#informationList {
width:470px;
margin:13px;
padding-bottom:13px;
}

#informationList #information {
width:470px;
margin:0px;
padding-top:13px;
}

#informationList #information h3 {
height:21px;
width:444px;
margin:0 auto;
}

#informationList #information dl{
padding:0 13px;
}

#closebtn{
text-align:center;
}

/* /////////////////////////////////////////////////////////////////////////// トップページ*/

.topContents {
width:525px;
float:left;
}

#pickupImg {
width:525px;
font-size:0px;

}


#pickupImg p {
width:505px;
padding-left:0.5em;
text-align:left;
font-size:12px;
line-height:2em;
}

#pickup_visual {
width:525px;
height:163px;
padding:5px 0 0 5px;
background-image: url(/200710img/bg_main_visual.gif);
background-repeat: no-repeat;
}

#pickup_txt {
width:525px;
}

#pickup_txt_img {
width:525px;
height:9px;
background-image: url(/200710img/picupimg_line.gif);
background-repeat: no-repeat;
background-position: bottom;
}


#railroadBtn {
width:525px;
margin-top:13px;
}

#railroadBtn ul {
height:33px;
}

#railroadBtn li {
width:103px;
margin-left:1px;
margin-right:1px;
display:inline;
}

#banner {
clear:both;
width:525px;
height:137px;
margin-top:13px;
}

#banner li {
width:255px;
height:61px;
float:left;
padding:5px 0 0 5px;
}

#information,#news,#reco {
clear:both;
margin-top:13px;
width:525px;
}

#information h3, #news h3, #reco h3 {
margin:	 0;
padding: 0;
text-indent:-9999px;
font-size:0;
}

#information dt {
float:left;
width:90px;
padding-top:7px;
font-size:12px;
}

#information dd {
margin-left:90px;
padding-top:7px;
font-size:12px;
}

#information h3 {
height:21px;
width:525px;
}

#informatioin h3 infoTxt {
display:none;
}

#information h3 p#btnlist {
width:80px;
height:13px;
margin-left:445px;
text-indent:0;
font-size:0;
}

#news h3 {
height:21px;
width:525px;
}

#news h3 p#btnlist {
width:80px;
height:13px;
margin-left:410px;
text-indent:0;
font-size:0;
}

#news li {
padding-top:7px;
font-size:12px;
}

#reco h3 {
height:21px;
width:525px;
}

#reco li {
padding-top:7px;
font-size:12px;
}

#topFooter {
clear:both;
width:747px;
margin:23px 0 23px 13px;
}

#topFooter p {
font-size:12px;
text-align:center;
border:1px solid #E6E6E6;
padding:7px 0 7px 0;
}

.sideNavi195 {
float:right;
width:195px;
}

.sideNavi195 h3 {
margin:	 0;
padding: 0;
text-indent:-9999px;
font-size:0;
}

.sideNavi195 #service,.sideNavi195 #odekake {
margin-bottom:13px;
}

/*予約・会員サービス*/

/*リンクがあるので、特別仕様*/
.sideNavi195 #service h3 {
height:33px;
width:195px;
margin:	 0;
padding: 0;
text-indent:0px;
background:#FFFFFF;
}

.sideNavi195 #service {
margin-bottom:13px;
}

/*ここだけ特殊なので上書き*/
.sideNavi195 #service .jrBox {
padding:5px 13px 15px 13px;
}

.sideNavi195 #service dt,.sideNavi195 #service dd {
display:inline;
}

.sideNavi195 #service dt p {
font-size:12px;
text-align:center;
padding:4px 0 4px 0;
}

.sideNavi195 #service dd p {
font-size:10px;
text-indent:3px;
}

/*おでかけ情報*/

/*リンクがあるので、特別仕様*/
.sideNavi195 #odekake h3 {
height:33px;
width:195px;
margin:	 0;
padding: 0;
text-indent:0px;
background:#FFFFFF;
}

/*ここだけ特殊なので上書き*/
.sideNavi195 #odekake .jrBox {
padding:8px 13px 15px 13px;
}

.sideNavi195 #odekake .jrBox a {
font-size:12px;
}

.sideNavi195 #odekake #indexSwf {
width:167;
height:98px;
border:1px solid #CCCCCC;
background:#FFFFFF;
}

.sideNavi195 #odekake #odekaketext {
margin-left:10px;
}

.sideNavi195 #odekake p {
padding-top:7px;
font-size:12px;
}

.sideNavi195 #odekake ul{
padding-top:0px;
}

.sideNavi195 #odekake li {
font-size:12px;
list-style:outside disc;
margin-left:13px;
padding-top:4px;
padding-bottom:4px;
}

/* /////////////////////////////////////////////////////////////////////////// トップページタグ部分*/

#tabArea {
margin-top:8px;
width:525px;
padding-bottom:5px;
}

#railroadTab {
width:523px;/*525px*/
height:29px/*34px*/;
padding-left:2px;
padding-top:5px;
}

#railroadTab li {
display:inline;
padding-left:3px;
cursor:pointer;
font-size:0;
}

#railroadTab li h3 {
display:inline;
}

.swapcontent {
margin:0 5px 0 5px;
}

.swapcontent h4 {
background:#7FD4E4;
border:1px solid #73C2D1;
border-top:none;
border-bottom:none;
padding:7px;
color:#000000;
font-size:12px;
}

.option {
}

#bottomBtn {
display:none;
}

/*マイ・ダイヤ*/
#mydia {
padding:0 7px 11px 7px;
width:501px;
}

#mydia .main {
float:left;
width:190px;
}

#mydia .main ul,
#mydia .sub ul {
font-size:12px;
line-height:100%;
}

#mydia .main ul li {
padding-top:10px;
}

#mydia .main input {
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:128px;/*130px*/
margin:0 7px 0 7px;
font-size:inherit;
}

#mydia input.btn {
border:none;
margin-left:41px;
width:40px;
padding:0;
}

#mydia .sub {
float:right;
width:283px;
padding-left:15px;/*ライン分をプラス*/
margin-left:13px;
}

#mydia .sub ul li {
padding-top:10px;
}

/*駅の時刻表・構内図*/

#station {
padding:0 7px 11px 7px;
width:501px;
}

#station .main {
float:left;
width:224px;
}

#station .main ul,
#station .sub ul {
font-size:12px;
line-height:100%;
}

#station .main ul li {
padding-top:10px;
}

#station .main ul li #tableBg {
padding:1px 2px 2px 1px;
}

#station .main ul li table {
border-spacing:0;
border-collapse:separate;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

#station .main ul li table tr td {
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
}

#station .main input {
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:128px;/*130px*/
margin-right:7px;
font-size:inherit;
}

#station input.btn {
border:none;
vertical-align:bottom;
margin:0 0 0 7px;
width:40px;
}

#station .sub {
float:right;
width:249px;
padding-left:15px;/*ライン分をプラス*/
margin-left:13px;
}

#station .sub ul li {
padding-top:10px;
}

.swapcontent #optionStation dl {
margin:0 1px 0 1px;/*ラインのため*/
font-size:12px;
padding:3px 6px 11px 6px;
border-top:1px solid #E6E6E8;
}

.swapcontent #optionStation dt {
width:111px;
padding-top:7px;
float:left;
}

.swapcontent #optionStation dd {
margin-left:111px;
padding-top:5px;
}

/*トクトクきっぷ*/

#tokutoku {
padding:0 7px 11px 7px;
width:501px;
}

#tokutoku .main {
float:left;
width:252px;
}

#tokutoku .main ul,
#tokutoku .sub ul,
#tokutoku .sub dl {
font-size:12px;
line-height:100%;
}

#tokutoku .main ul li {
padding-top:10px;
}

#tokutoku .main input {
box-sizing:border-box;
-moz-box-sizing:border-box;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:130px;
margin:0 0 0 7px;
font-size:inherit;
}

/*opera崩れる*/
#tokutoku .main select {
box-sizing:content-box;
-moz-box-sizing:border-box;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:130px;/*130px*/
margin:0 0 0 7px;
font-size:inherit;
}

/*opera崩れる*/
#tokutoku .main select.yearSelect {
width:80px;/*80px*/
margin:0 0 0 7px;
font-size:inherit;
}

/*opera崩れる*/
#tokutoku .main select.daySelect {
width:55px;/*55px*/
margin:0 0 0 2px;
font-size:inherit;
}


#tokutoku input.btn {
border:none;
margin-left:58px;
width:40px;
padding:0;
}

#tokutoku .sub {
float:right;
padding-left:15px;/*ライン分をプラス*/
margin-left:13px;
width:221px;
}

#tokutoku .sub ul li {
padding-top:10px;
}

#tokutoku .sub dl dt {
padding-top:10px;
}

#tokutoku .sub dl dd {
padding-top:7px;
}

.swapcontent #optionTokutoku dl {
margin:0 1px 0 1px;/*ラインのため*/
font-size:12px;
padding:3px 6px 11px 6px;
border-top:1px solid #E6E6E8;
}

.swapcontent #optionTokutoku dt {
width:78px;
padding-top:7px;
float:left;
}

.swapcontent #optionTokutoku dd {
margin-left:78px;
padding-top:5px;
}

/*共通*/

.swapcontent em {
font-size:10px;
color:none;
}

.swapcontent strong {
font-size:10px;
color:#00A9C9;
}

/* /////////////////////////////////////////////////////////////////////////// おすすめ一覧ページ*/

.pickup {
}

.campaignList {
width:500px;
float:left;
}

.campaignList p.pageTop {
font-size:10px;
text-align:right;
}

.campaignList p.pageTop a {
display:block;
background-color:#FAFAFA;
padding:7px;
border:1px solid #f0f0f0;
}

.campaignList p.pageTop a:hover {
display:block;
background-color:#f5f5f5;
padding:7px;
border:1px solid #f0f0f0;
}

.campaignList h4 {
font-size:14px;
color:#444444;
font-weight:bold;
margin-bottom:13px;
line-height:100%;
}

.campaignImg {
float:left;
width:111px;
}

.campaignImg a img{
border:solid #C8C8C8 1px;
}

.campaignImg a:hover img{
border:solid #555555 1px;
}

.campaignTxt {
width:389px;
float:right;
margin-top:-5px;
}

.campaignTxt p {
font-size:12px;
line-height:175%;
}

.campaignTxt p strong {
color:#444444;
font-weight:bold;
font-size:14px;
line-height:175%;
}

.campaignTxt h5,.campaignTxt h6 {
/*text-indent:-5px;*/
font-size:10px;
padding-top:7px;
}

.campaignTxt h5 img {
vertical-align:middle;
margin-bottom:3px;
}

/* /////////////////////////////////////////////////////////////////////////// JR西日本おでかけ情報ページ*/

#naviSwf {
width:747px;
/*height:316px;*/
margin:13px 0 0 13px;
}

#swfWaku {
padding:13px 23px 6px 23px;
border:1px solid #E6E6E6;
}

#naviSwf #swf #noPlugIn {
width:701px;
}

#naviSwf #swf #noPlugIn h3 {
font-size:16px;
margin-bottom:13px;
font-weight:bold;
padding-bottom:7px;
border-bottom:2px solid #e6e6e6;
}

#naviSwf #swf #noPlugIn p {
font-size:12px;
line-height:175%;
margin-bottom:7px;
}

#naviSwf #swf #noPlugRight {
float:right;
border:1px solid #E6E6E6;
padding:13px;
margin-top:5px;
margin-left:13px;
font-size:12px;
line-height:175%;
background:#F5F5F5;
}

#naviSwf #swf #noPlugRight img {
margin-bottom:7px;
}

/*縦に並べるためのもの*/
.naviSet {
width:500px;
float:left;
}

.naviList {
width:500px;
}

.naviList h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
height:34px;
width:500px;
}

/*余白再定義*/
.naviList .jrBox {
padding:0 6px 0 6px;
}

.naviList p#btnlist {
position:absolute;
width:112px;
height:28px;
margin-top:5px;
margin-left:383px;
z-index:1;
}

/*背景パターン*/
.naviList li.pattern01, .naviList li.pattern02 {
}

/*再定義*/
.naviList h4 {
font-size:14px;
color:#444444;
font-weight:bold;
padding:7px 7px 9px 7px;
margin-bottom:13px;
line-height:100%;
}

/*再定義*/
.naviList .campaignImg {
float:left;
width:111px;
padding-left:7px;
}

/*再定義*/
.naviList .campaignTxt {
width:363px;
float:right;
margin-top:-5px;
padding-right:7px;
}

/*おでかけ情報のみ*/
.naviList .campaignTxt p.txtTitle {
width:277px;
}

/*テーマ別から別のjrBox(右左のラインをなくすため)*/
/*余白再定義*/
.naviList .jrBox02 {
padding:0 5px 5px 5px;
}

#themeSelect {
width:490px;
}

#themeSelect h3 {
height:37px;
width:490px;
}

#themeSelect ul {
padding:3px 8px 15px 8px;
height:132px;
}

#themeSelect ul li {
width:182px;
height:34px;
padding-right:55px;
padding-top:10px;
float:left;
}

#areaList {
width:486px;
background:#ffffff;
margin:13px 7px 0 7px;
}

#areaList h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
height:23px;
width:486px;
margin-bottom:5px;
}

#areaList dl {
margin:0 7px 0 7px;
border-bottom:1px solid #E6E6E6;
clear:both;
font-size:12px;
line-height:150%;
}

#areaList dt {
float:left;
width:110px;
padding-top:5px;
padding-bottom:5px;
}

#areaList dd {
margin-left:123px;
padding-top:5px;
padding-bottom:5px;
}

/*ハック*/
#areaList dd.no {
padding-top:0;
margin-top:-5px;
}

/* /////////////////////////////////////////////////////////////////////////// JR西日本おでかけ情報ページ2008*/

div .fl{float:left;}
div .fr{float:right;}

div .bottom {
font-size:0;
}

#naviList2008 {
width:500px;
float:left;
}

/*オススメ情報一覧のボタン*/
#naviList2008 p {
padding-left:5px;
}

/*タイトル*/

#naviList2008 #naviTtl {
height:90px;
}

#naviList2008 #naviTtl h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
display:none;
}

#naviList2008 #naviTtl p {
text-align:right;
padding-right:18px;
}

/*余白再定義*/
#naviList2008 .jrBox {
width:488px;
margin:0 6px 0 6px;
padding:0;
}

/*特集*/

#feature {
width:488px;
padding-top:19px;
}

#feature p {
position:absolute;
margin:49px 0 0 171px;
width:304px;
font-size:12px;
line-height:150%;
}

#feature p#sec {
position:absolute;
margin:49px 0 0 6px;
width:304px;
font-size:12px;
line-height:150%;
}

/*ウォーキング*/

#walking {
width:488px;
padding-top:19px;
}

#walking p {
position:absolute;
margin:49px 0 0 6px;
width:236px;
font-size:12px;
line-height:150%;
}

/*鉄道の魅力*/

#train {
width:488px;
padding-top:19px;
}

/*観光*/
#sightseeing {
width:488px;
padding-top:19px;
}

/*四季*/
#seasons {
width:488px;
padding-top:19px;
}

#trainWalk {
margin-bottom:13px;
}

#trainWalk p {
position:absolute;
margin:145px 0 0 28px;
width:194px;
font-size:12px;
line-height:150%;
}

#areaList {
width:220px;
margin:0;
padding:0;
background:#ffffff;
}

#areaList h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
height:23px;
width:220px;
margin-bottom:5px;
}

#areaList dl {
margin:0 7px 0 7px;
border-bottom:1px solid #E6E6E6;
}

#areaList dt {
float:none;
width:auto;
padding-top:5px;
padding-bottom:0;
font-size:12px;
line-height:130%;
}

#areaList dd {
margin-left:0;
padding-top:0;
padding-bottom:5px;
font-size:12px;
line-height:175%;
}

/*でかける情報一覧*/

.container527 .campaignList #areaForm {
font-size:12px;
line-height:100%;
border:1px solid #e6e6e6;
background:#F5F5F5;
padding:13px;
margin-bottom:13px;
}

.container527 .campaignList #areaForm img {
vertical-align:middle;
}

.container527 .campaignList #areaForm p {
padding-bottom:5px;
font-size:12px;
vertical-align:middle;
color:#446cb6;
}

.container527 .campaignList #areaForm p.att {
padding-top:5px;
padding-bottom:0;
color:#ff0000;
}

.container527 .campaignList #areaForm select {
box-sizing:content-box;
-moz-box-sizing:border-box;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:130px;/*130px*/
font-size:inherit;
vertical-align:middle;
}

.container527 .campaignList #areaForm optgroup.opt {
font-weight:normal;
font-style:normal;
background:#F5F5F5;
color:#446cb6;
}

.container527 .campaignList #areaForm optgroup option {
background:#ffffff;
color:#555555;
}


.container527 .campaignList #areaForm input#b1 {
font-size:inherit;
color:#0156ab;
vertical-align:middle;
border:3px double #999999;
border-top-color:#CCCCCC;
border-left-color:#CCCCCC;
width:50px;
padding:1px 0 1px 0;
background-color:#FFFFFF;
}

.container527 .campaignList #areaForm input#b2 {
font-size:inherit;
color:#ffffff;
vertical-align:middle;
border:3px double #357abc;
border-top-color:#5998dd;
border-left-color:#5998dd;
width:50px;
padding:1px 0 1px 0;
background-color:#0156ab;
}

.container527 .campaignList #areaForm input#b3 {
font-size:inherit;
vertical-align:middle;
}

.container527 .campaignList #areaForm input#b1:active {
border:3px double #CCCCCC;
border-top-color:#999999;
border-left-color:#999999;
}

.container527 .campaignList #noHit {
line-height:150%;
font-size:12px;
}

.aaa select {
box-sizing:content-box;
-moz-box-sizing:border-box;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:130px;/*130px*/
vertical-align:middle;
font-size:12px;
line-height:100%;
border:1px solid #e6e6e6;
background:#F5F5F5;
padding:13px;
margin-bottom:13px;
}

/* /////////////////////////////////////////////////////////////////////////// サイドナビ*/

/*共通*/

.sideNavi220 {
float:right;
width:220px;
}

.sideNavi220 #area,
.sideNavi220 #theme,
.sideNavi220 #eventInfo,
.sideNavi220 #ticketSearch,
.sideNavi220 #goyoyakuLink {
margin-bottom:13px;
}

.sideNavi220 h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
}

/*イベント情報*/

.sideNavi220 #eventInfo h3 {
height:33px;
width:220px;
}

/*再定義*/
.sideNavi220 #eventInfo .jrBox {
padding:10px 13px 15px 13px;
}

.sideNavi220 #eventInfo p {
padding:7px 0 6px 0;
margin-bottom:7px;
font-size:12px;
line-height:150%;
}

.sideNavi220 #eventInfo form {
padding-top:7px;
}

.sideNavi220 #eventInfo select {
width:150px;
font-size:12px;
margin-right:7px;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
padding:0;
vertical-align:middle;
}

.sideNavi220 #eventInfo img.btn {
font-size:12px;
margin:0;
padding:0;
vertical-align:middle;
}

/*イベント券検索*/

.sideNavi220 #ticketSearch h3 {
height:33px;
width:220px;
}

/*再定義*/
.sideNavi220 #ticketSearch .jrBox {
padding:6px 13px 15px 13px;
}

.sideNavi220 #ticketSearch p {
padding:0 0 6px 0;
margin-bottom:7px;
font-size:12px;
line-height:150%;
}

.sideNavi220 #ticketSearch ul {
font-size:10px;
}

.sideNavi220 #ticketSearch ul li {
list-style:outside disc;
margin-left:13px;
padding-top:7px;
}

/*旅の予約 / ホテル・旅館予約*/

.sideNavi220 #goyoyakuLink h3 {
height:33px;
width:220px;
}

/*サイド*/
.sideNavi220 #goyoyakuLink .jrBox {
padding:0 6px 8px 6px;
}

.sideNavi220 #goyoyakuLink ul {
margin-top:-1px;
}

.sideNavi220 #goyoyakuLink ul li {
border-top:1px solid #EBEBEB;
padding:7px;
font-size:12px;
}

/*エリア選択*/

.sideNavi220 #area h3 {
height:33px;
width:220px;
}

/*再定義*/
.sideNavi220 #area .jrBox {
padding:5px 6px 13px 6px;
}

.sideNavi220 #area ul li {
display:block;
padding-left:6px;
padding-top:4px;
padding-bottom:4px;
line-height:100%;
font-size:12px;
}

.sideNavi220 ul #area_over {
background:#E3E9F4;
color:#000000;
}

/*テーマ選択*/

.sideNavi220 #theme h3 {
height:33px;
width:220px;
}

.jrBox {
padding:0 6px 12px 6px;
}

.sideNavi220 #theme ul {
padding-top:6px;
}

.sideNavi220 ul #theme_over {
background:#E3E9F4;
}


.sideNavi220 #theme ul li {
margin:0;
padding:0;
padding-left:7px;
height:34px;
padding-top:4px;
padding-bottom:4px;
}

/*スポット＆イベント検索＆トクトクきっぷ検索共通*/

.sideNavi220 #seSearch ,.sideNavi220 #tokuSearch {
font-size:12px;
line-height:100%;
}

.sideNavi220 .sr01, .sideNavi220 .sr02 {
padding:10px 7px 10px 7px;
border-bottom:1px solid #D8D8D8;
}

.sideNavi220 .sr03 {
padding:10px 7px 0 7px;
background:#F9F9F9;
border:none;
}

.sideNavi220 .sr04 {
padding:10px 7px 0 7px;
background:#EEEEEE;
border:none;
}

.sideNavi220 .sr01 p strong, .sideNavi220 .sr02 p strong, .sideNavi220 .sr03 p strong, .sideNavi220 .sr04 p strong {
font-weight:bold;
}

.sideNavi220 .sr01 p, .sideNavi220 .sr02 p, .sideNavi220 .sr03 p, .sideNavi220 .sr04 p {
padding-bottom:5px;
}

.sideNavi220 .sr01 {
background:#EEEEEE;
}

.sideNavi220 .sr02 {
background:#F9F9F9;
}



/*スポット＆イベント検索*/
.sideNavi220 #seSearch h3 {
height:33px;
width:220px;
}

.sideNavi220 #seSearch {
margin-bottom:13px;
}

/*トクトクきっぷ検索*/
.sideNavi220 #tokuSearch h3 {
height:33px;
width:220px;
}

.sideNavi220 #tokuSearch {
margin-bottom:13px;
}

.sideNavi220 #tokuSearch input, .sideNavi220 #seSearch input {
box-sizing:border-box;
-moz-box-sizing:border-box;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:130px;
font-size:inherit;
vertical-align:middle;
}

.sideNavi220 #tokuSearch select, .sideNavi220 #seSearch select {
box-sizing:content-box;
-moz-box-sizing:border-box;
border:1px solid;
border-color:#8E8E8E #CECECE #CECECE #8E8E8E;
width:130px;/*130px*/
font-size:inherit;
vertical-align:middle;
}

.sideNavi220 #tokuSearch input.btn, .sideNavi220 #seSearch input.btn,.sideNavi220 #tokuSearch img.btn, .sideNavi220 #seSearch img.btn {
font-size:inherit;
margin:0;
padding:0;
border:none;
width:33px;
height:19px;
margin-left:7px;
vertical-align:middle;
}

.sideNavi220 #tokuSearch select.yearSelect {
width:80px;/*80px*/
font-size:inherit;
}

.sideNavi220 #tokuSearch select.daySelect {
width:55px;/*55px*/
margin:0 0 0 2px;
font-size:inherit;
}

/*あとで追加された*/
.sideNavi220 #tokuSearch input.tokubtn {
margin-left:0;
}

/* /////////////////////////////////////////////////////////////////////////// 予約・会員サービス*/

.fl {
float:left;
}

.fr {
float:right;
}

.yoyakuCnt div.yoyakuBox h4,
.yoyakuCnt div.tabiBox h4{
margin:0;
padding:0;
height:30px;
width:524px;
}

.yoyakuCnt div.yoyakuBox h4 p,
.yoyakuCnt div.tabiBox h4 p{
padding:8px 8px 8px 6px;
}

/*予約・会員サービス*/
.container544 {
width:747px;
margin-left:13px;
background:#FFFFFF;
}

/*予約サービス*/
.yoyakuWrap{
width:544px;
float:left;
}

.yoyakuCnt{
width:544px;
}

.yoyakuCnt h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
height:68px;
width:544px;
}

.yoyakuCnt .jrBox {
width:544px;
padding:0 0 10px 0;
}

.yoyakuBox {
width:524px;
margin:0 auto;
padding:0 10px;
}

/*背景bg 点線ライン*/
.bgBoxline{
width:524px;
padding-bottom:13px;
}

/*インターネット予約*/
.internetBox {
padding:13px 0 0 10px;
}

.internetBox .fl {
float:left;
width:504px;
}

.internetBox .fr {
float:right;
width:252px;
}

.internetBox .fl h5,
.internetBox .fr h5 {
padding:0 0 10px 0;
}

.fl dl.navilist {
width:252px;
margin-bottom:13px;
}

.fr dl.navilist {
width:252px;
margin-bottom:10px;
}

dl.navilist dt {
float:left;
width:131px;
clear:both;
margin-right:7px;
}

dl.navilist dd ul {
font-size:12px;
line-height:1.5;
}

/*背景bg*/
.bgBox{
}

/*電話予約*/
.telBox {
width:524px;
height:78px;/*91px*/
padding-top:13px;
border-bottom:solid 1px #E6E6E6;
}

.telBox div.fl{
padding-left:10px;
width:347px;
}

.telBox h5 img {
margin-bottom:-2px;
}

.telBox h5 p {
display:inline;
padding-left:13px;
font-size:12px;
line-height:120%;
}

.telBox div.fr {
padding-right:9px;
font-size:12px;
text-align:center;
line-height:280%;
}

.midoriBox {
width:524px;
}

.midoriBox  div.fl{
width:386px;
}

.midoriBox  div.fl ul {
padding:4px 7px 10px 10px;
}

.midoriBox  div.fl ul li {
padding-top:4px;
font-size:12px;
line-height:1.4;
}

.midoriBox  div.fl ul li strong {
color:#FF862C;
}

.midoriBox  div.fr {
width:138px;
}

.midoriBox  div.fr p {
padding:10px 0;
}

/*e-お宿*/
.eoyadoBox {
margin:4px 0;
padding-left:10px;
}

.eoyadoBox .bgBox{
width:524px;
height:51px;
}

.eoyadoBox .bgBox p{
padding:8px 0 0 58px;
}

.eoyadoBox .bgBox div {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
line-height:0;
}


/*旅の予約*/
.tabiBox {
width:524px;
margin:0 auto;
padding:0 10px;
}

.yoyakuNavi {
padding:13px 0 0 10px;
}

.yoyakuNavi .fl {
float:left;
width:252px;
}

.yoyakuNavi .fr {
float:right;
width:252px;
}

.nitiryoBox{
width:524px;
padding:6px 0 10px 0;
border-top:1px solid #EDEDED; 
}

.nitiryoBox div.fl{
padding:0 0 0 59px;
}

.nitiryoBox  div.fl ul li {
padding-top:4px;
font-size:12px;
line-height:1.4;
}

.nitiryoBox div.fr{
padding-top:4px;
padding-right:10px;
}

/* 会員サポート */ 
.memberCnt {
margin-top:13px;
width:544px;
background:url(../../goyoyaku/200710img/memberbox_bg_bottom.gif) bottom no-repeat;
}

.memberCnt .jrBox {
width:544px;
padding:0 0 5px 0;
}

.memberCnt h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
height:37px;
width:544px;
}

.memberBox {
width:510px;
margin:13px 0 13px 0;
padding:0 17px 0 17px;
}

.memberBox .fl {
width:222px;
}

.memberBox .fl ul li{
margin:0 0 11px 0;
font-size:0;
line-height:100%;
}

.memberBox .fl ul{
margin-bottom:-11px;
}

.memberBox .fr{
width:261px;

}

.memberBox .fr .memberbtn {
padding:10px 0 0 0;
}

.memberBox .fr .memberbtn .fl {
width:145px;
}

.memberBox .fr .memberbtn .fr {
width:109px;
}

.memberBox .fr p {
padding:5px 0 0 0;
font-size:12px;
}

/* 20090202 rs_add　ここから*/

.memberBox2 {
	width:524px;
	margin:0;
	padding:0 10px;
}

.memberinfo {
	width:522px;
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
	background-color:#e9f4fd;
}

.memberinfo .btnlogout {
	padding:5px 7px 0 0;
}

.memberinfo2 {
	width:522px;
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
	padding-bottom:5px;
}
.memberinfo2 p {
	padding-right:15px;
	line-height:2m;
	text-align:right;
}

.memberinfo2 p a {
	font-size:12px;
}

.memberBox2 li {
	width:174px;
	display:inline;
	float:left;
}

.memberBox2 li img{
	display:block;
}

.memberidpass {
	width:522px;
	border-top:solid 1px #eaeaea;
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
	background-color:#f9f9f9;
	clear:both;
}

.memberidpass p {
	font-size:10px;
	padding-left:10px;
	line-height:3em;
}

.memberidpass img {
	margin:8px 10px;
}

.memberdownload {
	padding-bottom:6px;
}

/* 20090202 rs_add ここまで*/


/* /////////////////////////////////////////////////////////////////////////// サイドナビ*/

.sideNavi190 {
float:right;
width:190px;
}

.sideNavi190 h3 {
margin:0;
padding:0;
text-indent:-9999px;
font-size:0;
}

/*会員登録*/
.sideNavi190 .registinfo {
width:190px;
}

.sideNavi190 .registinfo h3 {
height:33px;
width:190px;
}

.sideNavi190 .registinfo .jrBox {
padding:10px 12px 24px 12px;
}

.sideNavi190 .registinfo h4 {
padding:0 0 8px 0;
}

.sideNavi190 .registinfo ul li {
padding:0 0 13px 0;
}

.sideNavi190 .registinfo .registbtn {
margin-top:-6px;
text-align:center;
}

.sideNavi190 .registinfo .registbtn p {
padding:7px 0 5px 0;
text-align:left;
font-size:10px;
line-height:100%;
}

.sideNavi190 .registnext {
width:190px;
}

.sideNavi190 .registnext h3 {
width:190px;
height:45px;
}

.sideNavi190 .registnext .jrBox {
padding:5px 12px 9px 12px;
}

.sideNavi190 .registnext ul {
}

.sideNavi190 .registnext ul li {
padding:0 0 13px 0;
}

.sideNavi190 .registnext .registbtn {
margin:0 auto;
margin-top:-6px;
text-align:center;
margin-bottom:5px;
}

/*バナーエリア*/
.goyoyakuBnr {
padding:13px 0;
}
.goyoyakuBnr ul li {
padding:0 0 6px 0;
}



/* /////////////////////////////////////////////////////////////////////////// 関連情報*/

#sec_bnr div.conend {
	height:3px;
}

#sec_bnr div.conend img {
	vertical-align:top;
}

#bnr_tieup {
	width:740px;
	margin:10px 10px 20px;
	padding-bottom:15px;
	text-align:center;
	overflow:hidden;
	background:url(/navi/data/tieup/img/tieup_bg.jpg) bottom left;

}
#bnr_tieup_ttl {
	margin-bottom:10px;
}

#bnr_tieup ul li {
	margin-top:5px;
	display:inline;
}

/* /////////////////////////////////////////////////////////////////////////// 目の不自由なお客様対応*/

#barrnavi {
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

/* /////////////////////////////////////////////////////////////////////////// 緊急情報*/

#kinkyu {
	width:719px;
	padding:0 13px 7px;
	margin:0 0 7px 13px;
	border:1px solid #D0D0D0;
	background:#F9F9F9 none repeat scroll 0%;
}


#kinkyu p {
	font-size:12px;
	padding:7px 0 0;
}

/* /////////////////////////////////////////////////////////////////////////// おでかけ情報以下*/

#spotsearch {
}

#spotsearch strong {
    font-weight:bold;
}

#spotsearch select {
    width:130px;
}
#spotsearch .btn {
    margin:0 0 -5px 2px;
}

#out_going {
    border-top:solid 1px #e6e6e6;
}
#out_going ul {
    border-bottom:solid 1px #e6e6e6;
}

#out_going li {   
    padding:10px 0 10px 5px;
    border-bottom:dotted 1px #ccc;
    background-color:#efefe;
    font-size:10px;
    line-height:1.4em;
}
#out_going li.fin {   
    border-bottom:0;
}
#out_going li span.og_link {   
    display:block;
    font-size:12px;
 }

/* /////////////////////////////////////////////////////////////////////////// バリアフリー案内テキスト*/

.bf_guidetxt {
	height:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-9999px;
}