@charset "utf-8";
/* footer 固定*/
html, body {
  height: 100%; }

.ogp_image , .ogp_desc{
    display:none;
}

/* toolchip */
.tipsy {
  padding: 5px;
  font-size: 10px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-repeat: no-repeat;
  background-image: url(../images/tipsy.gif); }

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center; }

.tipsy-inner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.tipsy-north {
  background-position: top center; }

.tipsy-south {
  background-position: bottom center; }

.tipsy-east {
  background-position: right center; }

.tipsy-west {
  background-position: left center; }

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, 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 {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; }

ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-spacing: 0; }
/*
table {
  border-collapse: collapse;
  border-spacing: 0; }
*/
a img {
  border: none;
  vertival-align: middle; }

/* =Global Elements
-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles */
body,
input,
textarea {
  color: #666;
  font-size: 12px;
  line-height: 18px; }

hr {
  background-color: #e7e7e7;
  border: 0;
  clear: both;
  height: 1px;
  margin-bottom: 18px; }

/* Text elements */
p {
  margin-bottom: 18px; }

ul {
  list-style: square; }

ol {
  list-style: decimal;
  margin: 0 0 18px 1.5em; }

ol ol {
  list-style: upper-alpha; }

ol ol ol {
  list-style: lower-roman; }

ol ol ol ol {
  list-style: lower-alpha; }

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0; }

dl {
  margin: 0 0 24px 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 18px; }

strong {
  font-weight: bold; }

cite,
em,
i {
  font-style: italic; }

big {
  font-size: 131.25%; }

ins {
  background: #ffc;
  text-decoration: none; }

blockquote {
  font-style: italic;
  padding: 0 3em; }

blockquote cite,
blockquote em,
blockquote i {
  font-style: normal; }

pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  padding: 1.5em; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

sup,
sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

input[type="text"],
textarea {
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 2px; }
/*
a:link {
  color: #148BCA;
  text-decoration: none; }

a:visited {
  color: #a8a8a8;
  text-decoration: none; }
*/

a{outline:none;}

a:link {
	color: #000;
	text-decoration: underline;
}

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

a:hover {
  color: #148BCA;
  text-decoration: underline; }

.menu {
  list-style: none;
  list-style-position: outside; }
  
.menu li { float: left; }

button.black-btn,
.black-btn:link,
.black-btn:visited {
	display: inline-block;
	padding: 0 6px;
	background: #000;
	line-height: 24px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	color: #FFF;
	cursor: pointer;
	}
.black-btn:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 8px;
	margin-left: 3px;
	background: url(../images/sprite.png) no-repeat -300px -48px;
}
.black-btn:hover {
	background: #666;
	text-decoration: none;
	}

/* Text meant only for screen readers */
.screen-reader-text {
  position: absolute;
  left: -9000px; }

/* =Layout
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#container {
  float: right;
  width: 100%;
  margin-left: -192px;
  padding-top: 64px; }

#content {
  margin: 0 0 0 192px;
  padding-top: 8px;
  }

#primary,
#secondary {
  float: left;
  overflow: hidden; }

#secondary {
  clear: right; }

#footer {
  clear: both;
  width: 100%;
  background: #F3F3F3; }

.site-info {
  height: 312px; }

#site-footer {
  height: 40px;
  padding: 8px 0;
  background: #e6e6e6; }

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
.one-column #content {
  margin: 0 auto;
  width: 640px; }

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content {
  margin: 0 auto;
  width: 900px; }

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
  font-family: Helvetica, Arial, sans-serif; }

/*
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}*/
input[type=submit] {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }

pre {
  font-family: "Courier 10 Pitch", Courier, monospace; }

code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
  
.f-small {
	color: #888;
	font-size: 11px;
}

/* =Structure
-------------------------------------------------------------- */
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main {
  margin: 0 auto;
  width: 940px; }

.wrapper {
  overflow: hidden; }

#wrapper {
  height: 100%;
  min-height: 100%;
  height: auto!important;
  margin: 0 0 -368px 0;
  background: #fff; }

body > #wrapper {
  height: auto; }

/* Structure the footer area */
#footer-widget-area {
  overflow: hidden; }

#footer-widget-area .widget-area {
  float: left;
  margin-right: 20px;
  width: 220px; }

#footer-widget-area #fourth {
  margin-right: 0; }

#site-info {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 700px; }

#site-generator {
  float: right;
  width: 220px; }

/* =Header
-------------------------------------------------------------- */
#header {
  overflow: hidden;
  padding-bottom: 28px;
  background: url(../images/hedaer-dot_line.png) repeat-x bottom; }

.header-inner {
  width: 960px;
  margin: 0 auto; }

.header-logo {
	float: left;
  width: 168px;
  height: 28px;
  margin: 32px 0 24px 0;
  background: url(../images/sprite-logo.png) no-repeat;
  text-indent: -9999pt; }

.header-logo a {
  display: block; }

#site-title {
  float: left;
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 24px 0;
  width: 700px; }

#site-title a {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

