@charset "utf-8";

/*CSS Reset */

* {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, "i?-i?3 i?a?La?Ea??a?P", Osaka, "a??a?ca?Ra??e?a?L Pro W3";
margin: 0;
padding: 0;
font-size: 12px;
text-indent: 0;
list-style: none;
}
table, caption, iframe, th, td, img {
border: none;
}

/* General Settings */

body {
/* scrollbar for IE */
SCROLLBAR-FACE-COLOR:       #000000;
SCROLLBAR-HIGHLIGHT-COLOR:  #777777;
SCROLLBAR-SHADOW-COLOR:     #777777;
SCROLLBAR-3DLIGHT-COLOR:    #000000;
SCROLLBAR-ARROW-COLOR:      #777777;
SCROLLBAR-TRACK-COLOR:      #333333;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
A:active,
A:visited,
A:link {
COLOR: #FFFFFF;
text-decoration: underline;
}
A:hover {
COLOR: #FFFFFF;
text-decoration: underline;
}

/* Layout ID */

div#wrap {
overflow: hidden;
}
div#contents {
color: #fff;
width: 960px;
height: 570px;
overflow:auto;
position:absolute;
top:50%;
left:50%;
margin-top: -280px;
margin-left: -480px;
overflow: hidden;
background: url(../img/bg.jpg) no-repeat 0 0;
}
p#sendmail a {
width: 83px;
height: 50px;
display: block;
position: relative;
top: 0px;
left: 830px;
margin-bottom: -50px;
text-indent: -9999px;
overflow: hidden;
}
div#menu {
float: left;
height: 530px;
width: 200px;
overflow: hidden;
}
div#menu iframe {
height: 530px;
width: 200px;
padding: 0;
margin: 0;
overflow: hidden;
}
div#bread {
float: left;
width: 300px;
height: 20px;
margin: 30px 50px 10px 30px;
overflow: hidden;
}
*html body div#info {  /* IE6 */
margin-left: 15px;
}
div#bread p,
div#bread a:link,
div#bread a:visited,
div#bread a:active {
font-size: 10px;
color: #ccc;
word-spacing: 0.25em;
text-decoration: none;
}
div#bread a:hover {
color: #FFF;
text-decoration: underline;
}
div#info {
float: right;
width: 330px;
height: 30px;
margin: 20px 50px 10px 0;
overflow: show;
}
*html body div#info {  /* IE6 */
margin-right: 25px;
}
div#main {
clear: right;
width: 650px;
height: 230px;
overflow: hidden;
marging-top: -50px;
padding-left: 30px;
}
div.main_left {
float: left;
width: 300px;
overflow: hidden;
}
div.main_left img {
width: 300px;
}
div.main_right {
color: #fff;
float: right;
width: 300px;
overflow: hidden;
}
div#left {
float: left;
width: 300px;
height: 440px;
margin-left: 30px;
background: none;
}
div#right {
float: right;
width: 300px;
height: 440px;
margin-right: 80px;
background: none;
position:absolute;
top:100%;
right: 0%;
margin-top: -242px;
}
div#left_tall {
float: left;
width: 300px;
height: 440px;
margin: 70px 0 0 30px;
background: none;
}
div#right_tall {
float: right;
width: 300px;
height: 440px;
margin-right: 80px;
background: none;
}
div#about {
height: 440px;
width: 700px;
overflow-y: auto;
overflow-x: hidden;
line-height: 1.6em;
}
table#detail {
margin: 0px 20px;
width: 670px;
}
table.table_title {
width: 100%;
font-weight: normal;
text-align: left;
}
table.table_title img {
margin-right: 50px;
}
div#footer {
height: 55px;
width: 100%;
text-align: center;
position:absolute;
top: 100%;
right: 0%;
margin-top: -40px;
}
div#footer p {
word-spacing: 0.25em;
font-size: 10px;
color: #333;
}
div#footer a:link,
div#footer a:visited,
div#footer a:active {
font-size: 10px;
color: #555;
}
div#footer a:hover {
color: #F23;
}
div#footer p.designed,
div#footer p.designed a {
font-size: 10px;
}

/* MENU settings */ 

