/*
############################################################

Movie

############################################################
*/


#ttl_movie {
margin: 0px auto;
text-align: center;
width: 100%;
font-size: 24px;
}

.movie_index {
margin: 0px auto;
width: 448px;
float: left;
margin-left: 0;
text-align: center;
padding-top: 15px;
padding-bottom: 100px;
}


.movie_index p {
clear: both;
margin: 0px auto;
text-align: left;
width: 95%;
}

.movie_index a {
margin: 0px auto;
display: block;
width: 440px;
text-align: center;
padding-top: 15px;
margin-left: 0;
padding-top: 250px;
box-sizing: border-box;
}

#btn01 {
margin: 0px auto;
background-image: url(../movie/btn_pv.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 247px;
}

#btn02 {
margin: 0px auto;
background-image: url(../movie/btn_body.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 247px;
}


object {
margin: 0px auto;
}








.en-p {
margin: 0px auto;
text-align: left;
width: 800px;
font-size: 18px;
padding-bottom: 10px;
}







#office {
margin: 0px auto;
background-image: url(../office/img/top-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 587px;
padding-top: 40px;
}

#office p {
clear: both;
margin: 0px auto;
margin-left: 450px;
text-align: left;
font-size: 13px;
padding-top: 8px;
}



#history {
float: left;
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 450px;
margin-top: 45px;
}

#history:hover {
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos.jpg);
background-repeat: no-repeat;
background-position: left -137px;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 450px;
margin-top: 45px;
}


#how_to_order {
float: left;
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos.jpg);
background-repeat: no-repeat;
background-position: -150px top;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 10px;
margin-top: 45px;
}

#how_to_order:hover {
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos.jpg);
background-repeat: no-repeat;
background-position: -150px -137px;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 10px;
margin-top: 45px;
}

#reserve {
float: left;
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos.jpg);
background-repeat: no-repeat;
background-position: -300px top;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 10px;
margin-top: 45px;
}

#reserve:hover {
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos.jpg);
background-repeat: no-repeat;
background-position: -300px -137px;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 10px;
margin-top: 45px;
}




#bnr_showroom {
float: right;
margin: 0px auto;
display: block;
background-image: url(../office/img/bnr_showroom.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 295px;
height: 77px;
text-indent: -3000px;
margin-right: 40px;
margin-top: 10px;
}

#bnr_showroom:hover {
float: right;
margin: 0px auto;
display: block;
background-image: url(../office/img/bnr_showroom.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 295px;
height: 77px;
text-indent: -3000px;
margin-right: 40px;
margin-top: 10px;
}





#order {
margin: 0px auto;
padding-top: 20px;
text-align: center;
}

#order h2 {
margin: 0px auto;
text-align: center;
font-size: 24px;
font-weight: bold;
}


h3 {
margin: 0px auto;
margin-top: 25px;
font-size: 14px;
text-align: left;
font-weight: normal;
}

#order p {
clear: both;
margin: 0px auto;
text-align: left;
font-size: 13px;
width: 880px;
font-weight: normal;
}


#order ol {
clear: both;
margin: 0px auto;
text-align: left;
font-size: 13px;
width: 860px;
}

#order ol li {
margin: 0px auto;
margin-top: 6px;
font-weight: bold;
}






.years {
clear: both;
margin: 0px auto;
overflow: auto;
border-bottom: 1px solid #f6ab00;
text-align: left;
font-size: 13px;
padding-top: 13px;
padding-bottom: 10px;
}

.years ul {
clear: both;
margin: 0px auto;
text-align: left;
margin-left: 20px;
}

.years ul li {
margin: 0px auto;
float: left;
margin-left: 20px;
list-style-type: none;
}

.photo {
clear: both;
margin: 0px auto;
padding-top: 5px;
}

.years img {
margin: 0px auto;
float: left;
margin-left: 5px;
}


#y2002 {
background-image: url(../office/img/year2002.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2003 {
background-image: url(../office/img/year2003.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2004 {
background-image: url(../office/img/year2004.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2005 {
background-image: url(../office/img/year2005.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2006 {
background-image: url(../office/img/year2006.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2007 {
background-image: url(../office/img/year2007.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2008 {
background-image: url(../office/img/year2008.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2009 {
background-image: url(../office/img/year2009.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2010 {
background-image: url(../office/img/year2010.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2011 {
background-image: url(../office/img/year2011.gif);
background-repeat: no-repeat;
background-position: left 10px;
}

#y2012 {
background-image: url(../office/img/year2012.gif);
background-repeat: no-repeat;
background-position: left 10px;
}