#site-description {
  clear: right;
  float: right;
  font-style: italic;
  margin: 15px 0 18px 0;
  width: 220px; }
  
.sns {
  float:right;
  width: 100px;
  height: 36px;
  margin-top: 32px;
  text-align: right; }

a.snsbtn {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-left: 12px;
  background: url(../images/sprite.png) no-repeat 0 -48px;
  text-indent: -9999pt;}

.snsbtn.twitter:hover {
  background-position: -96px -48px; }

.snsbtn.facebook {
  background-position: -48px -48px; }

.snsbtn.facebook:hover {
  background-position: -144px -48px; }

/* This is the custom header image */
/*
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}
*/
/* =Menu
-------------------------------------------------------------- */
#access .menu-header,
div.menu {
  font-size: 13px;
  margin-left: 12px;
  width: 928px; }

#access .menu-header ul,
div.menu ul {
  list-style: none;
  margin: 0; }

#access .menu-header li,
div.menu li {
  float: left;
  position: relative; }

#access a {
  display: block;
  height: 16px;
  padding-right: 10px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999pt; }

#nav_about {
  width: 43px;
  background-position: 0 0; }

#nav_schedule {
  width: 64px;
  background-position: -85px 0; }

#nav_exhibitions {
  width: 73px;
  background-position: -192px 0; }
  
  
#nav_catalog {
  width: 63px;
  background-position: -309px 0; }

#nav_blog {
  width: 35px;
  background-position: -397px 0; }

#nav_access {
  width: 51px;
  background-position: -475px 0; }

#nav_gallery {
  width: 56px;
  background-position: -569px 0; }

#nav_recruit {
  width: 58px;
  background-position: -669px -50px; }

#nav_contact {
  width: 62px;
  background-position: -669px 0; }

#nav_about:hover,
#nav_about.on {
  background-position: 0 -17px; }

#nav_schedule:hover,
#nav_schedule.on {
  background-position: -85px -16px; }

#nav_exhibitions:hover,
#nav_exhibitions.on {
  background-position: -192px -16px; }
  
#nav_catalog:hover,
#nav_catalog.on {
  background-position: -309px -16px; }

#nav_blog:hover,
#nav_blog.on {
  background-position: -397px -16px; }

#nav_access:hover,
#nav_access.on {
  background-position: -475px -16px; }

#nav_gallery:hover,
#nav_gallery.on {
  background-position: -569px -16px; }

#nav_recruit:hover,
#nav_recruit.on {
  background-position: -669px -66px; }

#nav_contact:hover,
#nav_contact.on {
  background-position: -669px -16px; }

#access ul ul {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  float: left;
  width: 180px;
  z-index: 99999; }

#access ul ul li {
  min-width: 180px; }

#access ul ul ul {
  left: 100%;
  top: 0; }

#access ul ul a {
  padding: 10px;
  width: 160px;
  height: auto; }

#access li:hover > a,
#access ul ul :hover > a {
  color: #222; }

#access ul li:hover > ul {
  display: block; }

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
  color: #fff; }

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
  color: #fff; }

/* =Footer
-------------------------------------------------------------- */
#footer {
  height: 368px; }

.push {
  height: 368px; }

.footer-inner {
  width: 960px;
  margin: 0 auto;
  color: #88888a; }

.footer-logo {
  width: 120px;
  height: 19px;
  margin: 0 0 12px 0;
  background: url(../images/sprite-logo.png) no-repeat 0 -48px;
  text-indent: -9999pt; }

.footer-box {
  display: block;
  float: left;
  height: 270px;
  background: url(../images/footer-dot_line.png) no-repeat right 0;
  font-style: normal; }

.site-info {
  padding-top: 32px; }

.address.footer-box {
  width: 408px;
  padding-top: 16px;
  line-height: 24px; }

.footer-box.map {
  width: 252px;
  text-align: center; }
  

#site-info {
  font-weight: bold; }

#site-info a {
  color: #000;
  text-decoration: none; }

#site-generator {
  font-style: italic;
  position: relative; }

#site-generator a {
  background: url(images/wordpress.png) center left no-repeat;
  color: #666;
  display: inline-block;
  line-height: 16px;
  padding-left: 20px;
  text-decoration: none; }

#site-generator a:hover {
  text-decoration: underline; }

img#wpstats {
  display: block;
  margin: 0 auto 10px; }

.copyright {
  display: block;
  width: 207px;
  height: 42px;
  text-indent: -9999pt;
  background: url(../images/sprite-logo.png) no-repeat 0 -80px;
 }

/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: 2010年版の WordPress テーマ「Twenty Ten」は、スタイリッシュで、カスタマイズ可能で、簡潔で、読みやすいデザインです。カスタムメニュー、ヘッダー画像、背景をあなたなりにアレンジしてみてください。Twenty Ten テーマでは6つのウィジェットエリア (サイドバーに2つ、フッターに4つ) と、アイキャッチ画像 (ギャラリー投稿のサムネイルと、投稿やページのカスタムヘッダー画像) に対応しています。印刷用、管理画面のビジュアルエディター用、アサイドおよびギャラリーカテゴリー用のスタイルシートが用意されています。また、サイドバーを取り去った1カラムページのテンプレートもあります。
Author: the WordPress team
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/
/* =Content
-------------------------------------------------------------- */
.aside {
  float: left;
  width: 192px; }

