/* --------------------------------------------------------------------------- */
/* [1] NEW Layout                                                              */
/*  - Item Navigation Style for All Contents.                                  */
/*  - It has used from 2011/02- without Blog Contents.                         */
/* --------------------------------------------------------------------------- */


/*_______________ [1]   New Layout Style     _____________________*/
#main_Col .itemNav_Area{
clear:both;
padding:7px 0 0 0;
width:730px;
}
#main_Col .itemNav_Area:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#main_Col #upperItemNav_Area{
position:relative;
z-index:1;
}
#main_Col #lowerItemNav_Area{
padding:0.8em 0 0 0;
}

/*_______________ [1-1] Narrow Down Item Navigation _____________*/
#narrowDownNav_Area{
width:730px;
margin:0 0 15px 0;
height:39px;
background:url(../../images/paging/narrowdown_bg01_001.gif) repeat-x left bottom;
}
#narrowDownNav_Area li{
float:left;
padding:0 4px 0 6px;
width:180px;
height:39px;
}
#narrowDownNav_Area li a,
#narrowDownNav_Area li em{
overflow:hidden;
display:block;
width:180px;
height:39px;
text-indent:-9999px;
background:url(../../images/paging/narrowdown_tx01_001.gif) no-repeat;
}
#narrowDownNav_Area li.all a{
background-position:0 0;
}
#narrowDownNav_Area li.all a:hover,
#narrowDownNav_Area li.all em{
background-position:0 -50px;
}
#narrowDownNav_Area li.vacant a{
background-position:-200px 0;
}
#narrowDownNav_Area li.vacant a:hover,
#narrowDownNav_Area li.vacant em{
background-position:-200px -50px;
}



/*_______________ [1-2] Sort Item Navigation _____________________*/
#sortNav_Area{
clear:both;
margin:18px 0 15px 0;
padding:0;
width:730px;
color:#666666;
}
#sortNav_Area:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#sortNav_Area dl{
width:730px;
line-height:1.1;
}
#sortNav_Area img{
cursor:pointer;
margin:0 3px 0 0;
vertical-align:middle;
}
#sortNav_Area dt{
float:left;
margin:0;
padding:0.1em 0 0 6px;
line-height:1.1;
background-image:none;
}
#sortNav_Area dd{
float:left;
padding:0.1em 0.8em 0 0;
line-height:1.1;
white-space:nowrap;
}
#sortNav_Area dd+dd{
padding:0.1em 0.8em 0 0.8em;
border-left:solid 1px #999999;
}
#sortNav_Area dd a{
margin:0 0.2em;
}
#sortNav_Area dd em{
font-weight:bold;
color:#666666;
}
#sortNav_Area dd span{
font-size:80%;
color:#e30707;
}


/*_______________ [1-3] Pagination Box __________________________*/
#main_Col .itemNav_Area .planNav_Area{
clear:both;
padding:0 0 0.8em 0;
text-align:right;
width:730px;
line-height:1.0;
color:#666666;
}
#main_Col .itemNav_Area .planNav_Area:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#main_Col .itemNav_Area .planNav_Area p{
display:inline-block;
float:left;
line-height:1.6;
}
#main_Col .itemNav_Area .planNav_Area p b{
font-family:verdana;
color:#e30707;
font-weight:bold;
}
#main_Col .itemNav_Area .planNav_Area .pagination{
float:right;
padding:0;
white-space:nowrap;
line-height:1.0;
}
#main_Col .itemNav_Area .planNav_Area .pagination em,
#main_Col .itemNav_Area .planNav_Area .pagination a{
display:inline-block;
padding:0.3em 6px;
line-height:1.0;
}
#main_Col .itemNav_Area .planNav_Area .pagination a{
border:solid 1px #D6D6D6;
}
#main_Col .itemNav_Area .planNav_Area .pagination a:hover{
border-color:#b8b8b8;
background-color:#F0F0F0;
}
#main_Col .itemNav_Area .planNav_Area .pagination em{
border:solid 1px #EAEAEA;
font-weight:bold;
color:#666666;
background-color:#EAEAEA;
}

