@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* --------------------------------------------------
form
-------------------------------------------------- */
button, fieldset, form, input, label, legend, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

b {
  font-weight: normal;
}

fieldset {
  border: none;
}

label {
  cursor: pointer;
}

textarea {
  overflow: auto;
}

legend {
  display: none;
}

textarea.textarea {
  padding: 3px;
  font-family: "ＭＳ ゴシック";
  vertical-align: middle;
}

input.check {
  margin-right: .5em;
  vertical-align: -2px;
}

select.select {
  height: 1.5em;
}

input.radio {
  margin: 0 .5em;
  vertical-align: -2px;
}

label {
  margin-right: 1em;
}

input.text,
input.year,
input.month,
input.day,
input.number {
  padding: 3px;
  font-family: "ＭＳ ゴシック";
  vertical-align: middle;
  height: 1.2em;
}

input.year {
  width: 4em;
  margin: 0 .5em;
}

input.month {
  width: 2em;
  margin: 0 .5em;
}

input.day {
  width: 2em;
  margin: 0 .5em;
}

input.number {
  width: 15em;
}

/* -------------------------------------------------- For IE6/7*/
/* for IE7: page zoom bug fix */
*:first-child + html body,
*:first-child + html br {
  letter-spacing: 0;
}

/* --------------------------------------------------
link
-------------------------------------------------- */
a:link {
  color: #667BAC;
  text-decoration: none;
}

a:visited {
  color: #660099;
  text-decoration: none;
}

a:hover {
  color: #667BAC;
  text-decoration: underline;
}

a:active {
  color: #667BAC;
  text-decoration: underline;
}

a:focus {
  outline-color: #000;
  overflow: hidden;
}

/* --------------------------------------------------
_blank
-------------------------------------------------- */
#main .linkList a[target="_blank"]:after,
#main .linkList a[target="_blank"]:after {
  content: url(../img/common/mark_blank.gif);
  height: 9px;
  width: 12px;
  padding-left: .5em;
  vertical-align: middle;
}

html, body {
  height: 100%;
}

/* --------------------------------------------------
body
-------------------------------------------------- */
body {
  font-family: "Meiryo","メイリオ",ＭＳ Ｐゴシック, Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",  sans-serif;
  font-size: 80%;
  color: #333;
  line-height: 1.6;
  background: url(../img/common/bg_body.gif) repeat;
  -webkit-text-size-adjust: 100%;
}

body img {
  vertical-align: top;
}

/* --------------------------------------------------
clearfix
-------------------------------------------------- */
#header .wrapper, #headerMenu .wrapper, #headerMenu .fontSize,
#headerMenu .bgColor,
#headerMenu .lang,
#headerMenu .btn, #headerMenu .eventTickr, .wrapper, .sideList, .sideMenu, #footer .wrapper, #footer .footbanner, #footer .footbanner ul, #footerLink ul, .postTitle, .article, .article .photo2Col,
.article .photo3Col, .article .photoArea, .list, .list li, .listGroup, .galleryItem, .guideList, .latestBook, .bookMonthList, .bookMonthList li, #infoDesk, #relatedInfo, #recommend ul, #frequentlyQs ul {
  overflow: hidden;
  *zoom: 1;
}
#header .wrapper:after, #headerMenu .wrapper:after, #headerMenu .fontSize:after,
#headerMenu .bgColor:after,
#headerMenu .lang:after,
#headerMenu .btn:after, #headerMenu .eventTickr:after, .wrapper:after, .sideList:after, .sideMenu:after, #footer .wrapper:after, #footer .footbanner:after, #footer .footbanner ul:after, #footerLink ul:after, .postTitle:after, .article:after, .article .photo2Col:after,
.article .photo3Col:after, .article .photoArea:after, .list:after, .list li:after, .listGroup:after, .galleryItem:after, .guideList:after, .latestBook:after, .bookMonthList:after, .bookMonthList li:after, #infoDesk:after, #relatedInfo:after, #recommend ul:after, #frequentlyQs ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

/* --------------------------------------------------
pdf
-------------------------------------------------- */
a[href$=".pdf"] b {
  background: url(../img/common/icon_pdf.gif) no-repeat left top;
  padding-left: 1.5em;
}

* html a.pdf b {
  background: url(../img/common/icon_pdf.gif) no-repeat left top;
  padding-left: 1.5em;
}

/* --------------------------------------------------
spAttention
-------------------------------------------------- */
#spAttention {
  clear: both;
  background: #DFDFDF;
  padding: 2em;
}

#spAttention a {
  padding: .3em;
  display: block;
  border: #3B599B;
  border: #3B599B solid 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  font-size: 4em;
  background: #F2F4F9;
  -webkit-box-shadow: white 1px 1px 0 0 inset;
  -moz-box-shadow: white 1px 1px 0 0 inset;
  box-shadow: white 1px 1px 0 0 inset;
  background: #ebeef5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZGRlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f6fa), color-stop(100%, #d7ddeb));
  background: -webkit-linear-gradient(top, #f5f6fa, #d7ddeb);
  background: -moz-linear-gradient(top, #f5f6fa, #d7ddeb);
  -pie-background: linear-gradient(top, #f5f6fa, #d7ddeb);
  background: linear-gradient(top, #f5f6fa, #d7ddeb);
  behavior: url("/PIE.htc");
  position: relative;
  text-align: center;
}
#spAttention a:hover {
  background: #e1e6f0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTZmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlZDVlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e6f0), color-stop(100%, #ced5e6));
  background: -webkit-linear-gradient(top, #e1e6f0, #ced5e6);
  background: -moz-linear-gradient(top, #e1e6f0, #ced5e6);
  -pie-background: linear-gradient(top, #e1e6f0, #ced5e6);
  background: linear-gradient(top, #e1e6f0, #ced5e6);
  behavior: url("/PIE.htc");
  position: relative;
  text-decoration: none;
}

#spAttention a:active {
  background: #D2D9E8;
}

/* --------------------------------------------------
header
-------------------------------------------------- */
#header {
  width: 100%;
  background: url(../img/common/bg_gnav.jpg) repeat-x left bottom;
  border-top: #594041 solid 3px;
}

#header .wrapper {
  width: 980px;
  margin: 10px auto 0 auto;
}

.logo {
  height: 95px;
  margin-bottom: 5px;
  width: 291px;
  float: left;
}

.logo span {
  display: block;
  margin: 6px 0 10px 0;
}

logo a {
  display: block;
}

#headerMenu {
  float: right;
  width: 640px;
}

#headerMenu .wrapper {
  margin: 0;
  margin-bottom: 5px;
}

#headerMenu .fontSize,
#headerMenu .bgColor,
#headerMenu .lang,
#headerMenu .btn {
  float: left;
  height: 28px;
  line-height: 28px;
}

#headerMenu .fontSize dt,
#headerMenu .bgColor dt,
#headerMenu .lang dt {
  float: left;
  margin-right: 3px;
  padding-top: 5px;
}

#headerMenu .fontSize dd,
#headerMenu .bgColor dd,
#headerMenu .lang dd {
  float: left;
}

#headerMenu .sitemapBtn {
	display: inline-block;
  margin-right: 10px;
}

#headerMenu .sitemapBtn a {
  display: inline-block;
}

#headerMenu .search {
	float: left;
	clear: both;
  width: 240px;
  margin-right: 3px;
  height: 58px;
}

#headerMenu .search img {
  vertical-align: top;
}

#headerMenu .search .text {
  background: #FFF;
  border: #DC2E46 solid 1px;
  height: 50px;
  width: 180px;
  margin-right: -4px;
}

