* { text-decoration:none; border:none; }
html {
overflow-x:hidden;
background-color:#ffffff;
}
#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(../images/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(../images/menuBackgroundH3.png) center center no-repeat;
}
#navigation h3 a {
text-shadow: 0 -1px 1px rgba(255,255,255,0.5);
color:#008000;
}
#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(../images/red_cherry.png) left center no-repeat;
}
#content h1.yellowcherry {
background-image:url(../images/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:#2E8B57;
}
section a {
color:#006600;
}
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(../images/backgroundShoplink.gif);
}
article dd a:hover {
color:#ffffff;
text-shadow: rgba(255,255,255,0.25) 0px 1px 1px;
background-color:#006400;
background-position:right bottom;
}
.column {
width:33%;
float:left;
}
.column ul, .column h2 {
margin:0;
padding:10px;
}
.column h2 {
color:#006400;
}
.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(../images/menuBackgroundH2.png) center center no-repeat;
margin-top:40px;
}
#yokohama {
width:600px;
height:440px;
margin:0 auto 50px auto;
/*
background-image:url(../images/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(../images/backgroundShoplink.gif);
}
.sub_navigation a:hover {
color:#2E8B57;
}
.japanmap {
width:65%; height:340px; float:right; border:solid 1px #cccccc;
background:url(../images/japan.png) center center no-repeat;
}