@charset "utf-8";
/* CSS Document */

/*---------------------------------------------
01. Global reset
---------------------------------------------*/
* {	margin: 0px; padding: 0px; }

/*---------------------------------------------
02. hr,img,body,a,after
---------------------------------------------*/
hr { display: none; }
img { border: none; vertical-align: bottom; }
body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  background: url("../img/main_bg.gif");
  color: #3a3a3a;
  font-size: 80%;
  line-height: 1.5em;  
}
a:link, a:visited { color: #3c6ec8; text-decoration: none; }
a:hover, a:active { color: #6496f0; text-decoration: underline; }

.after { 
   content: "."; 
   display: block; 
   visibility: hidden;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
   clear: both;
}


/*---------------------------------------------
03. wrap,contents
---------------------------------------------*/
#wrap { width: 776px;  margin: 0 auto; background: url("../img/white_bg.gif") repeat-y; }
#contents { width: 748px; margin: 0 auto; }

/*---------------------------------------------
04. header
---------------------------------------------*/
#header { width: 748px; height: 71px; background: url("../img/header_bg.gif") repeat-x; }
.logo { width: 238px; padding: 7px 0 0 12px; float: left; }
.header_txt { width: 478px; float: right; text-align: right; padding: 15px 20px 0 0; }
.header_txt h1 { color: #8e8e8e; font-size: 110%; font-weight: normal; }
.header_txt ul { color: #0097ff; list-style: none; padding: 2px 0 0 0; font-size: 90%; }
.header_txt li { float: right; }
.header_txt li a:link, .header_txt li a:visited { color: #0097FF; text-decoration: none; }
.header_txt li a:hover, .header_txt li a:active { color: #0097FF; text-decoration: underline; }

/*---------------------------------------------
05. footer
---------------------------------------------*/
#footer { width: 748px; }
#footer_link { width: 728px; background-color: #f0f0f0; padding: 5px 0 5px 20px; font-size: 90%; }
#footer_link ul { list-style: none; }
#footer_link li { float: left; }
#footer_link li a:link, #footer_link li a:visited { color: #828282; text-decoration: none; }
#footer_link li a:hover, #footer_link li a:active { color: #828282; text-decoration: underline; }
#footer p { font-size: 80%; text-align: right; padding: 5px 20px 5px 0; color: #828282;}

/*---------------------------------------------
06. navi
---------------------------------------------*/
#navi { width: 748px; overflow: hidden; }
#navi ul { width: 748px; height: 44px; list-style: none; }
#navi ul li { float: left; }
#navi ul li a {
  display: block;
  height: 44px;
  text-indent: -999999px;
}

#navi ul li#home { width: 110px; height: 44px; background: url("../img/navi/navi_home_off.gif"); }
#navi ul li#outline { width: 94px; height: 44px; background: url("../img/navi/navi_outline_off.gif") }
#navi ul li#guide { width: 96px; height: 44px; background: url("../img/navi/navi_guide_off.gif"); }
#navi ul li#day { width: 76px; height: 44px; background: url("../img/navi/navi_day_off.gif"); }
#navi ul li#various { width: 105px; height: 44px; background: url("../img/navi/navi_various_off.gif"); }
#navi ul li#event { width: 76px; height: 44px; background: url("../img/navi/navi_event_off.gif"); }
#navi ul li#access { width: 95px; height: 44px; background: url("../img/navi/navi_access_off.gif"); }
#navi ul li#blog { width: 96px; height: 44px; background: url("../img/navi/navi_blog_off.gif"); }

#navi ul li#home a { background: url("../img/navi/navi_home_off.gif"); }
#navi ul li#outline a { background: url("../img/navi/navi_outline_off.gif"); }
#navi ul li#guide a { background: url("../img/navi/navi_guide_off.gif"); }
#navi ul li#day a { background: url("../img/navi/navi_day_off.gif"); }
#navi ul li#various a { background: url("../img/navi/navi_various_off.gif"); }
#navi ul li#event a { background: url("../img/navi/navi_event_off.gif"); }
#navi ul li#access a { background: url("../img/navi/navi_access_off.gif"); }
#navi ul li#blog a { background: url("../img/navi/navi_blog_off.gif"); }

#navi ul li#home a:hover { background: url("../img/navi/navi_home_on.gif"); }
#navi ul li#outline a:hover { background: url("../img/navi/navi_outline_on.gif"); }
#navi ul li#guide a:hover { background: url("../img/navi/navi_guide_on.gif"); }
#navi ul li#day a:hover { background: url("../img/navi/navi_day_on.gif"); }
#navi ul li#various a:hover { background: url("../img/navi/navi_various_on.gif"); }
#navi ul li#event a:hover { background: url("../img/navi/navi_event_on.gif"); }
#navi ul li#access a:hover { background: url("../img/navi/navi_access_on.gif"); }
#navi ul li#blog a:hover { background: url("../img/navi/navi_blog_on.gif"); }

/*---------------------------------------------
07. main_contents
---------------------------------------------*/
#main_contents { width: 748px; margin: 24px 0 24px 0; }
#main_contents_inpage { width: 748px; }
#main_left { width: 513px; float: left; padding: 0 0 0 20px; }
#main_right { width: 215px; float: right; }

#top_blog_box {
  width: 489px;
  border-left: 1px solid #5f96de;
  border-right: 1px solid #5f96de;
  border-bottom: 1px solid #5f96de;
  padding: 15px 0 15px 0;
}
#news_list { width: 445px; padding: 10px 0 5px 0; margin: 0 auto; border-bottom: 1px solid #d7d7d7; }
#news_list dt {
  background: url("../img/top/top_blog_list.gif") no-repeat;
  padding: 0 0 0 15px;
  color: #ff1763;
  float: left;
  width: 120px;
}
#news_list dd { float: right; width: 310px; }
#news_list a:link, #news_list a:visited { color: #636363; text-decoration: none; }
#news_list a:hover, #news_list a:active { color: #636363; text-decoration: underline; }
.top_blog_syousai { text-align: right; margin: 20px 0 0 0; padding: 0 20px 0; }
.top_blog_syousait a:link, .top_blog_syousai a:visited { color: #0000B1; text-decoration: none; }
.top_blog_syousai a:hover, .top_blog_syousai a:active { color: #0000B1; text-decoration: underline; }

/*---------------------------------------------
08. flash_contents
---------------------------------------------*/
#flash_contents { width: 748px; margin: 0 0 6px 0; }

/*---------------------------------------------
09. page_bg, inpage_contents,pankuzu
---------------------------------------------*/
#outline_bg {
  background: url("../img/outline/outline_bg.gif") repeat-y 20px;
  width: 748px;
}
#access_bg {
  background: url("../img/access/access_bg.gif") repeat-y 20px;
  width: 748px;
}
#privacy_bg {
  background: url("../img/privacy/privacy_bg.gif") repeat-y 20px;
  width: 748px;
}
#day_bg {
  background: url("../img/day/day_bg.gif") repeat-y 20px;
  width: 748px;
}
#event_bg {
  background: url("../img/event/event_bg.gif") repeat-y 20px;
  width: 748px;
}
#guide_bg {
  background: url("../img/guide/guide_bg.gif") repeat-y 20px;
  width: 748px;
}
#spec_bg {
  background: url("../img/specially/spec_bg.gif") repeat-y 20px;
  width: 748px;
}


