@CHARSET "utf-8";
@import url("./html5reset.css");

html {
}

body {
    font-family:"メイリオ";
    font-size:92%;
    letter-spacing: 1px;
    width: 100%;
    margin: 0 auto;
}

.cf:after {
    content:'';
    display: block;
    clear: both;
}

.cf {
    zoom: 1;
}

/* Header Start */
header {
    width: 100%;
    text-align:center;
}

header div#header {
    margin:0 auto;
    width: 90%;
    min-width: 500px;
    max-width: 1040px;
    padding: 10px 0;
}

header div#header #logo {
    float: left;
    width: 15%;
}
header div#header #logo img {
    width: 100px;
}
header div#header #title {
    font-family: Estrangelo Edessa;
    float: left;
    width: 60%;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
}
header div#header #info {
    float: left;
    width: 25%;
    win-width: 200px;
    height: 40px;
}
header div#header #info #address {
    font-size: 11px;
}
menu {
    min-width: 500px;
    padding: 5px 15%;
    border-top: solid 1px #6495ED;
    border-bottom: solid 1px #6495ED;
    margin-bottom: 12px;
}
menu li {
    float: left;
    width: 100px;
    background-color:#f3f3ff;
    list-style: none;
    text-align: center;
    margin: 0 3px;
    line-height: 36px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
menu li a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    font-style: bold;
    font-size: 100%;
    color: #343488;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

div#emerge {
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    text-align:center;
}

div#emerge p {
    padding: 12px 16px;
    border: solid 1px #DC143C;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

div#wrapper {
    width: 1040px;
    margin: 0 auto;
}
/* Header End */

/* Top Start */
div#topMain {
    float: left;
    width: 740px;
}
div#imageContent {
    padding-top: 30px;
    padding-bottom: 10px;
}
div#imageContent div.slide {
    width: 660px;
    margin: 0 auto;
}
div#imageContent div.slide img {
    width: 580px;
    height: 430px;
    padding: 5px 40px;
}
div#imageContent p#slideMsg {
    width: 640px;
    margin: 0 auto;
    line-height: 30px;
    padding: 5px 10px;
    text-align: center;
    font-size: 92%;
    font-weight: bold;
}

div#selectContent {
    background-color:#eeddee;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

div#selectContent ul#select {
    width: 100%;
    height: 140px;
}
div#selectContent ul#select li {
    float: left;
    list-style: none;
    width: 170px;
    padding: 5px 5px;
}

div#selectContent ul#select li a {
   display: block;
   height: 130px;
   text-decoration: none;
}

div#selectContent ul#select li a:hover {
    cursor:pointer;
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
    zoom:1;
}

div#selectContent ul#select li a.access {
   background-image: url("../content/img/top/select01.jpg");
}

div#selectContent ul#select li a.menu {
   background-image: url("../content/img/top/select02.jpg");
}

div#selectContent ul#select li a.darts {
   background-image: url("../content/img/top/select03.jpg");
}

div#selectContent ul#select li a.goods {
   background-image: url("../content/img/top/select04.jpg");
}

div#selectContent ul#select li span.label {
    display: block;
    background-color: #000000;
    line-height: 34px;
    text-align: center;
    opacity: 0.8;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    position: relative;
    top: 96px;
}

div#explainContent {
    margin: 20px 26px 20px 26px;
    border-top: solid 1px #6495ED;
    border-bottom: solid 1px #6495ED;
}

div#explainContent p {
    padding: 12px 18px 12px 18px;
    font-size: 82%;
    line-height: 18px;
}

div#sosialContent {
    padding: 15px 24px;
}
div#sosialContent #twitter {
    float: left;
    padding: 0 20px;
}
div#sosialContent #facebook {
    float: left;
    padding: 0 20px;
}

div#topLeft {
    float: left;
    width: 300px;
}

div#newsWrapper {
    display: none;
}
div#newsWrapper ul {
}
div#newsWrapper ul li {
    list-style: none;
}

/* Top End */

/* Access Start */
div#accessMain {
    width: 700px;
    float: left;
    margin-top: 10px;
}

div#accessLeft {
    width: 340px;
    float: left;
    margin-top: 10px;
}

div#shopInfoWrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}
h3#shopInfoTItle {
    line-height: 42px;
    font-size: 132%;
    color: #323232;
    margin-bottom: 13px;
    width: 120px;
    padding-left: 20px;
    border-left: 6px solid #a3a3a3;
}
ul#shopInfoContent {
    padding: 15px 40px;
}

ul#shopInfoContent li {
    list-style: none;
    padding: 6px 0;
    line-height: 23px;
    height: 40px;
}

ul#shopInfoContent li p.label {
    float: left;
    width: 150px;
    padding-right: 40px;
    text-align: right;
}

