/*______________ [0] TMP Settings ________________*/
.visibility_Hidden{
visibility:hidden;
}

div#sub_Col .side_one_column dl,
div#sub_Col .side_two_column_left dl,
div#sub_Col .side_two_column_right dl{
background-color:#fff;
}


/*______________ [1] Hotel Record Box ________________*/
#two_column_right #sub_Col .hotelRecord_Box{
background:url(/element/j_hotel/shared/images/sidebox_bg01_001.gif) no-repeat left bottom #fff;
}
#two_column_right #sub_Col .hotelRecord_Box{
padding:0 0 8px;
}
#two_column_right #sub_Col .hotelRecord_Box dt{
padding:0 5px 0 25px;
width:180px;
height:22px;
line-height:22px;
text-align:left;
color:#555;
background-image:url(/element/j_hotel/shared/images/sidebox_tx01_003.gif);
}
#two_column_right #sub_Col .hotelRecord_Box dd{
padding:.3em 6px 0 6px;
width:196px;
border-style:solid;
border-color:#c7c7c7;
border-width:0 1px;
line-height:1.1;
}


/*______________ [1-1] Extension Box ___________________*/
#two_column_right #sub_Col .hotelRecord_Box .extension{
padding:.5em 0;
width:194px;
}
#two_column_right #sub_Col .hotelRecord_Box .extension a{
display:inline;
padding:0 0 0 17px;
background:url(/element/j_hotel/shared/images/sidebox_ic01_001.gif) no-repeat left center;
}
#two_column_right #sub_Col .hotelRecord_Box .extended  a{
background-image:url(/element/j_hotel/shared/images/sidebox_ic01_002.gif);
}
#two_column_right #sub_Col .hotelRecord_Box .extension b{
display:inline-block;
padding:0 .2em;
font-weight:bold;
}
#two_column_right #sub_Col .hotelRecord_Box .extension a:link{
color:#0b41a1;
}
#two_column_right #sub_Col .hotelRecord_Box .extension a:visited{
color:#800080;
}
#two_column_right #sub_Col .hotelRecord_Box .extension a:link b,
#two_column_right #sub_Col .hotelRecord_Box .extension a:visited b{
color:#e30707;
text-decoration:none;
}
#two_column_right #sub_Col .hotelRecord_Box .extension a:hover b,
#two_column_right #sub_Col .hotelRecord_Box .extension a:active b{
color:#ff0000;
text-decoration:underline;
}


/*_____________ [1-2] ________________*/
#two_column_right #sub_Col #footprintContents{
display:none;
}
#two_column_right #sub_Col .hotelRecord_Box dd .previous,
#two_column_right #sub_Col .hotelRecord_Box dd .next{
display:block;
width:194px;
height:18px;
}
#two_column_right #sub_Col .hotelRecord_Box dd .previous a,
#two_column_right #sub_Col .hotelRecord_Box dd .next     a{
overflow:hidden;
display:block;
width:194px;
height:18px;
text-indent:-9999px;
background:url(/element/j_hotel/shared/images/sidebox_bt01_001.gif) no-repeat;
}
#two_column_right #sub_Col .hotelRecord_Box dd .previous a{
background-position:0 0;
}
#two_column_right #sub_Col .hotelRecord_Box dd .previous .nomore{
background-position:0 -20px;
}
#two_column_right #sub_Col .hotelRecord_Box dd .next     a{
background-position: -200px 0;
}
#two_column_right #sub_Col .hotelRecord_Box dd .next     .nomore{
background-position: -200px -20px;
}

#two_column_right #sub_Col .hotelRecord_Box .footprintAnnotaiton{
visibility:hidden;
margin:0 0 .3em;
padding:.2em 1em;
line-height:1.3;
text-align:center;
}
#two_column_right #sub_Col .hotelRecord_Box .paging{
padding:.2em 0 0;
font-size:80%;
}
#two_column_right #sub_Col .hotelRecord_Box .paging .footprintCountAll{
padding:0 .5em 0 0;
font-size:125%;
}
#two_column_right #sub_Col .hotelRecord_Box .paging .footprintCountAll b{
font:bold 100% vernada;
color:#e30707;
}
#two_column_right #sub_Col .hotelRecord_Box .paging .footprintCountRange{
padding:0 .3em 0 0;
}

