/* common.css */

*{
margin: 0; 
padding: 0; 
}

p,pre,blockquote,ul,ol,dl,dd,form,input,textarea,th,td {margin:0;padding:0;}

img {border:none;}

ul, ol, li{
list-style:none;
line-height:100%;}

html {
height: 100%;
}

/*-------------------- body --------------------*/
body {
font-family : "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 85%;
line-height: 170%;
font-style: normal; 
font-weight: 500; 
text-decoration: none; 
color: #000;
background-color: #fff;
height: 100%;
}
body#eng {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 82%;
line-height: 160%;
font-style: normal; 
font-weight: normal; 
text-decoration: none; 
color: #000;
background-color: #fff;
height: 100%;
}
body#korean,
body#chi_t,
body#chi_s {
font-family : sans-serif;
font-size: 82%;
line-height: 170%;
font-style: normal; 
font-weight: normal; 
text-decoration: none; 
color: #000;
background-color: #fff;
height: 100%;
}

body#story {
background-color: #a89b91;
background: url(../image/bg_story.gif);
height: 100%;
}

html>/**/body {  
    font-size: 12px;  
}

#wrap {
background: url(../image/bg.gif) repeat-x left top;
background-color: #fff;
}
#story #wrap {
background-color: #a89b91;
background: url(../image/bg_story.gif) repeat left top;
}


/*-------------------- container --------------------*/
#h_wrap {
margin:0px auto;
background: url(../image/h_bg_other.jpg) no-repeat center top;
}

#kawa #h_wrap {
background: url(../image/h_bg01.jpg) no-repeat center top;
}
#bun #h_wrap {
background: url(../image/h_bg02.jpg) no-repeat center top;
}
#rokkyu #h_wrap {
background: url(../image/h_bg03.jpg) no-repeat center top;
}
#photo #h_wrap {
background: url(../image/h_bg04.jpg) no-repeat center top;
}
#yanagawa #h_wrap {
background: url(../image/h_bg05.jpg) no-repeat center top;
}
#acc #h_wrap {
background: url(../image/h_bg06.jpg) no-repeat center top;
}
#topics #h_wrap {
background: url(../image/h_bg_topi.jpg) no-repeat center top;
}
#story #h_wrap {
background: url(../image/h_bg_story.jpg) no-repeat center top;
}
#eng #container,
#korean #container,
#chi_t #container,
#chi_s #container {
background: url(../image/h_bg01.jpg) no-repeat center top;
}

#container {
width:910px;
padding:0px 20px 0px 20px;
margin:0px auto;
}

/*-------------------- header --------------------*/
#header {
width: 910px;
height: 230px;
vertical-align: top;
}

#logo {
width: 226px;
height: 96px;
display: block;
float: left;
}
#h_menu {
width: 143px;
height: 26px;
display: block;
float: right;
}
#h_menu li {
height: 26px;
display : inline;
float: left; 
}
#h_menu img {
vertical-align: bottom;
}
#h_reserve {
width: 180px;
height: 180px;
margin: 10px 44px 0 0;
display: block;
float: right;
}

#eng #logo {
width: 445px;
height: 96px;
display: block;
float: left;
}
#korean #logo {
width: 512px;
height: 65px;
display: block;
float: left;
}
#chi_t #logo {
width: 446px;
height: 65px;
display: block;
float: left;
}
#chi_s #logo {
width: 447px;
height: 65px;
display: block;
float: left;
}

/*-------------------- contents --------------------*/
#contents {
width: 910px;
margin: 0px auto;
} 

/*-------------------- menu --------------------*/
#menu {
width: 688px;
height: 45px;
display: block;
float: left;
}
#menu li {
height: 45px;
display : inline;
float: left; 
}
#menu img {
vertical-align: bottom;
}
/*-------------------- pan --------------------*/
#bread {
width: 680px;
margin: 20px 0 30px;
text-align: right;
display: block;
float: right;
}
#bread_p {
width: 650px;
margin: 20px 30px;
text-align: right;
display: block;
float: right;
}

.bread_t {
color: #666;
font-size: 10px;
text-decoration: none;
line-height:120%;
}
.bread_t a {
color: #5c8111;
text-decoration: none;
}
.bread_t a:hover {
color: #ce3950;
text-decoration: underline;
}


/*-------------------- footer --------------------*/