/* title image sprite setting*/
.subtitle {
  background: url(../images/sprite.png) no-repeat 0 0;
  text-indent: -9999pt; }

.subtitle.exhibitions {
  width: 73px;
  height: 12px;
  margin-bottom: 10px!important;
  background-position: 0 -98px; }

.subtitle.news {
  width: 34px;
  height: 12px;
  margin-bottom: 12px!important;
  background-position: -80px -98px; }

.subtitle.blog {
  width: 34px;
  height: 12px;
  margin-bottom: 12px!important;
  background-position: -120px -98px; }

#main {
  clear: both;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
  padding-bottom: 64px; }

#content {
  margin-bottom: 36px; }

#content,
#content input,
#content textarea {
  color: #222;
  font-size: 13px;
  line-height: 24px; }

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
  margin-bottom: 24px; }
  
 #content ul {
	 list-style-position: inside;
 }

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
  margin-bottom: 0; }

#content pre,
#content kbd,
#content tt,
#content var {
  font-size: 15px;
  line-height: 21px; }

#content code {
  font-size: 13px; }

#content dt,
#content th {
  color: #000; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #000;
  }
  #content h1.recruit_h1 {
	margin:0 0 20px 0;
	line-height: 1.5em;
	}
#content .section {
	margin: 0 0 48px 0;
}
#content .section-title {
	margin: 0 0 8px 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	}
#content .fig-image {
	margin: 8px 0 24px 0;
}
/*
#content table {
  border: 1px solid #e7e7e7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%; }

#content tr th,
#content thead th {
  color: #888;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 9px 24px; }

#content tr td {
  border-top: 1px solid #e7e7e7;
  padding: 6px 24px; }

#content tr.odd td {
  background: #f2f7fc; }*/

.hentry {
  margin: 0 0 48px 0; }

.home .sticky {
  background: #f2f7fc;
  border-top: 4px solid #000;
  margin-left: -20px;
  margin-right: -20px;
  padding: 18px 20px; }

/* blog */
.single .hentry {
  margin: 0 0 36px 0; }

#container.blog {
  float: left;
  margin: 0 -216px 0 0; }

.blog #content {
  margin: 0 336px 0 0; }

.aside.blog {
  float: right;
  width: 216px;
  margin-top: 80px;
  }

.page-title {
 background: url(../images/sprite.png) no-repeat 0 0;
  color: #000;
  margin: 72px 0 16px 0;
  text-indent: -9999pt;
  }
.page-title.about {
	width: 67px;
	height: 16px;
	background-position: -2px -155px;
}
.page-title.schedule {
	width: 100px;
	height: 16px;
	background-position: -2px -175px;
	}
.page-title.exhibitions {
	width: 135px;
	height: 16px;
	background-position: -4px -195px;
	}
.page-title.catalog {
	width: 135px;
	height: 16px;
	background-position: -2px -296px;
	}
.page-title.access {
	width: 79px;
	height: 16px;
	background-position: -2px -235px;
	}
.page-title.gallery {
	width: 87px;
	height: 16px;
	margin: 72px 0 16px 0;
	background-position: -3px -254px;
	}
.page-title.contact {
	width: 97px;
	height: 16px;
	margin: 72px 0 16px 0;
	background-position: -3px -275px;
	}
.page-title.recruit {
	width: 90px;
	height: 17px;
	background-position: -4px -136px;
	}

.page-title span {
  color: #333;
  font-size: 16px;
  font-style: italic;
  font-weight: normal; }

.page-title a:link,
.page-title a:visited {
  color: #888;
  text-decoration: none; }

.page-title a:active,
.page-title a:hover {
  color: #ff4b33; }

#content .entry-title {
  color: #000;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 24px; }

#content .entry-title.blog-list {
	margin-bottom: 8px;
}

/*
.entry-title a:link,
.entry-title a:visited {
  color: #000;
  text-decoration: none; }
*/

/*
.entry-title a:active,
.entry-title a:hover {
  color: #ff4b33; }
*/

.entry-meta {
  float: left;
  width: 72px;
  height: 72px;
  margin-right: 36px;
  background: url(../images/sprite.png) no-repeat -200px -48px;
  color: #FFF;
  font-size: 21px;
  text-align: center; }

.entry-meta-month {
  display: block;
  font-size: 16px;
  padding-top: 12px; }

.entry-meta abbr,
.entry-utility abbr {
  border: none; }

.entry-meta abbr:hover,
.entry-utility abbr:hover {
  border-bottom: 1px dotted #666; }

.entry-summary {
  clear: both;
  padding: 12px 0 0 0; }

.entry-content {
  float: left;
  width: 504px;
  padding: 12px 0 0 0; }

#content .entry-summary p:last-child {
  margin-bottom: 12px; }

.entry-content fieldset {
  border: 1px solid #e7e7e7;
  margin: 0 0 24px 0;
  padding: 24px; }

