/* ============== COMMON ============== */

body{
  margin:0;
  padding:0;
  font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN",Osaka, sans-serif;
  background:#E8E9D1 url(../images/bg.gif) repeat-x;
  text-align:center;
  color:#777667;
  line-height:1.35;
}

img{
  border:0;
}

form{
  display:inline;
}

textarea{
  font-size:100%;
}

label{
  cursor:pointer;
}


p{
  font-size:90%;
  line-height:1.5;
}

a {
  color:#F86E43;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a.arrow {
  background: url(/images/arrow1.gif) 0 50% no-repeat;
  padding-left:18px;
}

#container{
  background:#fff;
  width:800px;
  margin:0 auto;
  text-align:left;
  border-left:1px solid #C9CAB1;
  border-right:1px solid #C9CAB1;
}

#header{
  background:url(../images/header.gif) top center no-repeat;
  position:relative;
}

h1{
  font-size:80%;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#9F8E54;
  position:absolute;
  top:20px;
  right:17px;
}

img#logo{
  margin-top:16px;
  margin-bottom:5px;
}

#header .globalmenu {
  text-align:center;
}

#header .globalmenu ul{
  padding:0 !important;
  margin:0 0 0 15px;
 _margin:0;
  list-style:none;
  width:772px;
}

#header .globalmenu ul li{
  display:inline;
  text-indent:-12000px;
}

#header .globalmenu ul li a{
  display:block;
  float:left;
  width:190px;
 _width:188px;
 *width:188px;
  height:53px;
  background:url(../images/menu.gif) no-repeat;
}

#header .globalmenu ul li a.about{
  width:196px;
  background-position:0 -47px;
}

#header .globalmenu ul li a.painting{
  background-position:-197px -47px;
}

#header .globalmenu ul li a.blog{
  background-position:-387px -47px;
}

#header .globalmenu ul li a.appoint{
  width:196px;
  background-position:-577px -47px;
}

#header .globalmenu ul li a.about:hover, #about #header .globalmenu ul li a.about{
  width:196px;
  background-position:0 0;
}

#header .globalmenu ul li a.painting:hover,#fortune #header .globalmenu ul li a.painting{
  background-position:-197px 0;
}

#header .globalmenu ul li a.blog:hover, #blog #header .globalmenu ul li a.blog{
  background-position:-387px 0;
}

#header .globalmenu ul li a.appoint:hover, #appoint #header .globalmenu ul li a.appoint{
  width:196px;
  background-position:-577px 0;
}


h2{
  margin:0;
  padding:0;
}

#breadcrumbs {
  padding:20px 15px;
  font-size:80%;
  clear:both;
}

#breadcrumbs a{
  padding-right:18px;
  margin-right:5px;
  background:url(../images/arrow1.gif) center right no-repeat;
}

#body{
  padding-right:15px;
}

#main{
  width:505px;
 *width:490px;
  float:left;
  overflow:hidden;
}

#sidebar {
  width:288px;
  float:right;
  background:#fff url(../images/sidebar.gif) top left repeat-y;
  overflow:hidden;
}

.box{
  margin-left:15px;
  padding-bottom:20px;
}


.box h2{
  padding-bottom:5px;
}

.box p{
  text-indent:1em;
  font-size:82%;
  margin:0;
  padding:5px 0 5px 8px;
}

.box p.right{
  text-align:right;
  font-size:80%;
  color:#a45353;
  padding-top:1em;
}

.box p.right a{
  padding-left:12px;
  background:url(../images/arrow2.gif) left center no-repeat;
  font-size:100%;
}

.box .table-outline{
  width:100%;
  text-align:center;
  padding:5px 0;
}

.box table{
  width:95%;
  margin:0 auto;
  border-collapse:collapse;
  border:1px solid #E1E2C0;
}

.box table tr th{
  font-size:82%;
  padding:5px;
  border:1px solid #E1E2C0;
  background:#F5F6D1;
  width:25%;
  font-weight:normal;
}

.box table tr th span.must{
  color:#ED927D;
  font-size:80%;
  margin-left:5px;
}

.box table tr td{
  font-size:82%;
  padding:5px;
  border:1px solid #E1E2C0;
  text-align:left;
}