#add {
width: 800px;
height: 50px;
margin-bottom: 24px;
display: block;
float: left;
}
#add #kappa {
width: 86px;
height: 50px;
margin-right: 10px;
display: block;
float: left;
}
#add #add_t {
font-family : 'ＭＳ Ｐ明朝','ＭＳ 明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','Times New Roman',Century,serif;
width: 700px;
margin-top: 8px;
display: block;
float: left;
}
#add #add_txt {
font-family : 'ＭＳ Ｐ明朝','ＭＳ 明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','Times New Roman',Century,serif;
width: 700px;
margin-top: 15px;
display: block;
float: left;
}
#eng#add #add_t {
font-family : 'Times New Roman', Times, serif;
width: 700px;
margin-top: 8px;
display: block;
float: left;
}
.t14 {
font-size: 14px;
font-weight: bold; 
line-height: 150%;
}
#footer {
width: 910px;
margin: 0 auto;
}
#footer_menu {
width: 380px;
height: 20px;
float: left;
}
#footer_menu li {
height: 20px;
display : inline;
margin-right: 9px;
float: left; 
}
#footer_menu img {
vertical-align: bottom;
}
#f_line {
width: 910px;
margin: 5px auto;
border-bottom: solid 3px #000;
}
#copyright {
width: 380px;
height: 20px;
margin: 5px auto 50px;
}

/*-------------------- hide --------------------*/
.hide {
display:block;
position:absolute;
top:-9999px;
left:-9999px;
}
/*-------------------- link --------------------*/
a:link {
color: #5c8111;
text-decoration: none;
}

a:visited {
color: #4a6b08;
text-decoration: none;
}
a:hover {
color: #cc0000;
text-decoration: underline;
}
a:active {
color: #d55021;
text-decoration: underline;
}

/*-------------------- font--------------------*/
.xxsmall {
  font-size: 65%;
  line-height: 170%;
  letter-spacing: 0em;
}
.xsmall {
  font-size: 75%;
  line-height: 170%;
}
.small {
  font-size: 85%;
  line-height: 180%;
}
.small_xs {
  font-size: 85%;
  line-height: 100%;
}
.medium {
  font-size: 90%;
  line-height: 180%;
}
.medium_s {
  font-size: 90%;
  line-height: 140%;
}
.medium_xs {
  font-size: 90%;
  line-height: 100%;
}
.normal_l {
  line-height: 240%;
}
.large {
  font-size: 105%;
  line-height: 160%;
}
.xlarge {
  font-size: 120%;
  line-height: 160%;
}
.l_height0 {
  line-height: 105%;
}
.t12 {
  font-size: 12px;
  line-height: 180%;
}
.t10 {
  font-size: 10px;
  line-height: 180%;
}
.bold {
  font-weight: bold; 
}
.normal {
  font-weight: normal; 
}
h2 {
color: #cc0000;
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-size: 24px;
font-weight: 600; 
line-height: 140%;
letter-spacing: 0.2em;
padding: 8px 0 50px 42px;
margin: 10px 0px 25px;
background: url(../image/bg_h2.gif) no-repeat center top;
}

h3 {
color: #874343;
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-size: 140%;
font-weight: 500; 
line-height: 140%;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
#eng h3 {
font-family : 'Times New Roman', Times, serif;
font-size: 150%;
font-weight: normal; 
line-height: 140%;
letter-spacing: 0.0em;
margin-bottom: 20px;
}
#korean h3,
#chi_t h3,
#chi_s h3 {
font-family : serif;
font-size: 140%;
font-weight: normal; 
line-height: 140%;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
h4 {
color: #526846;
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-weight: 600; 
font-size: 130%;
line-height: 150%;
letter-spacing: 0.2em;
margin: 20px 0px 10px;
padding: 1px 8px;
border-left: 4px solid #5c8111;
}

