@charset "Shift-jis";
html, body, div, span, h1, h2, h3, h4, h5, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
font-weight: normal;
font-size: 100%;
font-style:inherit;
vertical-align: baseline;
}
body {
line-height: 1;
}
ul, ol {
list-style: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
margin-left: -1px;
}
/*
-----------------------------------
Body
-----------------------------------
*/
body {
background:#000;
color:#999999;
font:13px/1.5 "Lucida Grande", "Hiragino Kaku Gothic Pro", "30D230E930AE30CE89D230B420Pro20W3", "30e130a430ea30aa", "FF2DFF3320FF3030B430B730C330AF", "Osaka", verdana, arial, sans-serif;
letter-spacing:0.02em;
}
#dwrapper {
background:#1b0e07 url(../images/bg.jpg) repeat;
}
/*
-----------------------------------
Link
-----------------------------------
*/
a {
color:#968F6F;
text-decoration:underline;
}
a:hover {
color:#000;
background-color:#DB9F4F;
text-decoration:none;
}
/*
-----------------------------------
Default
-----------------------------------
*/
p, ul, dl, ol {
margin-bottom:1em;
}
strong {
font-weight:bold;
}
h2, h3, h4, h5, h6 {
color:#FFF;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
}
#content_pri .news_listing h3 {
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #434545;
color:#FFF;
display:block;
position:relative;
top: -3px;
font-size:15px;
}
h2 {
margin-bottom:20px;
padding:5px 15px;
font-size:20px;
}
#latest_news_listin h3 {
margin-bottom:8px;
padding:5px 0;
font:14px/1 bold "Helvetica Neue", Arial, sans-serif;
}
h4 {
margin-bottom:10px;
clear:both;
font-size:13px;
}
img.left {
margin:4px 15px 15px 0;
float:left;
}
img.right {
margin:4px 0 15px 15px;
float:right;
}
input[type='text'] {
padding:4px;
border:none;
}
textarea {
padding:4px;
border:none;
}
input, textarea {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size:13px;
}
.news_listing ul li {
padding-left:10px;
background:url(../images/arrw_gray.gif) no-repeat 2px 5px;
}
ul li ul {
margin:0;
padding:0;
}
ul li ul li {
background:none;
}
dl {
text-align: center;
}
/*
-----------------------------------
List
-----------------------------------
*/
ol.listing li {
display:inline;
}
ol.listing li a {
padding:3px 0 3px 10px;
border-bottom:1px solid #292929;
display:block;
background:url(../images/arrw.gif) no-repeat 2px 9px;
text-decoration:none;
}
ol.listing li a:hover {
border-bottom:1px solid #bcfafb;
background-color:#db9f4f;
color:#000;
background-position:2px -385px;
}
/*
-----------------------------------
Container
-----------------------------------
*/
#container {
margin:0 auto;
margin-bottom:40px;
overflow:hidden;
position:relative;
width:960px;
}
.home h2 {
padding-top:10px;
background:url(../images/h2intro.gif) no-repeat left top;
text-indent:-9999em;
}
.about h2 {
padding-top:10px;
background:url(../images/h2about.gif) no-repeat left top;
text-indent:-9999em;
}
.menu h2 {
background:url(../images/h2menu.gif) no-repeat left top;
text-indent:-9999em;
}
.news h2 {
background:url(../images/h2news.gif) no-repeat left top;
text-indent:-9999em;
}
.contact h2 {
background:url(../images/h2access.gif) no-repeat left top;
text-indent:-9999em;
}
.thanks h2 {
background:url(../images/h2thanks.gif) no-repeat left top;
text-indent:-9999em;
}
.error h2 {
background:url(../images/h2error.gif) no-repeat left top;
text-indent:-9999em;
}
h2.h2403 {
background:url(../images/h2403.gif) no-repeat left top;
text-indent:-9999em;
}
h2.h2404 {
background:url(../images/h2404.gif) no-repeat left top;
text-indent:-9999em;
}
#content_main h3 {
padding-bottom:3px;
position:relative;
top:3px;
}
/*
-----------------------------------
Header
-----------------------------------
*/
#header {
margin:0 auto;
padding:30px 15px;
position:relative;
width:930px;
}
#header h1 a {
display:block;
background:url(../images/logo.gif) no-repeat 0 0;
width:300px;
height:71px;
text-indent:-9999em;
}
/*
-----------------------------------
Navi
-----------------------------------
*/
#navi  {
	margin:0 auto 30px;