.box table tr td textarea{
  border:1px solid #ccc;
  width:98%;
  padding:2px;
  height:80px;
}

.box table tr td select{
  border:1px solid #ccc;
}

.box table tr td input{
  width:200px;
  border:1px solid #ccc;
  padding:2px;
  vertical-align:middle;
}

.box table tr td input.name{
  width:100px;
  margin-left:5px;
  margin-right:10px;
}

.box table tr td input.time{
  width:30px;
  margin-right:2px;
}

.box table tr td input.tel{
  width:50px;
}

.box table tr td input.radio{
  width:auto;
  margin-bottom:2px;
}

.box table tr td .note{
  font-size:85%;
  color:#888;
  margin-left:3px;
}

.box .send input{
  padding:5px;
  margin-top:10px;
  border:1px solid #999;
  width:80px;
  vertical-align:middle;
}
.box .send input.radio{
  margin-top:0;
  width:auto;
  padding:0;
  border:none;
  margin-bottom:2px;
}

.box .send .cookie{
  font-size:80%;
  padding-top:5px;
}

#footer{
  clear:both;
  background:url(../images/footer.gif) bottom center no-repeat;
  text-align:center;
  font-size:80%;
  padding:20px 0 10px 0;
}

#footer .pagetop{
  text-align:right;
  padding-right:30px;
}


#footer .pagetop a{
  padding-left:18px;
  background:url(../images/arrow4.gif) 0 50% no-repeat;
}

#footer ul.menu{
  margin:20px 0 5px 0;
  padding:0;
  list-style:none;
  width:auto;
}

#footer ul.menu li{
  display:inline;
  padding-right:6px;
  margin-right:3px;
  border-right:1px solid #777667;
}

#footer ul.menu li.about{
  border-left:1px solid #777667;
  padding-left:6px;
}

#footer ul.menu li a{
  color:#fff;
}

#footer p.copyright{
  margin:0;
  padding:0;
}

#footer p.copyright a{
  text-decoration:underline;
  color:#777667;
}

/* ============== TOP ============== */

div.topmenu{
  height:237px;
  text-align:center;
  width:100%;
  background:url(../images/top.jpg) top center no-repeat;
}

div.topmenu ul.menu{
  margin:0 0 0 14px;
  padding:179px 0 0 0;
  list-style:none;
}

div.topmenu ul.menu li{
  text-indent:-12000px;
  display:inline;
}

div.topmenu ul.menu li a{
  display:block;
  float:left;
  width:190px;
  height:58px;
  background:url(../images/topmenu.gif) no-repeat;
}

div.topmenu ul.menu li a.about{
  background-position:0 5px;
 _background-position:-1px 5px;
 *background-position:-1px 5px;
  width:196px;
}

div.topmenu ul.menu li a.painting{
  background-position:-196px 5px;
}

div.topmenu ul.menu li a.blog{
  background-position:-386px 5px;
}

div.topmenu ul.menu li a.appoint{
  background-position:-576px 5px;
 _background-position:-577px 5px;
  width:196px;
}

div.topmenu ul.menu li a.about:hover{
  background-position:0 -54px;
 _background-position:-1px -54px;
 *background-position:-1px -54px;
  width:196px;
}

div.topmenu ul.menu li a.painting:hover{
  background-position:-196px -54px;
}

div.topmenu ul.menu li a.blog:hover{
  background-position:-386px -54px;
}

div.topmenu ul.menu li a.appoint:hover{
  background-position:-576px -54px;
  width:196px;
}

/* safari only \*/
html:\66irst-child div.topmenu{
}

html:\66irst-child div.topmenu ul.menu{
  padding:183px 0 0 0;
}

html:\66irst-child div.topmenu ul.menu li a{
  height:54px;
}

html:\66irst-child div.topmenu ul.menu li a.about{
  background-position:0 0;
  background-repeat: no-repeat;
  width:196px;
}

html:\66irst-child div.topmenu ul.menu li a.painting{
  background-position:-196px 0px;
  background-repeat: no-repeat;
}

html:\66irst-child div.topmenu ul.menu li a.blog{
  background-position:-386px 0px;
  background-repeat: no-repeat;
}