#eng h4 {
font-family : 'Times New Roman', Century, Times, serif;
font-weight: 600; 
font-size: 130%;
line-height: 150%;
letter-spacing: 0.1em;
margin: 20px 0px 10px;
padding: 1px 8px;
border-left: 4px solid #5c8111;
}
#korean h4,
#chi_t h4,
#chi_s h4 {
font-family : serif;
font-weight: 600; 
font-size: 130%;
line-height: 150%;
letter-spacing: 0.2em;
margin: 20px 0px 10px;
padding: 1px 8px;
border-left: 4px solid #5c8111;
}
h5 {
color: #ac3a37;
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-weight: 600; 
font-size: 120%;
line-height: 140%;
letter-spacing: 0.2em;
margin: 10px 0 5px;
}
#eng h5 {
color: #ac3a37;
font-family : 'Times New Roman', Century, Times, serif;
font-weight: bold; 
font-size: 120%;
line-height: 140%;
letter-spacing: 0.1em;
margin: 10px 0 5px;
}
#korean h5,
#chi_t h5,
#chi_s h5 {
font-family : serif;
font-weight: bold; 
font-size: 120%;
line-height: 140%;
letter-spacing: 0.2em;
margin: 10px 0 5px;
}
h6 {
color: #000;
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-weight: bold; 
font-size: 120%;
line-height: 140%;
letter-spacing: 0.1em;
margin: 10px 0 5px;
}
#eng h6 {
font-family : 'Times New Roman', Times, serif;
font-weight: bold; 
font-size: 120%;
line-height: 140%;
letter-spacing: 0.1em;
margin: 10px 0 5px;
}
#korean h6,
#chi_t h6,
#chi_s h6 {
font-family : serif;
font-weight: bold; 
font-size: 120%;
line-height: 140%;
letter-spacing: 0.1em;
margin: 10px 0 5px;
}
.topi_title {
font-family : YuMincho, '游明朝','游明朝体','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HGS明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
font-weight: bold; 
  font-size: 130%;
  color: #5c8111;
  font-weight: bold; 
  line-height: 140%;
  letter-spacing: 0.1em;
  margin: 0px 0px 10px;
  padding: 0px 0px 2px 2px;
  border-bottom: dotted 1px #c6c5c5;
}
#eng .sub {
color: #ac3a37;
font-family : 'Times New Roman', Times, serif;
font-weight: normal; 
font-size: 115%;
line-height: 140%;
margin: 10px 0 5px;
}

.red {
color: #cc0000;
}
.red2 {
color: #ac3a37;
}

.gray {
color: #c0c8b8;
}
.gray2 {
color: #646c53;
}
.green {
color: #48762f;
}
.black {
color: #000000;
}


.under3line {
  line-height: 0;
  margin: 10px 0px;
  border-bottom: solid 3px #c6c5c5;
}
.under1line {
line-height: 0;
margin: 10px 0px;
padding-bottom: 6px;
border-bottom: solid 1px #c6c5c5;
}
.underdotline {
line-height: 0;
margin: 10px 0px;
padding-bottom: 6px;
border-bottom: dotted 1px #c6c5c5;
}
.underdotline_s {
line-height: 0;
margin: 10px 0px;
padding-bottom: 6px;
border-bottom: dotted 1px #737272;
}

.bold {
  font-weight: bold; 
}

.point {
line-height: 120%;
text-decoration: none;
padding-left: 16px;
margin: 5px 0px 10px 10px;
background-image: url(../image/dot.gif);
background-repeat: no-repeat;
background-position: top left;
}
.menu_dotline {
line-height: 0;
margin: 1em 0 0 10px;
padding-top: -6px;
border-top: dotted 1px #c6c5c5;
}
.menu_txt {
text-decoration: none;
padding: 0 5px 0 16px ;
background-color: #fff;
background-image: url(../image/dot.gif);
background-repeat: no-repeat;
background-position: center left;
}
.menu_txt_sub {
  font-size: 11px;
  line-height: 120%;
  margin: 0 0 15px 28px;
}
.menu_price {
background-color: #fff;
float: right;
height: 1em;
margin-top: -1em;
padding: 1em 0 0 5px;
}
.cap {
  font-size: 10px;
  text-align: center;
}
/*-------------------- clear --------------------*/
.clear_both {
clear: both;
visibility: hidden;
height: 0;
overflow : hidden;
}
/*-------------------- margin space --------------------*/
.m10 {
  margin-left: 10px;
}
.m20 {
  margin-left: 20px;
}
.m30 {
  margin-left: 30px;
}
.m40 {
  margin-left: 40px;
}
.m50 {
  margin-left: 50px;
}
.m60 {
  margin-left: 60px;
}
.m80 {
  margin-left: 80px;
}
.m100 {
  margin-left: 100px;
}
.m120 {
  margin-left: 120px;
}
.m140 {
  margin-left: 140px;
}
.m150 {
  margin-left: 150px;
}
.m200 {
  margin-left: 200px;
}
.height_space100 {
  display: block;
  height: 100px;
  font-size: 1px;
}
.height_space60 {
  display: block;
  height: 60px;
  font-size: 1px;
}
.height_space40 {
  display: block;
  height: 40px;
  font-size: 1px;
}
.height_space35 {
  display: block;
  height: 35px;
  font-size: 1px;
}
.height_space30 {
  display: block;
  height: 30px;
  font-size: 1px;
}
.height_space25 {
  display: block;
  height: 25px;
  font-size: 1px;
}
.height_space20 {
  display: block;
  height: 20px;
  font-size: 1px;
}
.height_space10 {
  display: block;
  height: 10px;
  font-size: 1px;
}
.height_space5 {
  display: block;
  height: 5px;
  font-size: 1px;
}
.center {
text-align: center;
margin: 0px auto;
}
.right{
text-align: right;
display: block;
float: right;
}
.left {
float: left;
}
.indent1 {
text-indent: -1em;
 margin-left: 1em;
}
.indent15 {
text-indent: -1.5em;
margin-left: 1.5em;
}
.indent2 {
text-indent: -2em;
margin-left: 2em;
}
.indent25 {
text-indent: -2.5em;
margin-left: 2.5em;
}
.indent3 {
text-indent: -3em;
margin-left: 3em;
}
.indent4 {
text-indent: -4em;
margin-left: 4em;
}
.indent5 {
text-indent: -5em;
margin-left: 5em;
}
.indent6 {
text-indent: -6em;
margin-left: 6em;
}