#headerMenu .trend {
  float: left;
  position: relative;
  width: 300px;
  margin: 7px 0 0 0;
}

#headerMenu .trend dt {
  font-size: .8em;
  font-weight: bold;
  padding-top: 2px;
  color: #667BAC;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
}

#headerMenu .trend dt,
#headerMenu .trend dd {
  line-height: 1.3;
}

#headerMenu .trend a {
  font-size: .8em;
  letter-spacing: 2;
  margin-right: 5px;
  display: block;
  float: left;
  white-space: nowrap;
}

#headerMenu .trend a:link,
#headerMenu .trend a:visited,
#headerMenu .trend a:hover,
#headerMenu .trend a:active {
  text-decoration: underline;
  color: #667BAC;
}

#headerMenu .eventTickr dt {
  float: left;
  _margin-right: -3px;
}

#headerMenu .eventTickr dd {
  height: 29px;
  line-height: 29px;
  border-right: #F45243 solid 1px;
  border-top: #F45243 solid 1px;
  border-bottom: #F45243 solid 1px;
  padding: 0 5px 0 10px;
  width: 275px;
  background: white url(../img/common/bg_h_tickr.gif) no-repeat left top;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}

/* --------------------------------------------------
ticker
-------------------------------------------------- */
.ticker {
  text-align: left;
  position: relative;
  overflow: hidden;
}

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
}

/* --------------------------------------------------
gNav
-------------------------------------------------- */
#gNav {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

#gNav li {
  float: left;
}

/* --------------------------------------------------
outer
-------------------------------------------------- */
#outer {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}

/* --------------------------------------------------
topicPath
-------------------------------------------------- */
.topicPath {
  margin: 10px 0;
}

.topicPath ul {
  font-size: .9em;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  z-index: 0;
  zoom: 1;
}

.topicPath li {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 5px;
  margin-top: 0;
}

.topicPath li a, #topicPath li span {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/common/topicpath.gif");
  background-origin: padding-box;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: block;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 15px;
  padding-top: 0;
  white-space: nowrap;
}

.topicPath a:link {
  color: #667BAC;
  text-decoration: underline;
}

.topicPath a:visited {
  color: #660099;
  text-decoration: underline;
}

.topicPath a:hover {
  color: #667BAC;
  text-decoration: underline;
}

.topicPath a:active {
  color: #667BAC;
  text-decoration: underline;
}

.topicPath a:focus {
  outline-color: #000;
  overflow: hidden;
}

/* --------------------------------------------------
Social
-------------------------------------------------- */
.Social {
  position: relative;
  clear: both;
  text-align: right;
  padding-bottom: 10px;
}
.Social a {
	vertical-align: top;
	text-decoration: underline;
}

/* --------------------------------------------------
content
-------------------------------------------------- */
#content {
  width: 980px;
  height: auto !important;
  height: 100%;
  min-height: 500px;
  margin: 0 auto;
  position: relative;
}

#content.oneCol {
  margin-bottom: 30px;
}

/* --------------------------------------------------
main
-------------------------------------------------- */
#main {
  width: 720px;
  float: right;
  clear: both;
  margin-bottom: 30px;
}

#main .btnMore {
  text-align: right;
}

/* --------------------------------------------------
wrapper
-------------------------------------------------- */
#content .wrapper {
  width: 980px;
  margin: 0 auto;
}

#content #main .wrapper {
  width: 710px;
}

/* --------------------------------------------------
side
-------------------------------------------------- */
#side {
  float: left;
  width: 234px;
  text-align: left;
  margin-bottom: 30px;
}

#side .btn {
  margin-bottom: 15px;
  background: #F1FAEC;
}

#side .btnMore {
  text-align: right;
}

/* --------------------------------------------------
sideList
-------------------------------------------------- */
.sideList {
  padding-bottom: 13px;
  margin-bottom: 20px;
}

.sideList a,
.sideList span {
  width: 214px;
  display: block;
  margin-left: 8px;
  border-top: #CCC solid 1px;
  overflow: hidden;
}

.lifeseen {
  background: url(../img/common/bg_lifeseen_btm.gif) no-repeat left bottom;
}

.lifeseen li {
  background: url(../img/common/bg_lifeseen_mdl.gif) repeat-y left bottom;
}

/* --------------------------------------------------
sideMenu
-------------------------------------------------- */
.sideMenu {
  padding-bottom: 17px;
  margin-bottom: 20px;
}

.sideMenu a,
.sideMenu span {
  width: 222px;
  display: block;
  margin-left: 5px;
  border-bottom: #E7E4D8 solid 1px;
  overflow: hidden;
}

.sideMenu {
  background: url(../img/common/bg_sidemenu_btm.gif) no-repeat left bottom;
}

.sideMenu li {
  background: url(../img/common/bg_sidemenu_mdl.gif) repeat-y left bottom;
}

.sideMenu li ul li a {
  width: 194px;
  margin-left: 5px;
  background: #F2F2EC;
  font-size: .85em;
  display: block;
  padding: 7px 7px 7px 20px;
  background: #f2f2ec url(../img/common/arrow_cir_br.gif) no-repeat 5px 1em;
}

/* --------------------------------------------------
searchMenu
-------------------------------------------------- */
.searchMenu {
  background: #E7E4D8;
  border-left: #BEB696 solid 1px;
  border-right: #BEB696 solid 1px;
  border-bottom: #BEB696 solid 1px;
  padding: 14px;
}

.searchMenu h4 {
  margin-bottom: .5em;
}

.keywordSearch,
.daySearch,
.genreSearch {
  margin-bottom: 20px;
}

/* -------------------------------------------------- keywordSearch*/
.keywordSearch .search .text {
  width: 134px;
  background: #FFF;
  border: #CCC solid 1px;
  height: 26px;
  margin-right: -4px;
}

/* -------------------------------------------------- categorySearch*/
.categorySearch ul {
  padding: 10px;
}

/* -------------------------------------------------- daySearch*/
.daySearch #yui-gen0 {
  position: relative;
  overflow: visible;
  clear: both;
  zoom: 1;
}

.daySearch .startDate {
  margin-bottom: 3px;
}

.daySearch .text {
  width: 125px;
  background: #FFF;
  border: #CCC solid 1px;
  height: 26px;
}

/* --------------------------------------------------
btnMenu
-------------------------------------------------- */
.btnMenu {
  background: #E7E4D8;
  border: #BEB696 solid 1px;
  padding: 14px 14px 9px 14px;
  margin-bottom: 20px;
}

.btnMenu li {
  margin-bottom: 5px;
}

/* --------------------------------------------------
sidebanner
-------------------------------------------------- */
.sidebanner {
  width: 230px;
  margin: 0 auto;
}

.sidebanner li {
  margin-bottom: 5px;
}

/* --------------------------------------------------
prepare
-------------------------------------------------- */
.sidebanner #prepare {
  width: 215px;
  background: url(../img/top/bg_prepare_btm.gif) no-repeat bottom left;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.sidebanner #prepare h3 {
  background: url(../img/top/bg_title_prepare.gif) no-repeat top left;
}

.sidebanner #prepare .linkList {
  background: url(../img/top/bg_prepare.gif) repeat-y top left;
  margin: 0;
  padding: 10px 15px 0 15px;
}

.sidebanner #prepare .linkList li {
  background: url(../img/common/arrow_cir_red.gif) no-repeat 0 5px;
  padding-bottom: 0.5em;
  margin-left: 0 !important;
}

