@charset "Shift_JIS";

/* ------------------------------------------------------
travel top style
------------------------------------------------------ */
div#topInfoQa{
margin-bottom: 20px;
padding-bottom: 0;
background: url(../img/bg_info.gif) repeat-y left top;
}

div#topInfo{
background: url(../img/bg_btm_info01.gif) no-repeat left bottom;
padding:20px 10px 5px;
}
div#topInfo .lytCol{
margin-left: 20px;
}
div#topInfo .lytCol h3 a:hover img{
opacity:0.7;
filter: alpha(opacity=70);        /* ie 6 7 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
div#topInfoQa h2{
position: relative;
background: url(../img/bg_top_info.gif) no-repeat left top;
width: 690px;
height: 22px;
padding: 12px 10px 10px;
}
div#topInfoQa h2 .btn{
position: absolute;
top: 9px;
right: 10px;
}
div#topInfo .col{
float: left;
width: 315px;
margin-right: 20px;
}

div#topInfo ul{
margin-top: 5px;
padding-left: 15px;
}

div#topInfo .linkList02{
padding-left:0;
margin-top: 10px;
}
div#mainContent div#topInfo .linkList02 li{
width: 100%;
margin-bottom: 8px;
}
div#mainContent div#topInfo .linkList02 li.w50{
width: 119px;
display: inline-block;
}
div#topInfo li{
margin-bottom: 9px;
float: left;
width: 170px;
}
div#topQa{
float: left;
width: 355px;
}
div#topQa ul{
margin-top: 5px;
}
div#topQa li{
margin: 0 0 5px 12px;
width: 328px;
background: url(../img/bg_btm_qa.gif) no-repeat right bottom;
line-height: 1.5;
}
div#topQa li.range{
margin: 10px 0 10px 12px;
background: none;
}
* html div#topQa li.range{
margin: 0 0 5px 12px;
}
*:first-child+html div#topQa li.range{
margin: 0 0 5px 12px;
}
div#topQa li.range hr.range{
margin: 0;
}
div#topQa li span{
padding: 6px 10px 3px 38px;
display: block;
min-height: 17px;
background: url(../img/bg_top_qa.gif) no-repeat left top;
}
* html div#topQa li span{
height: 17px;
}
p.topQaDetail{
margin: 10px 15px 0 0;
font-size: 0.9em;
text-align: right;
}
p.topQaDetail a{
padding-left: 14px;
background: url(../common/img/arrow01.gif) no-repeat left 0.2em;
text-decoration: none;
}
div#topQa p.otherLink{
margin: 10px 15px 5px 15px;
font-size: 1em;
text-align: left;
}
div#topQa p.otherLink a{
padding-left: 0;
background: none;
}
div#topQa p.otherLink a:link{
text-decoration: underline;
}
div#topQa p.otherLink a:visited{
text-decoration: underline;
}
div#topQa p.otherLink a:hover{
text-decoration: none;
}
div#topQa p.otherLink a:active{
text-decoration: none;
}
div.topTopicsBlock{
position: relative;
}
div.topTopicsBlock p.bkIdxNum{
right: 10px;
left: auto;
top: 12px;
}
div#mainContent{
padding-bottom: 0;
}
p.topQaTxt{
margin: 0 12px;
}
div#topProfile{
*margin-bottom: 10px;
}
div#topProfile h3{
display: inline-block;
*display: block;
*width:68px;
*float:left;
vertical-align: top;
margin-bottom: 0;
}
div#topProfile .linkList02{
display: inline-block;
*display: inline;
margin-top: 3px;
font-size:93.8%;
}

div#topProfile li{
margin: 0 5px;
}
div#topProfile li a{
text-decoration: none;
}
div#topProfile li a:hover{
text-decoration: underline;
}

/* ------------------------------------------------------
travel top side style
------------------------------------------------------ */

div#side ul.linkList02{
margin-bottom: 15px;
width:230px;
}
div#side ul.linkList02 li{
margin-bottom: 4px;
padding: 0 0 0 15px;
float: left;
background: url(/common/img/arrow08.gif) no-repeat left 0.3em;
width:100px;
}
* html div#side ul.linkList02 li{
white-space: nowrap;
}
*:first-child+html div#side ul.linkList02 li{
white-space: nowrap;
}
div#side ul.linkList02 li img{
margin-left: 2px;
vertical-align: middle;
}
div#side ul.icon li{
min-height: 17px;
}
* html div#side ul.icon li{
height: 17px;
}
div#mainContent ul.linkList02 li a:link,
div#mainContent ul.linkList02 li a:visited,
div#mainContent ul.linkList06 li a:link,
div#mainContent ul.linkList06 li a:visited{
text-decoration: none;
}
div#mainContent ul.linkList02 li a:hover,
div#mainContent ul.linkList02 li a:active,
div#mainContent ul.linkList06 li a:hover,
div#mainContent ul.linkList06 li a:active{
text-decoration: underline;
}

#hlIdxImportant{
padding-left:4px;
}
/*140402*/
div#mainContent p.hlIdxImportantText{
padding: 12px 15px 0;
background: url(/common/img/bg_btm_important.gif) no-repeat left top;
color: #333333;
margin-bottom: 0;
}
div#mainContent p.hlIdxImportantText .subIcon{
margin-bottom: 5px;
margin-left: 3px;
padding-left: 10px;
background: url(/common/img/bullet02.gif) no-repeat left 0.5em;
line-height:1.5em;
display:inline-block;
}
#hlIdxSubImportant{
padding: 12px 18px 2px;
background: url(/common/img/bg_btm_important.gif) no-repeat left top;
color: #333333;
}
div#mainContent p.hlIdxImportantText{
background:#fff;
margin: 0 4px;
padding: 10px 18px 0;
}
div#mainContent p.hlIdxImportantText .subIcon{
margin-bottom: 5px;
margin-left: 3px;
padding-left: 10px;
background: url(/common/img/bullet02.gif) no-repeat left 0.5em;
line-height:1.5em;
display:inline-block;
}

ul#listIdxImportant li.noIcon{
margin-bottom: 5px;
padding-left: 0px;
background:none !important;
line-height:1.5em;
}

ul#listIdxImportant li.subIcon{
margin-bottom: 5px;
margin-left: 3px;
padding-left: 10px;
background: url(/common/img/bullet02.gif) no-repeat left 0.5em;
line-height:1.5em;
}

ul#listIdxImportant li.noIcon a{
margin-bottom: 5px;
padding-left: 15px;
background: url(/common/img/arrow01.gif) no-repeat left 0.3em;
}

ul#listIdxImportant li.noIcon{
min-height: 17px;
}
* html ul#listIdxImportant li.noIcon{
height: 17px;
}