position:relative;
background: url(../images/menu_bg.png) repeat;
overflow:hidden;
width:960px;
text-transform:uppercase;
font-size:12px;
font-family:"Helvetica Neue", Arial, sans-serif;
}
ul#navi-menu  {
	margin:0;
float:left;
}
ul#navi-menu li,ul#navi-icon li {
display: block;
width:auto;
float:left;
}
ul#navi-menu li a {
padding:10px 15px;
display:block;
color:#CCC;
text-decoration:none;
font-weight:bold;
}
ul#navi-menu li a:hover {
background:#7c0000;
}
ul#navi-menu li.cur a, ul#navi-menu li.cur a:hover {
color:#FFF;
background:#A40000;
}
/*  */
ul#navi-icon {
margin:0;
padding:0;
float:right;
}
ul#navi-icon {
margin-right:20px;
}
ul#navi-icon li a {
margin:8px 0 0 12px;
display:block;
}
ul#navi-icon li#twitter {
text-indent:-9999px;
}
ul#navi-icon li#twitter a {
background: url(../images/twitter.png) no-repeat left top;
width:20px;
height:20px;
}
ul#navi-icon li#rss {
text-indent:-9999px;
}
ul#navi-icon li#rss a {
background: url(../images/rss.png) no-repeat left top;
width:20px;
height:20px;
}

/*
-----------------------------------
Footer
-----------------------------------
*/
#footer {
margin-top:40px;
padding:20px 0 10px;
clear:both;
background:url(../images/black_bg.png) repeat;
font-size:12px;
}
#footer_inner {
margin:0 auto;
padding:10px;
width:930px;
}
#footer a {
text-decoration:none;
}
#footer_inner  ul{
clear:both;
font:12px "Helvetica Neue", Arial, sans-serif;
position:relative;
}
#footer_inner ul li {
display:inline;
}
#footer_inner ul li.copyright {
margin-right:5px;
padding-right:8px;
border-right:1px solid #ccc;
display:inline;
}
#about_area {
margin-right:25px;
margin-bottom:10px;
width:450px;
float:left;
}
#about_area p {
width:350px;
}
#contactus_area {
padding-left:200px;
width:255px;
float:right;
}
p.feed{
padding-left:21px;
background:url(../images/rss.gif) no-repeat left center;
}
/*
-----------------------------------
Top
-----------------------------------
*/
.home #content_pri {
margin-right:24px;
padding:25px 15px 0 15px;
background:url(../images/black_bg.png) repeat;
float:left;
width:215px;
font-size: 12px;
}
.home #content_main {
padding:15px 15px 0 15px;
width:660px;
background:url(../images/black_bg.png) repeat;
float:right;
}
.home h2 {
margin-bottom: 15px;
margin-top: -5px;
padding:0;
}
/*
-----------------------------------
Slider
-----------------------------------
*/
#slideshow {
list-style:none;
color:#fff;
}
#slideshow span {
display:none;
}
#wrapper {
margin:10px auto;
width:646px;
height:557px;
display:none
}
#wrapper * {
margin:0;
padding:0;
}
#fullsize {
padding:2px;
border:1px solid #ccc;
position:relative;
width:640px;
height:427px;
background:#000;
}
#information {
position:absolute;
bottom:0;
width:640px;
height:0;
background:#000;
color:#fff;
overflow:hidden;
z-index:200;
opacity:.7;
filter:alpha(opacity=70);
}
#information h3 {
padding:7px 15px 10px;
font-size:16px;
}
#information p {
padding:0 15px 17px;
font-size:12px;
}
#image {
width:500px;
}
#image img {
position:absolute;
z-index:25;
width:auto;
}
.imgnav {
position:absolute;
width:25%;
height:306px;
cursor:pointer;
z-index:150;
}
#imgprev {
left:0;
background:url(../images/left.gif) left center no-repeat;
}
#imgnext {
right:0;
background:url(../images/right.gif) right center no-repeat;
}
#imglink {
position:absolute;
height:306px;
width:100%;
z-index:100;
opacity:.4;
filter:alpha(opacity=40);
}
.linkhover {
background:url(../images/link.gif) center center no-repeat;
}
#thumbnails {
margin-top:15px;
}
#slideleft {
float:left;
width:20px;
height:97px;
background:url(../images/scroll-left.gif) center center no-repeat;
background-color:#222;
}
#slideleft:hover {
background-color:#333
}
#slideright {
float:right;
width:20px;
height:97px;
background:#222 url(../images/scroll-right.gif) center center no-repeat
}
#slideright:hover {
background:#333;
}
#slidearea {
float:left;
position:relative;
width:596px;
margin-left:5px;
height:97px;
overflow:hidden;
}
#slider {
position:absolute;
left:0;
height:97px;
}
#slider img {
padding:2px;
cursor:pointer;
border:1px solid #666;
}
/*
-----------------------------------
Menu
-----------------------------------
*/