ul#shopInfoContent li p.text {
    float: left;
    width: 430px;
    font-size: 92%;
}

div#accessLeft {
}

div#accessLeft div#mapWrapper {

}

div#accessLeft div#mapWrapper h3 {
    line-height: 42px;
    font-size: 132%;
    color: #323232;
    width: 120px;
    padding-left: 20px;
    border-left: 6px solid #a3a3a3;
}

div#accessLeft div#mapWrapper div {
    height: 340px;
    padding: 10px 10px;
}

div#accessLeft div#entWrapper {
    display: none;
}

div#accessLeft div#entWrapper h3 {
    line-height: 42px;
    font-size: 132%;
    color: #323232;
}

div#accessLeft div#entWrapper div {
    height: 300px;
    padding: 10px 10px;
}

/* Access End */

/* Menu Start */
div#menuRight {
    width: 220px;
    float: left;
}
div#menuRight div#naviWrapper {
    margin-top: 50px;
}
div#menuRight div#naviWrapper ul {
    padding: 10px 20px;
}
div#menuRight div#naviWrapper ul li {
    list-style: none;
    text-align: right;
    line-height: 36px;
    padding: 2px 15px;
}

div#menuRight div#naviWrapper ul li a {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    font-size: 88%;
    color: #343434;
    padding-right: 12px;
}

div#menuMain {
    width: 800px;
    float: left;
}
div#menuMain div#manuWrapper {
    margin-top: 50px;
    padding: 10px 20px;
}
div#menuMain p#menuTitle {
    line-height: 32px;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
div#menuMain ul#menuContent {
    border-top: dotted 1px #daa520;
    width: 100%;
}
div#menuMain ul#menuContent li {
    list-style: none;
    border-bottom: dotted 1px #daa520;
    width: 46%;
    float: left;
    padding: 6px 2%;
    font-size: 75%;
}
div#menuMain ul#menuContent li div.item {
    float: left;
    width: 80%;
}
div#menuMain ul#menuContent li div.item p.itemJap {
    padding-bottom: 6px;
    line-height: 18px;
}
div#menuMain ul#menuContent li div.item p.itemEng {
}
div#menuMain ul#menuContent li p.price {
    float: left;
    width: 20%;
    line-height: 37px;
    text-align: right;
}
/* Menu End */

/* Darts Start */
div#dartsMain {
    width: 960px;
    margin: 10px auto;
}

div#gameWrapper {
    margin: 10px 0;
    padding: 10px 10px;
}

div#gameWrapper h3#gameTItle {
    line-height: 42px;
    font-size: 132%;
    color: #323232;
    margin-bottom: 13px;
    width: 120px;
    padding-left: 20px;
    border-left: 6px solid #a3a3a3;
}

div#gameWrapper div#content {
    width: 600px;
    margin: 10px auto;
    padding: 20px 20px;
    background-color: #FFF5EE;
}

div#playersWrapper {
    margin: 10px 0;
    padding: 10px 10px;
}

div#playersWrapper h3#playersTItle {
    line-height: 42px;
    font-size: 132%;
    color: #323232;
    margin-bottom: 13px;
    padding-left: 20px;
    border-left: 6px solid #a3a3a3;
}

div#dartsMain div#playersContent {
    background-image: linear-gradient(to top left, #000660, #001A95, #0E5EFD, #3EA2FF, #73E5FF, #1273FF, #001A95, #0E5EFD);
    width: 920px;
    margin: 0 auto;
}

div#dartsMain div#playersContent ul#players {
    width: 100%;
}

div#dartsMain div#playersContent ul#players li.one {
    float: left;
    width: 220px;
    margin: 6px 4px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #87CEFA;
}

div#dartsMain div#playersContent ul#players li.one div.top {
    padding: 3px;
}

div#dartsMain div#playersContent ul#players li.one div.top div.image {
    float: left;
    width: 180px;
}

div#dartsMain div#playersContent ul#players li.one div.top div.image img {
    width: 180px;
}

div#dartsMain div#playersContent ul#players li.one div.top ul {
    float: left;
    width: 30px;
    margin: 2px;
}

div#dartsMain div#playersContent ul#players li.one div.top ul li {
    list-style: none;
}

div#dartsMain div#playersContent ul#players li.one div.top ul li a {
}

div#dartsMain div#playersContent ul#players li.one div.top ul li img {
    width: 28px;
    padding-left: 2px;
}

div#dartsMain div#playersContent ul#players li.one div.bottom {
    background-color: #111111;
}

div#dartsMain div#playersContent ul#players li.one div.bottom div.name {
    float: left;
    width: 160px;
    padding: 8px 0;
    color: #ffffff;
    font-style: bold;
    text-align: center;
}