.sidebanner #prepare a:link,
.sidebanner #prepare a:visited,
.sidebanner #prepare a:hover,
.sidebanner #prepare a:active {
  text-decoration: underline;
}

/* --------------------------------------------------
event
-------------------------------------------------- */
.sidebanner #event {
  background: url(../img/top/bg_event.gif) no-repeat;
  margin-left: -25px;
}

.sidebanner #event h3 {
  padding-top: 13px;
  padding-left: 33px;
}

.sidebanner #event table {
  width: 212px;
  background: #EDE5DC;
  table-layout: fixed;
  border: none;
  margin-left: 26px;
  box-shadow: none;
  border-left: #B5AC83 solid 1px;
  border-bottom: #B5AC83 solid 1px;
  border-right: #B5AC83 solid 1px;
}

.sidebanner #event tr:nth-child(odd) {
  background: none;
}

.sidebanner #event td,
.sidebanner #event th {
  background: none;
  border: none;
  padding: 3px;
  text-align: center;
  box-shadow: none;
  color: #333333;
}

.sidebanner #event .today {
  background: #F1CA61;
}

.sidebanner #event .monthMenu {
  text-align: center;
  background: none;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  padding: 10px;
  height: 30px;
  line-height: 30px;
}

.sidebanner #event .monthMenu span {
  padding: 0 30px;
  font-size: 1.4em;
}

.sidebanner #event .monthMenu a {
  padding: 0 5px;
}

/* --------------------------------------------------
ranking
-------------------------------------------------- */
.sidebanner #ranking {
  padding-bottom: 20px;
  margin-bottom: 10px;
  background: url(../img/top/bg_ranking_btm.gif) no-repeat left bottom;
}

.sidebanner #ranking h3 {
  background: url(../img/top/bg_title_ranking.gif) no-repeat left 15px;
}

.sidebanner #ranking ul {
  background: url(../img/top/bg_ranking.gif) repeat-y left bottom;
  padding-left: 20px;
  padding-bottom: 5px;
}
.sidebanner #ranking li {
	margin-left: 0 !important;
}
.sidebanner #ranking strong {
  padding: 10px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2;
  vertical-align: middle;
}

.sidebanner #ranking span {
  padding: 0 11px;
}

.sidebanner #ranking #rank1 {
  background: url(../img/top/bg_ranking_1.gif) no-repeat right top;
}

.sidebanner #ranking #rank2 {
  background: url(../img/top/bg_ranking_2.gif) no-repeat right top;
}

.sidebanner #ranking #rank3 {
  background: url(../img/top/bg_ranking_3.gif) no-repeat right top;
}

.sidebanner #ranking a:link,
.sidebanner #ranking a:visited,
.sidebanner #ranking a:hover,
.sidebanner #ranking a:active {
  text-decoration: underline;
}

/* --------------------------------------------------
population
-------------------------------------------------- */
.sidebanner #population {
  background: url(../img/top/bg_population_btm.gif) no-repeat left bottom;
  width: 212px;
  text-align: center;
  padding-bottom: 20px;
}

.sidebanner #population h3 {
  background: url(../img/top/bg_population.gif) no-repeat left -4px bottom;
  padding-top: 25px;
}

.sidebanner #population span {
  color: #39579A;
  font-size: .8em;
  line-height: 1;
  display: block;
  padding-top: 2px;
}

.sidebanner #population table {
  margin: 5px 0 5px 26px;
  width: 160px;
  background: #EDE5DC;
  table-layout: fixed;
  border: none;
  box-shadow: none;
  border: #623C3D solid 1px;
}

.sidebanner #population tr:nth-child(odd) {
  background: none;
}

.sidebanner #population td,
.sidebanner #population th {
  background: none;
  border: none;
  padding: 3px;
  text-align: center;
  box-shadow: none;
  border: #623C3D solid 1px;
}

.sidebanner #population th {
  background: #DB956A;
  color: #FFF;
  text-shadow: none;
}

.sidebanner #population td {
  font-weight: bold;
  font-style: italic;
}

.sidebanner #population strong {
  font-size: 1.4em;
  font-weight: bold;
  font-style: italic;
  color: #990000;
}

.sidebanner #population a {
  background: url(../img/common/arrow_cir_br.gif) no-repeat left center;
  padding-left: 20px;
}


/* --------------------------------------------------
advertise
-------------------------------------------------- */
#advertise {
  position: absolute;
  left: 0;
  top: -150px;
}

#advertise dl {
  width: 94px;
}

#advertise dt {
  background: url(../img/common/bg_advertise_top.gif) no-repeat center bottom;
  padding-bottom: 11px;
}

#advertise dd {
  background: url(../img/common/bg_advertise_btm.gif) no-repeat center bottom;
  padding-bottom: 9px;
  padding-left: 11px;
  overflow: hidden;
}

#advertise dd img {
  vertical-align: bottom;
}

/* --------------------------------------------------
pageTop
-------------------------------------------------- */
#pageTop {
  margin: 0 auto;
  width: 100%;
  text-align: right;
  position: relative;
  z-index: 100;
}

#pageTop p {
  font-size: 0;
  margin-top: -20px;
  position: fixed;
  bottom: 250px;
  right: 0;
  height: 73px;
  _position: absolute;
  _bottom: -150px;
  _right: 0;
  padding-right: 20px;
}

#pageTop p a {
  display: block;
  text-align: center;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  transition-duration: 2s;
}

/* --------------------------------------------------
footer
-------------------------------------------------- */
#footer {
  width: 100%;
  background: url(../img/common/bg_footer.jpg) repeat-x center bottom;
  clear: both;
  color: #fff;
  text-shadow: rgba(1, 58, 35, 0.2) 1px 1px 0;
}

#footer .wrapper {
  width: 980px;
  margin: 0 auto;
  margin-bottom: 1em;
  padding-top: 20px;
}

#footer .footbanner {
  background: #EAE6E0;
  margin-bottom: 40px;
  padding: 15px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

#footer .footbanner ul {
  float: right;
  width: 750px;
}

#footer .footbanner li {
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;
}

#footer .footbanner p {
  float: left;
  margin-top: 1em;
}

#footer .footbanner p a {
  margin-top: 3px;
  display: block;
  color: #7A595A;
  padding-left: 20px;
  background: url(../img/common/arrow_br.gif) no-repeat left center;
}

#footer .footbanner p a:link,
#footer .footbanner p a:hover,
#footer .footbanner p a:visited {
  text-shadow: none;
}

#footer address {
  display: block;
  float: left;
  line-height: 1.4;
  font-size: .9em;
}

address span {
  display: block;
}

address .name {
  font-size: 1.6em;
  margin-bottom: .5em;
}

address .tel strong {
  font-size: 1.5em;
  margin-top: 2em;
  margin-left: .5em;
}

address a {
  padding-left: 20px;
  background: url(../img/common/arrow_gr.gif) no-repeat left center;
}

#footerLink {
  font-size: 85%;
  line-height: 2;
}

#footer a:link {
  color: #fff;
}

#footer a:visited {
  color: #fff;
}

#footer a:hover {
  color: #fff;
}

#footerLink li {
  float: left;
  margin-left: 1em;
  padding-left: 20px;
  background: url(../img/common/arrow_gr.gif) no-repeat left center;
}

#copyright {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 10px;
  font-size: .8em;
  text-align: right;
}

/* --------------------------------------------------  notice */
.notice {
  width: 600px;
  text-align: center;
  padding: 5em 2em;
  height: 224px;
  color: #049d60;
  background: #E5F3ED;
}