html:\66irst-child div.topmenu ul.menu li a.appoint{
  background-position:-576px 0px;
  background-repeat: no-repeat;
  width:196px;
}

html:\66irst-child div.topmenu ul.menu li a.about:hover{
  background-position:0 -58px;
  background-repeat: no-repeat;
  width:196px;
}

html:\66irst-child div.topmenu ul.menu li a.painting:hover{
  background-position:-196px -58px;
  background-repeat: no-repeat;
}

html:\66irst-child div.topmenu ul.menu li a.blog:hover{
  background-position:-386px -58px;
  background-repeat: no-repeat;
}

html:\66irst-child div.topmenu ul.menu li a.appoint:hover{
  background-position:-576px -58px;
  background-repeat: no-repeat;
  width:196px;
}

/* end */
#top #intro{
  margin:20px 0 20px 15px;
}


#top #sidebar {
  margin-top:20px;
  min-height:500px;
}

#top #sidebar h2{
  margin-left:10px;
  padding-left:18px;
  margin-bottom:5px;
 background:url(../images/blog-sidebar-h3.gif) 0 50% no-repeat;
}

#top #sidebar .box-recentblog {
  margin-bottom:10px;
  padding-bottom:10px;
}

#top #sidebar .box-recentblog ul {
  list-style:none;
  margin:0 0 0 15px;
  padding:0;
  font-size:80%;
}

#top #sidebar .box-recentblog ul li{
  padding-left:15px;
  background:url(../images/arrow2.gif) 0 6px no-repeat;
  padding-bottom:3px;
  margin-left:5px;
  margin-right:15px;
}

#top #sidebar .box-recentpainting ul {
  list-style:none;
  margin:0 0 0 20px;
  padding:0;
}

#top #sidebar .box-recentpainting ul li{
  width:70px;
  height:70px;
  overflow:hidden;
  border:1px solid #ccc;
  float:left;
  margin:0 9px 9px 0;
}

#top #sidebar .box-recentpainting ul li a.entrylink{
  display:block;
}

#top #sidebar .box-recentpainting ul li p{
  margin:0;
}

#top #sidebar .box-recentpainting p.right{
  text-align:right;
  font-size:80%;
  color:#a45353;
  padding-top:1em;
  clear:both;
  margin-right:15px;
}

#top #sidebar .box-recentpainting p.right a{
  padding-left:12px;
  background:url(../images/arrow2.gif) left center no-repeat;
  font-size:100%;
}



#top #sidebar ul.asterismlist {
  margin:5px 0 0 25px;
  padding:0;
  list-style:none;
}

#top #sidebar ul.asterismlist li{
  width:75px;
  padding-top:10px;
  float:left;
  font-size:80%;
  text-align:center;
}

#top #sidebar ul.asterismlist li img{
  margin-bottom:5px;
}

/* ============== ABOUT ============== */

#about div#submenu ul {
  margin:0 0 0 15px;
  list-style:none;
  padding:0;
  font-size:80%;
}

#about div#submenu ul li{
  display:inline;
  margin-right:5px;
  padding-right:5px;
  border-right:1px solid #ccc;
}

#about div#submenu ul li.selected a{
  color:#666776;
  font-weight:bold;
}

#about p {
  text-indent:0;
}

#about h3 {
  font-size:90%;
  color:#334;
  margin-left:7px;
  margin-bottom:5px;
}

#about #picturelist h3{
  text-align:center;
  margin:0 auto;
}

#about #picturelist p{
  text-align:center;
}

#about div#opinionlist p {
  padding-left:30px;
  background:url(/images/icon-comment.gif) 7px 10px no-repeat;
  margin-bottom:10px;
}

/* ============== BLOG ============== */

#blog #main .box{
  padding-bottom:20px;
  margin-bottom:10px;
  background:url(../images/hr.gif) bottom center no-repeat;
  width:500px;
}

#blog #main h2.date {
  margin:0;
  padding:7px 0 0 0;
  font-weight:normal;
  text-transform:uppercase;
  width:43px;
  height:45px;
  text-align:center;
  position:absolute;
  background:url(../images/blog-date.gif) no-repeat;
  font-family:"Georgia",serif;
}