/*_______________ [1-4] Pager __________________________*/
/* ======= New Markup and Design 20140909 ======= */
#container .pager{
margin: 5px 0 -5px;
overflow: hidden;
font-size: 12px;
text-align: right;
}
#container .pager:before,
#container .pager:after{
content:"";
display:table;
}
#container .pager:after{
clear:both;
}

#container .pager .item-number{
margin-top: -2px;
padding: 2px 18px 0 0;
float: left;
display: block;
overflow: hidden;
white-space: nowrap;
min-width: 12em;
font-weight: normal !important;
text-align: left;
}
#container .pager .item-number em{
color: #e30707;
font-weight: bold;
}
#container .pager .item-number em.font-l{
vertical-align: middle;
font-size: 16px
}

#container .pager .pager-list{
padding: 0;
position: relative;
display: inline-block;
text-align: center;
}
#container .pager .pager-list li{
margin: 0 0 5px 0;
display: inline-block;
vertical-align: top;
}

#container .pager .pager-list li a,
#container .pager .pager-list li em{
padding: 5px 6px 4px 6px;
border: 1px solid #b8b8b8;
display: block;
line-height: 1;
text-align: center;
text-decoration: none !important;
}
#container .pager .pager-list li a:active,
#container .pager .pager-list li a:hover,
#container .pager .pager-list li a:focus{
background-color: #f0f0f0;
}
#container .pager .pager-list li em{
border-color: #eaeaea;
color: #666;
background-color: #eaeaea;
font-weight: bold;
}

#container .pager .pager-list .pager-cnt{
margin: 0 3px;
}
#container .pager .pager-cnt-list li{
min-width: 16px;
}
#container .pager .pager-cnt-list li a,
#container .pager .pager-cnt-list li em{
padding: 5px 3px 4px 3px;
min-width: 16px;
}
#container .pager .pager-cnt-list li a:visited{
color: #800080 !important;
}

#container .pager .pager-cnt-list [class*="ellipsis-"]{
position: relative;
}
#container .pager .pager-cnt-list .ellipsis-before{
margin-left: -3px;
padding-left:13px;
}
#container .pager .pager-cnt-list .ellipsis-after{
margin-right: -3px;
padding-right:13px;
}
#container .pager .pager-cnt-list .ellipsis-before + .ellipsis-before{
margin-left: 1px;
}
#container .pager .pager-cnt-list .ellipsis-after + .ellipsis-after{
margin-right: 0;
}

#container .pager .pager-cnt-list .ellipsis-before:before,
#container .pager .pager-cnt-list .ellipsis-after:after{
content: "...";
display: block;
position: absolute;
color:#333;
left:0;
bottom: 0;
speak:none;
font-weight: normal;
}
#container .pager .pager-cnt-list .ellipsis-after:after{
left:auto;
right:0;
}

/* IE7 ----------------------------- */
*:first-child+html #container .pager .pager-list li{
display: inline;
zoom:1;
}
/* IE6 ----------------------------- */
* html #container .pager .pager-list li{
display: inline;
zoom:1;
}


/*_______________ [1-4] changeTab Box __________________________*/

#changeTab_Box {
clear: both;
margin-bottom: 20px;
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
font-weight: bold;
}
#changeTab_Box ul {
	height: 42px;
	letter-spacing: -.4em;
	border-bottom: 1px solid #b3b3b3;
}
#changeTab_Box li {
	display: inline-block;
	margin-right: 10px;
	border-radius: 4px 4px 0 0;
	vertical-align: top;
	letter-spacing: normal;
}
* html #changeTab_Box li { display: inline; zoom: 1;}
*:first-child+html #changeTab_Box li { display: inline; zoom: 1;}