.notice p {
  font-size: 1.5em;
  line-height: 1.4;
  color: #049d60;
  margin-bottom: 1em;
}

.notice .btn {
  text-align: center;
  clear: both;
  letter-spacing: -0.4em;
}

.notice a.btn {
  letter-spacing: normal;
  text-align: center;
  overflow: hidden;
  margin: 0 3px;
  text-decoration: none;
  padding: 10px 50px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #049d60;
  border: #5AB891 solid 1px;
  -webkit-box-shadow: white 1px 1px 0 0 inset;
  -moz-box-shadow: white 1px 1px 0 0 inset;
  box-shadow: white 1px 1px 0 0 inset;
  background: #eef7f4;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZmJmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RlZjBlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6fbf9), color-stop(100%, #def0e9));
  background: -webkit-linear-gradient(top, #f6fbf9, #def0e9);
  background: -moz-linear-gradient(top, #f6fbf9, #def0e9);
  -pie-background: linear-gradient(top, #f6fbf9, #def0e9);
  background: linear-gradient(top, #f6fbf9, #def0e9);
  behavior: url("/PIE.htc");
  position: relative;
  behavior: url("/PIE.htc");
  position: relative;
}
.notice a.btn:hover {
  background: #e6f4ee;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjRlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZWRlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6f4ee), color-stop(100%, #d5ede3));
  background: -webkit-linear-gradient(top, #e6f4ee, #d5ede3);
  background: -moz-linear-gradient(top, #e6f4ee, #d5ede3);
  -pie-background: linear-gradient(top, #e6f4ee, #d5ede3);
  background: linear-gradient(top, #e6f4ee, #d5ede3);
  behavior: url("/PIE.htc");
  position: relative;
  text-decoration: none;
}

/* --------------------------------------------------  welcome */
#welcome {
  width: 100%;
  height: 100%;
  position: relative;
}

#welcome .logo {
  position: absolute;
  top: 10px;
  left: 10px;
}

#welcome #imgArea {
  width: 980px;
  height: 551px;
  overflow: hidden;
  background: #FFF;
  margin: 0 auto;
  text-align: center;
}

#welcome #footer {
  width: 100%;
  position: absolute;
  background: #4C8842;
  bottom: 0;
  position: absolute;
}

#welcome #footer {
  width: 100%;
  position: absolute;
  background: #4C8842;
  bottom: 0;
  position: absolute;
}

#welcome .welcomeMenu {
  width: 100%;
  position: relative;
}

#welcome .welcomeMenu a {
  float: left;
  padding: 10px;
  background: #063;
}

#welcome .welcomeMenu label {
  float: left;
  padding: 10px 20px;
  line-height: 32px;
  height: 32px;
  background: #063;
}

#welcome .welcomeMenu #copyright {
  float: right;
  width: 300px;
  line-height: 32px;
  height: 32px;
  padding-top: 10px;
  padding-right: 10px;
}

/* --------------------------------------------------
postMeta
-------------------------------------------------- */
.postTitle {
  background: #FFF;
  border-top: #ECE4DB solid 1px;
  border-right: #ECE4DB solid 1px;
  border-left: #ECE4DB solid 1px;
  padding: 20px;
}

.postMeta {
  width: 140px;
  float: right;
  line-height: 1.4;
  text-align: right;
}

.postMeta .postdate {
  disply: block;
  color: #7A595A;
  margin-top: 15px;
}

.postTitle h2 {
  vertical-align: middle;
  font-size: 2em;
  line-height: 1.2;
  border-left: #7A595A solid 6px;
  padding-left: .7em;
  width: 500px;
  float: left;
}

/* --------------------------------------------------
article
-------------------------------------------------- */
.article {
  padding: 20px;
  background: #FFF;
  border: #ECE4DB solid 1px;
  line-height: 1.8;
  _width: 720px;
  zoom: 1;
}

.article .section {
  clear: both;
  margin-bottom: 1em;
}

.article p {
  font-size: 1.1em;
}

.article strong {
  font-weight: bold;
}

.article em {
  color: #F60;
}

.article .photo1Col {
  text-align: center;
  clear: both;
}

.article .photo1Col .photo img {
  width: 674px;
  border: none;
}

.article .photo2Col,
.article .photo3Col {
  text-align: center;
  clear: both;
}

.article .photo2Col .photo,
.article .photo3Col .photo {
  text-align: center;
  float: left;
}

.article .photo2Col .photo img {
  width: 335px;
  border: none;
}

.article .photo3Col .photo img {
  width: 222px;
  border: none;
}

.article .photoL {
  float: left;
  text-align: left;
  margin-right: 20px;
  margin-bottom: 15px;
  clear: both;
}

.article .photoR {
  float: right;
  text-align: right;
  margin-left: 20px;
  margin-bottom: 15px;
  clear: both;
}

.article .photo img {
  max-width: 680px;
  border: #ECE4DB solid 1px;
  padding: 2px;
}

.article .photo span {
  font-size: .8em;
  display: block;
  line-height: 1.2;
  padding-top: .5em;
  color: #7A595A;
}

.article dl {
  margin-bottom: 1em;
}

.article dt {
  padding: .5em 0;
  font-size: 1.2em;
  font-weight: bold;
}

.article ol {
  list-style: inside decimal;
}

.article ol li {
  padding-left: 1em;
  text-indent: -1em;
}

.article ul li {
  padding-left: 25px;
  text-indent: -1em;
  background: url(../img/common/mark_list.gif) no-repeat left 0.6em;
}

.article .photoArea {
  margin: 1em 0;
}

.article .photoArea img {
  width: 332px;
  margin-left: 3px;
  margin-bottom: 3px;
}

.listA table {
  width: 100% !important;
}

/* --------------------------------------------------
title
-------------------------------------------------- */
.hl02 {
  margin-bottom: 2em;
}

.hl03 {
  border-bottom: #7A595A solid 3px;
  padding: 0.3em 1em 0.2em 1em;
  font-size: 1.4em;
  margin-bottom: 1em;
  background: #E7E3D7;
}

.hl04 {
  font-size: 1.4em;
  border-left: #7A595A solid 4px;
  padding-left: 12px;
  margin-bottom: 1em;
  font-weight: bold;
  line-height: 1.5;
}

.hl05 {
  background: url(../img/common/bg_hl05.jpg);
  border-left: #664A4B solid 5px;
  font-size: 1.7em;
  color: #FFF;
  margin-bottom: .5em;
  padding: 6px 20px;
  font-weight: normal;
}

.hl05 a:link,
.hl05 a:visited {
  color: #FFF;
  text-decoration: none;
}

.hl05 a:hover,
.hl05 a:active {
  color: #FFF;
  text-decoration: underline;
}

.hl06 {
  background: url(../img/common/bg_lv2.jpg) no-repeat left top;
  height: 87px;
  line-height: 87px;
  padding-left: 40px;
  font-size: 2em;
  margin-bottom: 1em;
  font-weight: normal;
}

.hl07 {
  background: #fff;
  border: #D8A71E solid 1px;
  font-size: 1.5em;
  color: #D8A71E;
  margin-bottom: .5em;
  padding: 5px 20px;
}

/* --------------------------------------------------
list
-------------------------------------------------- */
.list {
  border-top: #CCCCCC solid 1px;
  margin-bottom: 20px;
}