div#menu {
width: 200px;
height: 530px;
background: url(http://dartscase.jp/img/menu_bg.jpg) no-repeat 0 0;
}
h2#logo a {
width: 170px;
height: 45px;
display: block;
margin-left: 30px;
text-indent: -9999px;
}
div.menu_right {
float: right;
width: 84px;
display: block;
overflow: hidden;
}
div.menu_left {
float: right;
width: 86px;
display: block;
overflow: hidden;
}
div.item_menu {
clear: both;
float: right;
width: 158px;
}
div#menu ul li a {
text-indent: -9999px;
}
/* Menu Link */
div#menu ul li.dartscase01 a { display: block; width: 86px; height: 69px; background-image: none; }
div#menu ul li.dartscase02 a { display: block; width: 84px; height: 70px; margin-top: 32px; background-image: none; }
div#menu ul li.dartscase03 a { display: block; width: 86px; height: 69px; background-image: none; }
div#menu ul li.dartscase04 a { display: block; width: 84px; height: 69px; background-image: none; }
div#menu ul li.dartscase05 a { display: block; width: 86px; height: 66px; background-image: none; }
div#menu ul li.dartscase06 a { display: block; width: 84px; height: 69px; margin-top: 4px; background-image: none; }
div#menu ul li.dartscase07 a { display: block; width: 86px; height: 66px; margin-top: 3px; background-image: none; }
div#menu ul li.dartscase08 a { display: block; width: 84px; height: 67px; background-image: none; }
div#menu ul li.dartscase09 a { display: block; width: 86px; height: 74px; background-image: none; }
div#menu ul li.dartscase10 a { display: block; width: 84px; height: 70px; background-image: none; }
div#menu ul li.item01 a {display: block; width: 158px; height: 30px; background-image: none; }
div#menu ul li.item02 a {display: block; width: 158px; height: 30px; background-image: none; }
div#menu ul li.item03 a {display: block; width: 158px; height: 30px; background-image: none; }
/* Menu Link Hover */
div#menu ul li.dartscase01 a:hover { background: url(http://dartscase.jp/img/01h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase02 a:hover { background: url(http://dartscase.jp/img/02h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase03 a:hover { background: url(http://dartscase.jp/img/03h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase04 a:hover { background: url(http://dartscase.jp/img/04h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase05 a:hover { background: url(http://dartscase.jp/img/05h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase06 a:hover { background: url(http://dartscase.jp/img/06h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase07 a:hover { background: url(http://dartscase.jp/img/07h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase08 a:hover { background: url(http://dartscase.jp/img/08h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase09 a:hover { background: url(http://dartscase.jp/img/09h.jpg) no-repeat 0 0; }
div#menu ul li.dartscase10 a:hover { background: url(http://dartscase.jp/img/10h.jpg) no-repeat 0 0; }
div#menu ul li.item01 a:hover { background: url(http://dartscase.jp/img/concho_h.jpg) no-repeat 0 0; }
div#menu ul li.item02 a:hover { background: url(http://dartscase.jp/img/hook_h.jpg) no-repeat 0 0; }
div#menu ul li.item03 a:hover { background: url(http://dartscase.jp/img/tipholder_h.jpg) no-repeat 0 0; }
/* Menu Link Active */
div#menu ul li.dartscase01 a:active { background: url(http://dartscase.jp/img/01a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase02 a:active { background: url(http://dartscase.jp/img/02a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase03 a:active { background: url(http://dartscase.jp/img/03a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase04 a:active { background: url(http://dartscase.jp/img/04a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase05 a:active { background: url(http://dartscase.jp/img/05a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase06 a:active { background: url(http://dartscase.jp/img/06a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase07 a:active { background: url(http://dartscase.jp/img/07a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase08 a:active { background: url(http://dartscase.jp/img/08a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase09 a:active { background: url(http://dartscase.jp/img/09a.jpg) no-repeat 0 0; }
div#menu ul li.dartscase10 a:active { background: url(http://dartscase.jp/img/10a.jpg) no-repeat 0 0; }
div#menu ul li.item01 a:active { background: url(http://dartscase.jp/img/concho_a.jpg) no-repeat 0 0; }
div#menu ul li.item02 a:active { background: url(http://dartscase.jp/img/hook_a.jpg) no-repeat 0 0; }
div#menu ul li.item03 a:active { background: url(http://dartscase.jp/img/tipholder_a.jpg) no-repeat 0 0; }

/* text settings */

