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

Office

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


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

#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: 25px;
}

#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: 25px;
}


#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: 25px;
}

#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: 25px;
}

#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: 25px;
}

#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: 25px;
}




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

#history_en:hover {
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos_en.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_en {
float: left;
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos_en.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_en:hover {
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos_en.jpg);
background-repeat: no-repeat;
background-position: -150px -137px;
width: 135px;
height: 136px;
text-indent: -3000px;
margin-left: 10px;
margin-top: 45px;
}

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

#reserve_en:hover {
margin: 0px auto;
display: block;
background-image: url(../office/img/btn-hos_en.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: 126px;
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: 126px;
text-indent: -3000px;
margin-right: 40px;
margin-top: 10px;
}


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

#bnr_showroom_en:hover {
float: right;
margin: 0px auto;
display: block;
background-image: url(../office/img/bnr_showroom_en.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 295px;
height: 126px;
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;
}

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



#order dl {
margin: 0px auto;
margin-right: 0;
width: 95%;
text-align: left;
font-size: 13px;
}

#order dt {
clear: right;
margin-top: 10px;
}


#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;
}


#order ul {
margin: 0px auto;
text-align: left;
font-size: 13px;
}

#order ul li {
margin: 0px auto;
text-align: left;
margin-left: 20px;
padding-top: 15px;
}




.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;
}


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


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

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

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


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