.list li {
  cursor: pointer;
  border-bottom: #CCCCCC solid 1px;
  padding: 5px;
  padding: 15px 10px;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/* --------------------------------------------------
blockList
-------------------------------------------------- */
.blockList {
  background: white;
  border: #CCC solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 1em 1.5em;
  margin-bottom: 2em;
}

.blockList li {
  background: url(../img/common/arrow_cir_br.gif) no-repeat 0 0.5em;
  padding-left: 15px;
  line-height: 1.8;
  font-size: 1.1em;
  text-indent: 0;
}

/* --------------------------------------------------
listGroup
-------------------------------------------------- */
.listGroup {
  margin-right: -20px;
}

.listGroup dl {
  float: left;
  width: 350px;
  margin-right: 20px;
}

.listGroup dt {
  margin-bottom: .5em;
  background: #562D14;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 1.2em;
  display: block;
  padding: 7px 10px 7px 20px;
}

.listGroup dt a {
  color: #FFF;
  display: block;
  background: url(../img/common/arrow_wh_l.gif) no-repeat right center;
}

/* --------------------------------------------------
galleries
-------------------------------------------------- */
.galleryMenu {
  background: #E6E1D5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}

.galleryMenu a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 2px;
}

.galleryItem {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-right: -14px;
}

.galleryItem li {
  float: left;
  width: 191px;
  margin-right: 7px;
  margin-bottom: 7px;
  text-align: center;
  padding-top: 10px;
  background: url(../galleries/img/bg_photoitem.gif) no-repeat left top;
  overflow: hidden;
}

.galleryItem li .photo {
  display: block;
  width: 150px;
  height: 113px;
  margin: 0 auto;
  overflow: hidden;
}

.galleryItem li .photo img {
  max-width: 100%;
  max-height: 100%;
}

.galleryItem li .no,
.galleryItem li .size {
  display: block;
}

.galleryItem li .size {
  padding-bottom: 10px;
  font-size: .8em;
  background: url(../galleries/img/bg_photoitem_btm.gif) no-repeat left bottom;
}

/* --------------------------------------------------
sitemap
-------------------------------------------------- */
.sitemap {
  width: 306px;
  float: left;
  margin: 10px;
}

.sitemap h3 {
  margin-bottom: .5em;
  background: #562D14;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 1.2em;
  display: block;
}

.sitemap h3 a {
  color: #FFF;
  display: block;
  background: url(../img/common/arrow_wh_l.gif) no-repeat 98% center;
  padding: 7px 20px;
}

.sitemap dl {
  margin-bottom: 20px;
}

.sitemap dt {
  margin-bottom: .5em;
  font-size: 1.2em;
}

.sitemap dt a {
  display: block;
  background: url(../img/common/arrow_br.gif) no-repeat left 5px;
  padding-left: 25px;
}

.sitemap .linkList {
  margin-left: 2em;
}

/* --------------------------------------------------  newsList */
.newsList {
  border-top: #625648 dashed 1px;
}

.newsList li {
  padding: 1em 0;
  font-size: 1.2em;
  border-bottom: #625648 dashed 1px;
  padding-left: 1em;
}

.newsList li img {
  vertical-align: middle;
  margin-right: 0.5em;
}

.newsList a {
  margin-right: .5em;
}

.newsList span {
  width: 9em;
  padding-left: 1em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: url(../img/common/arrow_cir_red.gif) no-repeat left 0.3em;
}

.newsList p {
  margin-left: 11em;
  margin-top: -1.6em;
}

/* --------------------------------------------------  searchList */
.searchList {
  border-top: #625648 dashed 1px;
}

.searchList li {
  padding: 1em;
  border-bottom: #625648 dashed 1px;
}

.searchList a {
  display: block;
  font-size: 1.4em;
  padding-left: 1em;
  background: url(../img/common/arrow_cir_br.gif) no-repeat left 0.4em;
  margin-bottom: .5em;
}

/* --------------------------------------------------
guideList
-------------------------------------------------- */
.guideList {
  margin-right: -10px;
}

.guideList li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.guideList li.center {
  float: none;
  width: 100%;
  text-align: center;
}

/* --------------------------------------------------
latestBook
-------------------------------------------------- */
.latestBook {
  margin-right: -20px;
  padding-top: 30px;
  position: relative;
}

.latestBook li {
  position: relative;
  width: 445px;
  padding: 20px;
  float: left;
  background: #ECE4DB;
  margin-right: 10px;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  border-radius: 1em;
}

.latestBook h4 {
  position: absolute;
  left: 60px;
  margin-top: -40px;
}

.latestBook .photo {
  margin-top: 50px;
  position: relative;
  float: left;
  width: 120px;
}

.latestBook .photo img {
  padding: 3px;
  border: #ECE4DB solid 1px;
  background: #FFF;
}

.latestBook dl {
  margin-top: 50px;
  float: right;
  width: 290px;
}

.latestBook dt {
  font-size: 1.5em;
  margin-bottom: .3em;
}

.latestBook b {
  font-size: .8em;
  background: url(../img/common/icon_pdf.gif) no-repeat left top;
  padding-left: 1.5em;
  font-weight: normal;
}

.latestBook dd {
  display: block;
  overflow: hidden;
  position: relative;
}

.latestBook dd span {
  display: block;
}

.latestBook dd .btn {
  display: block;
  float: right;
  height: 42px;
  clear: both;
}

/* --------------------------------------------------
bookList
-------------------------------------------------- */
.bookList {
  border-top: #625648 dashed 1px;
  position: relative;
  zoom: 1;
}

.bookList li {
  padding: .6em 0;
  font-size: 1.2em;
  border-bottom: #625648 dashed 1px;
  padding-left: 1em;
  zoom: 1;
  position: relative;
  overflow: hidden;
}

.bookList span {
  float: left;
  margin-right: 20px;
}

.bookList p {
  float: right;
  width: 810px;
}

.bookList p a {
  background: url(../img/common/arrow_cir_br.gif) no-repeat 10px 0.3em;
  padding-left: 30px;
}

.bookList b {
  font-size: .8em;
  background: url(../img/common/icon_pdf.gif) no-repeat 5px top;
  padding-left: 2em;
  font-weight: normal;
}

/* --------------------------------------------------
bookMonthList
-------------------------------------------------- */
.bookMonthList {
  margin-right: -40px;
}

.bookMonthList li {
  border-bottom: #625648 dashed 1px;
  width: 470px;
  float: left;
  padding: 10px;
  margin-right: 20px;
}

.bookMonthList li img {
  vertical-align: middle;
  margin-right: .5em;
}

.bookMonthList li p {
  float: left;
}

.bookMonthList .photo {
  margin-right: 1em;
}

.bookMonthList a {
  display: block;
  margin-right: .5em;
  padding-left: 1em;
  font-size: 1.3em;
  background: url(../img/common/arrow_cir_br.gif) no-repeat left 0.4em;
  width: 320px;
}

.bookMonthList .photo img {
  padding: 3px;
  border: #ECE4DB solid 1px;
  background: #FFF;
}

.bookMonthList b {
  font-size: .8em;
  background: url(../img/common/icon_pdf.gif) no-repeat left top;
  padding-left: 2em;
  font-weight: normal;
}

#main .bookMonthList {
  margin-right: 0;
}

#main .bookMonthList li {
  width: 100%;
  float: none;
}

/* --------------------------------------------------
eventList
-------------------------------------------------- */
.eventList {
  overflow: hidden;
  position: relative;
  margin-right: -20px;
}

