@charset "utf-8";

/* PageCommon ------------------------- */
a{ color: #008277}
a:hover{ color: #00a282}
img{ display:block;}
html > body sup{ height: 0; line-height: 1; vertical-align: baseline; position: relative;  bottom: 1ex;}
#yjrNavi_1504 .yjrNaviSubWrap{ margin-bottom: 8px;}
#yjBreadcrumbs{ margin-bottom: 6px;}
#yjMain{ color: #392d19;}
.wrp-main{ border-top: #ddd 1px solid;}
.cmn-cfix:after{ content: ""; clear: both; display: block;}

#footer_1504 address{ padding-bottom: 84px;}

.arwPageTop{ bottom: 85px !important;}
/* ------------------------------------ */

/* .icon ------------------------------ */
.icon{ background-image: url(../../../images/used_2014/icon_sprite.png);  background-repeat: no-repeat; display: inline-block;}
.iconDocumentLarge_white{ width: 25px; height: 31px; background-position: -4px -4px;}
.iconDocument_white{ width: 16px; height: 20px; background-position: -4px -43px;}
.iconRibbon_red{ width: 65px; height: 65px; background-position: -4px -71px;}
.iconSpeaker_red{ width: 55px; height: 29px; background-position: -4px -144px;}
.iconStar_brown{ width: 18px; height: 18px; background-position: -4px -181px;}
.iconStarLarge_brown{ width: 28px; height: 26px; background-position: -4px -207px;}
.iconStar_ocher{ width: 18px; height: 18px; background-position: -4px -241px;}
.iconStarLarge_ocher{ width: 28px; height: 26px; background-position: -4px -267px;}
.iconZoomLarge_white{ width: 40px; height: 40px; background-position: -4px -301px;}
.iconZoom_white{ width: 27px; height: 27px; background-position: -4px -349px;}
.iconNew{ background-color: #fa992b; border-radius: 20px; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; line-height: 1; padding: 3px 5px 2px; text-align: center; height: 11px; width: 32px;}
.btn.btnLarge_whiteOcher .iconStarLarge_brown{ width: 28px; height: 26px; background-position: -4px -267px;}
.btn.btnSmall_whiteOcher .iconStar_brown{ width: 18px; height: 18px; background-position: -4px -241px;}
/* ------------------------------------ */

/* .btn ------------------------------- */
.btn{ backface-visibility: hidden; border-radius: 3px; display: table-cell; position: relative; text-align: center; text-decoration: none; letter-spacing: 1px; line-height: 1; vertical-align: middle;}
.btn:hover{ opacity:0.7;}
.btn .icon{ margin-right: 12px; vertical-align: text-top; text-indent:-9999px;}
.btnSmall_red{ background-color: #e94643; border: #e94643 1px solid; color: #fff; font-size: 15px; font-weight: bold; height: 45px; width: 232px;}
.btnSmall_red:hover{ color: #fff;}
.btnSmall_ocher{ background-color: #c49800; border: #c49800 1px solid; color: #fff; font-size: 15px; font-weight: bold; height: 45px; width: 232px;}
.btnSmall_ocher:hover{ color: #fff;}
.btnSmall_white{ background-color: #fff; border: #9c9c9c 1px solid; color: #515151; font-size: 15px; font-weight: bold; height: 45px; width: 232px;}
.btnSmall_white:hover{ color: #515151;}
.btnSmall_whiteOcher{ background-color: #fff; border: #c49800 1px solid; color: #c49800; font-size: 15px; font-weight: bold; height: 45px; width: 232px;}
.btnSmall_whiteOcher:hover{ color: #c49800;}
.btnLarge_red{ background-color: #e94643; border: #e94643 1px solid; color: #fff; font-size: 24px; font-weight: bold; height: 75px; width: 388px; -webkit-box-shadow:0 -4px 0 0 rgba(199,69,51,1) inset; box-shadow:0 -4px 0 0 rgba(199,69,51,1) inset;}
.btnLarge_red:hover{ color: #fff;}
.btnLarge_ocher{ background-color: #c49800; border: #c49800 1px solid; color: #fff; font-size: 24px; font-weight: bold; height: 75px; width: 388px; -webkit-box-shadow:0 -4px 0 0 rgba(180,142,0,1) inset; box-shadow:0 -4px 0 0 rgba(180,142,0,1) inset;}
.btnLarge_ocher:hover{ color: #fff;}
.btnLarge_white{ background-color: #fff; border: #9c9c9c 1px solid; color: #515151; font-size: 24px; font-weight: bold; height: 75px; width: 388px;	-webkit-box-shadow:0 -3px 0 0 rgba(225,225,225,1) inset; box-shadow:0 -3px 0 0 rgba(225,225,225,1) inset;}
.btnLarge_white:hover{ color: #515151;}
.btnLarge_whiteOcher{ background-color: #fff; border: #c49800 1px solid; color: #c49800; font-size: 24px; font-weight: bold; height: 75px; width: 388px; -webkit-box-shadow:0 -3px 0 0 rgba(225,225,225,1) inset; box-shadow:0 -3px 0 0 rgba(225,225,225,1) inset;}
.btnLarge_whiteOcher:hover{ color: #c49800;}
/* ------------------------------------ */

/* .mark ------------------------------ */
.mark{ display: inline-block; line-height: 1;}
.markSquare_brown{ background-color: #fff; border: #5c503b 1px solid; color: #483e2b; font-size: 12px; font-weight: bold; padding: 6px 10px;}
.markSquare_red{ background-color: #fff; border: #e94643 1px solid; color: #e94643; font-size: 12px; font-weight: bold; padding: 6px 10px;}
.markCircle_gray{ background-color: #d7d7d7; box-shadow: 0px 1px #bbb; border-radius: 7.5px; color: #fff; font-size: 12px; line-height: 16px; text-align: center; height: 15px; width: 15px;}
/* ------------------------------------ */

/* .ttl-Head -------------------------- */
.ttl-head{ margin: 0 auto; padding: 25px 0 10px 0; position: relative; width: 950px;}
.ttl-head .ttlBukken{ color: #483e2a; font-size: 28px; font-weight: bold; line-height: 1.4; padding: 0 10px 0 0;}
.ttl-head .iconRibbon_red{ position: absolute; top: 5px; left: -5px;}
.ttl-head .iconRibbon_red + .wrp-ttlBukken{ padding: 0 0 0 40px;}
.ttl-head .ttlBukken .mark{ vertical-align: 6px;}
.ttl-head .ttlBukken .mark:first-child{ margin-left: 15px;}
.ttl-head .wrp-ttlBukken .iconNew{ vertical-align: 6px;}
/* ------------------------------------ */

/* .sec-body -------------------------- */
.sec-body{ margin: 0 auto 40px auto; width: 950px;}
.sec-body.typ-outline{ background-color: #f6f4f0; margin-bottom: 20px; padding: 20px 16px; width: 920px;}
.sec-body .line-bodyHead{ border-bottom: #c8c8c8 1px solid; margin-bottom: 16px;}
.sec-body .line-bodyHead .ttlSection{ border-bottom: #483e2c 3px solid; color: #3c3c3c; display: inline-block; font-size: 18px; font-weight: bold; margin-bottom: -2px; padding-bottom: 2px;}
.sec-body .line-bodyHead .ttlSection + .iconSpeaker_red{ margin-left: 10px; vertical-align: -6px;}
/* ------------------------------------ */

/* wrp-outlineInfo ------------------- */
.wrp-outlineInfo{ border: #483e2b 1px solid; background-color: #fff; display: table-cell; padding: 7px 18px; width: 625px; vertical-align: middle;}
.wrp-outlineInfo .itemOutline{ border-bottom: #ddd 1px dotted; padding: 10px 0 8px 0;}
.wrp-outlineInfo .itemOutline:last-child{ border-bottom: none;}
.wrp-outlineInfo .itemOutline.typ-binding{ border-bottom: none; padding-bottom: 0;}
.wrp-outlineInfo .itemOutline.typ-binding + .itemOutline{ padding-top: 0;}
.wrp-outlineInfo .itemTerm{ color: #483e2a; float: left; font-size: 14px; font-weight: bold; line-height: 1.4; padding: 0 15px 0 0; width: 95px; vertical-align: top; }
.wrp-outlineInfo .itemTerm .linkIcon{ display: inline-block; margin-left: 8px; vertical-align: 2px;}
.wrp-outlineInfo .itemDescription{ color: #000; font-size: 14px; float: left; line-height: 1.4; width: 510px;}
.wrp-outlineInfo .itemOutline.typ-price .itemDescription{ color: #cc0000; font-size: 16px; font-weight: bold; line-height: 1; margin-top: -5px;}
.wrp-outlineInfo .itemOutline.typ-price .itemDescription > em{ font-size: 27px; font-weight: bold; margin-right: 10px;}
.wrp-outlineInfo .itemOutline.typ-price .itemDescription .mark{ margin-left: 30px; vertical-align: 6px;}
.wrp-outlineInfo .itemDescription .linkText{ display: inline-block; margin-left: 30px;}
.wrp-outlineInfo .line-outline:not(:last-child){ border-bottom: #ddd 1px dotted;}
.wrp-outlineInfo .line-outline .itemOutline{ border-bottom: none; float: left; width: 208px;}
.wrp-outlineInfo .line-outline.typ-2column .itemOutline:nth-child(1){ width: 405px;}
.wrp-outlineInfo .line-outline.typ-2column .itemOutline:nth-child(2){ width: 215px;}
.wrp-outlineInfo .line-outline.typ-2column .itemOutline:nth-child(2) .itemTerm{ width: 60px;}
.wrp-outlineInfo .line-outline.typ-2column .itemOutline:nth-child(1) .itemDescription{ padding-right: 10px; width: 280px;}
.wrp-outlineInfo .line-outline.typ-2column .itemOutline:nth-child(2) .itemDescription{ padding-right:10px;  width: 130px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(1){ width: 260px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(2){ width: 145px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(3){ width: 215px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(2) .itemTerm{ width: 72px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(3) .itemTerm{ width: 60px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(1) .itemDescription{ padding-right: 10px; width: 135px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(2) .itemDescription{ padding-right:10px;  width: 48px;}
.wrp-outlineInfo .line-outline.typ-3column .itemOutline:nth-child(3) .itemDescription{ padding-right: 10px; width: 130px;}
/* ------------------------------------ */

/* .wrp-outlineButton ----------------- */
.wrp-outlineButton{ display: table-cell; padding-left: 20px; vertical-align: middle;}
.wrp-outlineButton .itemButton:not(:last-child){ margin-bottom: 10px;}
.wrp-outlineButton .itemButton .textNote{ font-size: 12px; text-align: center; padding-top: 5px;}
.wrp-outlineButton .itemButton .textRed{ color: #cc0000; font-size: 14px; font-weight: bold;}
/*ie8*/
.wrp-outlineButton .itemButton{ margin-bottom:10px\9;}

.wrp-outlineButton2{ display: table-cell; width: 235px; padding-left: 20px; vertical-align: top;}
.wrp-outlineButton2 .itemButton:not(:last-child){ margin-bottom: 10px;}
.wrp-outlineButton2 .itemButton a.button{ display: block; border-radius: 3px; font-weight: bold; font-size: 16px; text-decoration: none; text-align: center;}
.wrp-outlineButton2 .itemButton span.button:hover{ cursor: pointer;}
.wrp-outlineButton2 .itemButton a.buttonInquiry{ padding: 11px 15px 8px; border-bottom: #c23a38 3px solid; background-color: #e94643; color: #fff;}
.wrp-outlineButton2 .itemButton a.buttonInquiry:hover{ border-color: #cc5f5d; background-color: #ec6966; color: #fff;}
.wrp-outlineButton2 .itemButton a.buttonInquiry2{ position: relative; padding: 11px 15px 8px; border-bottom: #c23a38 2px solid; background-color: #e94643; color: #fff;}
.wrp-outlineButton2 .itemButton a.buttonInquiry2:hover{ border-color: #cc5f5d; background-color: #ec6966; color: #fff;}
.wrp-outlineButton2 .itemButton a.buttonInquiry2 .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.wrp-outlineButton2 .itemButton a.buttonInquiry2 .icon:before{ position: absolute; top: 50%; left: 0; width: 18px; height: 21px; margin-top: -12px; content: "";}
.wrp-outlineButton2 .itemButton a.buttonInquiry2 .iconInquiry:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA/CAYAAACrSjsVAAABAUlEQVRoge3WzQnCQBCGYb2KCNagtiJiRR7EgkQsRrEMfwoIvjagWbObYdzxe2FvGSZPDksGA6V+L36rBlhGhAFcgVlEGMAJGEWEAeyBYUQYwCYqrAFWvcKyv1Th3jfdgXlvCwwsX+390BkY97LAyJPc29KBLpdJRTCAbfECQ1Pr3kQNsC5aYOwquY0fwCIiDOACTCLCAI60XSYVwwB2UWHPqLDP7ymYYILFhHVNsOwBpwTLHnDKHAZMLY8nzDTBEs8LJlhhnrCb5XGDeSVY9oBTgmUPOGUOQ/+KeQmWeF4wwQrzhOlfsc8Eyx5wSrDsAacESw3UkmC1JVht/R9MKb9eyZnzd45PH/YAAAAASUVORK5CYII=); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 18px 21px;}
.wrp-outlineButton2 .itemButton a.buttonReserve{ box-shadow: 0 -2px 0 0 #ededed inset; padding: 9px 8px; border: #e94643 2px solid; background-color: #fff; color: #e94643;}
.wrp-outlineButton2 .itemButton a.buttonReserve:hover{ background-color: #ededed;}
.wrp-outlineButton2 .itemButton a.buttonReserve2{ padding: 11px 15px 8px; border-bottom: #d36d00 2px solid; background-color: #ff8400; color: #fff;}
.wrp-outlineButton2 .itemButton a.buttonReserve2:hover{ border-color: #da8830; background-color: #fd9a30; color: #fff;}
.wrp-outlineButton2 .itemButton a.buttonReserve2 .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.wrp-outlineButton2 .itemButton a.buttonReserve2 .icon:before{ position: absolute; top: 50%; left: 0; width: 18px; height: 24px; margin-top: -12px; content: "";}
.wrp-outlineButton2 .itemButton a.buttonReserve2 .iconReserve:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAABICAYAAAC9bQZsAAACOElEQVRoge3aPWgUQRgG4ERFUBFjYaFIUBCCiCgWWlhrpZYprERQUOxtBMuAtaiFaGMREQvRQgQrmyAhYCeKaGPhD/EHLoWneSzuinO53ezcbtwf5oWpdna+7+Fgdpm9sbGYmPoGO7E4MH5pQPLAJqtucpREWNMSYU1LIdiKN5cYrMFFfGsNDAcw15pfDJtwDd0QVK1hOIH3oaDawrADD0YF1Q6mtzlcwo+iqNrAcBAvywDVDRa8OTQFVnoiLMKaAhux0aNthT3GyTbCnuidj+xqI4zeQ3d9m2BPB2pcbxPsRaLOdFthPzHVRhi8wsbKYf49/Q0daS+1d+oAW62caSusg/1thMFrbG4jDGZz1PpixK87VcJuZNRawL7+tS24Gbp4VbBHWJtSqyPxjolxPAspkAV7V2B8yqg5J/E8S1y/n9LP6VJgRZLRxFtsGzJ/MLdS1jxWV9hn7EmZP5gFjA+Zc6WOsA6OZMxP5lzi+m58rRvsN06tMD+ZP7iLs7gaivpfsAs55peevI1+MORlNwdsJuf6lcG+h9zch90zZBNoOmxKjrOOxsFCE2ERFmERFmERFmElwjBf0qgdrLaJsKobDcxS22Bd3MZkUVhdNo9lPMTeXKAB2AS2JkfQItnrF8lzHC6rl1IzImgex6vuPTOBoDeYlvPYodLkBH3Eeayrut/cWQG0iMvYUHWfwUkBLWEGE1X3N3ISoK7e97DtVfdVOH3QMmalfLhoZPT+onSo6j5iYlY5fwGYNvga+t4YsQAAAABJRU5ErkJggg==); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 18px 24px;}
.wrp-outlineButton2 .itemButton a.buttonFavorite{ box-shadow: 0 -2px 0 0 #ededed inset; padding: 10px 10px 8px; border: #d0d0d0 2px solid; background-color: #fff; color: #333;}
.wrp-outlineButton2 .itemButton a.buttonFavorite:hover{ background-color: #ededed;}
.wrp-outlineButton2 .itemButton a.buttonFavorite .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.wrp-outlineButton2 .itemButton a.buttonFavorite .icon:before{ position: absolute; top: 50%; left: 0; width: 19px; height: 19px; margin-top: -12px; content: "";}
.wrp-outlineButton2 .itemButton a.buttonFavorite .iconStar:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAACKElEQVRoge2ay5HCMBBEnQIpOAWn4BRIgRRIwSmQglPgqIuqulMgBVLwHhCsF7Ctz0iDqO2qOTONHpJ6RNP8S1Yk9wAGknvtXrIIwJnkdC8AZ+2eREXyODc4q+9YUWPMbsHgRJLa/YkIwGHF5ASg1e4xWc+/xTd11O4xSRuofgeyJPceJutGluToafKg3Wu0SF49TdZ5Zvqiei9jzE6752D5olo1sr6oVotsKKpVIhuKapXIArhEmqwDWWttF2PQ1VW7fy8BOCWYnJg7fllrOwB9YkWhOqtRoIfXa6LbDYO2/E8vABcA/dzkVxmcG30gqt1MZqPtZnKvvay1XQOg1W4kY/0eSW4Wqt1Qjtq/22G1mxJbwT8761xC55x2jZvjFGPMrlZ8gy/4rAjfl4M/RAB63qRuZMXgSSSHcvktQ7tkL/NuVbVN3YvReHoYbT3G/rnxHLKYe2NW5SqYbfVWjPYslF4AnFWeElj4iFGZ5DFyIpewmuUneaVQnSNb2qDKbagosqVRVUFWK6kUQ1Z5JlRm+CwwPE6t/P/9+YBQPWY1KIGqQCDPi2wKqvNgK5Bo8iGb8CQ3PJ9xiYkmD7IJqK5+64wL5HmQjUDVO9hGJhp5ZHmTbwPB/5dzk/yQm5QssiFPCanB1jeQP16spOTzwZLB1nfILRqkt1Yyx8XZDbkX9wHxlWyaxUeh5TcHIXEh1uWe1g0OzaHU3MUdX6NDeLTWdiU+tyr9ABaSAI1C98YnAAAAAElFTkSuQmCC); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 19px 19px;}
.wrp-outlineButton2 .itemButton a.buttonFavorite .iconStarOn:before{ background: url(../../../../tmpl2014/img/common/favorite_animation@3x.png) no-repeat; background-size: 950px 19px; animation: favorite 0.5s steps(49) forwards;}
/* IE9, IE10 */
@keyframes favorite{ to{ background-position: -931px 0;}}
body:not(:target) .wrp-outlineButton2 .itemButton a.buttonFavorite .iconStarOn:before{ background-position: -931px 0\9;}
@media all and (-ms-high-contrast: none){ body:not(:target) .wrp-outlineButton2 .itemButton a.buttonFavorite .iconStarOn:before{ background: url(../../../../tmpl2014/img/common/favorite_animation@3x.png) no-repeat; background-size: 950px 19px;}}
.wrp-outlineButton2 .textNote{ font-weight: bold; font-size: 12px; text-align: center;}
.wrp-outlineButton2 .textNote .number{ color: #006acc; font-size: 14px;}
.wrp-outlineButton2 .textNote2{ margin-bottom: 15px; padding-top: 5px; font-size: 12px; text-align: center;}
.wrp-outlineButton2 .textNote2 .number{ color: #006acc; font-weight: bold; font-size: 14px;}
/* ------------------------------------ */

/* .wrp-recommend --------------------- */
.wrp-recommend{ background-color: #fff5d2; border: #ffe58c 1px solid; border-radius: 5px; padding: 20px;}
.wrp-recommend .textRecommend{ font-size: 14px; line-height: 1.8;}
/* ------------------------------------ */

/* .wrp-actionButton ------------------ */
.wrp-actionButton{ background-color: #f5f5f5; margin-bottom: 40px; padding: 25px 0;}
.wrp-actionButton .inner-actionButton{ margin: 0 auto; width: 796px;}
.wrp-actionButton .inner-actionButton .itemButton{ float: left;}
.wrp-actionButton .inner-actionButton .itemButton:last-child{ float: right;}
/*ie7*/
.wrp-actionButton .inner-actionButton .itemButton .btn.btnLarge_white a span{ /line-height:1.4;}
/*ie8*/
.wrp-actionButton .inner-actionButton{ width: 840px;}
.wrp-actionButton .inner-actionButton .itemButton{ margin-bottom:0; margin:0 10px\9;}

.wrp-actionButton2{ background-color: #f5f5f5; margin-bottom: 40px; padding: 15px 0;}
.wrp-actionButton2.adjPad{ padding: 30px 0;}
.wrp-actionButton2 .inner-actionButton{ width: 950px; margin: 0 auto; text-align: center; letter-spacing: -0.5em;}
.wrp-actionButton2 .inner-actionButton .itemButton{ display: inline-block; padding: 0 10px; vertical-align: top; letter-spacing: normal;}
.wrp-actionButton2.adjPad .inner-actionButton .itemButton{ padding: 0 15px;}
.wrp-actionButton2 .inner-actionButton .itemButton:first-child{ padding-left: 0;}
.wrp-actionButton2 .inner-actionButton .itemButton:last-child{ padding-right: 0;}
.wrp-actionButton2 .inner-actionButton .itemButton a.button{ display: block; border-radius: 3px; font-weight: bold; font-size: 18px; text-decoration: none; text-align: center;}
.wrp-actionButton2 .inner-actionButton .itemButton span.button:hover{ cursor: pointer;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry{ width: 266px; padding: 14px 15px 11px; border-bottom: #c23a38 3px solid; background-color: #e94643; color: #fff; font-size: 20px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry:hover{ border-color: #cc5f5d; background-color: #ec6966; color: #fff;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry2{ width: 254px; padding: 18px 10px 15px; border-bottom: #c23a38 2px solid; background-color: #e94643; color: #fff; font-size: 20px;}
.wrp-actionButton2 .inner-actionButton .itemButton:last-child a.buttonInquiry2{ width: 320px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry2:hover{ border-color: #cc5f5d; background-color: #ec6966; color: #fff;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry2 .sub{ font-weight: normal; font-size: 16px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry2 .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry2 .icon:before{ position: absolute; top: 50%; left: 0; width: 21px; height: 25px; margin-top: -14px; content: "";}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonInquiry2 .iconInquiry:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABLCAYAAADH7F8IAAABMUlEQVR4nO3XTU7DMBRF4RYkJEalE2A1QLcFFevibzFMgBliAZYOG2isOIbEfT5X8vDl5rP0pGS1MqbvcDz5Aq57xQO8Aae94gEee8YnYNcrHuATuOoVD/BK7f5nHr6pvtnydzkrvIB9bWFL+E0hPgF3NYXHjIea/Q+AB3gBTqYURsDDlP0PhE/AbWlhFDzAB3BZUhgJD/DM2P0PiAd4GFsYEZ+AmzGFEfEwZv8D4wGegHWuMDIe4D5XGB2fcoXR8eQKxYsXvyh+DWwPnPMRs4MXlxtqBl8T8eLFixcvfnhI/BQ88D3TeW8RP1d+xIsXL35p/KHfz/84F83hW4p48eLFixc/PCR+Cj4z+9dp8gtvrogXL1784nh/aVuIePHixYsXPzwkPnLEixcvXrwxfeQX+gqrHzFsHswAAAAASUVORK5CYII=); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 21px 25px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve{ width: 280px; box-shadow: 0 -2px 0 0 #ededed inset; padding: 12px 8px; border: #e94643 2px solid; background-color: #fff; color: #e94643; font-size: 20px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve:hover{ background-color: #ededed;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve2{ width: 254px; padding: 18px 10px 15px; border-bottom: #d36d00 2px solid; background-color: #ff8400; color: #fff; font-size: 20px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve2:hover{ border-color: #da8830; background-color: #fd9a30; color: #fff;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve2 .sub{ font-weight: normal; font-size: 16px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve2 .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve2 .icon:before{ position: absolute; top: 50%; left: 0; width: 21px; height: 28px; margin-top: -14px; content: "";}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonReserve2 .iconReserve:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABUCAYAAAA1bO9GAAACwElEQVR4nO3bT6gNURwHcP9S5F8hiZ6NQlgpthYWStlZKCkL5c+CsrERNp6NrCglK1mwtJBiI0liQynpyZ+inrLAK8L7WMx7eb1m7p2ZO2P+nW+d3T3zO5/bvDvnnXNmxoyQkJDJ4BBGprTP2pHxNPiTVY+yrAR8wAd8wAd8SvwnbKlJO46v/xP/ru8FSg6W4RrGs8AbjcdMHDDApCtNkdrhsREP8qIbicc8DOPnoPBG4bELb4pANwaPVbhVJLr2eMzBMRkfX43HYz2elYWuO/5w2fCAD/iAD/i4gezElYQ23Kfv7EbjBwkOYk2Ofq3An8ETzM3YrxX44Yk6lzL2axUe9mbo1zr8d2zoEv7CtHovsaAr+MsxNW90GQ9Hu4z/ia21xONpQW20R+23WFpH/P/KHczsKh5OdRn/Gzu6iif6bVjVVTw8NPEPkP74b0UUrBP+ORb2wd/GuonPLMFp0Z9NrtQF/wGr+9z298QsjojW9nOlDvhRbJpWPw4fOykSbW68z1M4CX++oJY0w5vMGLbF1J+O/yFmPjDl87m2s5KuV0gw1KP2b+xO6Nd6/OEe/aq77YtKD3y/Vd/qfvCKSgL+uh638ES/6h51JeLvS7GS2wM/mfImOdMGsljy8a/NGfCPMT/ll1aPxQzRcZCk9Nyu8g//GsvTwNuGH8XatPA24VeImcR0Ap83AR/wAR/wAR/wAR/wAR/w1eDHcLOEVvqJawbHNzoBH/Ddw7/qIv6D6EzwnEHxf/ClhDZWtFj05uUJzOuLnoJfiT0JbVfqC2WIYp/z33AWi8oYa+EpCP8DF7Gsak+mDIj/hasYqtqRKznx46Ld2vVVj3+g5MDfxZaqx11IMuAfYXvV4y00KfAvJBxsaHx64EewD7OqHmNpicF/xBEZX1RqZKbgv4heaky1td2KYD/OYUnVYwlpc/4CAfspG2wAhvEAAAAASUVORK5CYII=); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 21px 28px;}

.wrp-actionButton2 .inner-actionButton .itemButton .btnLarge_white,
.wrp-actionButton2 .inner-actionButton .itemButton .btnLarge_whiteOcher{ border-width: 2px; font-size: 20px; height: 63px; width: 270px;	-webkit-box-shadow:0 -2px 0 0 rgba(225,225,225,1) inset; box-shadow:0 -2px 0 0 rgba(225,225,225,1) inset;}
.wrp-actionButton2 .inner-actionButton .itemButton .btnLarge_white > i,
.wrp-actionButton2 .inner-actionButton .itemButton .btnLarge_white > span,
.wrp-actionButton2 .inner-actionButton .itemButton .btnLarge_whiteOcher > i,
.wrp-actionButton2 .inner-actionButton .itemButton .btnLarge_whiteOcher > span{ position: relative; top: -2px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite{ width: 210px; box-shadow: 0 -2px 0 0 #ededed inset; padding: 15px 10px 13px; border: #d0d0d0 2px solid; background-color: #fff; color: #333;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite:hover{ background-color: #ededed;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite .icon:before{ position: absolute; top: 50%; left: 0; width: 19px; height: 19px; margin-top: -12px; content: "";}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite .iconStar:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAACKElEQVRoge2ay5HCMBBEnQIpOAWn4BRIgRRIwSmQglPgqIuqulMgBVLwHhCsF7Ctz0iDqO2qOTONHpJ6RNP8S1Yk9wAGknvtXrIIwJnkdC8AZ+2eREXyODc4q+9YUWPMbsHgRJLa/YkIwGHF5ASg1e4xWc+/xTd11O4xSRuofgeyJPceJutGluToafKg3Wu0SF49TdZ5Zvqiei9jzE6752D5olo1sr6oVotsKKpVIhuKapXIArhEmqwDWWttF2PQ1VW7fy8BOCWYnJg7fllrOwB9YkWhOqtRoIfXa6LbDYO2/E8vABcA/dzkVxmcG30gqt1MZqPtZnKvvay1XQOg1W4kY/0eSW4Wqt1Qjtq/22G1mxJbwT8761xC55x2jZvjFGPMrlZ8gy/4rAjfl4M/RAB63qRuZMXgSSSHcvktQ7tkL/NuVbVN3YvReHoYbT3G/rnxHLKYe2NW5SqYbfVWjPYslF4AnFWeElj4iFGZ5DFyIpewmuUneaVQnSNb2qDKbagosqVRVUFWK6kUQ1Z5JlRm+CwwPE6t/P/9+YBQPWY1KIGqQCDPi2wKqvNgK5Bo8iGb8CQ3PJ9xiYkmD7IJqK5+64wL5HmQjUDVO9hGJhp5ZHmTbwPB/5dzk/yQm5QssiFPCanB1jeQP16spOTzwZLB1nfILRqkt1Yyx8XZDbkX9wHxlWyaxUeh5TcHIXEh1uWe1g0OzaHU3MUdX6NDeLTWdiU+tyr9ABaSAI1C98YnAAAAAElFTkSuQmCC); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 19px 19px;}
.wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite .iconStarOn:before{ background: url(../../../../tmpl2014/img/common/favorite_animation@3x.png) no-repeat; background-size: 950px 19px; animation: favorite 0.5s steps(49) forwards;}
/* IE9, IE10 */
@keyframes favorite{ to{ background-position: -931px 0;}}
body:not(:target) .wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite .iconStarOn:before{ background-position: -931px 0\9;}
@media all and (-ms-high-contrast: none){ body:not(:target) .wrp-actionButton2 .inner-actionButton .itemButton a.buttonFavorite .iconStarOn:before{ background: url(../../../../tmpl2014/img/common/favorite_animation@3x.png) no-repeat; background-size: 950px 19px;}}
/* ------------------------------------ */

/* .line-thumbnail -------------------- */
.line-thumbnail:last-child{ margin-bottom: -20px;}
.line-thumbnail .list-thumbnail{ float: left; margin-bottom: 20px; margin-right: 6px; width: 233px;}
.line-thumbnail .list-thumbnail > a{ display: block;}
.line-thumbnail .list-thumbnail > a:hover{ opacity: 0.7;}
.line-thumbnail.typ-2pieces .list-thumbnail{ margin-right: 10px; width: 470px;}
.line-thumbnail.typ-3pieces .list-thumbnail{ margin-right: 9px; width: 310px;}
.line-thumbnail .list-thumbnail:last-child,
.line-thumbnail.typ-2pieces .list-thumbnail:nth-child(4n),
.line-thumbnail.typ-3pieces .list-thumbnail:nth-child(3n){ margin-right: 0;}
.line-thumbnail .itemThumbnail{ background-color: #e1e1e1; display: table-cell; text-align: center; height: 158px; width: 233px; vertical-align: middle;}
.line-thumbnail.typ-2pieces .itemThumbnail{ height: 317px; width: 470px;}
.line-thumbnail.typ-3pieces .itemThumbnail{ height: 210px; width: 310px;}
.line-thumbnail .itemThumbnail .inner-thumbnail{ display: inline-block; position: relative;}
.line-thumbnail .itemThumbnail img{ max-height: 158px; max-width: 233px;}
.line-thumbnail.typ-2pieces .itemThumbnail img{ max-height: 317px; max-width: 470px;}
.line-thumbnail.typ-3pieces .itemThumbnail img{ max-height: 210px; max-width: 310px;}
.line-thumbnail .itemThumbnail .linkZoom{ background-color: rgba(192,192,192,0.7); display: block; height: 40px; width: 40px; position: absolute; bottom: 0; right: 0;}
.line-thumbnail .itemThumbnail .linkZoom .icon{ margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.line-thumbnail .list-thumbnail .textCaption > a{ color: #036060; display: inline-block; font-size: 12px; line-height: 1.4; padding-top: 6px; text-decoration: none;}
/*ie8*/
.line-thumbnail .list-thumbnail{ margin-right: 5px\9;}
.line-thumbnail.typ-3pieces .list-thumbnail,
.line-thumbnail.typ-2pieces .list-thumbnail{ margin-right: 6px\9;}
/* ------------------------------------ */

/* .list-feature ---------------------- */
.list-feature .itemFeature{ background-color: #fff; border: #c8c8c8 1px dotted; border-radius: 5px; float: left; margin: 0 0 8px 8px; height: 64px; width: 109px; position:relative;}
.list-feature .itemFeature.stt-active{ background-color: #fff5d2; border: #ffe58c 1px solid;}
.list-feature .itemFeature:nth-child(9n),
.list-feature .itemFeature:first-child{ margin-left: 0;}
.list-feature .itemFeature > span{ color: #aaa; display: table-cell; font-size: 13px; line-height: 1.4; text-align: center; height: 64px; width: 111px; vertical-align: middle;}
.list-feature .itemFeature.stt-active > span{ color: #483e2a; font-weight: bold;}
.list-feature .itemFeature .iconHelp { position:absolute; top:3px; left:93px;}
/* ------------------------------------ */

/* .table-detail ---------------------- */
.table-detail,
.table-detail tr{ border: #c8c8c8 1px solid;}
.table-detail .itemHeader{ background-color: #f3f3f3; border-top: #c8c8c8 1px solid; color: #000; font-size: 12px; line-height: 1.4; padding: 15px 10px 13px 18px; width: 94px;}
.table-detail tr:first-child .itemHeader{ border-top: none;}
.table-detail .itemData{ background-color: #fff; border-bottom: #c8c8c8 1px solid; color: #000; font-size: 14px; line-height: 1.4; padding: 15px 18px 13px 18px; width: 324px;}
.table-detail .itemData:last-child{ width: 316px;}
.table-detail tr:first-child .itemData{ border-top: none;}
/* ------------------------------------ */

/* .group-location -------------------- */
.group-location{ padding-top: 20px;}
.group-location .itemMap{ float: left; width: 640px;}
.wrp-locationInfo{ float: right; width: 300px;}
.wrp-locationInfo .itemLocationOutline{ margin-bottom: 6px;}
.wrp-locationInfo .itemLocationOutline:last-child{ margin-bottom: 10px;}
.wrp-locationInfo .itemLocationOutline .itemTerm{ background-color: #f9f9f9; border: #ddd 1px solid; color: #000; display: table-cell; font-size: 12px; font-weight: bold; padding: 10px; width: 43px;}
.wrp-locationInfo .itemLocationOutline .itemDescription{ width:214px; background-color: #fff; border: #ddd 1px solid; border-left: none; color: #000; display: table-cell; font-size: 12px; font-weight: bold; padding: 10px;}
.wrp-locationInfo .inner-locationRouteSch{ border: #544b38 1px solid; padding: 15px;}
.wrp-locationInfo .inner-locationRouteSch .ttlRouteSch{ color: #000; font-size: 12px; font-weight: bold; margin-bottom: 10px;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox{ position: relative;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox > input[type="text"]{ margin: 0 8px 8px 0; height: 21px; width: 136px; padding-left: 21px; vertical-align: top;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .routeStart,
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .routeGoal,
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .changeBtn{
    /*background: url("../../../images/used_2014/detail_map_images.png") no-repeat scroll 0 0 transparent;*/
    background: url("../../../images/used_2014/detail_map_images.png") no-repeat scroll 0 0 transparent; z-index: 1;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .routeStart{ background-position: 2px -15px; border: none; margin: 0; position: absolute; top: 0; left: 2px; padding: 0; height: 19px; width: 19px;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .routeGoal{ background-position: 2px -115px; border: none; margin: 0; position: absolute; top: 0; left: 2px; padding: 0; height: 19px; width: 19px;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .changeBtn{
    background-position: 0 -219px; cursor: pointer; display: inline-block; margin-right: 5px; text-indent: -9999px; height: 21px; width: 26px; vertical-align: middle;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .searchBtn{ background: none repeat scroll 0 0 #106510; border: 1px solid #0C550C; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 0 #589458 inset; display: inline-block; padding: 2px 30px; color:#fff; font-size:12px;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .searchBtn:hover{cursor:pointer; opacity: 0.7;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox .itemChangeBtn{ display: inline-block; vertical-align: middle;}
.wrp-locationInfo .inner-locationRouteSch .textNote{ color: #000; font-size: 12px; line-height: 1.4; text-indent: -1em; padding-left: 1em;}
.wrp-locationInfo .inner-locationRouteSch .itemSchBox + .textNote{ padding-top: 20px;}
/* ------------------------------------ */

/* .wrp-observe ----------------------- */
.wrp-observe .ttlObserve{ font-size: 16px; margin-bottom: 3px;}
.wrp-observe .ttlObserve > em{ color: #cc0000; font-size: 22px; font-weight: bold; margin-left: 22px;}
.wrp-observe .textNote{ font-size: 12px;}
.wrp-observe.typ-invest .textNote{ margin-bottom: 10px;}
/* ------------------------------------ */

/* .wrp-agency ------------------------ */
.line-ttlAgency{ margin-bottom: 15px;}
.line-ttlAgency .ttlAgency{ display: inline-block; font-size: 20px; font-weight: bold;}
.line-ttlAgency .linkText{ font-size: 12px; margin-left: 10px;}
.wrp-agency .thumbnailAgency{ float: left;}
.wrp-agency .thumbnailAgency .inner-thumbnail{ background-color: #e1e1e1; display: table-cell; text-align: center; height: 200px; width: 299px; vertical-align: middle;}
.wrp-agency .thumbnailAgency img{ display: inline-block; max-height: 200px; max-width: 299px;}
.wrp-agency .group-agencyOutline{ float: right; width: 620px;}
.wrp-agency .group-agencyOutline .itemAgencyTel{ margin-bottom: 7px;}
.wrp-agency .group-agencyOutline .itemTelHead{ border: #ccc 1px solid; border-radius: 4px; display: inline-block; font-size: 12px; line-height: 1; margin-right: 10px; text-align: center; padding: 8px 12px; vertical-align: top;}
.wrp-agency .group-agencyOutline .itemAgencyTel .itemTelHead + em{ color: #cc0000; font-size: 24px; font-weight: bold; margin-right: 15px;}
.wrp-agency .group-agencyOutline .itemAgencyTel > span{ font-size: 12px;}
.wrp-agency .group-agencyOutline .textNote{ font-size: 12px;}
.wrp-agency .group-agencyOutline .textNote + .itemOutline{ padding-top: 20px;}
.wrp-agency .group-agencyOutline .itemOutline{}
.wrp-agency .group-agencyOutline .itemTerm{ display: inline-block; line-height: 1.4; margin-bottom: 5px; width: 110px; position: relative; vertical-align: top;}
.wrp-agency .group-agencyOutline .itemTerm:after{ content: "："; display: block; position: absolute; top: -1px; right: 0;}
.wrp-agency .group-agencyOutline .itemDescription{ display: inline-block; line-height: 1.4; margin-bottom: 5px; width: 510px; vertical-align: top;}
.wrp-agency .group-agencyOutline .textAgencyNote{ padding-top: 20px;}

/*ie7*/
.wrp-agency .group-agencyOutline .itemTelHead{ /display: inline;}

.wrp-agency .group-agencyOutline_1{}
.wrp-agency .group-agencyOutline_1 .itemAgencyTel{ margin-bottom: 7px;}
.wrp-agency .group-agencyOutline_1 .itemTelHead{ border: #ccc 1px solid; border-radius: 4px; display: inline-block; font-size: 12px; line-height: 1; margin-right: 10px; text-align: center; padding: 8px 12px; vertical-align: top;}
.wrp-agency .group-agencyOutline_1 .itemAgencyTel .itemTelHead + em{ color: #cc0000; font-size: 24px; font-weight: bold; margin-right: 15px;}
.wrp-agency .group-agencyOutline_1 .itemAgencyTel > span{ font-size: 12px;}
.wrp-agency .group-agencyOutline_1 .textNote{ font-size: 12px;}
.wrp-agency .group-agencyOutline_1 .textNote + .itemOutline{ padding-top: 20px;}
.wrp-agency .group-agencyOutline_1 .itemOutline{}
.wrp-agency .group-agencyOutline_1 .itemTerm{ clear:both; float:left; display: inline-block; line-height: 1.4; margin-bottom: 5px; width: 110px; position: relative; vertical-align: top;}
.wrp-agency .group-agencyOutline_1 .itemTerm:after{ content: "："; display: block; position: absolute; top: -1px; right: 0;}
.wrp-agency .group-agencyOutline_1 .itemDescription{ float:left; display: inline-block; line-height: 1.4; margin-bottom: 5px; width: 840px; vertical-align: top;}
.wrp-agency .group-agencyOutline_1 .textAgencyNote{ clear:both; padding-top: 20px;}
/*ie7*/
.wrp-agency .group-agencyOutline_1 .itemTelHead{ /display:inline;}
.wrp-agency .group-agencyOutline_1 .itemTerm,
.wrp-agency .group-agencyOutline_1 .itemDescription{ /float:left;}

/* ------------------------------------ */

/* .usedCaution ----------------------- */
.sec-body .usedCaution{ padding: 20px;}
/* ------------------------------------ */

/* .group-productList ----------------- */
.group-productList{ margin: 0 auto 40px auto; width: 950px; position: relative;}
.group-productList .ttlProductList{ border-left: #483e2a 8px solid; border-bottom: #483e2a 1px solid; font-size: 18px; margin-bottom: 15px; padding: 2px 0 2px 10px;}
.group-productList .list-productList{ display: table; border-collapse: separate; border-spacing: 17px 0; position: relative; left: -17px;}
.group-productList .itemProductList{ border: #e1e1e1 1px solid; display: table-cell; width: 223px; vertical-align: top;}
.group-productList .itemProductList .linkList{ display: inline-block; text-decoration: none; padding: 10px 21px; width: 181px;}
.group-productList .itemProductList:nth-child(4n){ margin-right: 0;}
.group-productList .itemProductList .linkList:hover{ opacity: 0.7;}
.group-productList .itemProductList .itemThumbnail{ background-color: #e1e1e1;
    display: block; margin-bottom: 6px; text-align: center; height: 119px; width: 181px; vertical-align: middle;}
.group-productList .itemProductList .inner-thumbnail{ display: inline-block;  position: relative;}
.group-productList .itemProductList .itemThumbnail img{ max-height: 119px; max-width: 181px;}
.group-productList .itemProductList .ttlProductBukken{ font-size: 18px; line-height: 1.4; margin-bottom: 30px; text-decoration: underline;}
.group-productList .itemProductList .ttlProductBukken2{ font-size: 18px; line-height: 1.4; margin-bottom: 30px; text-decoration: underline; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.group-productList .itemProductList .itemOutline{ color: #483e2a; font-size: 14px; line-height: 1.2; margin-bottom: 8px;}
.group-productList .itemProductList .itemOutline:last-child{ margin-bottom: 0;}
.group-productList .itemProductList .itemOutline > em{ color: #cc0000; font-size: 26px; font-weight: bold;}
.group-productList .itemProductList .itemOutline > em + span{ color: #cc0000; font-size: 17px; font-weight: bold; margin-right: 18px;}
.group-productList .linkText{ float: right; margin-top: 18px;}
/* ------------------------------------ */

/* .line-against ---------------------- */
.line-against{ border-top: #c8c8c8 1px solid; padding-top: 20px; text-align: center;}
/* ------------------------------------ */

/* #pro_bot --------------------------- */
#pro_bot{ margin: 0 auto; width: 950px;}
/* ------------------------------------ */


#detailTransitSearch .searchBtn{ margin-left:0;}

#msthd .logo #msthdLogo,
#msthd .logo #msthd20thLogo{float: left;}

/*ODレコメンド -------------------------*/
.odRecommendBox{
    margin-bottom: 50px;
    width: 630px;
}
.odRecommendBox .odRecommendBoxBody{
    background-color: #f5f5f5;
    border: #e4e4e4 1px solid;
    border-top: none;
    padding: 15px 10px 18px 10px;
}
.odRecommendBox .odRecommendBoxBody a:hover{
    opacity: 0.7;
}
.odRecommendBox .odRecommendBoxTit{
    background-color: #60543f;
    padding: 15px 10px;
    position: relative;
}
.odRecommendBox .odRecommendBoxTit .titRecommend{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
}
.odRecommendBox .odRecommendBoxTit .titRecommend > span{
    padding-left: 1em;
}
.odRecommendBox .odRecommendBoxTit .linkDirect{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    text-decoration: none;
}
.odRecommendBox .odRecommendBoxTit .linkDirect:hover{
    opacity: 0.7;
}
.odRecommendBox .odRecommendBoxTit .linkDirect .iconAngleTriangleRight{
    border: 5px solid transparent;
    border-left: 9px solid #fff;
    display: inline-block;
    margin-top: -4px;
    text-indent: -9999px;
    height: 0;
    width: 0;
    vertical-align: middle;
}
.odRecommendBox .subTitRecommend{
    color: #524939;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.odRecommendBox .bknPanelWrap:after{
    content: "";
    clear: both;
    display: block;
}
.odRecommendBox .bknPanelWrap .bknPanel{
    background-color: #fff;
    border: #d4d4d4 1px solid;
    float: left;
    width: 194px;
}
.odRecommendBox .bknPanelWrap .bknPanel:not(:first-child){
    margin-left: 10px;
}
.odRecommendBox .bknPanel .bknPanelInner{
    display: block;
    text-decoration: none;
}
.odRecommendBox .bknPanel .bknThumbnail{
    background-color: #f7f7f7;
    line-height: 1.0;
    height: 136px;
    margin: 2px 2px 0 2px;
    position: relative;
}
.odRecommendBox .bknPanel .bknThumbnail > img{
    display: inline-block;
    max-height: 136px;
    max-width: 190px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.odRecommendBox .bknPanel .bknThumbnail .iconNewSquare{
    background-color: #fa992b;
    color: #fff;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    height: 18px;
    width: 33px;
    position: absolute;
    top: 0;
    left: 0;
}
.odRecommendBox .bknPanel .bknThumbnail .bknFavorite{
    display: inline-block;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    right: 0;
}
.odRecommendBox .bknPanel .bknThumbnail .bknFavorite .iconFavoriteDirect{
    background: url(../../../images/common/iconFavoriteDirect.png) no-repeat left top;
    display: inline-block;
    text-indent: -9999px;
    margin: auto;
    height: 17px;
    width: 19px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.odRecommendBox .bknPanel .bknThumbnail .bknFavorite.t-favoriteOff{
    background-color: rgba(51,51,51,0.4);
}
.odRecommendBox .bknPanel .bknThumbnail .bknFavorite.t-favoriteOn{
    background-color: #f1b000;
}

.odRecommendBox .bknPanel .bknTitWrap2{
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%;
}

/*--20161129戸建て用--*/

.odRecommendBox .bknPanel .bknOutlineWrap2{
    padding: 8px 5px 15px 5px;
}

.odRecommendBox .bknPanel .bknTitWrap .bknTit2{
    color: #008d81;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    text-decoration: none;
    position: relative;
	width:170px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom: 2px;
}

.odRecommendBox .bknPanel .bknPrice2{
    color: #d43e04;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
}

.odRecommendBox .bknPanel .bknAddress .txtAddress2{
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
}
/*-------------------*/

.odRecommendBox .bknPanel .bknOutline > li{
    color: #7b7b7b;
    display: inline-block;
    font-size: 11px;
    line-height: 1.0;
}
.odRecommendBox .bknPanel .bknOutline > li:not(:first-child){
    border-left: #d4d4d4 1px solid;
    margin-left: 4px;
    padding-left: 8px;
}
.odRecommendBox .bknPanel .bknAddress > li{
    color: #7b7b7b;
    display: inline-block;
    font-size: 11px;
    line-height: 1.0;
    vertical-align: middle;
}
.odRecommendBox .bknPanel .bknAddress > li:not(:first-child){
    border-left: #d4d4d4 1px solid;
    margin-left: 4px;
    padding-left: 8px;
}

.odRecommendBox .bknMoreBtnWrap{
    padding-top: 20px;
    text-align: center;
}
.odRecommendBox .bknMoreBtnWrap .btnOdGreen{
    background-color: #008277;
    border: 1px solid #008277;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    text-decoration: none;
    height: 40px;
    width: 300px;
}
/*/ODレコメンド------------------------*/

/*20161130 ODレコメンド*/
.margBtm15{ margin-bottom:15px;}
.odRecommendBox .odRecommendBoxBody2{
    background-color: #f5f5f5;
    border: #e4e4e4 1px solid;
    border-top: none;
    padding: 20px 13px 18px 13px;
}
.odRecommendBox .odRecommendBoxBody2 a:hover{
    opacity: 0.7;
}
.odRecomTtl{font-size:16px; font-weight:bold; margin-bottom:15px; position:relative;}
.odRecomTbl{ background-color:#fff;  width:600px; border:1px solid #64b99b;}
.odRecomTbl:hover{ border:1px solid #008277;}
.odRecomBukkenName{ width:456px; height:49px; background-color:#e6f2f0; border-bottom:1px solid #64b99b; border-left:1px solid #64b99b; padding-left:15px; text-align:left;}
.odRecomBukkenName:hover{ border-left:1px solid #64b99b; border-left:1px solid #64b99b;}
.odRecomBukkenNameTxt{ color:#008277; font-size:15px; font-weight:bold; padding-bottom:0; line-height:1.4;}
.odRecomBukkenNameTxt{ width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.odRecomSpec{width:114px; height:49px; text-align:center; font-size:13px; font-weight:bold;}
.odRecomSpec:first-child{ border-left:1px solid #64b99b;}
.odLogoPos{ display:inline-block; vertical-align:-15%; margin-left:15px;}
.recomImg{ padding:4px; background-color:#fff; text-align:center !important;}

/* .fixedBoxDetail---------------------- */
.fixedBoxDetail{ position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; background-color /*\**/: #4c4c4c \9; background-color: rgba(0,0,0,0.7);}
.fixedBoxDetail.open{ height: 64px; overflow: hidden; transition: 0.3s;}
.fixedBoxDetail.close{ height: 0; overflow: hidden; transition: 0.3s;}
.fixedBoxDetailInner{ width: 950px; margin: 0 auto; padding: 10px 0;}
.fixedBoxDetail .allAction{ text-align: center; letter-spacing: -0.5em;}
.fixedBoxDetail .allAction > *{ letter-spacing: normal;}
.fixedBoxDetail .allAction .changeBtn,
.fixedBoxDetail .allAction .richChangeBtn{ display: inline-block; margin-left: 10px; vertical-align: top;}
.fixedBoxDetail .allAction .changeBtn:first-of-type,
.fixedBoxDetail .allAction .richChangeBtn:first-of-type{ margin-left: 0;}
.fixedBoxDetail .allAction .btnInquiry,
.fixedBoxDetail .allAction .btnReserve{ margin-left: 0;}
.fixedBoxDetail .allAction .btnLarge_white,
.fixedBoxDetail .allAction .btnLarge_whiteOcher{ width: 270px; height: 43px; box-shadow: 0 -2px 0 0 rgb(225, 225, 225) inset; border-width: 2px; font-size: 18px;}
.fixedBoxDetail .allAction .btn.btnLarge_white:hover,
.fixedBoxDetail .allAction .btn.btnLarge_whiteOcher:hover{  box-shadow: 0 -2px 0 0 rgb(199, 199, 199) inset; background-color: #c8c8c8; opacity: 1;}
.fixedBoxDetail .allAction a.button{ display: block; border-radius: 3px; font-weight: bold; font-size: 18px; text-decoration: none; text-align: center;}
.fixedBoxDetail .allAction a.buttonInquiry2{ width: 254px; padding: 10px 10px 7px; border-bottom: 2px solid #c23a38; background-color: #e94643; color: #fff; font-size: 18px;}
.fixedBoxDetail .allAction a.buttonInquiry2:hover{ border-color: #cc5f5d; background-color: #ec6966; color: #fff;}
.fixedBoxDetail .allAction a.buttonInquiry2 .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.fixedBoxDetail .allAction a.buttonInquiry2 .icon:before{ position: absolute; top: 50%; left: 0; width: 21px; height: 25px; margin-top: -14px; content: "";}
.fixedBoxDetail .allAction a.buttonInquiry2 .iconInquiry:before{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABLCAYAAADH7F8IAAABMUlEQVR4nO3XTU7DMBRF4RYkJEalE2A1QLcFFevibzFMgBliAZYOG2isOIbEfT5X8vDl5rP0pGS1MqbvcDz5Aq57xQO8Aae94gEee8YnYNcrHuATuOoVD/BK7f5nHr6pvtnydzkrvIB9bWFL+E0hPgF3NYXHjIea/Q+AB3gBTqYURsDDlP0PhE/AbWlhFDzAB3BZUhgJD/DM2P0PiAd4GFsYEZ+AmzGFEfEwZv8D4wGegHWuMDIe4D5XGB2fcoXR8eQKxYsXvyh+DWwPnPMRs4MXlxtqBl8T8eLFixcvfnhI/BQ88D3TeW8RP1d+xIsXL35p/KHfz/84F83hW4p48eLFixc/PCR+Cj4z+9dp8gtvrogXL1784nh/aVuIePHixYsXPzwkPnLEixcvXrwxfeQX+gqrHzFsHswAAAAASUVORK5CYII="); background-position: 0 0; background-repeat: no-repeat; background-size: 21px 25px;}
.fixedBoxDetail .allAction a.buttonInquiry2 .sub { font-weight: normal; font-size: 14px;}
.fixedBoxDetail .allAction a.buttonReserve2{ width: 254px; padding: 10px 10px 7px; border-bottom: #d36d00 2px solid; background-color: #ff8400; color: #fff; font-size: 18px;}
.fixedBoxDetail .allAction a.buttonReserve2:hover{ border-color: #da8830; background-color: #fd9a30; color: #fff;}
.fixedBoxDetail .allAction a.buttonReserve2 .sub{ font-weight: normal; font-size: 14px;}
.fixedBoxDetail .allAction a.buttonReserve2 .icon{ display: inline-block; position: relative; background: none; padding-left: 27px;}
.fixedBoxDetail .allAction a.buttonReserve2 .icon:before{ position: absolute; top: 50%; left: 0; width: 21px; height: 28px; margin-top: -14px; content: "";}
.fixedBoxDetail .allAction a.buttonReserve2 .iconReserve:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABUCAYAAAA1bO9GAAACwElEQVR4nO3bT6gNURwHcP9S5F8hiZ6NQlgpthYWStlZKCkL5c+CsrERNp6NrCglK1mwtJBiI0liQynpyZ+inrLAK8L7WMx7eb1m7p2ZO2P+nW+d3T3zO5/bvDvnnXNmxoyQkJDJ4BBGprTP2pHxNPiTVY+yrAR8wAd8wAd8SvwnbKlJO46v/xP/ru8FSg6W4RrGs8AbjcdMHDDApCtNkdrhsREP8qIbicc8DOPnoPBG4bELb4pANwaPVbhVJLr2eMzBMRkfX43HYz2elYWuO/5w2fCAD/iAD/i4gezElYQ23Kfv7EbjBwkOYk2Ofq3An8ETzM3YrxX44Yk6lzL2axUe9mbo1zr8d2zoEv7CtHovsaAr+MsxNW90GQ9Hu4z/ia21xONpQW20R+23WFpH/P/KHczsKh5OdRn/Gzu6iif6bVjVVTw8NPEPkP74b0UUrBP+ORb2wd/GuonPLMFp0Z9NrtQF/wGr+9z298QsjojW9nOlDvhRbJpWPw4fOykSbW68z1M4CX++oJY0w5vMGLbF1J+O/yFmPjDl87m2s5KuV0gw1KP2b+xO6Nd6/OEe/aq77YtKD3y/Vd/qfvCKSgL+uh638ES/6h51JeLvS7GS2wM/mfImOdMGsljy8a/NGfCPMT/ll1aPxQzRcZCk9Nyu8g//GsvTwNuGH8XatPA24VeImcR0Ap83AR/wAR/wAR/wAR/wAR/w1eDHcLOEVvqJawbHNzoBH/Ddw7/qIv6D6EzwnEHxf/ClhDZWtFj05uUJzOuLnoJfiT0JbVfqC2WIYp/z33AWi8oYa+EpCP8DF7Gsak+mDIj/hasYqtqRKznx46Ld2vVVj3+g5MDfxZaqx11IMuAfYXvV4y00KfAvJBxsaHx64EewD7OqHmNpicF/xBEZX1RqZKbgv4heaky1td2KYD/OYUnVYwlpc/4CAfspG2wAhvEAAAAASUVORK5CYII=); background-image /*\**/: none \9; background-repeat: no-repeat; background-position: 0 0; background-size: 21px 28px;}
/* /------------------------------------ */

/* .listPict3---------------------------- */
.listPict3{ margin-top: -5px; font-size: 0;}
.listPict3 li{ float: left; margin: 5px 0 0 10px; color: #d59b01; font-size: 14px; vertical-align: middle;}
.listPict3 li:nth-child(6n+1){ margin-left: 0;}
.listPict3 li span{ display: table-cell; width: 239px; height: 38px; padding: 3px 8px 1px; background-color: #43acc7; color: #fff; line-height: 1.2; text-align: center; vertical-align: middle;}
.listPict3 li:nth-child(6n+1) span{ width: 240px;}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){
.listPict3 li span{ width: 238px;}
.listPict3 li:nth-child(6n+1) span{ width: 238px;}
}
.listPict3 li.disabled span{ background-color: #ccc;}
.listPict3 li.disabled span img{ vertical-align: bottom;}
/* /------------------------------------ */

.event-detail{width: 100%;margin-top: 10px;}
.event-detail li{margin-bottom: 5px;color: #333;}
.event-detail .txtLink{float: right;}
.event-detail .txtLink a{font-weight: bold;}
.event-detail .txtLink .iconPlus{position: relative;}
.event-detail .txtLink .iconPlus::before{content: "";position: absolute;left: -20px;top: 2px;width: 16px;height: 16px;background: url("../../../images/used_2014/iconPlus.png") no-repeat;background-size: 100%;}
.fontBold{font-weight: bold;}
/* end */