.entry-content fieldset legend {
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: 0 24px; }

.entry-content input[type="text"],
.entry-content textarea {
	width: 326px;
	background: #ECECEC;
	border: none;
    margin: 0 0 40px 0;
  }

.entry-content input.file,
.entry-content input.button {
  margin-right: 24px; }

.entry-content textarea {
	height: 144px;
}

.entry-content button {
	position: relative;
	top: -2px;
	left: -2px;
	-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.21);
	padding: 8px 12px;
	background: #000;
	border: none;
	font-size: 14px;
	color: #FFF;
	cursor: pointer;
}

.entry-content button:hover {
	top: 0;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255, 0.8);
	}

.entry-content label {
	display: block;
  color: #000;
  font-size: 12px;
  font-weight: bold; }

.entry-content select {
  margin: 0 0 24px 0; }

.entry-content sup,
.entry-content sub {
  font-size: 10px; }

.entry-content blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 24px;
  text-align: right;
  width: 33%; }

.entry-content blockquote.right {
  float: right;
  margin-left: 24px;
  margin-right: 0;
  text-align: left;
  width: 33%; }

.page-link {
  clear: both;
  color: #000;
  font-weight: bold;
  margin: 0 0 22px 0;
  word-spacing: 0.5em; }

.page-link a:link,
.page-link a:visited {
  background: #f1f1f1;
  color: #333;
  font-weight: normal;
  padding: 0.5em 0.75em;
  text-decoration: none; }

.home .sticky .page-link a {
  background: #d9e8f7; }

.page-link a:active,
.page-link a:hover {
  color: #ff4b33; }

body.page .edit-link {
  clear: both;
  display: block; }

#entry-author-info {
  background: #f2f7fc;
  border-top: 4px solid #000;
  clear: both;
  font-size: 14px;
  line-height: 20px;
  margin: 24px 0;
  overflow: hidden;
  padding: 18px 20px; }

#entry-author-info #author-avatar {
  background: #fff;
  border: 1px solid #e7e7e7;
  float: left;
  height: 60px;
  margin: 0 -104px 0 0;
  padding: 11px; }

#entry-author-info #author-description {
  float: left;
  margin: 0 0 0 104px; }

#entry-author-info h2 {
  color: #000;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0; }

.entry-utility {
  clear: both;
  color: #888;
  font-size: 12px;
  line-height: 18px; }

.entry-meta a,
.entry-utility a {
  color: #888; }

.entry-meta a:hover,
.entry-utility a:hover {
  color: #ff4b33; }

#content .video-player {
  padding: 0; }
  
 /** niwashi added **/

.hidarizingaro{
    float: right;
    display: inline-block;
    width: 110px;
    height: 34px;
    margin-top: 32px;
    margin-right: 8px;
    background: url(../images/btn-hidari_zingaro.png) no-repeat 10px 10px;
    text-indent: -9999pt;
    padding: 0 10px 0 10px;
}

.selected_exhibition{
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

.about_container{
	width: 600px;
}

.msg_container{
	margin-bottom: 30px;
}

.msg_text{
	margin-left: 15px;
	line-height: 20px;
	font-weight: 100;
	color: #555;
}
.msg_author{
	float: right;
	margin-right: 30px;
	margin-bottom: 24px;
}

#content .schedule-table tbody .date_and_status{
	text-align: center;
}

.exhibition_status{
	margin-left: 5px;
	background: #555;
	color: #FFF;
	padding: 3px 5px;
	display: inline;
	border-radius:3px;
    -moz-border-radius:3px;
}

.map_cap{
	font-size: 10px;
}

.artist_profile{
	width: 100%;
	border-top: solid 1px #DDD; 
	border-bottom: solid 1px #DDD; 
	padding-top: 24px; 
	margin-bottom: 24px;
}

.artist_profile .artist_name{
	float: left;
	font-size: 18px;
	font-weight: bold;
	width: 300px;
}
.artist_profile .artist_url_etc{
	float: left;
	width: 300px;
}
.artist_profile .artist_text{
	line-height: 20px;
	font-size: 12px;
	clear: both;
}

.artist_image{
	float: right;
	width: 250px;
}

.footer_map{
	padding: 4px;
	border: solid 1px #F3F3F3;
}

.entry_banner{
	margin-bottom: 8px;
}


.footer-box.map a:link{
	text-decoration: none;
}

#content.search{
	margin: 0px;
}

.search-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;

}

ul.page-numbers {
	text-align: center;
}

ul.page-numbers li{
	display: inline-block;
	margin: 4px;
  	/display: inline;
  	/zoom:1;
}
ul.page-numbers li a{
	display: block;
	padding: 4px 10px;
	background-color: #F3F3F3;
}

#content .searched_category{
	margin-bottom: 0px;
	font-weight: bold;
	
}

.search .entry-content{
	padding-top: 0px;
}
#link_pixiv,
#link_kaikaikiki{
	display:block;
	float: left;
	position: relative;

}
#link_pixiv{
	top: 12px;
	width: 67px;
	height: 34px;
}
#link_kaikaikiki{
	margin-left: 10px;
	width: 130px;
	height: 45px;
}

