@charset "UTF-8";

/*---------------------------------------------------------------------------

poooL Web Site
Site Layout CSS

---------------------------------------------------------------------------*/

/*--------------------------------------------------------
各ブラウザの設定をフォーマット
--------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal; 
  vertical-align: baseline;
  }


/*--------------------------------------------------------
site 全体の設定
--------------------------------------------------------*/
body, html {   
  height: 100%;   
  }

body {
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", Georgia, serif;
  color: #303030;
  font-size: 12px;
  line-height: 1.8;
  }

img {
  border: 0;
  vertical-align: bottom;
  }

a img {
  border: none;
  }

p {
  padding-bottom: 15px;
  }

strong,
b {
  font-weight: bold;
  }

.clear {
  clear: both;
  }


/*--------------------------------------------------------
[h]tag preference
--------------------------------------------------------*/



/*--------------------------------------------------------
ページ枠
--------------------------------------------------------*/
div#wrapper {
  margin: 0 auto;
  position: relative;
  width: 930px;
  text-align: left;
  }


/*--------------------------------------------------------
横幅の設定
--------------------------------------------------------*/
div#contents ,div#single-contents {
  width: 702px;
  }

div#side {
  width: 200px;
  }



/*--------------------------------------------------------
content area
--------------------------------------------------------*/
div#contents {
  float: left;
  margin-right: 20px;
  }

div#cover1 {
  padding-bottom: 3px;
  padding-left: 3px;
  }

div#cover2 {
  padding-bottom: 0;
  padding-left: 3px;
  }
  
div#notice {
  padding-bottom: 3px;
  padding-left: 3px;
  }



div#item-area {
 padding: 0px;
 margin: 0px;
 }

div#item-area ul.item-image {
 list-style: none;
 line-height: 0;
 font-size: 0;
 padding: 3px 0 0 0;
 }

div#item-area ul.item-image li {
 display: table-cell;  
 *display: inline;
 *zoom: 1;
 padding-bottom: 0;
 padding-left: 3px;
}

  
div#p24 {
  font-size: 12px;
  line-height: 24px;
  }
  

/*--------------------------------------------------------
side area
--------------------------------------------------------*/
div#side {
  float: right;
  margin-right: 5px;
  margin-bottom: 70px;
  text-align: right;
  }

div#side-header {
  
  }

div#side dl.menu {
  margin-top: 5px;
  padding-bottom: 30px;
  }

div#side dl.menu dt {
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
  padding-bottom: 10px;
  }

div#side dl.menu dd {
  padding-bottom: 80px;
  }

div#side dl.menu dd ul {
  list-style: none;
  }

div#side dl.menu dd li {
  padding-bottom: 3px;
  font-size: 1.2em;
  font-weight: bold;
  }
  


div#side dl.menu_img {
  margin-top: 0px;
  padding-bottom: 0px;
  }

div#side dl.menu_img dt {
  padding-bottom: 0px;
  }

div#side dl.menu_img dd {
  padding-bottom: 88px;
  }

div#side dl.menu_img dd ul {
  list-style: none;
  }

div#side dl.menu_img dd li {
  padding-bottom: 0px;
  }

  

div#side-footer {
  position: absolute;
  bottom: 0;
  }

/*--------------------------------------------------------
link
--------------------------------------------------------*/
a:link {
  color: #333; 
  text-decoration : none;
  border-bottom: 1px #303030 dotted; 
  }

a:visited {
  color: #333; 
  text-decoration : none;
  border-bottom: 1px #303030 dotted; 
  }

a:hover {
  color: #669999;
  text-decoration : none;
  border-bottom: 1px #669999 dotted; 
  }

a:active {
  color: #669999; 
  text-decoration : none;
  }
  
  
  
  

  
/*--------------------------------------------------------
K's selection css
--------------------------------------------------------*/
div#k-cover {
  padding-bottom: 40px;
  }

div#k-cover img {
  padding-bottom: 20px;
  }

div#k-cover p {
  font-size: 13px;
  color: #707070;
  }

div#exhibition {
  padding-bottom: 80px;
  }

div#event {
  padding-bottom: 80px;
  }

div#selection-1 {
  padding-top: 30px;
  padding-bottom: 50px;
  } 

div#selection-1 .exhibition-text {
  float: left;
  width: 400px;
  margin-right: 20px;
  }

div#selection-1 .exhibition-text p,div#selection-2 .exhibition-text p {
  padding-bottom: 30px;
  }

div#selection-1 .exhibition-text dl, div#selection-2 .exhibition-text dl {
  padding-bottom: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  }

div#selection-1 .exhibition-text dt, div#selection-2 .exhibition-text dt {
  font-size: 9px;
  font-weight: bold;
  }

div#selection-1 .exhibition-text dd, div#selection-2 .exhibition-text dd {
  font-size: 9px;
  line-height: 15px;
  padding-bottom: 20px;
  }
  
div#selection-1 .exhibition-image {
  float: right;
  }

div#selection-2 {
  padding-bottom: 50px;
  } 

div#selection-2 .exhibition-text {
  float: right;
  width: 400px;
  margin-left: 20px;
  } 

div#selection-2 .exhibition-image {
  float: left;
  }
  
div#k-event {
  padding-top: 30px;
  } 

div.event-content {
  border: thin #ccc solid;
  margin-bottom: 30px;
  } 

div.event-text {
  float: left;
  }
  
div.event-text p.headline {
  padding-left: 42px;
  width: 400px;
  padding-bottom: 10px;
  color: #707070;
  }

div.event-text p.navigator {
  padding-left: 42px;
  width: 400px;
  font-size: 9px;
  font-weight: bold;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  }

div.event-image {
  float: right;
  }

div#plan {
  text-align: right;
  }
 
div#reservation {
  padding-bottom: 20px;
  }

p.member {
  font-size: 10px;
  }
  
p.silver {
  color: #707070;
  }
  
  
  
  
.form_text{padding:5px;border-top:1px #cccccc solid;border-left:1px #cccccc solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid;line-height:150%;}

.form_message{padding:5px;width:640px;height:80px;border:1px #cccccc solid;}

.form_submit_{width:200px;height:40px;background-color:#cccccc;text-align:center;border:2px black;}

.form_back{background-color:#ffffff;text-align:center;}