/*-------------------- otherlink --------------------*/
.link_r {
  display: block;
  float: right;
  color: #9966cc;
  line-height: 150%;
  padding-left: 16px;
  background-image: url(../image/arrow.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
.link_r a {
  color: #9966cc;
  text-decoration: none;
}
.link_r a:hover {
  color: #8519f0;
  text-decoration: underline;
}

.link_l {
color: #5c8111;
line-height: 150%;
padding-left: 16px;
margin: 5px 10px 15px 5px;
background-image: url(../image/arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
.link_l a {
color: #5c8111;
text-decoration: none;
}
.link_l a:hover {
color: #cc0000;
text-decoration: underline;
}
.link_l_m {
color: #5c8111;
line-height: 150%;
padding-left: 14px;
margin: 5px 10px 5px 5px;
background-image: url(../image/arrow_m.gif);
background-repeat: no-repeat;
background-position: center left;
}
.link_ls {
color: #5c8111;
line-height: 150%;
padding-left: 16px;
margin: 5px 10px 5px 5px;
background-image: url(../image/arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
.link_ls a {
color: #5c8111;
text-decoration: none;
}
.link_ls a:hover {
color: #cc0000;
text-decoration: underline;
}
.link_l_m {
color: #5c8111;
line-height: 150%;
padding-left: 14px;
margin: 5px 10px 5px 5px;
background-image: url(../image/arrow_m.gif);
background-repeat: no-repeat;
background-position: center left;
}
.link_l_m a {
color: #5c8111;
text-decoration: none;
}
.link_l_m a:hover {
color: #cc0000;
text-decoration: underline;
}
.link_l_s {
color: #5c8111;
line-height: 150%;
padding-left: 12px;
margin: 5px 15px 15px 5px;
background-image: url(../image/arrow_s.gif);
background-repeat: no-repeat;
background-position: center left;
}
.link_l_s a {
color: #5c8111;
text-decoration: none;
}
.link_l_s a:hover {
color: #cc0000;
text-decoration: underline;
}

.link_pdf {
  text-decoration: none;
  line-height: 150%;
  padding-left: 18px;
  margin: 10px 10px 20px;
  background-image: url(../image/pdf.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.link_word {
  text-decoration: none;
  line-height: 150%;
  padding-left: 18px;
  margin: 10px 10px 20px;
  background-image: url(../image/word.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.link_excel {
  text-decoration: none;
  line-height: 150%;
  padding-left: 18px;
  margin: 10px 10px 20px;
  background-image: url(../image/excel.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.link_pdf a,
.link_word a,
.link_excel a {
  color: #5c8111;
  text-decoration: none;
}
.link_pdf a:hover,
.link_word a:hover,
.link_excel a:hover {
  color: #cc0000;
  text-decoration: underline;
}

.link_pdf_s {
  text-decoration: none;
  line-height: 150%;
  padding-left: 20px;
  margin: 5px 10px;
  background-image: url(../image/pdf.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.link_pdf_ss {
  text-decoration: none;
  line-height: 150%;
  padding-left: 20px;
  margin: 5px 10px 0px 0px;
  background-image: url(../image/pdf.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.link_pdf_s a,
.link_pdf_ss a {
  color: #5c8111;
  text-decoration: none;
}
.link_pdf_s a:hover,
.link_pdf_ss a:hover {
  color: #cc0000;
  text-decoration: underline;
}
.link_pdf_bl {
  text-decoration: none;
  line-height: 150%;
  padding-left: 20px;
  margin: 5px 10px 0px 5px;
  background-image: url(../image/pdf.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.link_pdf_bl a {
  color: #5c8111;
  text-decoration: none;
}
.link_pdf_bl a:hover {
  color: #cc0000;
  text-decoration: underline;
}

.p_top {
text-align: right;
border-bottom: dotted 1px #c6c5c5;
margin: 30px 0 10px;
}