#two_column_right #sub_Col .hotelRecord_Box .footprint_Area{
background:url(/element/j_hotel/shared/images/load.gif) no-repeat center center #fff;
}
#two_column_right #sub_Col .hotelRecord_Box .footprint_Box{
opacity:1;
}
#two_column_right #sub_Col .hotelRecord_Box .record_Box{
min-height:14.5em;
height:auto !important;
height:14.5em;
}

#two_column_right #sub_Col .hotelRecord_Box table{
border-collapse:collapse;
margin:.2em auto .5em;
width:194px;
}
#two_column_right #sub_Col .hotelRecord_Box td{
height:2.8em;
line-height:1.2;
border-bottom:dotted 1px #939393;
}
#two_column_right #sub_Col .hotelRecord_Box tr.odd  td{
background-color:#fff;
}
#two_column_right #sub_Col .hotelRecord_Box tr.even td{
background-color:#f7f7f7;
}
#two_column_right #sub_Col .hotelRecord_Box td a{
padding:.2em 0 .2em 7px;
line-height:1.1;
background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat left 0.55em transparent;
}
#two_column_right #sub_Col .hotelRecord_Box td a:link{
color:#000099;
}
#two_column_right #sub_Col .hotelRecord_Box td a:visited{
color:#800080;
}
#two_column_right #sub_Col .hotelRecord_Box td a:hover,
#two_column_right #sub_Col .hotelRecord_Box td a:active{
color:#ff0000;
}


/*____________________ [2] Right Side Clip Box ________________*/
#two_column_right #sub_Col .clipLink_Box{
background:url(/element/j_hotel/shared/images/sidebox_bg01_001.gif) no-repeat left bottom #fff;
}
#two_column_right #sub_Col .clipLink_Box{
padding:0 0 9px;
}
#two_column_right #sub_Col .clipLink_Box dt{
padding:0 5px 0 25px;
width:180px;
height:22px;
line-height:22px;
text-align:left;
color:#555;
background-image:url(/element/j_hotel/shared/images/sidebox_tx01_004.gif);
}
#two_column_right #sub_Col .clipLink_Box dd{
padding:9px 6px 0 6px;
width:196px;
border-style:solid;
border-color:#c7c7c7;
border-width:0 1px;
line-height:1.1;
}
#two_column_right #sub_Col .clipLink_Box dd a{
padding:0 0 0 7px;
background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat left center;
}
#two_column_right #sub_Col .clipLink_Box dd a:link{
color:#0b41a1;
}
#two_column_right #sub_Col .clipLink_Box dd a:visited{
color:#800080;
}


/*____________________ [3] Basical Intofmation Area     ________________*/
#two_column_right #sub_Col .reserveSite_Box a{
display:inline;
}
#two_column_right #sub_Col .reserveSite_Box a:hover{
color:#0b41a1;
}
#two_column_right #sub_Col .reserveSite_Box a:link{
color:#0b41a1;
text-decoration:none;
}
#two_column_right #sub_Col .reserveSite_Box a:visited{
color:#800080;
text-decoration:none;
}
#two_column_right #sub_Col .reserveSite_Box a:hover,
#two_column_right #sub_Col .reserveSite_Box a:active{
text-decoration:underline;
}

#two_column_right #sub_Col .reserveSite_Box dd .site_List{
overflow-y:hidden;
width:196px;
overflow: hidden;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List li{
margin:-1px 0 0;
padding:.5em 0;
width:196px;
border-top:dotted 1px #d8d8d8;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List .even_list{
background-color:#f7f7f7;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List span{
display:inline-block;
vertical-align:middle;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List .logo{
padding:.2em 0 0;
width:60px;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List .logo a{
display:block;
width:60px;
height:21px;
border:solid 1px #c4c4c4;
line-height:21px;
text-align:center;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List .logo img{
display:block;
margin:0 auto;
vertical-align:top;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List .txt{
margin:0 -2px 0 0;
padding:0 0 0 3px;
width:131px;
line-height:1.3;
}
#two_column_right #sub_Col .reserveSite_Box dd .site_List .txt a{
display:inline;
margin:0 .3em;
}

#two_column_right #sub_Col .reserveSite_Box dd .tourLink_Txt{
padding:.3em 0 .2em;
width:196px;
font-weight:bold;
}
#two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt{
margin:.5em 0 0;
}
#two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt img{
margin:0 0 .5em;
vertical-align:top;
}
#two_column_right #sub_Col .reserveSite_Box dd .tourLink_Txt a,
#two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt a{
padding:0 0 0 7px;
background:url(/element/j_hotel/shared/images/ar04_w001.gif) no-repeat left .3em;
}