#content .catalog_top_border{
    background: url(../images/hedaer-dot_line.png) repeat-x 0 0;
    padding-top: 10px;
    margin-bottom: 0px;
     
}

#content .catalog_header{
    position: relative
}
#content h2{
    font-weight: bold;
}
#content .catalog_subtitle{
    font-size: 16px;
    padding-left: 15px;
    font-weight: normal;
}

#content .catalog_title_container {
    float: left;
    width: 590px;
}

#content p.clear {
    clear: both;
    margin: 0px;
}

#content .catalog_top_note{
    margin: -35px 0px 10px 0px;
    padding: 0px;
    color: #888;
    text-align: left;
    font-size: 12px;
    float: left;
}

#content .catalog_banner{
    background: url(../images/dot_line_vertical.png) repeat-y 0 0;
    float: right;
    padding: 0 0 10px 10px;
    
}
#content .catalog_banner a{
    display: block;
    width:158px;
    height: 62px;
}

#content .catalog_header{
    position: relative;
    
}

#content .catalog_works li{
    display: block;
    float: left;
    height: 378px;
    width: 220px;
    margin-bottom:30px; 
    margin-right: 20px;
    padding: 10px;
    
}

#content .catalog_works2 li{
    display: block;
    float: left;
    height: 388px;
    width: 220px;
    margin-bottom:20px; 
    margin-right: 20px;
    padding: 10px;
    
}

#content .catalog_works p{
    margin: 0px;
}

#content .catalog_works2 p{
    margin: 0px;
}


#content .select_popup{
    display: block;
    line-height: 216px;
    width: 218px;
    height: 218px;
    text-align: center;
    vertical-align: middle:
    zoom: 1;
    overflow: hidden;
}

#content div.catalog_works_picture{
    /display:inline;
    width: 218px;
    height: 218px;
    background-color: #FFF;
    border: solid #AAA 1px;
    line-height: 216px;
    text-align: center;
    vertical-align: middle:
    overflow: hidden;
}

#content div.catalog_works_picture img{
    vertical-align: middle;
    
    overflow: hidden;
}

#content .catalog_works_cap{
    height: 125px;
    position: relative;
    padding-top:25px;
}

#content .catalog_works_cap2{
    height: 170px;
    position: relative;
    padding-top:0px;
}

#content .catalog_works_detail a{
    display: block;
    position: absolute;
    height: 20px;
    width: 200px;
    top: 124px;
    background-color: #000;
    background: url("../images/for_detail.png") no-repeat 0px 1px #000;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 5px 0px 15px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
    font-size: 12px;
    color: #DDD;
    text-decoration: none;

}
#content .catalog_works_detail a:hover{
    background-color:#555;
}


#content .catalog_works_cap li{
    list-style-type: disc;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    line-height: 20px;
}

#content .catalog_works_cap2 li{
    list-style-type: disc;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    line-height: 20px;
}

#content .catalog_works_cap h3{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

#content .catalog_works_cap2 h3{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}

#content .catalog_works_picture img{
    max-height: 217px;
    max-width: 217px;
    vertical-align: middle;
    
}

#background_for_popup{
    display:none;
	position:fixed;
	_position:absolute; /* hack for IE6 */
	width:100%; height:100%;
	top:0; left:0;
	background:#000000;
	z-index:1;
}

#content .works_detail_main{
    width: 920px;
    display:none;
    position: absolute;
    
    margin-right: -100px;
   

}
#content .works_detail_main .works_detail_container{
    min-height: 370px;
    width: 860px;
    background-color: white;
    padding:40px 0px;
    float: left;
}


#content .works_detail_picture,
#content .works_detail_text{
    width: 370px;
    margin-left: 40px;
    float: left;
}
#content .works_detail_picture{
    height: 370px;
    text-align: center;
    line-height: 370px;
}
#content .works_detail_text{
    min-height: 319px;
}

#content .works_detail_picture img{
    /display:inline-block; 
    max-height: 370px;
    max-width: 370px;
    vertical-align: middle;
}

#content .works_detail_text h3{
    margin-bottom: 15px;
    font-weight: bold;
}

#content .works_detail_text p{
    margin-bottom: 15px;
}

#content .works_detail_main .popup_close{
    width:105px;
    height: 36px;
    background: url("../images/popup_close.png") no-repeat 0 0 ;
    text-indent: -9999px;
    display: block;
    float: right;
    margin-right: 40px;
    margin-top: 15px;
}

#content .works_detail_main .next_work,
#content .works_detail_main .previous_work{
    color: gray;
    width: 30px;
    display: block;
    text-decoration: none;
    font-size: 24px;
    float: left;
    height: 450px;
    line-height: 450px;
    vertical-align: middle;
    
}
#content .works_detail_main .next_work{
    text-align: right;
}


#content .works_detail_main .previous_work{
    text-align: left;
}

#content .works_detail_main .next_work:hover,
#content .works_detail_main .previous_work:hover{
    color: #FFF;
}


