========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
  background: #CBD7E4;
  color: #888;
  font-size: 12px;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 13px;
}

h1,h2 {
font-size:10px;
font-weight:normal;
float:right;
border-left:1px solid #999;
margin-left:5px;
padding-left:5px;
}

h1,h2,h3 {
font-size:10px;
font-weight:normal;
float:right;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 13px;
  font-family: tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
}

address,cite,dfn,em,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

a img {
  border: 0;
}

a {
  outline: none;
}

img {
  vertical-align: top;
}

fieldset {
  border: none;
}

a,a:link,a:active,a:visited{
  color:#006699;
  text-decoration:none;
}

a:hover{
  color:#0033666;
  text-decoration:underline;
}

.cl{
  clear: both;
}

.center{
text-align:center;
}

.mar0a{
margin:0 auto;
}

.marb15{
margin:0 0 15px 0;
}

.marl15{
margin:0 0 0 15px;
}

.backtotop{
background:url(../img/btt.gif) no-repeat 0% 65%;
padding-left:11px;
font-size:10px;
float:right;
}

.nextpage{
background:url(../img/mark.gif) no-repeat 0% 55%;
padding-left:11px;
font-size:12px;
float:right;
}

.bobt{
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px solid #999;
}

.bobt_f{
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px solid #fff;
}

.bobt_d{
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #999;
}

p.list{
padding:0 0 0 10px;
margin:0 0 5px 0;
color:#688AB0;
background:url(../img/mark.gif) 0 50% no-repeat;
}

p.list_l15{
padding:0 0 0 10px;
margin:0 0 5px 15px;
color:#688AB0;
background:url(../img/mark.gif) 0 50% no-repeat;
}

ul.list li{
margin:0 0 10px 0;
}

ul.list li.title{
padding:0 0 0 10px;
margin:0 0 5px 0;
color:#688AB0;
background:url(../img/mark.gif) 0 50% no-repeat;
}

ul.btlist{
margin:0 0 10px 0;
float:right;
}

ul.btlist li{
display:inline;
padding:0 10px;
margin:0 0 5px 0;
color:#688AB0;
background:url(../img/mark.gif) 0 50% no-repeat;
}

ul.btlist_l{
margin:0 0 10px 0;
}

ul.btlist_l li{
display:inline;
padding:0 10px;
margin:0 0 5px 0;
color:#688AB0;
background:url(../img/mark.gif) 0 50% no-repeat;
}

.bluebox{
margin:0 0 15px 0;
background:#E6EDFF;
padding:10px 10px 0 10px;
border:1px solid #A6BEFF;
}

.bluebox2{
margin:0 0 15px 0;
background:#006699;
padding:10px 10px 0 10px;
border:1px solid #A6BEFF;
color:#FFF;
}

.bold{
font-weight:bold;
}

.btmenu{
margin:0 0 0 15px;
}

.btmenu li{
display:inline;
padding:0 5px 0 0;
margin:0 5px 0 0;
border-right:1px solid #999;
line-height:1.5;
}

/* ---------- /1:reset  ---------- */

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../img/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* --------- /2:clearfix --------- */

/* ---------- 3:layout  ---------- */

/* ------------------------------------------------------------■WRAPPER */

#wrapper{
text-align:left;
width:100%;
margin:0 auto;
}


/* ------------------------------------------------------------■HEADER */

#header{
width:100%;
margin:0 auto;
}

#header-inner{
width:920px;
margin:0 auto;
}

#header #logo{
float:left;
}

#header #os{
float:right;
}

#header #os ul li{
margin:6px 0 0 0;
float:left;
}

#header #os ul li img{
margin:0 0 0 10px;
}

/* ------------------------------------------------------------HEADLINE */

#headline{
text-align:right;
color:#999;
}

/* ------------------------------------------------------------NAVI */

#navibox {
width:920px;
margin:0 auto;
}

#navi {
width:920px;
margin:0 auto;
}