#two_column_right #sub_Col .point_Box  dd p.aboutPoint_Txt,
#two_column_right #sub_Col .point_Box  dd p.aboutPoint_Txt img{
margin:0 0 .5em;
}
#two_column_right #sub_Col .point_Box  dd p.siteList_Txt em{
display:inline-block;
margin:0 0 3px;
}
#two_column_right #sub_Col .point_Box  dd p.siteList_Txt a{
display:inline;
float:left;
}
#two_column_right #sub_Col .point_Box  dd p.siteList_Txt img{
display:inline;
margin:0 2px 0 1px;
vertical-align:middle;
}
#two_column_right #sub_Col .point_Box  dd p.attention_Txt{
clear:both;
padding:.5em 0 0;
color:#666;
font-size:80%;
}

#sub_Col .mobile_Box dt{
font-weight: bold;
text-align:center;
}
#sub_Col .mobile_Box dd{
background:url(/element/j_hotel/index/images/line_dotted.gif) no-repeat left bottom;
text-align:center;
padding:8px 6px;
}
#sub_Col .mobile_Box dd img{
margin-bottom:8px;
}
#sub_Col .mobile_Box dd span{
display:block;
text-align:center;
}
#sub_Col .mobile_Box dd.last{
background:none;
padding-bottom:0;
}
#sub_Col .mobile_Box dd .side_txtLink{
text-align:left;
margin-top:8px;
}
#sub_Col .mobile_Box dd .side_txtLink a{
display:inline-block;
line-height:1.2;
}

/*______________ [4] dynamic Box ________________*/
#two_column_right #sub_Col .j_tour_Box{
background:url(/element/j_hotel/shared/images/sidebox_bg01_001.gif) no-repeat left bottom #fff;
}
#two_column_right #sub_Col .j_tour_Box{
padding:0 0 8px;
}
#two_column_right #sub_Col .j_tour_Box #aboutTicket{
font-weight:normal;
font-size:80%;
position:relative;
left:0;
top:-5px;
letter-spacing:0;
}
#two_column_right #sub_Col .j_tour_Box p#noTicket{
border-bottom:dotted 1px #ccc;
padding-bottom:5px;
}
#two_column_right #sub_Col .j_tour_Box dt{
padding:0 5px 0 25px;
width:180px;
height:22px;
line-height:22px;
text-align:left;
color:#555;
background-image:url(/element/j_hotel/shared/images/sidebox_tx01_005.gif);
}
#two_column_right #sub_Col .j_tour_Box dd{
padding:.3em 6px 0 6px;
width:196px;
border-style:solid;
border-color:#c7c7c7;
border-width:0 1px;
line-height:1.1;
}
#two_column_right #sub_Col .j_tour_Box dd dl{
width:196px;
}
#two_column_right #sub_Col .j_tour_Box dd dt{
width:196px;
padding:0;
background-image:none;
height:100%;
letter-spacing:-1px;
}
#two_column_right #sub_Col .j_tour_Box dd dd{
padding:0;
line-height:1.1;
border:none;
}
#two_column_right #sub_Col .j_tour_Box dd #Area_DestinationName{
font-weight:bold;
display:inline-block;
margin-top:3px;
}
#two_column_right #sub_Col .j_tour_Box dd dd li{
width:195px;
height:20px;
border-top:dotted 1px #ccc;
}
#two_column_right #sub_Col .j_tour_Box dd dd li.list01{
background-color: #fff;
}
#two_column_right #sub_Col .j_tour_Box dd dd li.list02{
background-color: #fff;
}
#two_column_right #sub_Col .j_tour_Box dd dd a{
color: #0b41a1;
display:block;
width:188px;
height:12px;
padding:4px;
}
#two_column_right #sub_Col .j_tour_Box dd dd :hover{
color:#f63;
background: none repeat scroll 0 0 #e6f4ff;
}
#two_column_right #sub_Col .j_tour_Box dd dd a.end{
border-bottom:dotted 1px #ccc;
}
#two_column_right #sub_Col .j_tour_Box dd dd a span{
display:inline-block;
float:right;
vertical-align: middle;
white-space: nowrap;
line-height: 1.1;
cursor: pointer;color: #ff0000;
}
#two_column_right #sub_Col .j_tour_Box dd dd a span.price_point{
float:left;
color: #0b41a1;
}
#two_column_right #sub_Col .j_tour_Box dd dd a:hover span.price_point{
text-decoration:underline;
}
#two_column_right #sub_Col .j_tour_Box dd hr{
border:none;
margin:3px 0 0;
color:#fff;
}
#two_column_right #sub_Col .j_tour_Box p#j_links{
clear: both;
padding: 10px 0;
text-align: right;
width: 192px;
}
#two_column_right #sub_Col .j_tour_Box p#j_links a{
color: #0b41a1;
background: url("/element/shared/images/burette/ar03_f001.gif") no-repeat scroll left center transparent;
padding: 0 0 0 7px;
display:inline;
}
#two_column_right #sub_Col .j_tour_Box p#j_links a:hover{
background: url("/element/shared/images/burette/ar03_f001.gif") no-repeat scroll left center transparent;
padding: 0 0 0 7px;
}


