@charset"utf-8";

/* header */header {
    width: 100%;
    height: 80px;
    margin-bottom: 30px;
    background-color: #111;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
}
.headerNavi {
    width: 960px;
    margin: 0 auto;
    padding-top: 80px;
    background-image: url("../image/common/headerNaviBg.png");
}
.headerNavi #pcLogo {
    width: 210px;
    height: 60px;
    float: left;
    margin: -70px 0 0;
    background-image: url("../image/common/logo.png");
}
.headerNavi #smartLogo {
    display: none;
}
.headerNavi h1:hover {
    filter:alpha(opacity=80);
    opacity: 0.8;
}
.headerNavi ul {
    float: right;
    margin: -48px -44px 0 0;
}
.headerNavi ul li {
    float: left;
    width: 120px;
    height: 20px;
    background-color: #111;
}
@-moz-document url-prefix() {
    .fb-like {
        top: -12px;
    }
}

/* mainVisual */.mainVisualWapper {
    width: 960px;
    margin: 20px auto 0;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.7);
}
#smartMainVisual {
    display: none;
}

/* contents */.contents {
    width: 960px;
    margin: 0 auto;
    background-color: #111;
}
.smartContentsWapper {
    display: none;
}
.smartContents {
    display: none;
}
.smartNavi {
    display: none;
}
.leftBox {
    width: 200px;
    float: left;
}
.rightBox {
    width: 740px;
	padding-bottom:30px;
    float: right;
    margin: 20px 20px 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url("css/ie-css3.htc");
    background-color: #fff;
}

/* globalNavi */#globalNavi {
    width: 200px;
	height:650px;
    background-image: url("../image/common/globalNaviBg.png");
    background-repeat: no-repeat;
}
#globalNavi li {
    margin: 0 0 30px;
    width: 250px;
    height: 50px;
}
#globalNavi01 {
    -moz-transform: rotate(16deg); /* FireFox */-o-transform: rotate(16deg); /* Opera */-webkit-transform: rotate(16deg); /* webkit */-ms-transform: rotate(16deg); /* IE9 */transform: rotate(16deg);
    position: relative;
    left: -72px;
    background-image: url("../image/common/globalNavi01.png");
}
#globalNavi02 {
    -moz-transform: rotate(12deg); /* FireFox */-o-transform: rotate(12deg); /* Opera */-webkit-transform: rotate(12deg); /* webkit */-ms-transform: rotate(12deg); /* IE9 */transform: rotate(12deg);
    position: relative;
    left: -92px;
    background-image: url("../image/common/globalNavi03.png");
}
#globalNavi03 {
    -moz-transform: rotate(8deg); /* FireFox */-o-transform: rotate(8deg); /* Opera */-webkit-transform: rotate(8deg); /* webkit */-ms-transform: rotate(8deg); /* IE9 */transform: rotate(8deg);
    position: relative;
    left: -103px;
    background-image: url("../image/common/globalNavi04.png");
}
#globalNavi04 {
    -moz-transform: rotate(4deg); /* FireFox */-o-transform: rotate(4deg); /* Opera */-webkit-transform: rotate(4deg); /* webkit */-ms-transform: rotate(4deg); /* IE9 */transform: rotate(4deg);
    position: relative;
    left: -111px;
    background-image: url("../image/common/globalNavi02.png");
}
#globalNavi05 {
    position: relative;
    left: -114px;
    background-image: url("../image/common/globalNavi08.png");
}
#globalNavi06 {
    -moz-transform: rotate(-4deg); /* FireFox */-o-transform: rotate(-4deg); /* Opera */-webkit-transform: rotate(-4deg); /* webkit */-ms-transform: rotate(-4deg); /* IE9 */transform: rotate(-4deg);
    position: relative;
    left: -111px;
    background-image: url("../image/common/globalNavi09.png");
}
#globalNavi07 {
    -moz-transform: rotate(-8deg); /* FireFox */-o-transform: rotate(-8deg); /* Opera */-webkit-transform: rotate(-8deg); /* webkit */-ms-transform: rotate(-8deg); /* IE9 */transform: rotate(-8deg);
    position: relative;
    left: -103px;
    background-image: url("../image/common/globalNavi08.png");
}
#globalNavi08 {
    -moz-transform: rotate(-12deg); /* FireFox */-o-transform: rotate(-12deg); /* Opera */-webkit-transform: rotate(-12deg); /* webkit */-ms-transform: rotate(-12deg); /* IE9 */transform: rotate(-12deg);
    position: relative;
    left: -90px;
    background-image: url("../image/common/globalNavi09.png");
}
/*#globalNavi09 {
    -moz-transform: rotate(-16deg); -o-transform: rotate(-16deg);-webkit-transform: rotate(-16deg);-ms-transform: rotate(-16deg);transform: rotate(-16deg);
    position: relative;
    left: -72px;
    background-image: url("../image/common/globalNavi09.png");
}*/

/* sns */#sns li:hover {
    filter:alpha(opacity=70);
    opacity: 0.7;
}
#sns {
    margin-top: 70px;
	padding:0;
	box-sizing:border-box;
}
#sns li {
    width: 181px;
    height: 48px;
    margin: 15px 9px;
}
#line {
    background-image: url("../image/common/line.jpg");
}
#twitter {
    background-image: url("../image/common/twitter.jpg");
}
#facebook {
    background-image: url("../image/common/facebook.jpg");
}
#youtube {
    background-image: url("../image/common/youtube.png");
}

/* banner */#banner li:hover {
    filter:alpha(opacity=70);
    opacity: 0.7;
}
#banner {
    margin-top: 40px;
	padding:0;
	box-sizing:border-box;
}
#banner li {
    width: 181px;
    height: 48px;
    margin: 15px 9px;
}
#gnavi {
    background-image: url("../image/common/Gnavi.png");
}
#hotpepper {
    background-image: url("../image/common/hotpepper.png");
}
#samasama {
    background-image: url("../image/common/samasama.png");
}
#tripAdvisor {
    background-image: url("../image/common/tripAdvisor.png");
}

/* link */.link {
    display: none;
}

/* footer */footer {
    width: 960px;
    height: 200px;
    margin: 0 auto;
    background-color: #000;
}
footer a:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}
.localNavi {
    margin-left: 200px;
	margin:0;
	padding:30px 0 0;
}
.localNavi li {
    float: left;
    border-left: #666 solid 1px;
}
.localNavi li a {
    text-align: center;
    margin: 0 10px;
    color: #fff;
}
.smartLocalNavi {
    display: none;
}
#copyRight {
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.mainVisual,
video,
video source {
    width: 100%;
    height: auto;
}