@charset "euc-jp";
/*----------------------------------------
・ytrvKlg.css
create date:2008/12/19

-klg余白
-klg内要素リセット
-Klgタイトル01
-Klgタイトル02
-klg本体
-klg詳細01
-klg詳細02
-klgリンク01
-klgリンク02
-klgボックス01


注意事項
・上下の余白は「klg余白」（div#ytrvKlgMain,div#ytrvKlgSub）で設定。
・ページによって余白に差がある場合は
「klg余白」（div#ytrvKlgMain,div#ytrvKlgSub）で設定せず
個別にHMTLタグ内のstyle属性でセットする事。
また、その際、指定するタグはdiv#ytrvKlgMain,div#ytrvKlgSubタグとする事。

例:メインカラム
<div id="ytrvKlgMain" style="margin-top:10px;">
･･･
</div>

例:サブカラム
<div id="ytrvKlgSub" style="margin-top:10px;">
･･･
</div>
----------------------------------------*/

/*
klg余白
------------------------------*/
/*例：メインカラム
div#ytrvKlgMain{
margin-top:10px;
padding-top:10px;
}

例：サブカラム
div#ytrvKlgSub{
margin-top:10px;
padding-top:10px;
}
*/

/*
klg内要素リセット
------------------------------*/
div#ytrvKlgMain,
div#ytrvKlgSub{
position:static;
float:none;
width:auto;
height:auto;
border:none;
background:none;
line-height:normal;
font-weight:normal;
font-style:normal;
font-size:small;
white-space:normal;
} 
div#ytrvKlgMain div,
div#ytrvKlgMain span,
div#ytrvKlgMain p,
div#ytrvKlgMain dl,
div#ytrvKlgMain dt,
div#ytrvKlgMain dd,
div#ytrvKlgMain ul,
div#ytrvKlgMain li,
div#ytrvKlgMain a,
div#ytrvKlgSub div,
div#ytrvKlgSub span,
div#ytrvKlgSub p,
div#ytrvKlgSub dl,
div#ytrvKlgSub dt,
div#ytrvKlgSub dd,
div#ytrvKlgSub ul,
div#ytrvKlgSub li,
div#ytrvKlgSub a{
position:static;
float:none;
width:auto;
height:auto;
margin:0;
padding:0;
border:none;
background:none;
line-height:normal;
font-weight:normal;
font-style:normal;
font-size:100%;
white-space:normal;
}
div#ytrvKlgMain img,
div#ytrvKlgSub img{
position:static;
float:none;
margin:0;
padding:0;
border:none;
background:none;
line-height:normal;
font-weight:normal;
white-space:normal;
} 
div#ytrvKlgMain ul li,
div#ytrvKlgSub ul li{
list-style:none;
}
div#ytrvKlgMain span,
div#ytrvKlgMain a,
div#ytrvKlgMain img,
div#ytrvKlgSub span,
div#ytrvKlgSub a,
div#ytrvKlgSub img{
display:inline;
}
div#ytrvKlgMain,
div#ytrvKlgMain p,
div#ytrvKlgMain ul,
div#ytrvKlgMain li,
div#ytrvKlgSub,
div#ytrvKlgSub p,
div#ytrvKlgSub ul,
div#ytrvKlgSub li{
display:block;
}
* html div#ytrvKlgMain,
* html div#ytrvKlgMain div,
* html div#ytrvKlgMain p,
* html div#ytrvKlgMain ul,
* html div#ytrvKlgMain li,
* html div#ytrvKlgSub,
* html div#ytrvKlgSub div,
* html div#ytrvKlgSub p,
* html div#ytrvKlgSub ul,
* html div#ytrvKlgSub li{
height:1%;
}

/*
Klgタイトル01
------------------------------*/
div#ytrvKlgMain div.klg-title01{
background:#7A9A15 url(http://i.yimg.jp/images/travel/knowledge/badge/ytrvKlg_bg.gif) repeat-x top left;
padding:7px 16px;
zoom:1;
}
div#ytrvKlgMain div.klg-title01 p{
color:#ffffff;
font-weight:normal;
margin:0;
padding:0;
vertical-align:middle;
}

/*タイトル　テキスト表示*/
div#ytrvKlgMain div.klg-title01 p .span01{
position:relative;
top:1px;
font-weight:bold;
font-size:123.1%;
margin-right:7px;
}
div#ytrvKlgMain div.klg-title01 p .span03{
font-size:100%;
font-weight:normal;
position:static;
top:0;
margin-right:0;
}

/*タイトル　画像表示*/
/*
div#ytrvKlgMain div.klg-title01 p{
position:relative;
height:18px;
}
div#ytrvKlgMain div.klg-title01 p .span01{
display:block;
overflow:hidden;
position:absolute;
width:82px;
height:100%;
z-index:100;
}
div#ytrvKlgMain div.klg-title01 p .span02{
background:url(http://i.yimg.jp/images/travel/knowledge/badge/ytrvKlg_tx.gif) no-repeat top left;
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:200;
}
div#ytrvKlgMain div.klg-title01 p .span03{
margin-left:89px;
position:relative;
top:2px;
}
* html div#ytrvKlgMain div.klg-title01 p .span03{
top:3px;
}
*+html div#ytrvKlgMain div.klg-title01 p .span03{
top:3px;
}
*/