.menu #content_pri {
margin-left:24px;
width:650px;
float:right;
}
.menu #content_main {
width:285px;
float:left;
}
.menu #content_pri .news_listing {
margin-bottom:1em;
padding:15px;
overflow:auto;
zoom:1;
background:url(../images/black_bg.png) repeat;
}
#news_list {
padding:15px;
background:#000;
}
.menu #content_pri .news_listing h3 a {
color:#FFF;
text-decoration:none;
background:none;
font-weight:bold;
}
.menu #content_pri .news_listing h3 a:hover {
color:#A0E0E0;
}
.menu #content_pri .news_listing h3 {
clear:both;
}
.menu #content_pri .news_listing img {
margin-left: 15px;
float:right;
}
.menu #content_pri .news_listing p {
width:440px;
}
ul.menu_list li {
text-align:right;
background: url(../images/dotted.gif) repeat-x left 9px;
}
ul.menu_list li strong, ul.menu_list li em {
padding: 0 10px;
float: left;
background: #000;
font-weight:normal;
}
ul.menu_list li em {
float: none;
}
ul.menu_list li strong span {
margin-left:1em;
font-style:italic;
}
.menu #content_pri .news_listing p.wine-para {
width:300px;
}
.news_listing p a{
    padding:0 0 0 10px;
	background: url(../images/arrw.gif) no-repeat left 5px;
}
.news_listing p a:hover {
    border-bottom:1px solid #bcfafb;
	background-color:#db9f4f;
    color:#000;
    background-position:0 -388px;
}
/*
-----------------------------------
Full course
-----------------------------------
*/
#list_proglam {
margin-bottom:20px;
overflow:auto;
height:1%;
}
.menu h4 {
clear:none;
}
.prev input, .next input{
border: none;
background: none;
color:#968F6F;
cursor: pointer;
font-size:11px;
padding-left:10px;
background: url(../images/arrw_back.gif) no-repeat left center;
}
.next input{
padding:0 6px 0 0;
background: url(../images/arrw_gray.gif) no-repeat right center;
}
.prev input:hover, .next input:hover{
color:#FFF;
}

/*
-----------------------------------
News & Events
-----------------------------------
*/