#changeTab_Box li a,
#changeTab_Box li em {
	display: inline-block;
	height: 41px;
	padding: 0 13px;
	border-width: 1px 1px 0 1px;
	border-color: #b3b3b3;
	border-style: solid;
	border-radius: 4px 4px 0 0;
	background-color: #fff;
	line-height: 42px;
	vertical-align: middle;
}
#changeTab_Box li a {
	color: #333;
	border-bottom: 1px solid #b3b3b3;
	background-color: #f9f9f9;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9f9f9', endColorstr='#eeeeee');
	background-image: -webkit-linear-gradient(bottom, #eee, #f9f9f9);
	background-image: -moz-linear-gradient(bottom, #eee, #f9f9f9);
	background-image: -o-linear-gradient(bottom, #eee, #f9f9f9);
	background-image: linear-gradient(to top, #eee, #f9f9f9);
}
#changeTab_Box li a:link,
#changeTab_Box li a:visited {
	color: #333;
}
#changeTab_Box li a:hover {
	text-decoration: none;
}
#changeTab_Box li em {
	border-bottom: 1px solid #fff;
}
#changeTab_Box .icoNew {
	display: inline-block;
	width: 31px;
	height: 0;
	margin: -3px 5px 0 0;
	padding-top: 17px;
	background: url(/element/shared/images/paging/new_ico01_001.gif) top left no-repeat;
	line-height: 2;
	overflow: hidden;
	vertical-align: middle;
}



/* --------------------------------------------------------------------------- */
/* [2] OLD Layout                                                              */
/*  -  Item Navigation Style only Blog Contents.                               */
/*  -  It used until 2009/09 - 2011/01 All Item-Search Contents.               */
/* --------------------------------------------------------------------------- */


/*__________________ [2] Old Layout Styles  ___________________________________*/
#main_Col div.contentsViewer{
clear:both;
width:730px;
}
#main_Col div.contentsViewer:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}


/*_______________ [2-1] Upper Navigation ________________*/
/*_______________ [2] Basical Settings ________________*/
#main_Col #upper_Navi{
position:relative;
padding:8px 0 0 0;
background:url(/element/shared/images/paging/bg01_001.gif) repeat-x;
}
#main_Col #upper_Navi dl{
text-align:right;
line-height:1.0;
}
#main_Col #upper_Navi dt{
float:left;
padding:0.2em 0.5em 0.2em 15px;
min-height:1.2em;
line-height:1.2;
white-space:nowrap;
}
.kaigai   #main_Col #upper_Navi dt{
background:url(/element/shared/images/burette/ar07_a001.gif) no-repeat 5px center transparent;
}
.kokunai  #main_Col #upper_Navi dt{
background:url(/element/shared/images/burette/ar07_b001.gif) no-repeat 5px center transparent;
}
#main_Col #upper_Navi dd{
display:inline;
float:left;
padding:0.1em 0.5em 0 0;
white-space:nowrap;
line-height:1.0;
}
#main_Col #upper_Navi dd input{
float:left;
margin:0 0.2em;
padding:0.2em;
}
#main_Col #upper_Navi dd label{
float:left;
line-height:1.4;
}
#main_Col #upper_Navi dd em{
font-weight:bold;
}


/*_______________ [2-1]   Narrow Down Plans __________________*/
/*_______________ [2-1-1] Standard Section  __________________*/
#upper_Navi #narrowDown_Navi{
position:relative;
float:left;
padding:3px 88px 5px 0;
max-width:484px;
}
#upper_Navi > #narrowDown_Navi{
min-height:23px;
height:auto;
}
* html body #upper_Navi #narrowDown_Navi{
width:484px;
}
#upper_Navi #narrowDown_Navi dt{
width:3.3em;
padding-bottom:0.3em;
}
#upper_Navi #narrowDown_Navi dd{
padding:0.1em 0.8em 0 0;
letter-spacing:-1px;
}
#upper_Navi #narrowDown_Navi dd.submit{
position:absolute;
top:0;
right:0;
padding:0;
height:31px;
}
#upper_Navi #narrowDown_Navi dd.submit input{
margin:0;
padding:0;
}
* html body #upper_Navi #narrowDown_Navi{
overflow:hidden;
}
* html body #upper_Navi #narrowDown_Navi dd{
float:none;
}
*:first-child+html #upper_Navi #narrowDown_Navi dd{
float:none;
}

