@charset "utf-8";
/* CSS Document */

@import url(/common/css/jtb_site_970.css);

a.link{color:#990000;}

a.link:hover{text-decoration:none;}

a.txt-link{
	color:#990000;
	padding:0 0 0 15px;
	background:url(../images/index_100331/ico_txt_link.gif) no-repeat 0 4px;
}

h3{
margin:0;
padding:0;
}

body{
line-height:150%;
font-size:14px;
}

#breadcrumbs{font-size:86%;}


/* page-navi */
.page-navi{
width:945px;
clear:both;
height:38px;
padding:7px 0 0 25px;
background:url(../images/index_100331/bg_pagenavi_euro.jpg) no-repeat 0 0;
}

.page-navi ul{
width:500px;
height:30px;
padding:0 0 0 20px;
border:1px solid #8698AC;
overflow:hidden;
}

.page-navi ul li{
float:left;
padding:5px 0 7px 15px;
margin:0 20px 0 0;
background:url(../images/index_100331/ico_page_navi.gif) no-repeat 0 12px;
font-size:1em;
}

.page-navi ul li a{
display:block;
}

.page-navi ul li a:link,
.page-navi ul li a:visited{
color:#FFF;
}

.page-navi ul li a:hover{
text-decoration:none;
}

.page-navi-fooeter{/* ページ下部のナビ */
background:url(../images/index_100331/bg_pagenavi_euro_bottom.jpg) no-repeat 0 0;
position:relative;
margin:0 0 20px 0;
}

.page-navi-fooeter .pagetop{
position:absolute;
top:12px;
right:14px;
}


/* flasharea */
.flasharea{
width:946px;
height:204px;
padding:11px 0 0 24px;
background:url(../images/index_100331/bg_flash.jpg) no-repeat 0 0;
}

#flashcontent{
width:920px;
height:160px;
}

.flasharea .copy-lead{
font-weight:bold;
font-size:86%;
}

/* -----------------------------------------------
CONTENTS
-----------------------------------------------*/
.contents{
width:685px;
margin:-26px 0 0 20px;
padding:0;
background:url(../images/index_100331/line_side.gif) no-repeat right 30px;
float:left;
display:inline;
line-height:140%;
font-size:86%;
}

.contents h2{
margin:0;
padding:0;
}