.eventList li {
  float: left;
  width: 350px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.eventList .photo {
  float: left;
  margin-right: 10px;
}

.eventList .photo img {
  padding: 3px;
  border: #ECE4DB solid 1px;
  background: #FFF;
}

.eventList dl {
  float: left;
  width: 160px;
}

.eventList dt a {
  margin-right: .5em;
  padding-left: 1em;
  font-size: 1.2em;
  line-height: 1.2;
  background: url(../img/common/arrow_cir_br.gif) no-repeat left 0.4em;
}

.eventList .genre {
  display: block;
  margin-bottom: .3em;
}

.eventList .genre img {
  margin-right: .5em;
}

.eventList .date {
  background: #DBA722;
  padding: 0 .3em;
  margin-top: 5px;
  color: #FFF;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 1.4;
}

.eventList p {
  margin-top: .5em;
  font-size: .9em;
  line-height: 1.4;
}

/* --------------------------------------------------  icon */
.icon {
  vertical-align: middle;
  margin: 0 .5em;
}

.icon_ctg {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 9px;
  color: #FFF;
  background: #914D23;
  padding: 4px;
  margin-right: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  line-height: 1;
}

/* --------------------------------------------------  attention */
.attention {
  padding: 1em;
  border: #EE4051 solid 1px;
  margin-bottom: 20px;
  color: #EE4051;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* --------------------------------------------------  note */
.note {
  padding: 1em;
  background: #F4F2F0;
  border: #562D14 solid 1px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* --------------------------------------------------  massage */
.massage {
  text-align: center;
  font-size: 1.7em;
  line-height: 1.4;
  padding: 2em 0;
  margin-top: 2em;
  border: #F45142 solid 1px;
  color: #F45142;
  background: #FFF;
  margin-bottom: 1em;
}

/* --------------------------------------------------  note */
.caution {
  padding: .5em 0;
}

/* --------------------------------------------------  notfound */
.notfound {
  border: #0163B5 solid 2px;
  padding: 3em;
  margin: 0 auto;
  background: #FFF;
  font-size: 1.2em;
  margin: 20px;
}

.notfound h3 {
  font-size: 2.2em;
  margin-bottom: .5em;
  color: #0163B5;
}

.notfound p {
  margin-bottom: 0.5em;
}

.notfound strong {
  font-size: 1.4em;
}

/* -------------------------------------------------- linkList*/
.linkList {
  margin-bottom: .5em;
  margin-top: .5em;
}

.linkList li {
  background: url(../img/common/arrow_cir_br.gif) no-repeat 0 50%;
  padding-left: 15px;
  text-indent: 0;
}

.linkList .shisaku {
  padding-left: 33px;
  background: url(../img/common/icon_shisaku.gif) no-repeat left 45%;
  font-weight: bold;
}

/* -------------------------------------------------- linkMenu*/
.linkMenu {
  margin-bottom: 1em;
  padding-top: 1em;
  clear: both;
  *zoom: 1;
}

.linkMenu li {
  margin-bottom: .5em;
}

.linkMenu .hp {
  padding-left: 35px;
  line-height: 23px;
  height: 23px;
  background: url(../img/common/icon_hp.gif) no-repeat left center;
}

.linkMenu .file {
  padding-left: 35px;
  line-height: 23px;
  height: 23px;
  background: url(../img/common/icon_file.gif) no-repeat left center;
}

/* --------------------------------------------------  resultline */
.resultline {
  clear: both;
  background: #EDDA13;
  border: 1px solid #7A595A;
  font-size: 1.1em;
  line-height: 2.3;
  margin-bottom: 15px;
  padding: 5px 5px 5px 20px;
}

.resultline strong {
  font-weight: bold;
  color: #31528B;
  vertical-align: top;
}

.resultline span {
  color: #31528B;
  margin: 0 0.5em;
  vertical-align: top;
}

/* --------------------------------------------------
backMenu
-------------------------------------------------- */
.backMenu a {
  text-align: center;
  clear: both;
  display: block;
  border: #5AB891 solid 1px;
  height: 40px;
  color: #049D60;
  line-height: 40px;
  overflow: hidden;
  font-size: 1.3em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: white 1px 1px 0 0 inset;
  -moz-box-shadow: white 1px 1px 0 0 inset;
  box-shadow: white 1px 1px 0 0 inset;
  background: #eef7f4 url(../img/common/bg_backmenu.gif) no-repeat 20px center;
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZmJmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RlZjBlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6fbf9), color-stop(100%, #def0e9));
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, -webkit-linear-gradient(top, #f6fbf9, #def0e9);
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, -moz-linear-gradient(top, #f6fbf9, #def0e9);
  -pie-background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, linear-gradient(top, #f6fbf9, #def0e9);
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, linear-gradient(top, #f6fbf9, #def0e9);
  behavior: url("/PIE.htc");
  position: relative;
}
.backMenu a:hover {
  background: #e6f4ee url(../img/common/bg_backmenu.gif) no-repeat 20px center;
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjRlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZWRlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6f4ee), color-stop(100%, #d5ede3));
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, -webkit-linear-gradient(top, #e6f4ee, #d5ede3);
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, -moz-linear-gradient(top, #e6f4ee, #d5ede3);
  -pie-background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, linear-gradient(top, #e6f4ee, #d5ede3);
  background: url(../img/common/bg_backmenu.gif) no-repeat 20px center, linear-gradient(top, #e6f4ee, #d5ede3);
  behavior: url("/PIE.htc");
  position: relative;
  text-decoration: none;
}

/* --------------------------------------------------
btnArea
-------------------------------------------------- */
.btnArea {
  text-align: center;
  clear: both;
}

.btnArea a {
  margin: 0 10px;
}

/* --------------------------------------------------
paging
-------------------------------------------------- */
#content .paging {
  width: 100%;
  text-align: right;
  clear: both;
  margin: 15px 0;
}

#content .paging a {
  border: #C6B7AA solid 1px;
  text-decoration: none;
  margin-right: .3em;
  color: #333;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 4px 13px;
  background-color: #FFF;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff, #ededed);
  background: -moz-linear-gradient(top, #ffffff, #ededed);
  -pie-background: linear-gradient(top, #ffffff, #ededed);
  background: linear-gradient(top, #ffffff, #ededed);
  -webkit-box-shadow: #cccccc 0 1px 1px 0;
  -moz-box-shadow: #cccccc 0 1px 1px 0;
  box-shadow: #cccccc 0 1px 1px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  behavior: url("/PIE.htc");
  position: relative;
}
#content .paging a:hover {
  background-color: #D6D6AD;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZTRkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ece4db), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ece4db, #ffffff);
  background: -moz-linear-gradient(top, #ece4db, #ffffff);
  -pie-background: linear-gradient(top, #ece4db, #ffffff);
  background: linear-gradient(top, #ece4db, #ffffff);
  behavior: url("/PIE.htc");
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content .paging a:active {
  border: #7a595a solid 1px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhNTk1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdhNTk1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a595a), color-stop(100%, #7a595a));
  background: -webkit-linear-gradient(top, #7a595a, #7a595a);
  background: -moz-linear-gradient(top, #7a595a, #7a595a);
  -pie-background: linear-gradient(top, #7a595a, #7a595a);
  background: linear-gradient(top, #7a595a, #7a595a);
  behavior: url("/PIE.htc");
  position: relative;
  color: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#content .paging span.current {
  border: #7a595a solid 1px;
  text-decoration: none;
  color: #fff;
  margin-right: .3em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 4px 13px;
  background-color: #7a595a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  behavior: url("/PIE.htc");
  position: relative;
}

/* --------------------------------------------------
pagingMenu
-------------------------------------------------- */
#content .pagingMenu {
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}

#content .pagingMenu .paging {
  text-align: center;
  width: 100%;
}

#content .pagingMenu .paging a {
  padding: 7px 30px;
}

.pagingMenu p {
  width: 200px;
  background: #EEF1F9;
  border: #395799 dashed 1px;
  font-size: .9em;
  margin-top: -50px;
  padding: 0.5em 0.7em;
  text-align: center;
}

.pagingMenu p a {
  display: block;
  text-decoration: underline;
}

.prevArticle {
  float: left;
}

.nextArticle {
  float: right;
}

/* --------------------------------------------------
infoDesk
-------------------------------------------------- */
#infoDesk {
  border: #ECE4DB solid 1px;
  border-top: #7A595A solid 4px;
  background: #FFF;
  padding: 20px;
  margin-bottom: 20px;
}

#infoDesk h5 {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}

#infoDesk dl {
  float: right;
  width: 440px;
}

#infoDesk dt a {
  font-size: 1.4em;
}

/* --------------------------------------------------
relatedInfo
-------------------------------------------------- */
#relatedInfo {
  margin-right: -22px;
  margin-bottom: 15px;
}

#relatedInfo div {
  width: 347px;
  background: #FFF;
  border: #DED1D1 solid 1px;
  float: left;
  margin-right: 22px;
}

#relatedInfo h5 {
  padding: 10px;
  background: #E3DAD0;
}

#relatedInfo .linkList {
  padding: 7px 20px;
}

/* --------------------------------------------------
subInfo
-------------------------------------------------- */
#subInfo {
  background: #FFF;
  border: #DED1D1 solid 1px;
}

#subInfo h5 {
  padding: 10px;
  background: #E3DAD0;
}

#subInfo .linkList {
  padding: 7px 20px;
}

/* --------------------------------------------------
recommend
-------------------------------------------------- */
#recommend {
  border: #2567A9 solid 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #F9FBFD;
  padding: 15px 20px;
  margin-bottom: 15px;
}

#recommend h5 {
  margin-bottom: 20px;
}

#recommend li {
  background: url(../img/common/arrow_cir_bl.gif) no-repeat left center;
  padding-left: 15px;
}

/* --------------------------------------------------
question
-------------------------------------------------- */
#frequentlyQs {
  border: #F9813E solid 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #FDFBF9;
  padding: 15px 20px;
  margin-bottom: 15px;
}

#frequentlyQs h5 {
  margin-bottom: 20px;
}

#frequentlyQs li {
  background: url(../img/common/arrow_cir_or.gif) no-repeat left 0.3em;
  padding-left: 15px;
  margin-bottom: .3em;
  line-height: 1.4;
}