#blog #main h2.date span.month{
  display:block;
  font-size:10px;
  letter-spacing:2px;
}
#blog #main h2.date span.day{
  display:block;
  font-size:18px;
  font-weight:bold;
  line-height:18px;
  color:#af3636;
}

#blog #main .entry h3 {
  font-size:100%;
  margin:0 0 5px 5px;
  padding:13px 0 13px 50px;
  color:#861919;
}

#blog #main .entry h3 a{
  color:#861919;
}

#blog #main .entry img{
  margin:5px 0;
}

#blog #main .entry p{
  text-indent:0;
}

#blog #main p.entry-footer{
  text-align:right;
  padding-top:1em;
}

#blog #main p.entry-footer img{
  vertical-align:middle;
  margin-bottom:3px;
  margin-right:2px;
  margin-left:5px;
}

#blog #main p.entry-footer a:hover{
  text-decoration:none;
}

#blog #main .comments h3, #blog #main .comments-open h3, #blog #main .trackbacks h3{
  font-size:100%;
  padding-top:20px;
  padding-bottom:5px;
  margin-top:5px;
  margin-bottom:10px;
  background:url(../images/hr.gif) top center no-repeat;
  color:#bbbf7f;
  font-family:"Georgia",serif;
}

#blog #main .comments p,#blog #main .trackback p{
  text-indent:0;
}

#blog #main .comments .comment-author,#blog #main .trackback .trackback-footer{
  font-size:82%;
  text-align:right;
  margin-bottom:1.5em;
}

#blog #main .comments .comment-author img,#blog #main .trackback .trackback-footer img{
  vertical-align:middle;
  margin-bottom:2px;
  margin-right:3px;
  margin-left:5px;
}

#blog #main .comments .comment-author a:hover,#blog #main .trackback .trackback-footer a:hover{
  text-decoration:none;
}

#blog #main p.comments-open-moderated {
  font-size:76%;
  text-indent:0;
}

#blog #main .trackbacks table{
  margin-bottom:10px;
}

#blog #sidebar {
  min-height:700px;
  width:290px;
}
#blog #sidebar .module {
  margin-left:15px;
  padding-bottom:10px;
  border-bottom:1px solid #f5f4ea;
  margin-bottom:10px;
  margin-right:15px;
} 

#blog #sidebar .module h2{
  font-size:100%;
  padding-bottom:10px;
  font-family:"Georgia",serif;
  padding-left:20px;
  background:url(../images/blog-sidebar-h3.gif) 0 2px no-repeat;
}

#blog #sidebar .module h2 a{
  color:#777667;
}

#blog #sidebar .module h2 img{
  vertical-align:middle;
  margin-bottom:5px;
  margin-left:3px;
}

#blog #sidebar .module ul {
  font-size:80%;
  margin:0;
  padding:0;
  list-style:none;
}

#blog #sidebar .module ul li{
  padding-left:15px;
  background:url(../images/arrow2.gif) 0 6px no-repeat;
  padding-bottom:3px;
  margin-left:5px;
}

#blog #sidebar .module #powered{
  text-align:center;
  font-size:80%;
  padding-top:2em;
}


/* ============== APPOINT ============== */

p.description{
  font-size:82%;
  margin:0;
  padding:0 15px 20px 15px;
}

/* ============== PAINTING ============== */

#painting .entry{
  width:240px;
  height:320px;
  margin-left:15px;
  float:left;
}

#painting .entry h3{
  font-size:90%;
  margin:0 0 8px 0;
  color:#861919;
}

#painting .entry h3 a{
  color:#861919;
}

#painting .entry p{
  margin:0 0 0.5em 0;
  text-align:center;
}

#painting .entry p img{
  padding:2px;
  border:1px solid #ccc;
  margin:0 auto;
}

#painting .entry p a:hover img{
  border:1px solid #fb8a91;
}

#painting .entry .entry-body,#painting .entry .entry-footer{
  font-size:84%;
}

#painting .entry .entry-more-link p{
  text-align:left;
}

#painting .entry .entry-footer{
  text-align:right;
}

#painting .entry .entry-footer img{
  vertical-align:middle;
  margin-bottom:3px;
  margin-right:2px;
  margin-left:5px;
  border:0;
}

