@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 {
}
div#contents {
color: #fff;
width: 960px;
height: 570px;
overflow:auto;
position:absolute;
top:50%;
left:50%;
margin-top: 0;
margin-left: -480px;
overflow: hidden;
background: url(../img/bg.jpg) no-repeat 0 0;
}
div#toppage {
width: 960px;
height: 570px;
overflow:auto;
position:absolute;
top:50%;
left:50%;
margin-top: 0;
margin-left: -480px;
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_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: 50px;
width: 100%;
text-align: center;
position:absolute;
top:100%;
right: 0%;
margin-top: -35px;
}
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;
}




/* text settings */

div#hidden, h1.hidden {
display: none;
}
div.comments {
width: 300px;
height: 190px;
padding-top: 5px;
}
div.comments p {
line-height: 1.6em;
margin-bottom: 10px;
}
img.img_main {
margin-bottom: 10px;
}
h2.title {
font-size: 0px;
font-color: #000;
}
h2 span.h2_small {
font-weight: normal;
font-size: 10px;
font-color: #fff;
display: block;
width: 185px;
text-indent: 0;
float: right;
margin-top: -2px;
line-height: 12px;
}
h2.gallery {
width: 300px;
height: 35px;
margin-top: 7px;
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: 7px;
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 0 ;
}
div.to_order h2 a:hover {
background: url(../img/kochira_o.jpg) no-repeat 0 0 ;
}
img.thumbnail {
margin: 7px 5px 0 0;
}
div.banner img {
margin: 3px 0;
}
p.small_letter {
font-size: 10px;
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;
}