/* section
-----------------------------------------------*/
.contents .section{
width:673px;
padding:0 0 10px 0;

}
.contents .banner
{margin-top:10px;
border-bottom:1px #DBC2A8 dashed;
border-top:1px #DBC2A8 dashed}
/* popular */
.contents .popular{
width:673px;
overflow:hidden;
position:relative;
padding:0 0 29px 0;
margin:0 0 15px 0;
background:url(../images/index_100331/bg_popular_bottom.jpg) no-repeat 0 bottom;
}

.contents .popular-wrapper{
background:url(../images/index_100331/bg_popular_middle.jpg) repeat-y 0 0;
position:relative;
}

.contents .boxarea{
width:293px;
float:left;
padding:0 0 0px 28px;
}

.contents .boxarea dl{
width:212px;
float:right;
}

.contents .boxarea dl dt{
font-size:14px;
padding:6px 0 8px 0;
font-weight:bold;
}

.contents .boxarea dl dt a{
color:#990000;
}

.contents .boxarea dl dd.detail{
	text-align:right;
	padding:0 10px 10px 0;
}

.contents .boxarea dl dd.detail a{
color:#990000;
}

.contents .boxarea .bnr{
float:left;
font-size:10px;
}

.contents .boxarea ul{
width:293px;
clear:both;
}

.contents .boxarea ul.btn-left{
left:30px;
bottom:0;
}

.contents .boxarea ul.btn-right{
position:absolute;
right:28px;
bottom:0;
}


.contents .boxarea ul li{
float:left;
padding:0 7px 0 0;
}

.contents .boxarea-ranking h3{
padding:0 0 10px 0;
}

/* ranking */
.contents .boxarea-ranking{
width:190px;
float:left;
padding:0 0 0 20px;
}

.contents .boxarea-first{
width:190px;
float:left;
padding:0 0 0 35px;
}

.contents p.date{
width:100px;
position:absolute;
top:13px;
right:15px;
text-align:right;
color:#FFF;
}

.contents .boxarea-ranking dl{
width:190px;
clear:both;
}

.contents .boxarea-ranking dl dt{
width:30px;
float:left;
padding:0;
font-weight:normal
}

.contents .boxarea-ranking dl dd{
width:145px;
float:left;
padding:0 0 10px 0;
}

.contents .boxarea-ranking dl dd a{
color:#990000;
}

.section .bnr-201004{
padding:10px 0 0 0;
}

/* area-sec */
.area-sec{
}

.area-sec h4{
padding:17px 0 8px 0;
}

.area-sec .copy{
padding:0 35px 10px 0;
float:left;
}

.area-sec .date-area{
float:left;
}

.area-sec .area-box{
width:665px;
padding:0 0 15px 0;
clear:both;
overflow:hidden;
background:#F0F0F0;
}

.area-sec .area-box .area-img{
float:left;
padding:20px 0 0 20px;
}

.area-sec .area-box dl{
width:230px;
padding:20px 0 0 15px;
float:left;
}

.area-sec .area-box dl dt{
color:#990000;
font-weight:bold;
font-size:14px;
}

.area-sec .area-box dl dd{
padding:15px 0 0 0;
font-size:13px;
}

.area-sec .area-box dl dd.btn{
padding:60px 0 0 0;
}

.area-sec .area-box .photo{
float:right;
padding:20px 5px 0 0;
}

.area-sec .area-box .backnumber{
width:640px;
clear:both;
font-size:10px;
}

.area-sec .area-box .backnumber dt{
padding:0 0 10px 0;
}

.area-sec .area-box .backnumber dd{
padding:0;
}

.area-sec .area-box .backnumber dd ul{
width:600px;
padding:0 0 10px 0;
clear:both;
}

.area-sec .area-box .backnumber dd ul li{
float:left;
padding:0 10px 0 5px;

border-right:1px solid #000000;
font-size:11px;
display:block;
}

.area-sec .area-box .backnumber dd ul li a{
color:#9A3A23;
}

/* special-sec */
.contents .special-sec{
padding:0 0 10px 0;
background:none;
}

.special-sec .copy{
padding:20px 0 8px 0;
}

.special-box{
margin:10px 0 0 0;
padding:39px 0 0 0;
background:url(../images/index_100331/bg_special_top.jpg) no-repeat 0 0;
}

.special-box span.date{
position:absolute;
margin-top:-20px;
margin-left:10px}

.special-box-wrapper{
padding:0 0 20px 20px;
background:url(../images/index_100331/bg_special_bottom.jpg) repeat-y 0 0;
}

.special-box-wrapper .txt{
width:390px;
float:left;
background:url(../images/index_100331/line_row.gif) repeat-y right 0;
}

.special-box-wrapper .txt .area-img{
float:left;
padding:0;
}

.special-box-wrapper .txt dl{
width:266px;
padding:0 0 0 15px;
float:left;
}

.special-box-wrapper .txt dt{
color:#990000;
font-weight:bold;
font-size:14px;
}

.special-box-wrapper .txt dl dd{
padding:10px 0 0 0;
font-size:13px;
}

.special-box-wrapper .txt dl dd.btn{
padding:0 0 0 145px;
}

.special-box-wrapper .profile{
width:230px;
padding:0 20px 0 0;
float:right;
}

.special-box-wrapper .profile .area-img{
float:left;
padding:0;
font-size:10px
}

.special-box .profile dl{
width:148px;
padding:0 0 0 10px;
float:left;
}

.special-box .profile dl dt{
color:#333;
font-weight:bold;
}

.special-box .profile dl dd{
padding:10px 0 0 0;
}

.special-box-wrapper .backnumber a{
color:#9A3A23;
font-weight:bold
}

.txt-end{
clear:both;
padding:0 0 10px 0;
font-weight:bold;
}

.home-navi{
width:300px;
padding:0 0 20px 0;
overflow:hidden;
}

.home-navi li{
float:left;
padding:0 20px 0 0;
font-weight:bold;
}

/*-----------------------------------------------------
SIDEAREA
-------------------------------------------------------*/
.sidearea{
width:230px;
margin:-26px 0 0 3px;
padding:0 0 60px 8px;
float:left;
display:inline;
font-size:86%;
line-height:120%;
}

/* event-calendar */
.event-calendar{
padding:0 0 28px 0;
background:url(../images/index_100331/bg_calendar_bottom.jpg) no-repeat 0 bottom;
}

.event-calendar-wrapper{
padding:0 25px 0 25px;
background:url(../images/index_100331/bg_calendar_middle.jpg) repeat-y 0 0;
}

.event-calendar-wrapper .photo{
float:left;
padding:0 0 0 0;
}

.event-calendar-wrapper dl{
width:105px;
padding:0 0 0 5px;
float:left;
}

.event-calendar-wrapper dl dt{
font-size:10px;
}

.event-calendar-wrapper dl dd.ttl{
padding:0 0 10px 0;
font-weight:bold;
}

.event-calendar-wrapper .btn{
padding:0 0 0 28px;
}

.event-calendar-wrapper .time{
font-size:10px;
}

.event-calendar-wrapper p.txt{
clear:both;
padding:10px 0 15px 0;
}


/* section
-----------------------------------------------*/
.sidearea .section{
width:230px;
padding:25px 0 0 0;
clear:both;
}

.sidearea .section .sec-box{
width:204px;
margin:14px 0 0 0;
padding:13px;
background:#F0F0F0;
}

.sidearea .section .sec-box .photo{
float:left;
}

.sidearea .section .sec-box dl{
width:112px;
float:right;
}

.sidearea .section .sec-box dl dt{
font-weight:bold;
}

.sidearea .section .sec-box dl dd{
padding:10px 0 0 0;
}

/* recommend */
.recommend{
position:relative;
}

.recommend p.date{
width:100px;
position:absolute;
top:38px;
right:0;
text-align:right;
}

.recommend p.shop{
clear:both;
padding:10px 0;
}

.sidearea .recommend .sec-box dl{
width:134px;
float:right;
}

.sidearea .recommend dl.specialist{
width:200px;
}

.sidearea .recommend dl.specialist dt{
float:left;
}

.sidearea .recommend dl.specialist dd{
float:left;
padding:3px 0 0 7px;
}

.sidearea .recommend p.comment{
clear:both;
width:200px;
padding:20px 0 0 0;
line-height:140%;
}

.recommend ul.link-area{
}


.recommend ul.recommend-link{
padding:10px 0 0 0;
background:url(../images/index_100331/line.gif) repeat-x 0 45%;
}

.recommend ul.recommend-link li{
padding:10px 0 10px 15px;
background:url(../images/index_100331/ico_txt_link.gif) no-repeat 0 14px;
}


/*-----------------------------------------------------
CLEARFIX
-------------------------------------------------------*/

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}