#content .works_detail_main .works_pager{
    height: 40px;
    width: 100%;
    margin-top: 10px;
}

.catalog_body{
    width: 828px;
}

#content .catalog_clear{
    padding: 0;
    margin-bottom: 0;
    clear: both;
}
#content .go_to_catalog{
    float: right;
}

/* =Asides
-------------------------------------------------------------- */
.home #content .format-aside p,
.home #content .category-asides p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 0; }

.home .hentry.format-aside,
.home .hentry.category-asides {
  padding: 0; }

.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
  padding-top: 0; }
  
.aside .exhibtion_list li{
	padding: 4px 0px;

}

.aside .recruit_list li{
	padding: 4px 0px;
}

.aside .recruit_list li.parent {
	font-size:13px;
}

.aside .recruit_list li.child {
	margin:0 0 0 5px;
	font-size:13px;
}

/* =Gallery listing
-------------------------------------------------------------- */
.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
  border: 10px solid #f1f1f1;
  margin-bottom: 0; }

.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
  float: left;
  margin-right: 20px;
  margin-top: -4px; }

.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
  padding-top: 4px; }

/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
  font-size: 140%;
  margin-top: 24px; }

.attachment .entry-content .nav-previous a:before {
  content: '\2190\00a0'; }

.attachment .entry-content .nav-next a:after {
  content: '\00a0\2192'; }

/* =toppage
-------------------------------------------------------------- */
#container.top {
  float: left;
  margin: 26px -228px 0 0;
  padding-top: 0; }

.top #content {
  margin: 0 252px 0 0;
  padding-top: 0;
  }

.aside.top {
  float: right;
  width: 228px;
  margin-top: 48px; }

#top_image_main {
  float: left;
  width: 468px;
  height: 276px;
  margin-right: 12px;
  background: #a8a8a8; }



.top_category_date,
.top_category_entry_title {
  display: block; }

/*
.top_category_entry_title a,
.top_category_entry_title a:visited{
	color: #777;
	text-decoration: none;
}*/
/*
.top_category_entry_title a:hover{
	color: #000;
	text-decoration: underline;
}*/
#top_entries {
  width: 708px;
  padding: 10px 0 0;
  overflow: hidden; }

#top_news,
#top_blog {
  float: left;
  width: 336px;
  font-size: 12px; }

#top_news {
  margin-right: 36px; }

#top_entries h3.top_category_title {
  margin: 0; }
  
#top_news .menu li { 
	float: none;
}

#top_news li,
#top_blog li {
  margin-bottom: 16px;
  line-height: 16px; }

#access li {
  display: block;
  float: left;
  list-style: none;
  margin-right: 36px; }

.widget {
  margin: 0 0 16px 0; }

#shere_links {
  float: right;
  margin-right: 15px; }

#global_nav li {
  display: block;
  float: left;
  width: 940px; }

#home_content {
  margin-bottom: 150px; }

#footer_content {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 940px;
  height: 433px;
  background-image: url("images/footer2.jpg"); }
  
 /* =about page
-------------------------------------------------------------- */ 
.about-title { margin: 0 0 16px 0; }
.msg-box {
	float: left;
	width: 360px;
	margin-right: 24px;
	}
.msg-box p { margin-bottom: 0; }
 /* =exhibition page
-------------------------------------------------------------- */ 	
.exhibition-title {
	font-size: 24px;
}
.exhibition-title-date {
	display: block;
	margin: 4px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
}
.exhibition-read-body {
	width: 576px;
	margin-bottom: 48px;
}
#content .schedule-table {
	width: 100%;
	border-bottom: dotted 1px #AAA;

}
#content .schedule-table th{
	background-color: #DDD;
	border-top: dotted 1px #AAA;
}

#content .schedule-table a{
	height: 0px;
}

#content .schedule-table tbody td img{
	float: none;
}
#content .schedule-table tbody td {
	padding: 10px 6px 6px 6px;
	text-align: left;
	vertical-align: middle;
	border: none;
}

#content .schedule-table .schedule_artists{
	font-size: 10px;
	font-weight: bold;

}
#content .schedule-table tbody .schedule_table_left{
	width: 230px;
	text-align: center;
	border-top: dotted 1px #AAA;
}
#content .schedule-table tbody .schedule_table_right{
	width: 400px;
	padding: 10px 30px 0px 30px;
	border-top: dotted 1px #AAA;
}
#content .schedule-table tbody td .schedule_each_title{
	font-size: 18px;
}
/*
#content .schedule-table tbody td:first-child {
	text-align: left;
}
*/
 /* =blog page
-------------------------------------------------------------- */ 
#content .section-title.blog-list {
	margin-bottom: 40px;
}

 /* =access page
-------------------------------------------------------------- */ 	
#map_thmb {
	width: 647px;
	text-align: center;
	}

/* =Images
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
/*img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
*/
.attachment img {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */
  height: auto;
  /* Override height to match resized width for correct aspect ratio. */ }

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px; }

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px; }

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px; }

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 632px !important;
  /* prevent too-wide images from breaking layout */
  padding: 4px;
  text-align: center; }