/*______________ [5]   Railway Reservation Box _________________*/
/*______________ [5-1] Basic Settings          _________________*/
.railwayReserve_Box dt{
width:206px;
padding: 0 2px !important;
}
.railwayReserve_Box dt:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.railwayReserve_Box dt a{
float:left;
margin:.15em 0 .1em;
padding:0 0 0 7px;
font-weight:normal;
font-size:80%;
background:url(/element/shared/images/burette/ar04_w001.gif) no-repeat left center;
}
.railwayReserve_Box dd{
padding:6px 6px 7px 6px;
}
.railwayReserve_Box dd h4{
background:url(/element/j_hotel/shared/images/sidebox_bg02_001.gif) no-repeat left top;
width:169px;
height:19px;
padding:4px 0 0 27px;
}
.railwayReserve_Box dd h4 img{
float:left;
}
.railwayReserve_Box dd h4 span{
float:right;
padding:.15em .6em .1em 0;
font-weight:normal;
font-size:80%;
}
.railwayReserve_Box dd .railwayPlan_Area{
background:url(/element/j_hotel/shared/images/sidebox_bg02_002.gif) no-repeat left bottom;
padding:0 0 10px;
}
.railwayReserve_Box dd .railwayPlan_Box{
background:#f6f6f6;
width:183px;
margin:0 auto;
padding:5px 5px 0 6px;
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
}
.railwayReserve_Box .railwayPlan_Box .railwayPlan_Txt{
margin:16px 0 0;
}
.railwayReserve_Box .railwayPlan_Box .railwayBooking{
text-align:right;
font-size:80%;
}
.railwayReserve_Box .railwayPlan_Box .railwayBooking a{
background:url(/element/j_hotel/shared/images/ar05_w001.gif) no-repeat left center;
display:inline;
padding:0 0 0 6px;
}
.railwayReserve_Box b{
color:#555;
}

.railwayDeparture_Txt{
margin:0 0 .8em;
}
.railwayDeparture_Txt select{
margin:.2em 0 0;
width:183px;
}
.railwayDeparture_Txt span{
display:block;
color:#666;
margin:.4em 0 0;
font-size:80%;
}
.railwayReserve_Box .place  select,
.railwayReserve_Box .number select{
width:198px;
}
.railwayReserve_Box .date   select{
float:left;
width:96px;
}
.railwayReserve_Box .date   #NTA_JR_day{
margin:.2em 0 0 6px;
}

