* { text-decoration:none; border:none; }

html {
    overflow-x:hidden;
    background-color:#ffffff;
}

body {
    background:url(image/cafe.gif) left -90px repeat-x;
    line-height:1.67;
}


#pageheader {
    display:block;
    padding:40px 20px 0 35px;
}


#contents {
    max-width:950px;
    min-height:150px;
    margin:0 auto 40px;
    padding:20px;
    overflow:hidden;
}

#navigation {
    width:250px;
    float:left;
}

#navigation li {
    display:inline;
}

#navigation h2, #navigation h3 {
    position:relative;
    left:0;
    top:0;
    margin:5px;
    height:30px;
    line-height:31px;
    padding-left:20px;
/*
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    border-radius:15px;
*/
    transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
}

#navigation h2 {
    background:url(image/menuBackgroundH2.png) center center no-repeat;
}

#navigation h2 a {
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    color:#fafafa;
}

#navigation h3 {
    margin-left:20px;
    background:url(image/menuBackgroundH3.png) center center no-repeat;
}

#navigation h3 a {
    text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
    color:#28479d;
}

#navigation h2:hover, #navigation h3:hover {
    left:10px;
}

#navigation h2 a:active, #navigation h3 a:active {
    color:darkred;
}

.ad {
    margin:25px 5px 5px 5px;
    padding:10px;
    background:#eee;
}

#content {
    margin-left:285px;
    padding:5px 15px 15px 15px;
}

#content h1 {
    margin:1.2em 0;
    height:30px;
    line-height:30px;
    font-size:1.2em;
    font-weight:bold;
    padding-left:40px;
    background:url(image/red_cherry.png) left center no-repeat;
}

#content h1.yellowcherry {
    background-image:url(image/yellow_cherry.png);
}

#content p {
    margin:0.75em 0;
}

#content p.oshirase {
    margin:1.2em 0;
    text-align:center;
    color:red;
}

section {
    display:block;
    margin:1.2em 0;
    overflow:hidden;
}

section h2 {
    font-weight:bold;
    margin:10px 0;
}

section figure {
    display:block;
}

section figure img, section figure iframe {
   display:block;
   margin:auto;
}

.figLeft {
    margin:0 20px 0 0;
    float:left;
}

.figRight {
    margin:0 0 0 20px;
    float:right;
}

.figCenter {
    margin:30px 0;
    text-align:center;
}

section strong {
    color:darkred;
}

section a {
    color:#1a4695;
}

article {
    width:49.5%;
    float:left;
}

article dl {
    margin:10px;
    padding:10px;
    border-style:solid;
    border-width:1px;
    border-color:#dddddd #cccccc #c5c5c5 #cccccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
}


article dt, article dd {
    display:inline;
}

article dt img {
    display:block;
    width:250px;
    height:155px;
    margin:10px auto;
    background-position:center center;
    background-repeat:no-repeat;
}

article h2 {
    font-weight:bold;
    margin:8px 0;
    text-align:center;
}

article dd span {
    display:block;
    padding:5px 8px;
    border-top:solid 1px #dddddd;
    font-size:0.9em;
}

article dd a {
    display:block;
    padding:5px 8px;
    border-top:solid 1px #dddddd;
    font-size:0.9em;
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#ffffff;
    background-image:url(image/backgroundShoplink.gif);
}

article dd a:hover {
    color:#ffffff;
    text-shadow: rgba(255,255,255,0.25) 0px 1px 1px;
    background-color:#2564ed;
    background-position:right bottom;
}

.column {
    width:33%;
    float:left;
}

.column ul, .column h2 {
    margin:0;
    padding:10px;
}

.column h2 {
    color:#184696;
}

.column li {
    display:block;
    margin:0;
    padding:6px;
    border-top:solid 1px #cccccc;
    overflow:hidden;
}

.column .noline { border:none; }

.column .withImage {
    height:80px;
    line-height:80px;
}

.column .withImage img {
    display:block;
    width:80px;
    height:80px;
    float:left;
    margin-right:6px;
}

#company_profile {
    border-style:solid;
    border-width:1px;
    border-color:#dddddd #cccccc #c5c5c5 #cccccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
}

#company_profile table {
    margin:10px;
}

#company_profile tbody th, #company_profile tbody td {
    vertical-align:top;
    padding:1em;
    border-top:solid 1px #cccccc;
}

#company_profile th {
    border-right:solid 1px #cccccc;
    white-space:nowrap;
}


#company_profile .firstline th, #company_profile .firstline td {
    border-top:none;
}


#contact_form {
    border-style:solid;
    border-width:1px;
    border-color:#dddddd #cccccc #c5c5c5 #cccccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    padding:20px 10px;
}

#contact_form input, #contact_form textarea {
    display:block;
    width:400px;
    min-height:30px;
    padding:4px 8px;
    background:#f9f9f9;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    border-radius:15px;
}

#contact_form input[type="hidden"] {
    display:none;
}

#contact_form dl {
    width:580px;
    margin:10px auto auto;
    overflow:hidden;
}

#contact_form dl.firstline {
    margin-top:0;
}

#contact_form dt {
    width:150px;
    min-height:38px;
    line-height:38px;
    float:left;
    texe-align:right;
}

#contact_form dd {
    margin-left:150px;
}


#contact_form .submit {
    display: block;
    width:220px;
    font-weight: bold;
    letter-spacing:1em;
    color: #fff;
    text-decoration: none;
    text-align: center;
    color: #fff;
    text-shadow: #000 0px 1px 1px;
    background:url(image/menuBackgroundH2.png) center center no-repeat;
    margin-top:40px;
}

#yokohama {
    width:600px;
    height:440px;
    margin:0 auto 50px auto;
/*
    background-image:url(image/koujou.gif);
    background-position:0 15px;
    background-repeat:repeat-y;
*/
}

#yokohama img {
    display:block;
}

.sub_navigation {
    margin:2em 0 1.2em;
    overflow:hidden;
}

.sub_navigation a {
    display:block;
    padding:5px 24px 5px 14px;
    float:right;
    color:#c2c2c2;
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#ffffff;
    background-image:url(image/backgroundShoplink.gif);
}

.sub_navigation a:hover {
    color:#1a4695;
}

.japanmap {
    width:65%; height:340px; float:right; border:solid 1px #cccccc;
    background:url(image/japan.png) center center no-repeat;
}