.wp-caption img {
  margin: 5px 5px 0; }

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px; }

.wp-smiley {
  margin: 0; }
  
.gallery_cap p{
	width:300px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.remocon_container{
	float: left;
	position: relative;
	background: url("../images/plan_remocon_background.jpg") no-repeat 0px 0px;
	width: 254px;
	height: 121px;
	margin-bottom: 30px;
}
.remocon_base{
	position: absolute;
	background: url("../images/plan_remocon_base.png") no-repeat 0px 0px;
	width: 254px;
	height: 121px;
}

.gallery_remocon{
	position: absolute;
	width: 254px;
	height: 121px;
	background: url("../images/plan_remocon1.png") no-repeat 0px 0px;

}
.gallery_remocon div,
.gallery_remocon a{
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 16px;
	height: 16px;
}

#screen{
	position: relative;
	width: 570px;
}

#screen .slide{
	display: none;
	/margin-bottom:6px;
}
#screen .active{
	display: block
}
#slide_selecter {
	margin-bottom: 50px;
}
#slide_selecter div{
	float: left;
	margin-right: 6px;
	margin-bottom:50px;
}

#remocon1 { top: 34px; left: 40px; }
#remocon2 { top: 12px; left: 74px;}
#remocon3 { top: 95px; left: 38px; } 
#remocon4 { top: 79px; left: 171px; }
#remocon5 { top: 79px; left: 121px; }
#remocon6 { top: 84px; left: 2px; }


.gallery {
  margin: 0 auto 18px; }

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%; }

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.gallery img {
  border: 2px solid #cfcfcf; }

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto; }

.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto; }

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px; }

.gallery dl {
  margin: 0; }

.gallery img {
  border: 10px solid #f1f1f1; }

.gallery br + br {
  display: none; }

#content .attachment img {
  /* single attachment images should be centered */
  display: block;
  margin: 0 auto; }

.share_button{
	float: left;
	margin-bottom: 32px;
	margin-right: 15px;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
  color: #888;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden; }

.navigation a:link,
.navigation a:visited {
  color: #888;
  text-decoration: none; }

.navigation a:active,
.navigation a:hover {
  color: #ff4b33; }

#content .section.pagenation {
	margin: 64px 0 0 108px;
	padding: 7px 0 0;
	border-top: dotted 2px #888;
	}
.nav-previous {
  float: right;
  text-align: right;
  line-height: 1.2;
  width: 234px;
  }

.nav-next {
  float: left;
  width: 234px;
  line-height: 1.2;  
  }

#nav-above {
  margin: 0 0 18px 0;
  }

#nav-above {
  display: none; }

.paged #nav-above,
.single #nav-above {
  display: block; }

#nav-below {
  margin: -18px 0 0 0; }

/* =Comments
-------------------------------------------------------------- */
#comments {
  clear: both; }

#comments .navigation {
  padding: 0 0 18px 0; }

h3#comments-title,
h3#reply-title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0; }

h3#comments-title {
  padding: 24px 0; }

.commentlist {
  list-style: none;
  margin: 0; }

.commentlist li.comment {
  border-bottom: 1px solid #e7e7e7;
  line-height: 24px;
  margin: 0 0 24px 0;
  padding: 0 0 0 56px;
  position: relative; }

.commentlist li:last-child {
  border-bottom: none;
  margin-bottom: 0; }

#comments .comment-body ul,
#comments .comment-body ol {
  margin-bottom: 18px; }

#comments .comment-body p:last-child {
  margin-bottom: 6px; }

#comments .comment-body blockquote p:last-child {
  margin-bottom: 24px; }

.commentlist ol {
  list-style: decimal; }

.commentlist .avatar {
  position: absolute;
  top: 4px;
  left: 0; }

.comment-author cite {
  color: #000;
  font-style: normal;
  font-weight: bold; }

.comment-author .says {
  font-style: italic; }

.comment-meta {
  font-size: 12px;
  margin: 0 0 18px 0; }

.comment-meta a:link,
.comment-meta a:visited {
  color: #888;
  text-decoration: none; }

.comment-meta a:active,
.comment-meta a:hover {
  color: #ff4b33; }

.reply {
  font-size: 12px;
  padding: 0 0 24px 0; }

.reply a,
a.comment-edit-link {
  color: #888; }

.reply a:hover,
a.comment-edit-link:hover {
  color: #ff4b33; }

.commentlist .children {
  list-style: none;
  margin: 0; }

.commentlist .children li {
  border: none;
  margin: 0; }

.nopassword,
.nocomments {
  display: none; }

#comments .pingback {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
  padding-bottom: 18px; }

.commentlist li.comment + li.pingback {
  margin-top: -6px; }

#comments .pingback p {
  color: #888;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0; }

#comments .pingback .url {
  font-size: 13px;
  font-style: italic; }

/* Comments form */
input[type=submit] {
  color: #333; }

#respond {
  border-top: 1px solid #e7e7e7;
  margin: 24px 0;
  overflow: hidden;
  position: relative; }

#respond p {
  margin: 0; }