ul#naviul {
width:920px;
height:67px;
background-image:url(../img/navi.jpg);
background-repeat: no-repeat;
margin:0 auto;
}

ul#naviul a {
text-decoration:none;
text-indent:-100000px;
display:block;
height:67px;
background-image:url(../img/navi.jpg);
}

#navi ul {
width:920px;
margin:0 auto;
}

#navi li {
list-style:none;
float:left;
}

a.navi1 {
width:130px;
}

a.navi1:hover,a.active1 {
background-position:0 -67px;
}

a.navi2 {
width:110px;
background-position:-130px 0;
}

a.navi2:hover,a.active2 {
background-position:-130px -67px;
}

a.navi3 {
width:110px;
background-position:-240px 0px;
}

a.navi3:hover,a.active3 {
background-position:-240px -67px;
}

a.navi4 {
width:110px;
background-position:-350px 0px;
}

a.navi4:hover,a.active4 {
background-position:-350px -67px;
}

a.navi5 {
width:110px;
background-position:-460px 0px;
}

a.navi5:hover,a.active5 {
background-position:-460px -67px;
}

a.navi6 {
width:110px;
background-position:-570px 0px;
}

a.navi6:hover,a.active6 {
background-position:-570px -67px;
}

a.navi7 {
width:110px;
background-position:-680px 0px;
}

a.navi7:hover,a.active7 {
background-position:-680px -67px;
}

a.navi8 {
width:110px;
background-position:-790px 0px;
}

a.navi8:hover,a.active8 {
background-position:-790px -67px;
}

/* ------------------------------------------------------------■CONTENTS */

#contents {
width:100%;
margin:0 auto;
background:#FFF;
padding:10px 0;
}

/* ------------------------------------------------------------PANKUZU */

div#pankuzu{
width:890px;
margin:0 auto 5px auto;
font-size:10px;
}

div#pankuzu ul li{
display:inline;
padding:0 5px 0 0;
}

div#pankuzu ul li a{
padding:0 10px 0 0;
color:#688AB0;
background:url(../img/mark.gif) 100% 50% no-repeat;
}

/* ------------------------------------------------------------TOPIMG */

#topimg{
width:920px;
margin:0 auto;
}

/* ------------------------------------------------------------CONTAINER */

#container {
width:100%;
margin:0 auto;
background:url(../img/bg_container.jpg) 50% 0% no-repeat;
}

#container-inner {
width:800px;
margin:0 auto;
padding:10px 0;
}

/* ------------------------------------------------------------LEFTBOX */

#leftbox {
width:550px;
float:left;
}

h4 {
margin:0 0 20px 0;
padding:0;
}

h5 {
margin:0 0 15px 0;
padding-left:10px;
font-size:16px;
font-weight:bold;
color:#688AB0;
border-left:5px solid #8DA2CD;
}

h6 {
margin:0 0 10px 0;
font-size:14px;
font-weight:bold;
color:#8DA2CD;
line-height:1.3;
}

.h7 {
margin:0 0 5px 0;
font-size:12px;
font-weight:bold;
color:#8DA2CD;
line-height:1.8;
}

p{
line-height:1.8;
margin:0 0 10px 0;
}

#article{
border-bottom:1px dotted #999;
margin-bottom:25px;
padding-bottom:25px;
}

.imgleft{
float:left;
}

.imgleft img{
margin:0 10px 10px 0;
}

.imgright{
float:right;
}

.imgright img{
margin:0 0 10px 10px;
}

/* ------------------------------------------------------------RIGHTBOX */

#rightbox {
width:230px;
float:right;
margin:60px 0 0 0;
}

#rightbox #bnr img{
margin-bottom:10px;
}

/* RIGHTBOX */

#lang td{
padding:5px;
color:#666;
}

/* ------------------------------------------------------------BNRBOX */

#bnrbox p{
margin-bottom:20px;
}

/* ------------------------------------------------------------■FOOTER */