div#search, h1 {
display: none;
}
div.comments {
width: 300px;
height: 190px;
padding-top: 5px;
}
div.comments p {
line-height: 1.5em;
margin-bottom: 8px;
}
img.img_main {
margin-bottom: 10px;
}
h2.title {
font-size: 0px;
font-color: #000;
}
h2 span.h2_small {
font-weight: normal;
font-size: 9px;
font-color: #fff;
display: block;
width: 185px;
height: 24px;
overflow: hidden;
text-indent: 0;
float: right;
margin-top: 7px;
*margin-top: 0px; /* IE */
line-height: 12px;
}
h2.gallery {
width: 300px;
height: 35px;
margin-top: 15px;
line-height: 10px;
background: url(../img/h2_gallery.jpg) no-repeat 0 0 ;
border-bottom: 1px solid #FFF;
text-indent: -9999px;
}
h2.colors {
width: 300px;
height: 35px;
margin-top: 15px;
line-height: 10px;
background: url(../img/h2_colors.jpg) no-repeat 0 0 ;
border-bottom: 1px solid #FFF;
text-indent: -9999px;
}
h2.menu {
width: 300px;
height: 35px;
margin-top: 7px;
line-height: 10px;
background: url(../img/h2_menu.jpg) no-repeat 0 0 ;
border-bottom: 1px solid #FFF;
text-indent: -9999px;
}
div.to_order h2 a:active,
div.to_order h2 a:visited,
div.to_order h2 a:link {
margin-bottom: 17px;
text-indent: -9999px;
height: 63px;
width: 300px;
display: block;
overflow: hidden;
background: url(../img/kochira.jpg) no-repeat 0 -67px ;
}
div.to_order h2 a:hover {
background: url(../img/kochira.jpg) no-repeat 0 0 ;
}
div#left ul {
display: block;
width: 310px;
overflow: hidden;
position: relative;
}
div#left ul li {
line-height: 0px;
}
div#left ul li a:link,
div#left ul li a:visited {
display: block;
width: 52px;
height: 40px;
overflow: hidden;
float: left;
margin: 7px 7px 0 0;
border: 1px solid #777;
}
div#left ul li a img {
width: 80px;
height: auto;
position: relative;
top: -40%;
left: -25%;
}
div#left ul li a:hover { border: 1px solid #FFF; }
div#left ul li a:active { border: 1px solid #C00; }
img.thumbnail {
margin: 7px 5px 0 0;
}
div.banner img {
margin: 3px 0;
}
div.banner hr {
margin: 30px 0 35px 0;
*margin: 20px 0 0 0; /* IE */
height: 0;
border: none;
*color: #111; /* IE */
}
p.small_letter {
font-size: 8px;
text-align: center;
}
table#detail tr {
height: 4em;
*height: 3.5em;  /* IE */
}
table#detail th {
text-align: right;
font-size: 1.25em;
}
table#detail td {
padding: 0 20px;
}
table#detail td h2 {
margin: 0 0 10px -16px;
}
table#detail td h3 {
font-size: 1em;
margin-top: 20px;
text-indent: -1em;
}
table#detail td h4 {
font-size: 1em;
margin: 20px 0 10px 0;
text-indent: -10px;
}
table#detail td p {
width: 615px;
text-align: justify;
margin: 0 0 10px 0;
*margin-left: -5px;
}
table#detail ul li {
margin-left: 1.25em;
list-style-type: square;
}
table#detail hr {
width: 100%;
height: 1px;
margin: 2em -1em;
}
table#detail td p strong,
table#detail td p strong a {
font-size: 18px;
margin: 20px auto;
line-height: 24px;
}
table#souryou {
margin: 10px 0 10px 0;
border-collapse: collapse;
border: 1px solid #fff;
}
table#souryou td {
border: 1px solid #fff;
padding: 5px 7px;
white-space: nowrap;
text-align: center;
}
table#shopsearch ul {
width: 600px;
height: auto;
margin-left: 0 0 20px 0 ;
}
table#shopsearch ul li {
margin: 5px;
display: block;
float: left;
width: 90px;
height: 50ps;
}
dl.details dt {
display: block;
width: 100px;
float: left;
}
dl.details dd {
display: block;
width: 150px;
float: left;
}
table#banner tbody tr td pre {
display: block;
border: 1px solid #777;
width: 350px;
margin: 5px 0 10px 0;
overflow-x: scroll;
}