#frequentlyQs a:link {
  color: #B25832;
  text-decoration: none;
}

#frequentlyQs a:visited {
  color: #62311c;
  text-decoration: none;
}

#frequentlyQs a:hover {
  color: #B25832;
  text-decoration: underline;
}

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

/* --------------------------------------------------
feedback
-------------------------------------------------- */
.feedback {
  padding: 20px;
  background: #FFF;
  border: #ECE4DB solid 1px;
}

.feedback h5 {
  margin-bottom: 2em;
}

.feedback dt {
  border-left: #E3DAD0 solid 13px;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1;
  padding-left: .5em;
}

.feedback dd {
  margin-bottom: 2em;
  padding-left: 20px;
}

.feedback label {
  margin-right: 3em;
}

.feedback .textarea {
  width: 630px;
  height: 8em;
}

/* --------------------------------------------------
faqSearch
-------------------------------------------------- */
#faqSearch {
  text-align: center;
  margin: 20px 0;
  border: #ECE4DB solid 1px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  clear: both;
}

#faqSearch dt {
  font-size: 1.2em;
  padding: .5em 0;
  background: #4A9F57;
  color: #FFF;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

#faqSearch dd {
  padding: 1em;
  background: #FFF;
}

#faqSearch p {
  font-size: .9em;
}

#faqSearch .search {
  width: 100%;
  margin-bottom: .5em;
}

#faqSearch .search img {
  vertical-align: middle;
}

#faqSearch .search .text {
  background: #FFF;
  border: #CCC solid 1px;
  height: 20px;
  width: 250px;
  margin-right: -4px;
}

/* --------------------------------------------------
table
-------------------------------------------------- */
table {
  background: #fff;
  border-collapse: collapse;
  border: #DDDDD5 solid 1px;
  margin-bottom: 1em;
  font-size: 1.1em;
  width: 100%;
}

tr {
  border-collapse: collapse;
}

td, th {
  border: #DDDDD5 solid 1px;
  padding: .6em 1em;
}

th {
  background: #AA9C8C;
  border: #94816D solid 1px;
  font-weight: bold;
  vertical-align: middle;
  color: #FFF;
  white-space: nowrap;
  table-layout: fixed;
  text-align: center;
}

td {
  background: #FFF;
  border: #94816D solid 1px;
  color: #333;
  table-layout: fixed;
}

table p {
  margin: .5em 0;
}

/* --------------------------------------------------  must */
.must {
  font-size: 10px;
  background: #060;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 6px;
  vertical-align: middle;
  margin: 5px;
  color: #fff;
}

.error {
  color: #F00;
  font-size: .9em;
  display: block;
}

/* --------------------------------------------------
orgTable
-------------------------------------------------- */
.orgTable {
  width: 950px;
  margin: 0 auto;
  margin-bottom: 1em;
  table-layout: fixed;
}

.orgTable .item {
  width: 250px;
}

.orgTable th {
  padding: 1em;
  table-layout: fixed;
}

.orgTable th a {
  white-space: normal !important;
  word-break: break-all;
  zoom: 1;
}

.orgTable th a:link {
  color: #fff;
  text-decoration: underline;
}

.orgTable th a:visited {
  color: #660099;
  text-decoration: underline;
}

.orgTable th a:hover {
  color: #667BAC;
  text-decoration: underline;
}

.orgTable th a:active {
  color: #fff;
  text-decoration: underline;
}

.measuresTable {
  width: 950px;
  margin: 0 auto;
  margin-bottom: 1em;
}

.measuresTable .item {
  width: 250px;
  padding: 1em;
}

.measuresTable h3 {
  font-size: 1.5em;
}

/* --------------------------------------------------
contactTable
-------------------------------------------------- */
.contactArea {
  width: 800px;
  margin: 0 auto;
}

.contactTable {
  margin-bottom: 1em;
  border-top: #483436 solid 3px;
  border-left: #94816D solid 1px;
  border-right: #94816D solid 1px;
  border-bottom: #94816D solid 1px;
}

.contactTable th {
  width: 220px;
}

.contactTable .text {
  width: 480px;
}

.contactTable .textarea {
  width: 480px;
}

/* --------------------------------------------------
dataTable
-------------------------------------------------- */
.dataTable {
  border: #FFF solid 1px;
  width: 100%;
}

.dataTable th {
  background: #F2EFCC;
  border: #BEB696 solid 1px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #463333;
  white-space: normal;
  table-layout: fixed;
  width: 35%;
}

.dataTable td {
  border: #BEB696 solid 1px;
}

.dataTable label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  white-space: nowrap;
}

/* --------------------------------------------------
monthMenu
-------------------------------------------------- */
.monthMenu,
.dayMenu {
  background: url(../events/img/bg_eventmenu.jpg) repeat-x;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  padding: 0 20px;
  height: 65px;
  line-height: 65px;
}

.monthMenu h2,
.dayMenu h2 {
  background: url(../events/img/mark_monthtitle.gif) no-repeat left center;
  font-size: 1.2em;
  width: 300px;
  float: left;
  padding: 0 0 0 40px;
  color: #FFF;
  height: 65px;
  line-height: 65px;
}