#footer {
width:100%;
margin:20px 0 0 0;
}

#footer-inner {
width:900px;
margin:0 auto;
text-align:right;
color:#999;
}

#footer-menu{
margin:0 5px 5px 0;
}

#footer-menu li {
display:inline;
font-size:10px;
}

#footer-menu li.active{
color:#999;
font-weight:bold;
}

address {
font-style:normal;margin-bottom:10px;
margin:0 0 20px 0;
}

#footer a:link,#footer a:visited {color:#52779F; text-decoration:none;}
#footer a:active,#footer a:hover {color:#52779F; text-decoration:underline;}

/* ------------------------------------------------------------▼INFO */

#info h5{
float:left;
margin:0 25px 0 0;
}

#info p{
font-weight:bold;
}

/* ------------------------------------------------------------▼ITEM */

#item{
border-bottom:1px dotted #999;
margin-bottom:10px;
}

#item p{
font-size:11px;
line-height:1.3;
}

#item h6{
font-size:12px;
line-height:1.3;
margin:0 0 5px 0;
}

#item div.imgleft{
float:left;
width:210px;
}

#item div.textright{
float:right;
width:320px;
}

/* ------------------------------------------------------------▼SHOP */

#shop{
border-bottom:1px dotted #999;
margin-bottom:25px;
padding-bottom:25px;
}

#shop div.imgleft{
float:left;
width:200px;
}

#shop div.imgleft img{
margin:0 0 30px 0;
}

#shop div.textright{
float:right;
width:330px;
}

.shopad{
font-weight:bold;
font-size:11px;
line-height:1.3;
}

.shopadd{
font-weight:bold;
font-size:12px;
}

.mapborder{
width:400px;
border:1px solid #A6BEFF;
margin:0 0 15px 0;
}

.imgleft #shop_yokohama{
margin:0 10px 10px 0;
}

#shopinfo{
margin:0 0 20px 0;
}

#shopinfo-inner{
padding:10px;
border-left:1px solid #339999;
border-right:1px solid #339999;
}

#shopinfo-text{
width:390px;
float:left;
}

#shopinfo-img{
width:120px;
float:right;
border:1px solid #999;
}


/* ------------------------------------------------------------▼HISTORY */

#history{
border-bottom:1px dotted #999;
margin-bottom:25px;
padding-bottom:25px;
}

#history div.imgleft{
float:left;
width:170px;
}

#history div.imgleft img{
margin:0 0 30px 0;
border:1px solid #999;
}

#history div.textright{
float:right;
width:350px;
}

/* ------------------------------------------------------------▼MEDIA */

#media li{
padding:0 0 0 15px;
margin:0 0 10px 0;
background:url(../img/mark.gif) 0% 50% no-repeat;
}

/* ------------------------------------------------------------▼INQUIRY */

#form td{
padding:0 0 15px 0;
}

/* ------------------------------------------------------------▼PRIVACY */

div#privacy ul{
margin:0 0 15px 0;
}

div#privacy li{
margin:0 0 10px 0;
}

/* ------------------------------------------------------------▼ORDER */

#orderinfo{
border-bottom:1px solid #ddd;
margin:15px 0;
}

#orderinfo-img{
width:260px;
float:left;
border:1px dotted #999;
background:#999;
margin:0 0 15px 0;
}

#orderinfo-img p{
color:#FFF;
line-height:1.3;
font-size:11px;
margin:10px;
}

#orderinfo-text{
width:520px;
float:right;
}

#orderinfo-text table{
width:520px;
}

#orderinfo-text table td{
padding:5px;
}

#orderinfo-text table tr{
border-bottom:1px solid #ddd;
}

#w250l{
width:260px;
float:left;
}

#w250r{
width:260px;
float:right;
}

#shoplink{
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:5px 0;
}

.shoplink-left{
width:56%;
float:left;
}

.shoplink-right{
width:44%;
float:right;
}