div.error{
  padding:10px;
  margin:10px;
  font-size:85%;
  border:1px solid #F5DCCD;
  background:#FDF6F1;
}

div.error a{
  background:url(../images/arrow3.gif) 0 50% no-repeat;
  padding-left:18px;
}

div.thanks{
  padding:10px;
  margin:10px;
  font-size:85%;
  border:1px solid #CDE9F5;
  background:#F1FAFD;
}

#fortune-top .asterismlist {
  margin:5px 0 0 8px;
  padding:0;
  list-style:none;
}

#fortune-top .asterismlist li{
  width:250px;
  float:left;
}

div#workshop-backnumber {
  padding-left:12px;
}

div#workshop-backnumber p {
  text-indent:0;
}

div#workshop-backnumber h3 {
  margin:0 22px 0 10px;
  padding:0;
  font-size:90%;
  border-top:1px solid #dedede;
  padding-top:7px;
}

div#workshop-backnumber a {
  background: url(/images/arrow1.gif) 0 50% no-repeat;
  padding-left:18px;
}

div#workshop-container h3 {
  margin:20px 0 0 7px;
  padding:0;
  font-size:100%;
  font-weight:normal;
  color:#ea8774;
}

div#workshop-container ul {
  list-style:circle;
  margin:10px 0 0 20px;
  padding:0;
  font-size:80%;
}

div#workshop-container ul li{
  padding-bottom:5px;
}

div#workshop-container div.workshop-title {
  text-align:center;
  padding-top:10px;
  padding-bottom:5px;
}

div#workshop-message {
  margin-left:3px;
}

div#workshop-message p {
  text-indent:0;
  margin-bottom:10px;
  padding-left:32px;
  background:url(/images/workshop-message-icon.gif) 0 5px no-repeat;
  margin-left:0;
}

.header-banner {
  position:absolute;
  top:45px;
  right:15px;
}

img.profile-image {
  float:right;
  border:1px solid #c6c6c4;
  margin-left:10px;
}

div.profile-container h3 {
  border-left:7px  solid #e7cbc5;
  padding-left:5px;
  line-height:1;
  padding:5px 0 5px 7px;
  margin-top:20px
}

div.profile-container ul {
  font-size:82%;
  list-style:circle;
  margin:0;
  padding:10px 0 10px 30px;
}

div.profile-container ul li {
  padding-bottom:5px;
  line-height:1.5;
}

div.profile-container p {
  margin:10px 25px;
  padding:0;
}


table.mailmagazine {
  border:none;
  margin-bottom:0;
}

table.mailmagazine th {
  text-align:center;
}

table.mailmagazine td.sendcell {
  border:none;
  padding-left:0;
  padding-bottom:0;
}

table.mailmagazine td.sendcell input{
  width:100px;
  font-size:100%;
  background:#fff;
  margin-top:5px;
}

div.sendbox {
  margin-left:20px;
  margin-top:10px;
}

ul.backnumber {
  list-style:circle;
  margin:10px 0;
  padding-left:45px;
}

ul.backnumber li {
  padding-bottom:5px;
}

.premium-message-nofile {
  color:#999;
  font-size:90%;
}

.premium-container p {
  padding-left:0;
}


.premium-description {
  margin-bottom:10px;
}

#main .premium-container h2 ,
.premium-description h2 {
  font-size:120%;
  margin-top:15px;
}

#main .premium-container h3 ,
.premium-description h3 {
  font-size:90%;
  margin:15px 0 5px 0;
  padding:0;
  font-weight:normal;
  color:#EA8774;
}

.premium-description p {
  text-indent:0;
  margin:0;
  padding:5px 0;
}


ul.premium-archive {
  list-style:none;
  margin:5px 0 0 0;
  padding:0;
}

ul.premium-archive li {
  padding:5px;
}

ul.premium-archive li a {
  padding-left:12px;
  background:url(/images/arrow2.gif) 0 50% no-repeat;
}

.premium-title {
  margin-top:5px;
  margin-bottom:10px;
}

.premium-description {
  margin:0 15px;
  font-size:90%;
  line-height:1.5;
}

ul.top-menu {
  list-style:none;
  margin:0 0 0 14px;
  padding:0;
}

