#wrapper-for-css3piebug {
    padding-top: 100px;
}

#contents-container {
    width: 350px;
    margin: 0 auto 0 auto;
    border: 3px solid black;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    behavior: url('css/PIE.htc');  
}

#logo-area {
    width: 350px;
    height: 78px;
}

#logo-area:after {
    content: "";
    display: block;
    clear: both;
}

#logo-name {
    display: inline;
    width: 104px;
    height: 35px;
    margin: 30px 0 0 20px;
    background: url('../images/logo_name.png') no-repeat;
    float: left;
}
#logo {
    display: inline;
    width:123px;
    height:68px;
    background: url('../images/logo.png') no-repeat;
    float:left;
    margin-left: 40px;
    margin-top:10px;
}


#menu {
    margin: 0;
    height: 17px;
    overflow: hidden;
}

#menu li {
    display: inline; /* for IE6 */
    float: left;
    height: 17px;
    margin-left: 20px;
    cursor: pointer;
}

#menu :after {
    content: "";
    display: block;
    clear: both;
}

#menu-aboutus{
    width: 88px;
    background: url('../images/menu_aboutus.png') no-repeat top left;
}
#menu-contactus{
    width: 106px;
    background: url('../images/menu_contactus.png') no-repeat top left;
}
#menu-office{
    width: 55px;
    background: url('../images/menu_office.png') no-repeat top left;
}

#menu .menu-hover {
    background-position: 0 -17px;
}

#contents {
    margin-bottom: 20px;
}

.init-contents {
    height: 0;
    overflow: hidden;
}

.slide-area-aboutus {
    height: 160px;
}

.slide-area-contactus {
    height: 300px;
}

.slide-area-office{
    height: 400px;
}

#fade-area {
    display: none;
}

#contents-aboutus {
    width: 300px;
    margin-left: 20px;
    margin-top: 10px;
}

#contents-contactus {
    font-size: 15px;
    width: 300px;
    margin-left: 20px;
    margin-top: 10px;
}

#contents-office {
    font-size: 13px;
    width: 300px;
    margin-left: 20px;
    margin-top: 10px;
}

.title img {
    display: block;
    float: left;
    
}
.title hr {
    vertical-align: middle;
    border: solid #29abe2;
    border-width: 1px 0 0 0;
    height: 1px;
    float: left;
    width: 100%;
}

.title:after {
    content: "";
    display: block;
    clear: both;
}

.title-aboutus-img {
    width: 88px;
    height: 17px;
    background: url('../images/title_aboutus.png') no-repeat;
    float: left;
}

.title-aboutus-linecontainer {
    float: left;
    margin-left: 10px;
    height:17px;
    width: 202px;
}


#contents-aboutus p {
    margin-top: 15px;
    color: #29abe2;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
}

#contents-aboutus a {
    cursor: pointer;
    text-decoration: underline;
}


#contents-contactus p {
    margin-top: 10px;
    line-height: 18px;
}
#contents-contactus label {
    font-size: 12px;
    display: block;
    height: 15px;
    width: 300px;
    line-height: 15px;
}

#contents-contactus input {
    display: block;
    border: solid 1px #29abe2;
    width: 198px;
    height: 18px;
    line-height: 18px;
}

#contents-contactus textarea{
    display: block;
    border: solid 1px #29abe2;
    width: 300px;
    height: 60px;
    line-height: 18px;
}

.title-contactus-img {
    width: 106px;
    height: 17px;
    background: url('../images/title_contactus.png') no-repeat;
    float: left;
}

.title-contactus-linecontainer1 {
    float: left;
    margin-right: 10px;
    width: 98px;
}

.title-contactus-linecontainer2 {
    float: left;
    margin-left: 10px;
    width: 76px;
}

.title-office-img {
    width: 56px;
    height: 17px;
    background: url('../images/title_office.png') no-repeat;
    float: left;
}

.title-office-linecontainer {
    float: left;
    margin-right: 10px;
    width: 224px;
}

.form-element {
    width: 300px;
    margin-top: 10px;
}

.form-submit {
    width: 80px;
    height: 22px;
    margin: 10px auto 0 auto;
}
.form-submit button {
    width: 80px;
}

.warnings {
    color: red;
    font-size: 11px;
}

.address {
    margin-top: 10px;
    line-height: 16px;
}

.address-notice {
    font-size: 11px;
    color: grey;
    line-height: 13px;
}

#contents-office ul {
    margin-top: 10px;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 16px;
}

#contents-office li {
    margin-bottom: 5px;
}

#contents-office iframe {
    margin-top: 15px;
}

#hidden-iframe {
    width: 0;
    height: 0;
    border: 0;
}