.railwayDeparture_Txt .na{
color:#808080;
background-color:#ddd;
}


/*______________ [5-2] ajax content Settings   ________________*/
#NTA_JR_plan{
margin:.2em 0 .75em;
line-height:1.1;
color:#e55664;
font-size:80%;
}
#NTA_JR_result{
min-height:5em;
background:url(/element/j_hotel/shared/images/load.gif) no-repeat center center;
}
#NTA_JR_result table{
width:100%;
border-collapse:collapse;
background-color:#fff;
}
#NTA_JR_result tr:hover a{
cursor:pointer;
}
#NTA_JR_result tr:first-child:hover{
cursor:auto;
}
#NTA_JR_result tr:hover a{
text-decoration:underline;
}
#NTA_JR_result th{
padding:.3em 0;
width:88px;
font-weight:normal;
font-size:80%;
background-color:#e9e7e8;
border-top:solid 1px #ccc;
}
#NTA_JR_result th+th{
width:28px;
}
#NTA_JR_result th+th+th{
width:80px;
}
#NTA_JR_result td{
padding:0;
width:88px;
height:2.7em;
border-top:dotted 1px #c2c2c2;
line-height:1.2;
color:#ababab;
text-align:center;
}
#NTA_JR_result td a{
display:table-cell;
padding:0 0 0 8px;
width:80px;
height:2.7em;
vertical-align:middle;
outline:0;
}
#NTA_JR_result td a:visited{
color:#0b41a1;
}
#NTA_JR_result td:first-child a{
text-align:left;
}
#NTA_JR_result tr:first-child td{
border:none;
}
#NTA_JR_result tr td:first-child{
padding:0 0 0 8px;
width:80px;
text-align:left;
}
#NTA_JR_result tr td:first-child a{
display:inline-block;
margin:0 0 0 -8px;
line-height:2.7em;
white-space:nowrap;
}
#NTA_JR_result td+td,
#NTA_JR_result td+td a{
padding:0;
width:28px;
text-align:center;
}
#NTA_JR_result td+td+td{
padding:0 0 0 3px;
width:77px;
}
#NTA_JR_result td+td+td a{
padding:0 0 0 3px;
width:77px;
text-align:left;
}
#NTA_JR_result .saturday{
background-color:#e1f1ff;
}
#NTA_JR_result .sunday{
background-color:#ffe3e8;
}


/*______________ [5-3] reserve Explain Text __________________*/
#sub_Col .railwayExplain_List{
margin:0;
padding:0 0 0 5px;
width:178px;
overflow:hidden;
background-image:none;
border-top: solid 1px #e7e7e7;
border-bottom: solid 1px #ccc;
font-size:80%;
}
#sub_Col .railwayExplain_List dt,
#sub_Col .railwayExplain_List dd{
clear:none;
display:inline;
float:left;
width:auto;
border-width:0;
line-height:2;
font-weight:normal;
color:#666;
background-image:none;
}
#sub_Col .railwayExplain_List dt{
padding:0;
}
#sub_Col .railwayExplain_List dd{
padding:0 .5em 0 0;
}


/*______________ [5-4] reserve Attention Text __________________*/
.railwayAttention_Txt{
margin:0;
padding:1em 5px;
width:171px;
line-height:1.3;
background-color:#f7f7f7;
font-size:80%;
color:#666;
}



/*______________ [5-5] Extra Content Link    ___________________*/
.railwayReserve_Box .railwayReserve_Txt{
margin:0 0 0 1px;
width:182px;
height:31px;
}
.railwayReserve_Box .railwayReserve_Txt a{
padding:0 0 0 19px;
font-weight:bold;
background:url(/element/j_hotel/shared/images/sidebox_bt02_001.gif) no-repeat left center;
line-height:31px;
}