.monthMenu h2 {
  background: url(../events/img/mark_monthtitle.gif) no-repeat left center;
}

.dayMenu h2 {
  background: url(../events/img/mark_daytitle.gif) no-repeat left center;
}

.monthMenu h2 span,
.dayMenu h2 span {
  font-size: 1.9em;
}

.skipBtn {
  text-align: right;
  padding-top: 10px;
}

*:first-child + html .skipBtn {
  padding-top: 0;
}

.skipBtn a {
  margin-left: 5px;
}

/* --------------------------------------------------
monthTable
-------------------------------------------------- */
.monthTable {
  border: #BEB696 solid 1px;
  width: 100%;
}

.monthTable th {
  background: #F2EFCC;
  border: #BEB696 solid 1px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #463333;
  white-space: nowrap;
  table-layout: fixed;
  width: 7em;
}

.monthTable td {
  border: #BEB696 solid 1px;
}

.monthTable label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  white-space: nowrap;
}

/* --------------------------------------------------
monthTitle
-------------------------------------------------- */
.monthTitle {
  background: url(../events/img/bg_eventmenu.jpg) repeat-x;
  margin-bottom: 10px;
  text-align: center;
  padding: 7px;
  height:44px;
}

.monthTitle img {
  vertical-align: middle;
}

.monthTitle h2 {
  font-size: 1.2em;
  color: #FFF;
  display: inline;
  vertical-align: -.5em;
}

.monthTitle h2 span {
  font-size: 2.2em;
}

.monthTitle .next {
  float: right;
}

.monthTitle .prev {
  float: left;
}

.monthTitle .skipBtn {
  width: 100%;
  margin-top: -65px;
}

/* --------------------------------------------------
eventTable
-------------------------------------------------- */
#eventTable th, #eventTable td {
  padding: 0;
  vertical-align: top;
  width: 14%;
}

#eventTable td {
  height: 7em;
}

#eventTable td a {
  font-size: .8em;
  display: block;
  padding: 0 5px;
  line-height: 1.3;
}

#eventTable th.weekday {
  background-color: #eaead2;
  color: #000000;
}

#eventTable th.saturday {
  background-color: #e5f0f4;
  color: #000000;
}

#eventTable th.sunday {
  background-color: #f4e9e3;
  color: #000000;
}

#eventTable td.sat {
  background-color: #e5f0f4;
}

#eventTable td.sun {
  background-color: #f4e9e3;
}

#eventTable td.shuku {
  background-color: #f4e9e3;
}

#eventTable td.today {
  background-color: #F8E4B1;
}

#eventTable span.wd {
  background: #f7f4ef;
  display: block;
  width: 2em;
  text-align: center;
}

#eventTable span.sat {
  background-color: #cfe3ea;
  display: block;
  width: 2em;
  text-align: center;
}

#eventTable span.sun {
  background-color: #e9d6c8;
  display: block;
  width: 2em;
  text-align: center;
}

#eventTable span.shuku {
  background-color: #e9d6c8;
  display: block;
  width: 2em;
  text-align: center;
}

/* --------------------------------------------------
otherImage
-------------------------------------------------- */
#otherImage {
  position: relative;
  margin: 0 auto;
  clear: both;
  background: #E7E4D8;
  border: #BEB696 solid 1px;
  padding: 20px;
  margin-bottom: 20px;
}

#otherImage ul {
  width: 100%;
  overflow: hidden;
}

#otherImage li {
  text-align: center;
  display: block;
  float: left;
  margin-right: 1px;
  background: none;
}

#otherImage .clearfix {
  float: none;
  clear: both;
  display: none;
}

#otherImage .prev {
  position: absolute;
  left: 10px;
  top: 45%;
}

#otherImage .next {
  position: absolute;
  right: 10px;
  top: 45%;
}


/* --------------------------------------------------
location
-------------------------------------------------- */
.locationnote {
  padding: 1em;
  background: #ffffff;
  margin-bottom: 20px;
}
.locationItem {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* clearfix */
.locationItem { zoom:1; }
.locationItem:after {
	content: ""; 
	display: block; 
	clear: both;}
.locationItem .box {
	display: inline;
	float: left;
	width: 450px;
	margin: 0 20px 20px 0;
	padding: 14px;
	background: #ffffff;
	border: 1px #ECE4DB solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
/* clearfix */
.locationItem .box { zoom:1; }
.locationItem .box:after {
	content: ""; 
	display: block; 
	clear: both;}
.locationItem .box:nth-child(even) {
	margin-right: 0;
}
.locationItem .locationname {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #562D14;
	color: #ffffff;
	font-size: 140%;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.locationItem .locationname a {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	background: url(../location/img/link_arrow.jpg) right center no-repeat;
	color: #ffffff;
	text-decoration: none;
}
.locationItem .photo {
	display: inline;
	float: left;
	width: 150px;
	height: auto;
	margin: 0;
}
.locationItem .photo img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.locationItem .placelist {
	display: inline;
	float: right;
	width: 285px;
	height: auto;
	margin: 0;
	text-align: left;
}
.locationItem .placelist li {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px 0 2px 20px;
	background: url(../location/img/arrow.jpg) left top 0.4em no-repeat;
	text-align: left;
}

/* --------------------------------------------------
locationList
-------------------------------------------------- */
.locationListTitle {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #562D14;
	color: #ffffff;
	font-size: 180%;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
/* clearfix */
.locationListTitle { zoom:1; }
.locationListTitle:after {
	content: ""; 
	display: block; 
	clear: both;}
.locationListTitle a {
	display: inline-block;
	float: right;
	width: auto;
	margin: 0 0 0 auto;
	padding: 0;
	vertical-align: middle;
	text-align: right;
}
.locationList {
	display: block;
	clear: both;
	width: 990px;
	margin: 0 -10px 0 0;
	padding: 0;
	text-align: left;
}
/* clearfix */
.locationList { zoom:1; }
.locationList:after {
	content: ""; 
	display: block; 
	clear: both;}
.locationList .box {
	display: inline;
	float: left;
	width: 168px;
	margin: 0 10px 10px 0;
	padding: 9px;
	background: #ffffff;
	border: 1px #ECE4DB solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.locationList .photo {
	display: block;
	clear: both;
	width: 168px;
	height: 112px;
	margin: 0 0 5px 0;
	text-align: center;
}
.locationList .photo img {
	width: auto;
	height: 112px;
	margin: 0 auto;
}

/* --------------------------------------------------
locationDetail
-------------------------------------------------- */
#locationDetail {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
}
/* clearfix */
#locationDetail { zoom:1; }
#locationDetail:after {
	content: ""; 
	display: block; 
	clear: both;}
.locationbackbutton {
	display: inline-block;
	float: right;
	width: auto;
	height: auto;
	padding: 0;
	background: #562D14;
	color: #ffffff;
	text-align: right;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.locationbackbutton a {
	display: block;
	width: auto;
	height: auto;
	padding: 5px 10px 5px 30px;
	background: url(../location/img/arrow_back.jpg) left 10px center no-repeat;;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	text-align: right;
	white-space: nowrap;
}

/* --------------------------------------------------
locationphoto
-------------------------------------------------- */
.locationphoto {
	display: block;
	clear: both;
	width: 940px;
	margin: 0 0 20px 0;
	padding: 0;
}
.locationphoto li {
	list-style-type: none!important;
	background: none!important;
}
#flexslider-cs ul, 
#flexslider-cs li {
	width: 940px;
	margin: 0;
	padding: 0;
}