/*
Klgタイトル02
------------------------------*/
div#ytrvKlgSub div.klg-title02{
background:#7A9A15 url(../../images/ytrvKlg_bg.gif) top left no-repeat;
padding:7px 16px;
zoom:1;
}

/*タイトル　テキスト表示*/
/*
div#ytrvKlgSub div.klg-title02 p{
text-align:center;
}
div#ytrvKlgSub div.klg-title02 p .span01{
position:relative;
top:1px;
text-align:center;
color:#ffffff;
font-size:123.1%;
font-weight:bold;
zoom:1;
margin:0;
padding:0;
}
*/

/*タイトル　画像表示*/
div#ytrvKlgSub div.klg-title02 p{
position:relative;
color:#ffffff;
height:18px;
width:82px;
margin:0 auto;
}
div#ytrvKlgSub div.klg-title02 p .span01{
display:block;
overflow:hidden;
position:absolute;
width:82px;
height:100%;
z-index:100;
}
div#ytrvKlgSub div.klg-title02 p .span02{
background:url(../../images/ytrvAtr_tx_118a.gif) no-repeat top center;
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:200;
}


/*
klg本体
------------------------------*/
div#ytrvKlgMain div.klg-body{
border-left:1px solid #7a9a15;
border-right:1px solid #7a9a15;
border-bottom:1px solid #7a9a15;
background-color:#ffffff;
}
div#ytrvKlgSub div.klg-body{
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background-color:#ffffff;
}

/*
klg詳細01
------------------------------*/
div#ytrvKlgMain div.klg-detail01 dl dt{
background-color:#f4f6de;
font-size:123.1%;
font-weight:bold;
color:#4b7223;
padding:6px 15px 4px;
}
div#ytrvKlgMain div.klg-detail01 dl dd{
padding:10px 15px 0px;
}
div#ytrvKlgMain div.klg-detail01 dl dd ul li{
background:url(http://i.yimg.jp/images/travel/knowledge/badge/ytrvKlg_ic.gif) no-repeat 1px 7px;
padding-left:8px;
margin-bottom:10px;
}
div#ytrvKlgMain div.klg-detail01 dl dd ul li a{
font-size:123.1%;
line-height:1.3;
}

/*
klg詳細02
------------------------------*/
div#ytrvKlgSub div.klg-detail02 dl dt{
background-color:#f4f6de;
font-weight:bold;
color:#4b7223;
padding:6px 15px 4px;
}
* html div#ytrvKlgSub div.klg-detail02 dl dt{
padding:6px 10px 4px 15px;
}
*+html div#ytrvKlgSub div.klg-detail02 dl dt{
padding:6px 10px 4px 15px;
}
div#ytrvKlgSub div.klg-detail02 dl dd{
padding:10px 10px 0px;
}
div#ytrvKlgSub div.klg-detail02 dl dd ul li{
margin-bottom:5px;
background:url(http://i.yimg.jp/images/travel/knowledge/badge/ytrvKlg_ic.gif) no-repeat 1px 5px;
padding-left:6px;
zoom:1;
}
div#ytrvKlgSub div.klg-detail02 dl dd ul li a{
line-height:1.3;
}
/*
klgリンク01
------------------------------*/
div#ytrvKlgMain div.klg-link01{
margin-bottom:10px;
padding:0 15px;
text-align:right;
}
div#ytrvKlgMain div.klg-link01 p span{
background:url(http://i.yimg.jp/images/travel/icon/link.gif) no-repeat 1px 1px;
padding-left:17px;
}

/*
klgリンク02
------------------------------*/
div#ytrvKlgSub div.klg-link02{
margin-bottom:10px;
padding:0 10px;
text-align:right;
}
div#ytrvKlgSub div.klg-link02 p span{
background:url(../../images/ytrvAtr_ic_009a.gif) no-repeat 1px 0px;
padding-left:20px;
}

/*
klgボックス01
------------------------------*/
div#ytrvKlgMain div.klg-box01{
background-color:#fdfaf1;
padding:5px 10px 10px 15px;
min-height:30px;
}
* html div#ytrvKlgMain div.klg-box01{
padding:5px 5px 10px 15px;
height:30px;
}
div#ytrvKlgMain div.klg-box01 dl dt{
float:left;
width:28px;
}
div#ytrvKlgMain div.klg-box01 dl dd{
padding-top:8px;
margin-left:32px;
}

div#ytrvKlgSub div.klg-box01{
background-color:#fdfaf1;
padding:5px 10px 10px 15px;
min-height:30px;
}
* html div#ytrvKlgSub div.klg-box01{
padding:5px 5px 10px 15px;
height:30px;
}
div#ytrvKlgSub div.klg-box01 dl dt{
float:left;
width:28px;
}
div#ytrvKlgSub div.klg-box01 dl dd{
padding-top:8px;
margin-left:32px;
}
/*[EOF]*/