div#dartsMain div#playersContent ul#players li.one div.bottom div.name p.jp {
    line-height: 18px;
    font-size: 15px;
}
div#dartsMain div#playersContent ul#players li.one div.bottom div.name p.en {
    line-height: 15px;
    font-size: 10px;
}

div#dartsMain div#playersContent ul#players li.one div.bottom p.from {
    float: left;
    width: 50px;
    margin: 4px;
    line-height: 40px;
    text-align: center;
    font-style: bold;
    font-size: 13px;
    color: #ffffff;
    border-left: 1px solid #ffffff;
}
/* Darts End */


/* Goods Start */

div#goodsMain {
}
div#goodsMain div#goodsWrapper {
    padding: 30px 0;
}
div#goodsMain div#goodsWrapper div#descript {
    margin: 32px 0;
    text-align: center;
}
div#goodsMain div#goodsWrapper div#descript p {
    line-height: 26px;
}
div#goodsMain div#goodsWrapper div#image {
    text-align: center;
}
div#goodsMain div#goodsWrapper div#image img {
    width: 300px;
}
/* Goods End */



/* Footer Start */
footer {
    margin-top: 16px;
    text-align: center;
    padding: 20px;
    border-top: solid 1px #6495ED;
}
footer p {
    font-size: 82%;
    line-height: 24px;
}
/* Footer End */


/* Hti Start */

div#com_header {
    border-bottom: solid 1px #6495ED;
}

div#com_header div#title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 42px;
    padding: 15px 0;
}

div#companyContent div#companyMain {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0;
}

div#companyContent div#companyMain div#companyLeft {
    float: left;
    width: 400px;
    margin: 0 auto;
}

div#companyContent div#companyMain div#title {
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 26px;

}

div#companyContent div#companyMain ul#com_top {
    padding: 20px 0;
}

div#companyContent div#companyMain ul#com_top li {
    list-style: none;
    line-height: 26px;
    margin: 10px 40px;
}

div#companyContent div#companyMain ul#com_top li p.label {
    float: left;
    width: 100px;
    padding: 0 10px;
}

div#companyContent div#companyMain ul#com_top li p.sub {
    float: left;
    width: 150px;
}

div#companyContent div#companyMain div#companyRight {
    float: left;
    width: 400px;
    margin: 0 auto;
}

div#companyContent div#companyMain div#lhog_top {
    margin: 10px 40px;
}

div#companyContent div#companyMain div#lhog_top p#img {
    padding: 20px 10px 10px 10px;
}

div#companyContent div#companyMain div#lhog_top p#img img {
    width: 180px;
}

div#companyContent div#companyMain div#lhog_top p#link {
    padding: 0 10px;
}

div#companyContent div#companyMain ul#com_profile {
    padding: 20px 0;
}

div#companyContent div#companyMain ul#com_profile li {
    list-style: none;
    line-height: 26px;
    margin: 10px 40px;
}

div#companyContent div#companyMain ul#com_profile li p.label {
    float: left;
    width: 150px;
    padding: 0 10px;
}

div#companyContent div#companyMain ul#com_profile li p.sub {
    float: left;
    width: 420px;
}

div#companyContent div#companyMain ul#com_history {
    padding: 20px 0;
}

div#companyContent div#companyMain ul#com_history li {
    list-style: none;
    line-height: 26px;
    margin: 10px 40px;
}

div#companyContent div#companyMain ul#com_history li p.label {
    float: left;
    width: 150px;
    padding: 0 10px;
}

div#companyContent div#companyMain ul#com_history li p.sub {
    float: left;
    width: 420px;
}

div#companyContent div#companyMain ul#com_products {
    padding: 20px 0;
}

div#companyContent div#companyMain div#productsLeft {
    float: left;
    width: 600px;
}

div#companyContent div#companyMain ul#com_products li {
    list-style: none;
    line-height: 26px;
    margin: 10px 40px;
}

div#companyContent div#companyMain ul#com_products li p.label {
    float: left;
    width: 150px;
    padding: 0 10px;
}

div#companyContent div#companyMain ul#com_products li p.sub {
    float: left;
    width: 320px;
}

div#companyContent div#companyMain div#productsRight {
    float: left;
    width: 200px;
}

div#companyContent div#companyMain div#productsRight div#mail {
    padding: 30px 20px;
}

div#companyContent div#companyMain div#productsRight div#mail p {
    float: left;
    padding: 0 3px;
    line-height: 16px;
}

div#companyContent div#companyMain div#productsRight div#mail img {
    height: 15px;
}

div#companyContent div#navi {
    width: 500px;
    margin: 0 auto;
}

div#companyContent div#navi a {
    margin: 10px 20px;
}



/* Hti End */