#respond .comment-notes {
  margin-bottom: 1em; }

.form-allowed-tags {
  line-height: 1em; }

.children #respond {
  margin: 0 48px 0 0; }

h3#reply-title {
  margin: 18px 0; }

#comments-list #respond {
  margin: 0 0 18px 0; }

#comments-list ul #respond {
  margin: 0; }

#cancel-comment-reply-link {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px; }

#respond .required {
  color: #ff4b33;
  font-weight: bold; }

#respond label {
  color: #888;
  font-size: 12px; }

#respond input {
  margin: 0 0 9px;
  width: 98%; }

#respond textarea {
  width: 98%; }

#respond .form-allowed-tags {
  color: #888;
  font-size: 12px;
  line-height: 18px; }

#respond .form-allowed-tags code {
  font-size: 11px; }

#respond .form-submit {
  margin: 12px 0; }

#respond .form-submit input {
  font-size: 14px;
  width: auto; }

/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul,
.widget-area li {
  list-style: none;
  margin-left: 0; }

.widget-area ul ul {
  list-style: square;
  margin-left: 1.3em; }
  
 .widget-area li {
	 padding: 8px 0;
	 border-bottom: dotted 1px #585858;
 }

.widget-area select {
  max-width: 100%; }

.widget_search #s {
  /* This keeps the search inputs in line */
  width: 60%; }

.widget_search label {
  display: none; }

.widget-container {
  margin: 0 0 64px 0; }

.widget-title {
padding: 0 0 2px 0;
border-bottom: 2px solid #000;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  text-indent: -9999pt;
  }
.widget-title.category,
.widget-title.archive,
.widget-title.recent_entry {
	width: 80px;
	height: 12px;
	background: url(../images/sprite.png) no-repeat -202px -154px;
	}
.widget-title.archive {
	width: 55px;
	background-position: -202px -184px;
	}
.widget-title.recent_entry{
	width: 100px;
	background-position: -202px -214px;
	}
/*
.widget-area a:link,
.widget-area a:visited {
  text-decoration: none; }

.widget-area a:active,
.widget-area a:hover {
  text-decoration: underline; }*/

.widget-area .entry-meta {
  font-size: 11px; }

#wp_tag_cloud div {
  line-height: 1.6em; }

#wp-calendar {
  width: 100%; }

#wp-calendar caption {
  color: #222;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 4px;
  text-align: left; }

#wp-calendar thead {
  font-size: 11px; }

#wp-calendar tbody {
  color: #aaa; }

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  padding: 3px 0 2px;
  text-align: center; }

#wp-calendar tbody .pad {
  background: none; }

#wp-calendar tfoot #next {
  text-align: right; }

.widget_rss a.rsswidget {
  color: #000; }

.widget_rss a.rsswidget:hover {
  color: #ff4b33; }

.widget_rss .widget-title img {
  width: 11px;
  height: 11px; }

/* Main sidebars */
#main .widget-area ul {
  margin-left: 0;
  padding: 0 20px 0 0; }

#main .widget-area ul ul {
  border: none;
  margin-left: 1.3em;
  padding: 0; }

/* for jQuery plugin setting */
/*-------------------------------------------------------------- */


/* Footer widget areas */
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
  -webkit-text-size-adjust: 140%; }

code {
  -webkit-text-size-adjust: 160%; }

#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
  -webkit-text-size-adjust: 120%; }

#site-description {
  -webkit-text-size-adjust: none; }

/* =Print Style
-------------------------------------------------------------- */
@media print {
  body {
    background: none !important; }

  #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important; }

  #header {
    border-bottom: 2pt solid #000;
    padding-bottom: 18pt; }

  #colophon {
    border-top: 2pt solid #000; }

  #site-title,
  #site-description {
    float: none;
    line-height: 1.4em;
    margin: 0;
    padding: 0; }

  #site-title {
    font-size: 13pt; }

  .entry-content {
    font-size: 14pt;
    line-height: 1.6em; }

  .entry-title {
    font-size: 21pt; }

  #access,
  #branding img,
  #respond,
  .comment-edit-link,
  .edit-link,
  .navigation,
  .page-link,
  .widget-area {
    display: none !important; }

  #container,
  #header,
  #footer {
    margin: 0;
    width: 100%; }

  #content,
  .one-column #content {
    margin: 24pt 0 0;
    width: 100%; }

  .wp-caption p {
    font-size: 11pt; }

  #site-info,
  #site-generator {
    float: none;
    width: auto; }

  #colophon {
    width: auto; }

  img#wpstats {
    display: none; }

  #site-generator a {
    margin: 0;
    padding: 0; }

  #entry-author-info {
    border: 1px solid #e7e7e7; }

  #main {
    display: inline; }

  .home .sticky {
    border: none; } }

  .add_calender {
    margin-bottom: 0px;
    float: right;
    background-color: #5a5a5a;
    text-decoration: none;
    padding: 0px 7px 0px 7px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  }
  
  .add_calender:hover {
    background-color: #363636;
  }