/*______________ [5-6]airlineReserve_Box & 共通 dd.dp_List    ___________________*/
.railwayReserve_Box #airlineReserve_Box{
padding:6px 6px 0 6px;
}
.railwayReserve_Box #airlineReserve_Box h4{
background:url(/element/j_hotel/shared/images/sidebox_bg02_003.gif) no-repeat left top;
width:169px;
height:19px;
padding:4px 0 0 27px;
}
.railwayReserve_Box #airlineReserve_Box .railwayPlan_Box{
padding:0 5px 0 6px;
}
.railwayReserve_Box #airlineReserve_Box .railwayPlan_Box .railwayReserve_Txt{
margin:0 0 0 1px;
padding:6px 0 0;
}
.railwayReserve_Box .dp_List h4 span{
float:right;
padding:.15em .6em .1em 0;
font-weight:normal;
font-size:80%;
white-space:nowrap;
}
.railwayReserve_Box .dp_List .railwayReserve_Txt a span{
font-size:80%;
}



/* [S2] Right ranking area
=========================================================================================== */
.item table{
width:188px;
border-collapse:collapse;
background-color:#fff;
}
.item th{
padding:.3em 2px 0 0;
width: 60px;
text-align:left;
font-size:80%;
font-weight:normal;
vertical-align:top;
}
.item td{
padding:0;
width:126px;
text-align:left;
}
.item td .grade{
display:block;
color:#666;
font-size:74.2%;
line-height:1.1;
}
.item td div:before{
content:'';
display:inline-block;
margin:0 3px 0 0;
padding:13px 0 0;
width:75px;
height:0;
vertical-align:top;
overflow:hidden;
background-image:url(/element/j_hotel/index/images/special_ps01_001.png);
background-repeat:no-repeat;
}
.item td .review00:before{
background-position:-75px 0;
}
.item td .review05:before{
background-position:-60px -20px;
}
.item td .review10:before{
background-position:-60px 0;
}
.item td .review15:before{
background-position:-45px -20px;
}
.item td .review20:before{
background-position:-45px 0;
}
.item td .review25:before{
background-position:-30px -20px;
}
.item td .review30:before{
background-position:-30px 0;
}
.item td .review35:before{
background-position:-15px -20px;
}
.item td .review40:before{
background-position:-15px 0;
}
.item td .review45:before{
background-position:0 -20px;
}
.item td .review50:before{
background-position: 0 0;
}

.item td .price:before{
background:none;
margin:0;
padding:0;
width:0;
}
.side_one_column ul.hotelDetail li .item td .price img{
margin:0 2px 0 0;
}


#two_column_right #sub_Col #hotel_Recommend dd{
padding:10px 0 0;
width:208px;
}

.side_one_column ul.hotelDetail li{
border-top:1px solid #ccc;
width:188px;
margin:8px auto 0 auto;
padding:10px 10px 0;
}

.side_one_column ul.hotelDetail li img{
max-width:188px;
max-height:130px;
margin: 0 auto;
}

.side_one_column ul.hotelDetail li .imgArea{
display:block;
width:188px;
height:125px;
background: #ededed;
display:table-cell;
vertical-align:middle;
margin-bottom:3px;
text-align:center;
}

.side_one_column ul.hotelDetail li a{
font-size:80%;
}
.side_one_column ul.hotelDetail li a{
font-size:80%;
}
.side_one_column ul.hotelDetail li:first-child{
border-top:none;
margin-top:0;
padding-top:0;
}
.side_one_column ul.hotelDetail li{
text-align:right;
}
.side_one_column ul.hotelDetail li .hotelName{
font-size:125%;
font-weight:bold;
margin:4px 0;
text-align:left;
}
.side_one_column ul.hotelDetail li .hotelName span{
color:#999;
display: block;
font-size:75%;
font-weight:normal;
}
.contentInfo_SideBox dt{
line-height:1.15;
padding:5px 7px 8px 7px;
}


/*_________ [6]   Right Col 20140613            ____________*/

#sub_Col .contentInfo_SideBox{
font-family: var(--cmn-font-family);
}