ul.top-menu li{
  float:left;
  margin-top:178px;
}

.header-menu ul {
  margin:0 0 0 15px;
  padding:0;
  list-style:none;
}

.header-menu ul li{
  float:left;
}

.border-box {
  border:1px solid #d4d3c5;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
  padding:0 10px;
  margin-top:10px;
  margin-bottom:15px;
  margin-right:5px;
}


#main .premium-container .border-box h2 ,
.premium-description .border-box h2 {
  font-size:90%;
}


div#wp_calendar {
  text-align:center;
  zoom:1;
  padding-bottom:50px;
  margin-left:15px;
}

div#wp_calendar:after {
  clear:both;
  content:"";
  display:block;
}

div#wp_calendar h3 {
  margin:0;
  padding:0 0 10px;
}

div#wp_calendar ol,
div#wp_calendar ul {
  list-style:none;
  margin:0 auto;
  padding:0;
  width:750px;
  border:1px solid #eee;
}

div#wp_calendar ol:after {
  clear:both;
  content:"";
  display:block;
}

div#wp_calendar ol li,
div#wp_calendar ul li {
  float:left;
  width:105px;
  font-size:80%;
  height:200px;
  border:1px solid #eee;
}

div#wp_calendar ul li{
  height:auto;
  padding:5px 0;
  background:#ff927e;
  color:#fff;
}

div#wp_calendar ol li .head{
  background:#ffe1dc;
  font-size:90%;
  margin-bottom:4px;
  padding:3px 0;
}
div#wp_calendar ol li ul {
  border:0;
  width:auto;
  text-align:left;
  margin-left:5px;
}
div#wp_calendar ol li li {
  float:none;
  font-size:100%;
  height:auto;
  border:0;
  padding:1px 0;
  color:#666;
  background:#fff;
  width:auto;
}

div#wp_calendar h3 {
  font-size:100%;
  margin-bottom:0;
  padding-bottom:5px;
  margin-top:15px;
  position:relative;
  margin-left:10px;
  margin-right:10px;
}

div#wp_calendar h3 a.next{
  position:absolute;
  top:0;
  right:0;
  font-size:80%;
  padding-left:15px;
  background:url(../images/arrow1.gif) 0 50% no-repeat;
}

div#wp_calendar h3 a.back{
  position:absolute;
  top:0;
  left:0;
  font-size:80%;
  padding-left:15px;
  background:url(../images/arrow3.gif) 0 50% no-repeat;
}


li.yoyaku a{
  color:#666;
}

.map iframe{
  margin-left:15px;
  border:1px solid #ddd;
}

.map div {
  text-align:right;
  padding:5px 10px;
  font-size:80%;
}

.address {
  font-size:80%;
  margin:10px 0 10px 15px;
}

.map-l{
  margin-left:15px;
  font-size:80%;
  font-weight:bold;
}

.map-l img{
  margin-top:5px;
  border:1px solid #ddd;
}

#about .about-session-container h3{
  margin:20px 0 0 7px;
  padding:0;
  font-size:100%;
  font-weight:normal;
  color:#ea8774;
  clear:both;
}

.about-session-container p.link {
  text-align:right;
}

.about-session-container p.link a {
  padding-left:15px;
  background:url(../images/arrow1.gif) 0 50% no-repeat;
}

#calendar .border-box {
  text-align:left;
  padding-bottom:10px;
  margin-left:10px;
  margin-right:10px;
}

#calendar .border-box h2 {
  margin:10px 0 2px 2px;
  padding:0;
  font-size:90%;
  font-weight:normal;
  color:#ea8774;
}


#calendar .border-box p {
  margin:0 0 0 2px;
  padding:0;
  text-indent:0;
}

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

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

.map-description {
  font-size:80%;
  line-height:1.5;
}


.map-description ol li{
  margin-bottom:7px;
}

#event h2 {
  margin-top:0;
  padding-top:0;
  clear:both;
}

#event h2 img {
  margin-top:20px;
}

.inner-image-right {
  float:right;
  margin-bottom:10px;
  margin-left:10px;
}

.inner-image-left {
  float:left;
  margin-bottom:10px;
  margin-right:10px;
}