/*________________ [2-1-2] When It works without Sort Navigation _______________*/
#main_Col   .withoutSort #narrowDown_Navi{
padding-right:88px;
max-width:634px;
}
* html body #main_Col .withoutSort #narrowDown_Navi{
width:634px;
}


/*_______________ [2-2] Plan Number _______________*/
#upper_Navi #viewNumber_Navi{
position:absolute;
top:14px;
left:580px;
width:150px;
text-align:right;
line-height:1.0;
}
#main_Col #upper_Navi #viewNumber_Navi dt{
float:left;
display:inline-block;
padding-top:0;
line-height:1.2;
}
#upper_Navi #viewNumber_Navi dd{
float:none;
display:inline;
margin:0;
padding:0;
 line-height:1.2;
}
#upper_Navi #viewNumber_Navi dd a{
margin:0 0.1em 0 0;
}


/*_______________ [2-3]   Plan Sorting     ________________*/
#upper_Navi #sort_Navi{
padding:0.2em 0 0 0;
width:730px;
}
#upper_Navi #sort_Navi:before{
content:',';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#upper_Navi #sort_Navi dt{
width:3.3em;
padding-bottom:0.3em;
}
#upper_Navi #sort_Navi dd{
float:left;
line-height:1.4;
}
#upper_Navi #sort_Navi dd a,
#upper_Navi #sort_Navi dd em{
margin:0 0.2em 0 0;
}
#upper_Navi #sort_Navi dd em{
margin:0 0.2em 0 0;
padding:0 0.2em;
font-weight:bold;
color:#333;
}
.kaigai  #upper_Navi #sort_Navi dd em{
background-color:#FFAD08;
}
.kokunai #upper_Navi #sort_Navi dd em{
background-color:#AAD56B;
}


/*_______________ [2-4] Extra Settings ____________________*/
#upper_Navi #extended_Navi{
clear:both;
float:left;
display:inline;
margin:0 0 0 4.2em;
padding:0 10px 0 0;
min-height:31px;
height:auto !important;
height:31px;
background:url(/element/shared/images/paging/bg02_002.gif) no-repeat right top;
}
#upper_Navi > #extended_Navi{
display:inline-block;
}
#upper_Navi #extended_Navi ul{
float:left;
display:inline-block;
height:31px;
background:url(/element/shared/images/paging/bg02_003.gif) no-repeat 7em top;
}
#upper_Navi #extended_Navi > ul{
min-height:31px;
height:auto;
}
#upper_Navi #extended_Navi ul:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#upper_Navi #extended_Navi li{
float:left;
padding:9px 3px 0 3px;
height:22px;
line-height:22px;
letter-spacing:-2px;
background-color:transparent;
}
#upper_Navi #extended_Navi li a{
margin:0 3px 0 0;
letter-spacing:0;
vertical-align:middle;
white-space:pre-wrap;
}
#upper_Navi #extended_Navi li em{
margin:0 3px 0 0;
font-weight:bold;
color:#533702;
letter-spacing:0;
}
#upper_Navi #extended_Navi li.first_list{
padding:9px 3px 0 10px;
background:url(/element/shared/images/paging/bg02_001.gif) no-repeat left bottom transparent;
}