.news #content_pri {
margin-right:24px;
width:650px;
float:left;
}
.news #content_main {
width:285px;
float:right;
}
.news #content_pri .news_listing {
margin-bottom:1em;
padding:15px;
overflow:auto;
zoom:1;
background:url(../images/black_bg.png) repeat;
}
#news_list {
padding:15px;
background:url(../images/black_bg.png) repeat;
}
.news #content_pri .news_listing h3 a {
color:#FFF;
text-decoration:none;
background:none;
}
.news #content_pri .news_listing h3 a:hover {
color:#A0E0E0;
}
.news #content_pri .news_listing img {
margin: 0.4em 0 0 0px;
width:160px;
float:right;
}
.news #content_pri .news_listing p {
width:450px;
}
.news #content_pri #btn-box .prev {
float:left;
}
.news #content_pri #btn-box .next {
float:right;
}
.news #content_pri #btn-box .nbox1 {
width:80px;
display:block;
background-color:#000000;
border:1px solid #333333;
color:#ddd;
padding:2px;
cursor:pointer;
}
.news #content_pri #btn-box .nbox1 {
padding-left:12px;
background: url(../images/arrw_back.gif) no-repeat left 3px;
}

.link_back {
padding-left:12px;
background: url(../images/arrw_back.gif) no-repeat left 3px;
}
a.link_back {
font-size:11px;
text-decoration:none;
}
a:hover.link_back {
color:#FFF;
background: url(../images/arrw_back.gif) no-repeat left 3px;
}
/*
-----------------------------------
Contact
-----------------------------------
*/
.contact #content_pri {
margin-right:24px;
padding:15px;
width:590px;
float:left;
background:url(../images/black_bg.png) repeat;
}
.contact #content_main {
padding:15px;
width:285px;
float:right;
background:url(../images/black_bg.png) repeat;
}
form#freeform textarea {
padding-bottom:2em;
width:490px;
}
/*
-----------------------------------
Error
-----------------------------------
*/
.error #content_main {
padding:10px 0px;
width:960px;
float:left;
background:url(../images/black_bg.png) repeat;
}
.error #content_main h3 {
margin:0 100px 20px;
padding-bottom:10px;
border-bottom:1px solid #434545;
font-size:15px;
}
.error #content_main p {
padding:0 100px;
}
/*
-----------------------------------
Thanks
-----------------------------------
*/
.thanks #content_main {
padding:10px 0px;
width:960px;
float:left;
background:url(../images/black_bg.png) repeat;
}
.thanks #content_main h3 {
margin:0 100px 20px;
padding-bottom:10px;
border-bottom:1px solid #434545;
font-size:15px;
}
.thanks #content_main h4 {
margin:0 100px 30px;
font-size:14px;
}
.thanks dl {
margin:0 100px 20px;
}
.thanks dt {
float:left;
width:12em;
text-align:left;
}
.thanks dd {
margin-bottom:0.5em;
text-align:left;
}
/*
-----------------------------------
Gallery
-----------------------------------
*/
.caption {
font-style:italic;
color:#887;
}
.demo {
position:relative;
margin-top:2em;
}
.gallery_demo {
width:642px;
margin:0 auto;
}
.gallery_demo li {
width:70px;
height:50px;
border:3px double #111;
margin: 0 2px;
background:#000;
}
.gallery_demo li div {
left:240px
}
#main_image {
margin:0 auto 10px auto;
height:438px;
width:640px;
background:black;
}
#main_image img {
margin-bottom:10px;
}
.nav {
margin-bottom:30px;
padding-top:5px;
clear:both;
font:12px 'helvetica neue', sans-serif;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}
.nav a {
color:#FFF;
text-decoration:none;
font:normal bold 11px/1 Arial, Helvetica, sans-serif;
}
.nav a:hover {
text-decoration:none;
}
.galleria {
list-style:none;
width:640px
}
.galleria li {
display:block;
width:69px;
height:55px;
overflow:hidden;
float:left;
margin:0 5px 8px 0
}
.galleria li a {
display:none
}
.galleria li div {
position:absolute;
display:none;
top:0;
left:180px
}
.toku {
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size:16px;
}