#inpage_contents { width: 708px; margin: 0 0 0 40px; padding: 0 0 24px 0; }
.pankuzu { font-size: 80%; padding: 18px 0 0 38px; }
.inpage_title { margin: 20px 37px 0 0; text-align: right; }
#inpage_main { width: 623px; margin: 0 0 0 50px; }
.page_top { margin: 30px 0 0 0; text-align: right; font-size: 90%; }


/*---------------------------------------------
10. outline
---------------------------------------------*/
#outline_box { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #cac7c7; }
#outline_box_last { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; }
.outline_box_left { float: left; width: 406px; }
.outline_box_right { float: right; width: 217px; }
.outline_txt01 { color: #003362; font-weight: bold; }
.outline_txt02 { color: #c28279; margin: 20px 0 0 0; font-weight: bold; }
.outline_txt03 { text-align: right; margin: 10px 0 0 0; }
.outline_txt04 { color: #A84E41; font-weight: bold; }
.outline_txt05 { margin: 10px 0 0 0; }
.outline_tbl {
  width: 381px;
  margin: 5px 0 0 0;
  border-top: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
}
.outline_tbl th {
  width: 70px;
  background-color: #fffff0;
  font-weight: normal;
  text-align: left;
  padding: 0 10px 0 10px;
  border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
.outline_tbl td {
  width: 271px;
  padding: 4px 10px 4px 10px;
  border-bottom: 1px solid #bababa;
}
.outline_img01 { margin: 50px 0 0 0; }
.outline_img02 { margin: 20px 0 0 0; }
.outline_img03 { margin: 10px 0 0 0; }
.outline_tbl02 {
  width: 620px;
  margin: 5px 0 0 0;
  border-top: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
}
.outline_tbl02 th {
  width: 135px;
  background-color: #fffff0;
  font-weight: normal;
  text-align: left;
  padding: 0 10px 0 10px;
  border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
.outline_tbl02 td {
  width: 445px;
  padding: 4px 10px 4px 10px;
  border-bottom: 1px solid #bababa;
}
.outline_column { width: 591px; border: 1px solid #bababa; background-color: #fffff0; padding: 15px; margin: 5px 0 0 0; }

/*---------------------------------------------
11. access
---------------------------------------------*/
#access_box01 { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #cac7c7; }
#access_box01 { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; }
.access_txt01 { color: #003362; font-weight: bold; width: 515px; margin: 0 auto; }
.access_txt02 { color: #003362; font-weight: bold; width: 515px; margin: 40px auto 0 auto; }
.access_img01 { margin: 5px auto 0 auto; width: 515px; }
.access_img02 { margin: 47px 0 0 0; }
.access_googlemap { width: 513px; border:1px solid #b3b3b3; margin: 5px auto 0 auto; }

/*---------------------------------------------
12. privacy
---------------------------------------------*/
#privacy_box { width: 521px; margin: 27px auto 0 auto; }
.privacy_text01 { margin: 30px 0 0 0; padding: 0 0 3px 0; border-bottom: 1px dotted #cac7c7; }
.privacy_text02 { margin: 10px 0 0 0; }

/*---------------------------------------------
13. sitemap
---------------------------------------------*/
#sitemap_box { width: 521px; margin: 27px auto 0 auto; }
.sitemap_txt01 { color: #4e83c1; }
#sitemap_box ul { list-style: none; }
#sitemap_box ul li { border-bottom: 1px dotted #cac7c7; margin: 15px 0 0 0; padding: 0 0 3px 0; }
#sitemap_box ul a:link, #sitemap_box ul a:visited { color: #0097FF; text-decoration: none; }
#sitemap_box ul a:hover, #sitemap_box ul a:active { color: #0097FF; text-decoration: underline; }

/*---------------------------------------------
14. contact
---------------------------------------------*/
.contact_txt01 { color: #0097ff; font-weight: bold; font-size: 120%; }
.contact_txt02 { margin: 5px 0 0 0; }
.contact_txt03 { color: #0097ff; font-weight: bold; font-size: 120%; margin: 20px 0 0 0; }
.contact_txt04 { margin: 5px 0 0 0; }
.contact_txt05 { color: #ff7575; margin: 15px 0 10px 0; }
.contact_txt06 { margin: 30px 0 0 0; border-top: 1px dotted #cac7c7; padding: 10px 0 0 0;  }
.contact_txt07 { color: #ff0000; font-weight: bold; font-size: 120%; }

#contact_box { background-color: #bfe5ff; width: 497px; }
.contact_form { width: 497px; }
.contact_form th {
  vertical-align: top;
  width: 118px;
  font-weight: normal;
  color: #0097ff;
  text-align: left;
  padding: 10px 0 0 35px;
}
.contact_form td { width: 344px; padding: 10px 0; }
.box240 { width: 240px; border: 1px solid #666666; padding: 3px; }
.area_contact { width: 290px; border: 1px solid #666666; padding: 3px; font-size: 100%; }
.submit_btn { text-align: center; padding: 30px 0 0 0; }
.contact_caution {
  color: #ff0000;
  margin: 10px 0 20px 0;
  background-color: #f2f2f2;
  width: 467px;
  padding: 15px;
}
.complete_link { margin: 20px 0 0 0; }

/*---------------------------------------------
15. day
---------------------------------------------*/
#day_box { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; }
#day_left { width: 290px; float: left; }
#day_right { width: 290px; float: right; }
.day_title {
  background-color: #EFAC41;
  color: #ffffff;
  font-weight: bold;
  font-size: 115%;
  padding: 10px;
}
.day_title02 {
  background-color: #EFAC41;
  color: #ffffff;
  font-weight: bold;
  font-size: 115%;
  padding: 10px;
  margin: 55px 0 0 0;
}
.day_line { border-bottom: 1px solid #B6B5B5; }
#day_box dl { margin: 2px 0 0 0; padding: 0 0 2px 0; }
#day_box dt { float: left; width: 80px; }
#day_box dd { float: right; width: 210px; }
.day_img { margin: 35px 0 0 0; }
.day_txt { color: #EE8025; margin: 20px 0 0 0; }

/*---------------------------------------------
16. event
---------------------------------------------*/
#event_box { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; }
#event_schedule {
  background-color: #fffff0;
  width: 546px;
  padding: 19px 0 34px 0;
  margin: 0 0 0 77px;
}
#event_schedule  dl {
  border-bottom: 1px dotted #CAC7C7;
  width: 456px;
  margin: 15px auto 0 auto;
  padding: 0 0 10px 0;
}
#event_schedule dt { width: 120px; float: left; }
#event_schedule dd { width: 336px; float: right; color: #EC4F9A; }
.event_btn { margin: 25px 0 0 0; }
.event_txt { margin: 7px 0 0 77px; color: #FF2E73; font-size: 90%; }


/*---------------------------------------------
17. blog
---------------------------------------------*/
.blog_top { padding: 5px 0; }
#blog_back { width: 748px; padding: 20px 0 40px 0; background: url("../img/blog/blog_back_blue.gif") repeat-y; background-color: #66b3ff; }
#blog_left { width: 156px; float: left; }
#blog_right { width: 156px; float: right; }
#blog_center { width: 436px; float:left; }
#blog_white_bg { background-color: #ffffff; }

#entry_box { width: 363px; margin:  0 auto; padding: 30px 0 0 0; }
.entry_day { font-size: 80%; color:#000000; }
.entry_title {
  color: #0083ff;
  font-size: 120%;
  border-bottom: 2px dotted #0083ff;
  padding: 0 0 5px 0;
  margin: 5px 0 0 0;
  font-weight: bold;
}
.entry_title a:link, .entry_title a:visited { color: #0083ff; text-decoration: none; }
.entry_title a:hover, .entry_title a:active { color: #0083ff; text-decoration: underline; }
.entry_txt { margin: 30px 0 0 0; border-bottom: 1px solid #bdbdbd; padding: 0 0 45px 0;  }
#blog_side_box { width: 124px; margin: 0 auto; }
.blog_left_pic { width: 109px; margin: 10px auto 0 auto; }
.blog_left_txt01 { color: #ffffff; font-size: 75%; line-height: normal; margin: 10px 0 0 0; }
.blog_left_txt02 { color: #ffffff; font-size: 90%; line-height: normal; font-weight: bold; margin: 5px 0 10px 0; }
.blog_left_title { margin: 40px 0 0 0; }
.blog_new_txt { color: #ffffff; font-size: 90%; margin: 10px 0 0 0;}
.blog_new_txt a:link, .blog_new_txt a:visited { color: #ffffff; text-decoration: none; }
.blog_new_txt a:hover, .blog_new_txt a:active { color: #ffffff; text-decoration: underline; }

.blog_right_title { margin: 40px 0 0 0; }

.next_txt { padding: 0 0 0 10px; }
.entry_footer { margin: 10px 0 0 0; }
.more_txt { margin: 30px 0 0 0; }


/*---------------------------------------------
18. guide
---------------------------------------------*/
#guide_box { width: 623px; margin: 27px 0 0 0; padding: 0 0 10px 0; }
#guide_box02 { width: 623px; margin: 27px 0 0 0; padding: 30px 0 10px 0; }
#guide_box_left { width: 290px; float: left; }
#guide_box_right { width: 290px; float:right; }
.guide_txt01 { background-color: #6ba5ff; color: #ffffff; padding: 7px 10px; font-size: 110%; font-weight: bold; }
.guide_rayer { background-color: #FFFFD2; margin: 17px 0 0 0; padding: 10px; }
.guide_rayer02 { background-color: #FFFFD2; padding: 10px; }
.guide_rayer03 { background-color: #FF8B9D; padding: 10px; }
.guide_txt02 { color: #3A87FF; font-weight: bold; }
.guide_txt03 { color: #FF6F6F; font-weight: bold; font-size: 130%; margin: 10px 0 0 0; }
.guide_txt04 { margin: 10px auto 0 auto; width: 250px; }
.guide_txt05 { color: #003362; font-size: 110%; }
.guide_rayer03 p { text-align: center; color: #ffffff; font-weight: bold; font-size: 110%; }

.guide_arrow { text-align: center; margin: 5px 0 5px 0; }
.guide_tbl {
  width: 623px;
  margin: 5px 0 0 0;
  border-top: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
}
.guide_tbl th {
  text-align: left;
  font-weight: normal;
  padding: 7px;
  width: 130px;
  background-color: #FFFFF0;
  border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
.guide_tbl td { width: 465px; border-bottom: 1px solid #bababa; padding: 7px;}

/*---------------------------------------------
19. specially
---------------------------------------------*/
.spec_stitle { margin: 50px 0 0 0; }
#spec_box { width: 603px; margin: 0 auto; }
#spec_box02 { width: 603px; margin: 10px 0 0 0; }
.spec_box_left { width: 138px; float: left; }
.spec_box_right { width: 465px; float: right; }
.spec_box_left ul { list-style: none; }
.spec_box_left li { background: url("../img/specially/spec_list.gif") no-repeat; padding: 0 0 0 17px; }

.spec_txt01 { background-color: #FFFFD2; margin: 15px 0 0 0; padding: 15px; }
.spec_txt02 { color: #003362; font-size: 110%; font-weight: bold; margin: 30px 0 0 0; }
.spec_txt03 { color: #FF8B00; margin: 5px 0 0 0; }
.spec_txt04 { color: #FF3434; font-size: 110%; font-weight: bold; margin: 30px 0 0 0; }
.spec_txt05 { color: #FF8B00; margin: 15px 0 0 0; }
.spec_txt06 { color: #003362; font-size: 110%; margin: 20px 0 0 0; }
.spec_txt07 { color: #003362; font-size: 110%; margin: 10px 0 0 0; border: 1px solid #bababa; padding: 5px; }
.spec_txt07_2 { color: #003362; font-size: 110%; margin: 20px 0 0 0; border: 1px solid #bababa; padding: 5px; }
.spec_txt08 { width: 460px; margin: 10px auto 0 auto; }

.spec_tbl {
  margin: 10px 0 0 0;
  width: 603px;
  border-top: 1px solid #bababa;
  border-right: 1px solid #bababa;
  border-left: 1px solid #bababa;
}
.spec_tbl th {
  font-weight: normal;
  vertical-align: top;
  width: 120px;
  padding: 5px 10px 5px 10px;
  background-color: #FFFFF0;
  text-align: left;
  border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
.spec_tbl td {
  width: 443px;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #bababa;
}
.spec_pic { margin: 40px 0 0 0; }
.spec_pic02 { margin: 30px 0 0 0; }
.spec_pic03 { margin: 30px 0 0 0; text-align: center; }

/*---------------------------------------------
20. account
---------------------------------------------*/
#account {
  width: 468px;
  margin: 0 auto;
}