/*________________ [2-5] Pagination Box _________________*/
#main_Col div.contentsViewer div.planNavi{
clear:both;
padding:0.8em 0 0 0;
text-align:right;
width:730px;
line-height:1.0;
}
#main_Col div.contentsViewer div.planNavi:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#main_Col div.contentsViewer div.planNavi p{
display:inline-block;
float:left;
line-height:1.6;
}
#main_Col div.contentsViewer div.planNavi p.pagination{
float:right;
white-space:nowrap;
line-height:1.0;
}
#main_Col div.contentsViewer div.planNavi p.pagination a{
display:inline-block;
padding:0.3em 6px;
border:solid 1px #D6D6D6;
line-height:1.0;
}
#main_Col div.contentsViewer div.planNavi p.pagination a:hover{
border-color:#b8b8b8;
background-color:#F0F0F0;
}
#main_Col div.contentsViewer div.planNavi p.pagination em{
display:inline-block;
padding:0.3em 6px;
border-style:solid;
border-width:1px;
line-height:1.0;
font-weight:bold;
}
.kaigai  #main_Col div.contentsViewer div.planNavi p.pagination em{
border-color:#599BDE;
background-color:#599BDE;
color:#fff;
}
.kokunai #main_Col div.contentsViewer div.planNavi p.pagination em{
border-color:#FF9B7A;
background-color:#FF9B7A;
color:#fff;
}


/*________________ [2-6] Title Text ___________________*/
#upper_Navi #main_genre{
clear:both;
margin:0.5em 0 0 0;
padding:0.2em 0 0.2em 5px;
width:720px;
border-width:0 0 0 5px;
border-style:solid;
font-size:120%;
font-weight:bold;
}
.kaigai  #upper_Navi #main_genre{
border-color:#599bde;
background-color:#EBF3FB;
}
.kokunai #upper_Navi #main_genre{
border-color:#9C472B;
color:#9C472B;
background-color:#FFF3DA;
}
#upper_Navi #sub_genre{
padding:0.2em 0 0 10px;
width:720px;
}


/*________________ [2-7] Submit Button Box in Lower Navigation _______________*/
#lowerNavi #contentReply_Area{
text-align:right;
font-size:80%;
}
#lowerNavi #contentReply_Area img{
margin:0 3px;
vertical-align:middle;
}
#lowerNavi div p b{
color:#9C472B;
font-weight:normal;
}





/* --------------------------------------------------------------------------- */
/* [3] Common Layout                                                           */
/*  -  It Uses Both Contents - New Layout and Old.                             */
/*  -  It used until 2009/09- All Item-Search Contents.                        */
/* --------------------------------------------------------------------------- */


/*__________________ [3] Explain Icons __________________*/
#explain_Area{
margin:2.5em 0 0.5em 0;
padding:0 0 5px 0;
width:730px;
background:url(/element/shared/images/paging/explain_bg01_003.gif) no-repeat left bottom;
}
#explain_Area h4{
padding:0 0 0 10px;
width:720px;
height:22px;
line-height:22px;
background:url(/element/shared/images/paging/explain_bg01_001.gif) no-repeat;}
#explain_Area table{
width:730px;
background:url(/element/j_hotel/images/lst/explain_bg01_002.gif) repeat-y;
}
#explain_Area th{
padding:0.4em 10px;
width:64px;
vertical-align:top;
background:url(/element/shared/images/paging/explain_ln01_001.gif) repeat-x ;
}
#explain_Area th img{
margin:0 0 3px 0;
}
#explain_Area td{
padding:0.4em 0;
width:281px;
vertical-align:top;
line-height:1.1;
background:url(/element/shared/images/paging/explain_ln01_001.gif) repeat-x ;
}
#explain_Area #association_data{
padding:0.4em 10px 0.4em 0;
width:665px;
border-right:solid 1px #bdbdbd;
background-color:#fff;
}
#explain_Area td b{
display:block;
}
#explain_Area .firstline th,
#explain_Area .firstline td{
background-image:none;
}


/*__________________ [4] Super Banner __________________*/
#prsuperLow_Area{
text-align:center;
padding-top:50px;
}