#sub_Col .contentInfo_SideBox.themeList{
margin:0 0 21px;
}
#sub_Col .contentInfo_SideBox.themeList dt{
padding:.3em 7px .65em;
text-align:center;
font-weight:bold;
}
#sub_Col .contentInfo_SideBox.themeList dd{
padding:0 5px;
width:210px;
box-sizing: border-box;
}
#sub_Col .contentInfo_SideBox.themeList dd dl{
margin:0 auto;
padding:0;
background-image:none;
}
#sub_Col .contentInfo_SideBox.themeList dd dt{
margin-bottom: 2px;
padding: 8px 0 0;
}
#sub_Col .contentInfo_SideBox.themeList dd dt span{
display:block;
padding:0;
height:21px;
border-width:0;
line-height:1.8;
text-align:left;
}

#sub_Col .contentInfo_SideBox.themeList dd dt.theme01,
#sub_Col .contentInfo_SideBox.themeList dd dt.theme02{
background-image:none;
}

#sub_Col .contentInfo_SideBox.themeList dd dd{
margin-top: 5px;
padding:0;
border-width:0;
width: auto;
font-size: 12px;
}
#sub_Col .contentInfo_SideBox.themeList dd dd a{
display:inline-block;
margin:0 0 7px;
padding:0 0 0 6px;
background:url(/element/shared/images/burette/ar04_g001.gif) no-repeat left .3em;
}

#toppr_Area ul{
padding-bottom:5px;
}
.theme-side-box dt{
font-size:15px;
font-weight:bold;
color:#555;
text-align:center;
}
.theme-side-box dd ul{
padding:10px 5px;
}
.theme-side-box dd li{
text-align:center;
margin-bottom:20px;
}
.theme-side-box dd li:last-child{
margin-bottom:0;
}
.theme-side-box dd li img{
max-width:160px;
max-height:120px;
margin:0 auto;
}
.theme-side-box dd li span{
display:block;
text-align:left;
margin-top:10px;
}
.banner-box{
margin:15px 0 0;
width: 210px;
}
.banner-box ul{
padding: 0 5px;
width: 200px;
height: auto;
text-align: center;
}
.banner-box li{
padding: 0 0 8px;
width: 200px;
}

/* side-01
------------------------------------------------ */
.side-01{
display:block;
line-height:1.4;
padding:5px 0;
font-family: var(--cmn-font-family);
}

/* Smartphone Service Box
------------------------------------------------ */

#sub_Col .smpGuide_Area dl{
font-family: var(--cmn-font-family);
}
#sub_Col .smpGuide_Area dt {
position: relative;
padding: 0 12px 0 0;
width:198px;
height: 42px;
line-height: 1.3;
text-align: left;
background:url(/element/top_pc/index/v2/images/sidebox_bg01_001.png) no-repeat -500px top;
}
#sub_Col div.smpGuide_Area .smpGuide_Txt {
display: block;
padding: 6px 50px 0 9px;
min-height: 36px;
background: url(/element/top_pc/index/v2/images/sidebox_pc03_002.gif) no-repeat right 2px;
}
#sub_Col div.smpGuide_Area .new_Ico {
position: absolute;
top: 2px;
left: 2px;
}
#sub_Col .smpGuide_Area dd {
padding: 5px 10px 13px 6px;
width:192px;
border-style:solid;
border-width:0 1px 1px 1px;
border-color:#cdcdcd;
margin-bottom:10px;
}
#sub_Col .smpGuide_Area dd span{
display:block;
font-weight:bold;
color:#222;
}
#sub_Col .smpGuide_Area dd.iphone{
padding: 5px 10px 3px 6px;
border-style:solid;
border-width:0 1px 0px 1px;
border-color:#cdcdcd;
margin-bottom:0px;
}
#sub_Col .smpGuide_Area dd.iphone a{
border-bottom:1px dotted #cdcdcd;
display:block;
padding-bottom:13px
}
#sub_Col .smpGuide_Area dd img {
float:left;
margin: 0;
}
#sub_Col .smpGuide_Area dd .qrcode {
margin: 0 14px 0 0;
}
#sub_Col .smpGuide_Area dd.iphone .qrcode{
margin-right:10px;
}
#sub_Col .smpGuide_Area dd a:link {
color:#0b41a1;
}
#sub_Col .smpGuide_Area dd a:visited {
color:#800080;
}
#sub_Col .smpGuide_Area dd a:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}