@charset "utf-8";

/* CSS Document */



/* 共通 */



*{
	margin: 0;
	padding: 0;

	}

a:hover{
text-decoration: none;
}

body {
	font: 100% "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333;
	/*font-size: 80%;*/font-size: 13px;
	line-height: 1.7;
	line-break:strict;
    -webkit-text-size-adjust: 100%;
}



* html body {line-break: strict;font-family: "ＭＳ Ｐゴシック", sans-serif;}

*:first-child+html body {line-break: strict;}

*:first-child+html *{letter-spacing: 0;}





img {

    vertical-align: bottom;

	border: none;

}



p {

    padding: 0;

    margin: 0;

	text-align: left;

}



.tcenter {

    text-align: center;

}



.tright {

    text-align: right;

}



.fclear {

	clear: both;

}

.tsume{

letter-spacing:-0.05em;

}



a:link {

	color: #9E796A;

    text-decoration: underline;

}

a {
outline: none;
}



.sqbg { 

    background: url(../images/h4bg.gif) no-repeat 5px;

	padding-left: 20px;

	font-weight: normal;

}	



.m1em { 

    

}



.tsume {

letter-spacing:-0.04em;

}



li{

	list-style: none;

}



.b-brown {

	font-weight: bold;

	color: #9E796A;

}



#submenu ul,

#submenu li {

    margin:0;

	padding:0;

	list-style:none;

	background:none;

}



.bgnone {

	background:none;

}



address {

margin:20px 0 0 14px;

	font-style: normal;

}







/* 共通 ヘッダ*/



#header {

    width: 766px;

	padding: 0;

}



div#header:after {

    height: 0;

	visibility: hidden;

	content: ".";

	display: block;

	clear: both;

}



div#header {

	width: 100%;

	/*\://*/

	overflow: hidden;

	/**/

}



h1 {

    float: right;

	width: 50%;

	margin: 0;

}



#global {

	margin-left: -1px;

    float: right;

	width: 383px;

	height: 191px;

	background-color: #5E4946;

	text-align: center;

}

#copyright {
　　clear: both;
	color: #FFFFFF;
	background-color: #9E796A;
	text-align: right;
}



#copyright-t{
	clear: both;
	width: 100%;
　　width: 766px;
	color: #FFFFFF;
	background-color: #9E796A;
	font-size: 83%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	border-collapse: collapse;
	
}
#copyright-t tr{
text-align: right;
}

#copyright-t td{
　　text-align: right;
	padding: 0 10px 0 0;
}

#copyright-t td.sitemap2{
　　text-align: left;
	padding: 0 0 0 10px;
}


#copyright-t .cprt{

    text-align: right;

}



#copyright-t a{

	text-decoration:none;

	color: #fff;

}



/* 背景色　containerに使用 */



.home,
.concept,
.access,
.information,
.facilities,
.communication,
.pricelist,
.application,
.sitemap,
.privacy,
.pickup,
.registration,
.inquiry,
.sponsor,
.link {

    background-color: #F0E7D6;

}



.culture {

    background-color: #f4e8c6;

}



.concert {

    background-color: #fde6d4;

}



.seminer {

    background-color: #fdf3d7;

}



.event {

	background-color: #faebf2;

}



.foyer {

    background-color: #FEF0E6;

}



/* HOME */



#topimage {
    margin: 0 auto;
}
#topimage {
	margin: 0 auto;
	width: 766px;
	height: 302px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#topimage img {
	top: 0;
	left: 0;
	position: absolute;
}

#submenu-top {
    float: right;
	text-align:left;
	padding-top: 49px;
	padding-left: 21px;
	padding-right:37px;
	margin-bottom: 31px;
	padding-right:0px;
	width:383px;
}



#submenu-top #nav{

border-collapse:collapse;

margin: 0 0 42px;

}

#submenu-top #nav td{

padding: 0;

}

#submenu-top #nav #member_new{
width: 37px;
vertical-align:bottom;
color:#ff0a0a;
font-size: 12px;
line-height:13px;
}





#submenu-top .submenu{

    display:block;

	padding-left:28px;

}



#submenu-top table {

    padding: 0;

	margin:63px 0 0;

	font-size:80%;

	font-weight:500;

}

* html #submenu-top table {font-size:82%;}

*:first-child+html #submenu-top table {font-size:82%;}



#submenu-top table td{

    vertical-align:top;

}



.m1em {

    padding-left:1em;

}



#submenu-top table ul{

    margin: 12px 0 23px 0;

	padding: 0;

	color: #744C3C;

	list-style:none;

}

* html #submenu-top table ul{margin-bottom:18px;}

*:first-child+html #submenu-top table ul{margin-bottom:18px;}



div.home #submenu-top table ul li{

    background: url(../images/sq.gif) no-repeat;
	padding-left: 14px;
	background-position: 2% 8%;

	letter-spacing: -0.08em;

}



* html div.home #submenu-top table ul li{ letter-spacing:normal;}

*:first-child+html div.home #submenu-top table ul li { letter-spacing:normal;}

 

#submenu-top address {
	margin:47px 0 0 14px;
	font-style: normal;
}

#submenu-top #top_right {
	position: relative;
	width:383px;
	margin: 0;
	padding: 0;
	
}

#submenu-top #top_right #top_map_table{
	margin: 0;
	
}

#submenu-top #top_right #addtop {
	
	vertical-align: bottom;
	display: block;
	margin: 0;
	padding: 0;
	width:322px; height: 113px;
	position:absolute;
	bottom: 0;
	left: 27px;
}



#address-top {
    float: right;
	width: 328px;
	padding-top: 47px;
	margin-bottom: 28px;
	padding-left:0px;
}



#address-top h2{

    padding-bottom:9px;

	margin-bottom:0;

}



#address-top p{

    margin-top:0;

	padding-top:0;

	padding-bottom: 10px;

	padding-left:13px;

}



.addtop {

    display:block;

	padding-left:13px;

}





/* globalmenu　＆　2層目 */



#container {
    width: 766px;
	margin: 0 auto;
	padding: 0;
}



#main {

    width: 746px !important;

	margin-top: 44px;

	margin-left: 10px;

	margin-right: 10px;

	background-color: #FFFFFF;

	/*clear: both;*/

	text-align: left;

	overflow: hidden;

	height: auto;

}



.m30 {

	margin-left: 30px;

	margin-right: 30px;

}





#spage {

    margin-top: 30px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 40px;

	width: 666px;

}



h2 {

    margin: 0;

	padding: 0;

	text-align:left;

}

h2 img{

}



h3 {

    margin-top: 26px;

	margin-left: 46px;	

}



#main > h3 {

	margin-top: 30px;

}







#mainimage {

    float: left;

	width: 368px;

	padding-top:12px;

	padding-left: 18px;

	padding-bottom: 50px;

	padding-right:0;

	

	padding-top:31px;

}

	

#migi{

    float: left;

	width: 296px;

	background-color: #FFFFFF;

	padding-right: 40px;

	padding-left: 23px;

	padding-top: 17px;

	margin-right:-1px;

	

	padding-top:36px;

}



#migi p{

   padding: 0;

   margin: 0;

   font-size:105%;

   line-height: 1.9;

}



#gtable {

   clear:both;

   margin-left: 31px;

   margin-bottom: 40px;

   text-align: center;

   width: 675px;

   font-size: 90%;

}



#gtable th{

   text-align:left;

   color: #9E796A;

   padding-left: 22px;

} 



#gtable td{

   text-align:left;

   vertical-align:top;

} 







.culture #gtable th{

   background: url(../images/culture_h4bg.gif) no-repeat 5px 50%;

   background-color: #f4e8c6;

} 



.culture #gtable th.service{

   background: url(../images/culture_h4bg.gif) no-repeat 5px 5px;

   background-color: #f4e8c6;

} 



.concert #gtable th{

   background: url(../images/concert_h4bg.gif) no-repeat 5px 50%;

   background-color: #fde6d4;

} 



.seminer #gtable th{

   background: url(../images/seminer_h4bg.gif) no-repeat 5px 50%;

   background-color: #fdf3d7;

} 



.event #gtable th{

   background: url(../images/event_h4bg.gif) no-repeat 5px 50%;

   background-color: #faebf2;

} 



.foyer #gtable th{

   background: url(../images/foyer_h4bg.gif) no-repeat 5px 50%;

   background-color: #FEF0E6;

} 



#gtable ul{

   margin: 0;

   padding: 0;

   list-style: none;

}



#gtable li {

   background: url(../images/arrow01.gif) no-repeat 2px 0.36em;

   padding-left: 16px;   

}



.arrow01  {

   background: url(../images/arrow01.gif) no-repeat 0px 0.3em;
   padding-left: 16px;   
}

.arrow02  {

   background: url(../images/arrow03.gif) no-repeat 0px 50%;
   padding-left: 12px;   

}

.arrow03  {

   background: url(../images/arrow04.gif) no-repeat 0px 50%;

   padding-left: 12px;   

}

.arrow04  {
   background: url(../images/arrow05.png) no-repeat 0px 50%;
   padding-left: 12px;   
}

.arrow-brown  {
   background: url(../images/arrow-brown.png) no-repeat 0px 50%;
   padding-left: 12px;   
}
.arrow-orange {

padding-left:12px;

background:url(../images/arrow-orange.png) no-repeat 0 center;

}



.dotspace {

    display: block;

    padding: 1.5em 0 0.1em 0;

	margin: 0;

}



.dotspace2 {

    display: block;

    padding-top: 1.4em;

	padding-bottom: 1.4em;

	margin: 0;

	text-align: center;

}



#footer {

    width: 766px;
	min-height:31px;

}


div#footer:after {

    height: 0;

	visibility: hidden;

	content: ".";

	display: block;

	clear: both;

}



div#footer {

	width: 100%;

	/*\://*/

	overflow: hidden;

	/**/

}

#submenu-two {

    float: right;
    width:318px;
	text-align:left;
	padding-top: 56px;
	padding-left: 47px;
	padding-right:37px;
	padding-bottom: 32px;
display: none!important;
}



#address {

    float: right;
	margin-left: -1px;
	width: 322px;
	padding-top: 188px;
padding-top: 205px;
	padding-bottom: 37px;
	padding-left:41px;
display: none!important;
}





/* concept */



.concept #spage {

	background: url(../images/violin.jpg) no-repeat 315px 1258px;

}



.concept h3 {

	margin: 10px 0 15px;

	padding: 10px 10px 1px;

	border-bottom: 2px solid #D9BEB8;

}



.concept #varih3 {

	height: 0;

	overflow: hidden;

	border: none;

	margin: 0;

	padding: 0;

}



#prologue {

	width:640px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 2.5em;

	height: 192px;

	background: url(../images/concept_prologue.jpg) no-repeat 442px 0px;

}	



#prologue p{

	line-height: 2em;

	margin-top: 1px;

	margin-left: 2px;

	font-size: 108%;

}



#variation	{

	width: 666px;

	height: 216px;

	background: url(../images/concept_variation.jpg) no-repeat 0px 0px;

	margin-bottom: 2em;

}



#variation p{

	margin-left: 2px;

	padding-top: 50px;

	font-size: 108%;

	line-height: 2em;

}



.con{

	width:640px;

	margin-left: auto;

	margin-right: auto;

}









#con-pack {

	background: url(../images/concept_pack01.jpg) no-repeat 0px 0px;

	width: 612px;

	height: 101px;

	margin: 0 0 26px 27px;

}



#con-pack02 {

	background: url(../images/concept_pack02.jpg) no-repeat 0px 0px;

	width: 612px;

	height: 101px;

	margin: 0 auto 26px 27px;

}



#con-pack03 {

	background: url(../images/concept_pack03.jpg) no-repeat 0px 0px;

	width: 620px;

	height: 101px;

	margin: 0 auto 26px 27px;

}





.concept #con-pack h5,

.concept #con-pack02 h5,

.concept #con-pack03 h5 {

	border-bottom: 1px solid #bca5a2;

	padding-bottom: 2px;

	margin-bottom: 1em;

}

.concept #con-pack03 h5 {

	width: 492px;

}



#con-pack04 {

	width: 385px;

	margin: 26px auto 26px auto;

	font-size:97%;

	border:1px dotted #cdbbb9;

	padding:12px

}

#con-pack04 h5{

	color:#5e4946;

	font-size:13px;

	margin:0 0 9px;

	padding:0;

	}

#con-pack04 p{

}



#support-service,

#catering-service {

display:block;

margin: 32px 0 26px 26px;

}

#catering-service {

margin-top: 26px;

}

#support-service th,

#catering-service th{

vertical-align:top;

padding:3px 10px 0 0;

width: 190px;

text-align: left;

}

#support-service td,

#catering-service td{

border-left: 1px solid #bca5a2;

padding:0px 0 0 10px;

font-size:89%;

font-size:12px;

vertical-align:top;

width:430px;

}

*:first-child+html #support-service td{padding-top:5px;}

*:first-child+html #catering-service td{padding-top:5px;}

/*

* html #support-service td,

* html #catering-service td{font-size:94%;}

*:first-child+html #support-service td,

*:first-child+html #catering-service td{font-size:94%;}

*/



#support-service2 {

display:block;

margin: 32px 0 26px 28px;

border:1px dotted #cdbbb9;

width:620px;

padding:0;

}

* html #support-service2 {

width:596px;

}

*:first-child+html #support-service2 {

width:596px;

}

#support-service2 th{

vertical-align:top;

padding:13px 10px 0 10px;

}

#support-service2 td{

padding:10px 0 10px 10px;

width:386px;

margin:0;

font-size:97%;

}





.pack-in {

	margin-left: 120px;

}



.concept #example h5{

	background: url(../images/star.gif) no-repeat 0 5px;

	padding-left: 1.6em;

	margin-top: 1em;

	font-size:115%;

}



#example {

	margin-left: auto;

	margin-right: auto;

	width: 612px;

}



#example ul{

	padding: 0;

	margin: 0 0 0 2em;

}



#example p{

	padding: 0;

	margin: 0 0 0 2em;

}



#example li{

	background: url(../images/onpu.gif) no-repeat 0 4px;

	padding-left: 1.6em;

}



#example #art li{

	background: url(../images/sq02.gif) no-repeat 0px 8px;

	padding-left: 1.1em;

}



.pink {

	color: #fa808a;

}



/* information */



.information #spage{

/*	background: url(../images/information_12.jpg) no-repeat 419px 95px;*/

}



.information .intro{

	padding: 10px 10px 10px 0;

	margin: 0 0 20px 0;

	font-size: 110%;

	line-height: 1.6;

}



.information #spage{

	margin-top: 20px;

}



.information h3{

	margin: 0;

	padding: 0;

}





.information table.infotable td{

	padding-top: 0;

	padding-bottom: 1.5em;

	vertical-align: top;

	margin: 0;

}

.information table.infotable th{

	padding-top: 0;

	padding-bottom: 1.5em;

	vertical-align: top;

	margin: 0;

}



.information .infotable th{

	text-align: center;

	color: #9E796A;

	font-weight: normal;

	width: 70px;

	/*background-color: #F0E7D6;*/

	padding-left: 2px;

	border: 1px solid white;

}



#log .information .infotable th{

	width: 80px;

	text-align:left;

}



.information .infotable td{

	padding-left: 10px;

}

#log .information .infotable td{

	padding-left: 10px;

}

#log .information table.infotable td,

#log .information table.infotable th{

	padding-bottom: 1.5em;

	line-height: 1.3;

}



#log h4{

}





.information td.logw{

	width: 250px;

}



/* facilities */



.facilities h3 {

    margin: 0;

	padding: 0;

}



#heimen  {

   width: 636px;

   background: #fff url(../images/facilities_heimen.gif) no-repeat 100% 0;

   margin: 1em auto;

}



#heimen2 {

   width: 636px;

   margin: 1em auto;

}



#heimen ul{

   margin:0;

   padding: 18px 0 0 0;

}



.facilities #heimen table{

    width: 630px;

	margin: 298px auto 0 17px;

	text-align: left;

}



.facilities #heimen table.annai1{

    width: 617px;

	margin: 0 auto;

	text-align: center;

}



.facilities #heimen2 .annai2{

    width: 630px;

	margin: 1.4em auto 0 17px;

	text-align: left;

}



.facilities th{

    text-align: left;

	font-weight: normal;

	vertical-align: top;

	height: 59px;

} 



.setsubi {

	width: 666px;

    margin: 1em auto;

} 



.setsubi td{

    width: 333px;

} 





.facilities #spage li {
    background: url(../images/sq02.gif) no-repeat 5px 8px;
	padding-left: 18px;

} 



ul.leftb {

    background: none;
	margin-left: 0px;
	
	

} 



.facilities #spage ul.leftb li{
	background: none;
	
	padding-left: 8px;
	border-left: 1px dotted #78544D;
	margin-left: 1px;
} 

 

.setsubi td ul{

margin-left:12px;

padding:0;

width: 333px;

} 









.facilities #spage ul.fac-ul{

   margin:0;

   padding: 25px 0 30px 0;

   width: 333px;

   float:left;

   display:inline;

}



.facilities #spage .fac-pic{
    width: 596px;
	margin: 40px auto 0;
	text-align: left;
	border-collapse:collapse;

}

.facilities #spage table.fac-pic td,

.facilities #spage table.fac-pic th{
    padding: 0;
	vertical-align: top;
	overflow: hidden;

}





.facilities #spage table.fac-pic th{
	height:70px;
}
.facilities #spage table.fac-pic tr:last-child th{
	height:auto;
}


.facilities table.fac-pic img{
	margin: 0;
    padding: 0;
}



.facilities #spage .fac-img{
    width: 666px;
	margin: 30px auto 0;
	text-align: left;
	border-collapse:collapse;
}

.facilities #spage table.fac-img td,
.facilities #spage table.fac-img th{
    padding: 0;
	vertical-align: top;
	overflow: hidden;
}

.facilities #spage table.fac-img th{
	height:34px;
	line-height: 1.5;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2px;
font-size: 12px;
}
.facilities #spage table.fac-img tr:last-child th{
	height:1em;
}
.facilities table.fac-img img{
	margin: 0;
    padding: 0;
	vertical-align: top;
}



#fac-floor,#salon-fac,#ensemble-fac{
margin: 30px 0px;padding: 30px 0 0;border-top: 4px dotted #f0e7d6;
}

#fac-floor h3,
#salon-fac h3,
#ensemble-fac h3
{
margin-bottom: 0px;
}





/* access */







.access #acc{

	width: 630px;

	margin: 0 auto;

}



.access h4 {

    color: #9E796A;

	margin: 0em 0 0.5em;

	font-size: 125%;

	font-weight: bold;

}



.access address p {

    line-height: 1.4;

}





.access table {

    width: 666px;

}



.access #main table ul {

	padding-left: 0;

	margin: auto 0 auto 1em;

}	



.access #main table li{

    background: url(../images/h4bg.gif) no-repeat 5px;

	list-style: none;

	padding-left: 20px;

	padding-bottom:2em;

	background-position: 2% 8%;

}


.access #access-info
{
border-top: 4px dotted #f0e7d6;
border-bottom: 4px dotted #f0e7d6;
padding: 24px 0;
margin: 24px 0;
}


.access #google-map
{
border-top: 4px dotted #f0e7d6;
padding-top: 24px;
margin-top: 24px;
}

/* communication */





.communication h3{

    margin: 0 0 0.5em 0;

	padding: 0;

}



.communication #spage{



}

.communication h3.anom{

    margin: 0.5em 0 0.4em;

	padding: 0;

}



.communication p.hasen {
	text-align: center;
background: #eee;
	font-size: 0;
	display: block;
	text-align: center;
	font-size: 0;
	margin: 16px 0;
	padding: 0;
}


.communication table.link  {

	width: 666px;

	background-color:#FFFFFF;

}



.communication table.link th {

	font-weight: normal;

	text-align: left;

	background: url(../images/icon01.gif) no-repeat 0 4px;

	padding: 0 0 0 1.4em;

}



.communication .link td {

	text-align: left;

	padding: 0 0 23px 1.4em;

	vertical-align: top;

}



.dotted {

	border-bottom: 1px dotted #F0E7D6;

}




.communication table.date {



	padding: 0;

	margin: 0 auto 0 auto;

	width: 660px;

	vertical-align: top;

	line-height: 1.4;

	text-align: left;


/*		border-top: 1px dashed #d3b783;

	margin: 10px auto;*/

	font-size: 12.5px;
	/*
	border-bottom: 1px dotted #BF998F;
	margin-bottom: 13px;
	padding-bottom: 13px;
	*/
}


.communication .date td.date01 {

	width: 390px;

	vertical-align: top;

	padding: 0 0 0 0;

}



.communication .date td.date02 {

	vertical-align: top;

	padding: 0 0 0 0;

	

}



.communication .date td.date02 th{

}
.communication .date td.date03 {

	vertical-align: top;

	padding: 0 0 0 0;

}

.communication .date td.date04 {

    width: 450px;

	vertical-align: top;

	padding: 0 0 0 0;

}



.communication .date td.date01 table{

	width: 380px;

	text-align: left;

	vertical-align: top;

	line-height: 1.6;

	padding: 0;

	margin: 0;

}



.communication .date td.date02 table,

.communication .date td.date04 table{

	text-align: left;

	vertical-align: top;

	line-height: 1.6;

	padding: 0;

	margin: 0;

}

.communication .date td.date01 table,

.communication .date td.date02 table,

.communication .date td.date04 table{

	line-height: 1.4;

}





.communication #main #spage table.date table td.ddd{

	width: 50px;

	overflow: hidden;

}



.communication table.date table td.eee{

	width: 330px;

}





.communication .date table th,

.communication .date td h4 {

	color: #9e796a;

	color: #805c4d;

	background: url(../images/sq.gif) no-repeat 0px 0.3em;

    padding: 0 0 0.3em 13px;

	margin: 0;

	text-align: left;

	line-height: 1.3;

	letter-spacing: 0.03em;}



.communication .date td.click{

	text-align: right;

	vertical-align: bottom;

	font-size: 80%;

	margin: 0;

	padding: 2px 0 0 0;

	letter-spacing: -0.03em;

	height: 11px;

	line-height: 11px;

}



.communication .date td.rt{

	text-align: right;

	vertical-align: top;

	padding: 0;

	margin: 0;

}



.communication .date td.rt img{

	vertical-align: middle;
	padding: 0;

	margin: 0;

	text-align: right;

}



.communication p.comment,
.communication p.s-comment{
    margin: 0 0 0 1.1em;
	margin-left:0;
	line-height:1.4;
}

.communication p.comment span,
.communication p.s-comment span{
    display:block;
	color: #9e796a;
	font-weight: bold;
	background: url(../images/sq02.gif) no-repeat 0.2em 0.5em;
	padding-left: 1em;
}



.communication dl.comment,
.communication dl.s-comment{
    margin: 0.9em 0 0 16px;
	margin-left:0;
	line-height:1.3;
}


.communication table td dl.comment,

.communication table td dl.s-comment{
    margin: 0.7em 0 0 13px;
	/*padding-right:1em;*/
	margin-left:0;
}

.communication table td dl.comment dd,

.communication table td dl.s-comment dd{
    width: auto;
}



.communication dl.comment dt,
.communication dl.s-comment dt{
    font-weight: bold;
	color: #9e796a;
	background: url(../images/sq02.gif) no-repeat 6px 0.5em;
	padding: 0 12px 0 18px;
	width:84px;
	float:left;  
	text-align:right;

}



* html .communication dl.comment dt{width:96px;padding-left:12px;}
* html .communication dl.s-comment dt{width:96px;padding-left:12px;}



.communication dl.comment dd,
.communication dl.s-comment dd{
	margin: 0 0 0 114px;
}



* html .communication dl.comment dd{margin: 0 0 0 120px;width:525px;}
* html .communication dl.s-comment dd{margin: 0 0 0 120px;width:525px;}


.communication dl.s-comment,
.communication table td dl.s-comment{
    margin-top: 0.2em;

}

.communication dl.s-comment dt{
	background:none;
	color:#9e9490;
	color:#b0a1a2;
	color: #888;

}


.communication .comment,
.communication .s-comment{
	font-size: 90%;
}
@media screen and (max-device-width: 650px) {
.communication .comment,
.communication .s-comment{
	font-size:10px;
}
.communication table.date,
.communication table.date tr td.date02 table tr td,
.communication table.date tr td.date02 table tr th,
.communication table.date tr td.date02 table tr td.ddd{
	font-size: 10px;
}


}

span.space {

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	background-image: url("../images/spacer.gif");

}



.communication .date td.rt p{

	text-align: right;

	font-size: 80%;

	padding: 4px 0 0 0;

	margin: 0;

}



.communication .sheet{



	float: right;

	padding: 10px;

	text-align: right;

	border: 1px solid #F0E7D6;

	margin: 0;

}



.communication .intro{

	margin: 0 0 20px 0px;

	font-size: 105%;

	line-height: 1.6;

}



.communication .intro a{

	color: #f48579;

	font-weight: bold;

}



.communication .tcenter{

	margin: 0.5em auto;

}



.communication .comtop{

	float: left;

	width: 122px;

	margin: 0;

}



.communication div.fclear{

	padding: 0;

	margin: 0;

	height: 0;

}



.communication .sheet .arrow01{

	background: url(../images/arrow01.gif) no-repeat 0px 2px;

    padding-left: 16px;  

}



.communication .sheet p{

	text-align: right;

	font-size: 80%;

	line-height: 25px;

}



.communication .comtop{

	float: left;

}







#main #spage table.minitable{
margin:0;
padding:0;
border-collapse:collapse;
}

#main #spage table.minitable td{
margin:0;
padding:0 0 0 0;
}
#main #spage table.minitable th{
margin:0;
padding:0 1em 0 0;
text-align: left;

}



#main #spage table.minitable td img{
margin:0;
padding:0 0 0 5px;
}







/* application */



.application h3 {

	margin: 0;

}	





.application #spage p {

	padding: 1em 0;

}



.application #spage .fax {

	text-align: center;

	padding: 2em 0;

}



.application #spage .fax img{

	width: 100%;

	display: block;

	border: 1px solid #F0E7D6;

	padding: 1em;

}



#spage .pdfguide {

	padding: 0.5em;

	font-size: 95%;

	text-align: center;

}	



#spage .pdfguide a{

	border: none;

}





/* sitemap */



.sitemap #spage table{

	width: 100%;

	vertical-align: top;

}



.sitemap #spage td{
	width: 333px;
	vertical-align: top;

}



.sitemap #spage ul{

	margin: 0;

	padding: 0;

	vertical-align: top;

}



.sitemap #spage ul li{
	vertical-align: top;
	margin-bottom: 0.7em;
	padding-left: 14px;
	position: relative;
}
.sitemap #spage ul li:before{
	content:"";
	background:#9E796A;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 8px;
	left: 3px;
}

.sitemap #spage ul li ul{
	margin-left: 14px;
	margin-top: 0.7em;
}

/* privacy */



.privacy h3{

	margin: 0 0 1.3em 0;

	padding: 0;

}



.privacy h4 {

	background: url(../images/star.gif) no-repeat 0 5px;

	padding-left: 1.5em;

	margin-bottom: 0.2em;

	margin-top: 1.2em;

}



.privacy #spage ul {
	margin: 1.2em 0 1.6em 1em;
	padding: 0;
}



.privacy #spage ul li{
	background: url(../images/sq02.gif) no-repeat 0px 8px;
	padding-left: 1.1em;
}



/* pack */



#pack{

	width: 610px;

	text-align: left;

	margin: 0 1em 1em;

	padding: 1em;

}



#pack h2{

	margin: 0 0 0.5em;

}



#pack p{

	margin-left: 120px;

	margin-bottom: 1em;

}



#pack01 {

	background: url(../images/concept_pack01.jpg) no-repeat 0px 0px;

	height: 101px;

	margin: 0 0 1.6em 0;

}



#pack02 {

	background: url(../images/concept_pack02.jpg) no-repeat 0px 0px;

	height: 101px;

	margin: 0 0 1.6em 0;

}



#pack03 {

	background: url(../images/concept_pack03.jpg) no-repeat 0px 0px;

	height: 101px;

	margin: 0 0 1.6em 0;

}



p#close {

	margin: 1em auto;

	color: #9E796A;

	text-decoration:underline;

	text-align: center;

}



/* map */



#map {

	width: 550px;

	text-align: left;

	padding: 5px 20px;

	margin: 0;

}



#map h1{

	text-align: left;

	float: none;

	margin: 20px 0 22px 0;

	padding: 0;
	width: 100%;

}



#map address{

	margin-bottom: 22px;

	margin-left: 2px;

	line-height: 1.4;

}



#map ul {

	margin: 22px 0 0 0;

	padding: 0;

}	



#map li{

    background: url(../images/h4bg.gif) no-repeat 5px 5px;

	list-style: none;

	padding-left: 25px;

	margin-bottom: 11px;

}



#map p.tcenter{

	text-align:center;

	margin: 18px auto 10px;

}



@media print {

#map {

	width: auto;

}





#map p.tcenter,

#map p#close{

	display: none;

}



}





#submenu-top address#tttt{

margin-top:20px;

}

* html #submenu-top address#tttt{

margin-top:20px;

}

*:first-child+html #submenu-top address#tttt{

margin-top:20px;

}

div#aaaa{

height:340px;

}

* html #topics div#aaaa{

height:300px;

}

*:first-child+html #topics div#aaaa{

height:300px;

}




/*
div#container:after,
*/
.clearfix:after  {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix { display: inline-block; }



/* Hides from IE-mac \*/

* html .clearfix  {height: 1%; }

.clearfix  {display: block; }

/* End hide from IE-mac */





p#namenavi{

margin-top:0.6em;  

}

p#namenavi a {

   background: url(../images/sq02.gif) no-repeat 0px 0.6em;

   padding-left: 10px;   

}



#gtable li.support-link{

background-image:url(../images/arrow_support.gif);

}

#gtable li.support-link a{

color:#a28e8f;

}





#main h2{

	width: 746px;

	height: 57px;

	

}

#main h2 img{

	width: 746px;

	height: 57px;

}



.sq {

    background: url(../images/sq02.gif) no-repeat 0 9px;

	padding-left: 15px;

	display:block;

}



#main a.orange-link{

	color: #fa892d;

}

#main a.orange-link:visited{

color: #fa892d;
}

.bold{
	font-weight:bold!important;
}
.normal{
	font-weight:normal!important;
}



.communication #events-t{

margin: 0 0 2em;
border-collapse:collapse;
margin-bottom: 1em;
width: 666px;
}
.communication #events-t .h3_text{
padding-bottom: 1em;

}







/* price list */



.pricelist h3 {

    margin-left: 0;
	margin-bottom: 1.4em;
	

}		

.pricelist #p201404 span{
	vertical-align: bottom;
	font-size: 14px;
	display: table-cell;
	padding-left: 13px;
}		
.pricelist #p201404 {
   display: table;
}		



.pricelist .sqbgli {

    margin:0;

	padding: 0;

	font-weight: bold;

}	



.sqbgli li,
.sqbgli th{

    background: url(../images/h4bg.gif) no-repeat 5px;

	padding-left: 20px;

	list-style: none;
	padding-right: 0;

}
.sqbgli td{

    font-weight: normal;
	padding: 0 1em 0 0;
	text-align: right;
	overflow: hidden ;
	background: #fff;
}


.sqbgli td:after{
content: "";
display:block;
overflow: hidden;
}


.sqbgli td span{
float: left;
	text-align: left;

}

.sqbgli .me{

    margin-bottom: 1em;

}



.sq02 {

    padding: 1em 0 1em 0;

    margin: 1em 0 1em 1em;

}



#container #main .sq02 li{

	margin:0;

	padding: 0;

    background: url(../images/sq02.gif) no-repeat 0.2em 8px;

	padding-left: 1em;

	list-style: none;

}	



.pricelist h4,
.interview h4  {
	font-size: 100%;
	padding: 0;
	padding-left: 16px;	
	margin: 2em 0 0 0;
	position: relative;
	font-size:13px;

}	
.pricelist h4:before,
.interview h4:before{
	content:"";
	display:inline-block;
	position:absolute;
	width:12px;
	height:12px;
	margin:0px;
	top: 5px;
	left: 0;
	background: #9E796A;
}

.interview h4 {
font-size:15px;
padding-left: 20px;
margin-top: 35px;
margin-bottom:5px;
}
.interview h4:before{
	width:15px;
	height:15px;
}

.pricelist table.price-t {

    width: 666px;

	margin-top: 5px;
	margin-bottom: 5px;
border-collapse:collapse;
	

}
.pricelist table.price-t +table.price-t{
margin-top: 1em;
}

.pricelist table.price-t td,
.pricelist table.price-t th{
    padding:6px;
	width: 333px;
	border: 1px solid #ccb7a7;
	font-weight: normal;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
    box-sizing: border-box;
}





.pricelist table.price-t th{
	text-align: left;
}		



.pricelist table#bihin-t th,
.pricelist table#bihin-t td{
width: auto;
vertical-align: top;
}
.pricelist table#bihin-t th{
width: auto;
}
.pricelist table#bihin-t th span{
font-size: 12px;
color:#F2023E;
}
.pricelist table#bihin-t th span.bihin-e{
font-size: 12px;
color:#0040ff;
}

.pricelist table#bihin-t th.bihin-no{
width:33px;
text-align:center!important;
vertical-align: top;
}

.pricelist table#bihin-t tr.bihin-dotted th,
.pricelist table#bihin-t tr.bihin-dotted td{
border-top: 1px solid #f0e9e4;
border-bottom: 1px solid #f0e9e4;
border-top: 1px dotted #ccb7a7;
border-bottom: 1px dotted #ccb7a7;
}
.pricelist table#bihin-t tr.bihin-dotted-top th,
.pricelist table#bihin-t tr.bihin-dotted-top td{
border-top: 1px solid #ccb7a7;
}
.pricelist table#bihin-t th div{
font-size:12px;
padding-left: 1em;
}
.beige{

    background-color: #f0e7d6;

}	



.wh{
    background-color: #FFF;
}	

#ensemble-price table.price-t {
    width: 666px;
	background-color: #ccb4a7;
}

#ensemble-price .beige{
    background-color: #eee7e3;
}	

#entyou-bihin .beige{
background-color: #FAF4EB;
}
#entyou-bihin .beige th,
#entyou-bihin .beige td{
font-weight: bold;
}

#price-link,
#fac-link,
#cale-link,
#main .page-link {
margin: 20px 0;
padding: 0;
}

#price-link li,
#fac-link li,
#cale-link li,
#main .page-link li{
float: left;
margin: 0;
padding: 0 0 0 15px;
background: none;
}
#price-link li:first-child,
#fac-link li:first-child,
#cale-link li:first-child,
#main .page-link li:first-child{
padding-left: 0 ;
}
#main .page-link {
height: 30px;
width: 666px;
margin-left: auto;
margin-right: auto;
}
#main > .page-link {
width: 676px;
}

#main .page-link li a{
display: block;
width: 212px;
height: 30px;
font-size: 13px;
line-height: 30px;
color: #fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b89283+0,9f7a6b+100 */
background: rgb(184,146,131); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(184,146,131) 0%, rgb(159,122,107) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(184,146,131) 0%,rgb(159,122,107) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(184,146,131) 0%,rgb(159,122,107) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b89283', endColorstr='#9f7a6b',GradientType=0 ); /* IE6-9 */

text-decoration: none;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;

position: relative;
padding-left: 8px;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
box-shadow:rgba(153, 153, 153, 0.65) 0px 3px 3px -3px;
-webkit-box-shadow:rgba(153, 153, 153, 0.65) 0px 3px 3px -3px;
-moz-box-shadow:rgba(153, 153, 153, 0.65) 0px 3px 3px -3px;
}
#main .page-link li a:before{
/*
content:url(../images/arrow-white.png);
*/
content: url("../images/arrow-white2.png");
position: relative;
left: 0;
top: 0px;
padding-right: 6px;
top: -1px;
}

#main .lesson-menu3{
width:666px;
padding: 0;
margin: 30px auto;

}
#main .lesson-menu3 .page-link {
height: auto;
padding: 0;
}


#main .lesson-menu3 .page-link li a{
width: 100%;
}
#main .lesson-menu3 .page-link li{
padding: 0;
width: 325px;

margin: 16px 0 0 16px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}

#main .lesson-menu3 .page-link li:first-child,
#main .lesson-menu3 .page-link li:first-child + li + li{
margin-left: 0;
}
#main .lesson-menu3 .page-link li:first-child,
#main .lesson-menu3 .page-link li:first-child + li{
margin-top: 0;
}

#main ul#lesson-menu{
width:666px;
padding-bottom: 30px;
border-bottom: 4px dotted #f0e7d6;
margin-bottom: 0;
}
#main ul#lesson-menu li a{

-webkit-box-shadow:#BE896A 0px 3px 3px -3px;
-moz-box-shadow:#BE896A 0px 3px 3px -3px;
box-shadow:#BE896A 0px 3px 3px -3px;
}

#main ul#lesson-menu2,
#main ul#reserve-menu{
width:666px;
margin: 30px auto;
}

#main ul#reserve-menu{
margin: 20px auto;
}
/*
#main ul#lesson-menu2 li,
#main ul#lesson-menu2 li a,
*/
#main ul#reserve-menu li,
#main ul#reserve-menu li a{
width: 325px;
}

#main ul#lesson-menu li{
width:159px;
padding-left: 10px;
}
#main ul#lesson-menu li a{
width:159px;
background:#F0E7D6;
background:#F7F4EB;
color: #744C3C;
}


#main ul#lesson-menu li a:before{
/*
content:url(../images/arrow-brown2.png);
*/
content: url("../images/arrow-brown.png");
}
#main ul#lesson-menu li:first-child{
padding-left: 0 ;
}


#price-link{
margin: 30px 0 0px;
padding: 0;
}








#salon-calender,#ensemble-calender{

width:700px; margin: 40px auto 40px;border-top: 4px dotted #f0e7d6;

}

#salon-calender h3,#ensemble-calender h3{

margin:30px 0 25px;

}





#main #spage .ul.fac-floor{

width:333px;

float:left;

}







#main #spage .p0,#main .p0{

padding: 0;

}







#salon-price,#ensemble-price,#entyou-bihin{

margin: 40px auto 0px;border-top: 4px dotted #f0e7d6;

}

/*

#salon-price {

padding: 15px;

border: 1px solid #ccc;

}

#salon-price .price-t{

width: 603px;

}

.pricelist #salon-price table.price-t th{

	width: 301px;

}		

*/





#lesson-catch{
width:666px;
margin: 0px auto 41px;
padding: 0;
}


.lesson-box{
width:666px;
border-bottom: 4px dotted #f0e7d6;
padding: 30px 0 30px;
}

div#lessons {
width:666px;
border-bottom: 4px dotted #f0e7d6;
padding: 30px 0;
}

div#lessons h3,
div#lesson-calender h3,
div#lesson-system h3,
div#lesson-private h3{
margin: 0 0 30px;
}

div#spage .lesson-ex{
width:666px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px dotted #d3b783;
}

div#spage .lesson-ex2{
width:666px;
margin-top: 24px;
padding-top: 24px;
border-top: 1px dotted #d3b783;
}


div#lessons .lesson-ex dl{
width:541px;
}
div#lessons .lesson-ex dl dt{
display: block;
margin: 0;
padding: 1px 0 7px;
}
div#lessons .lesson-ex dl dt img{
display: block;
}
div#lessons .lesson-ex dl dd p,
div#lessons .lesson-ex dl dd ul{
margin:11px 0 0;
padding: 0;
}
div#lessons .lesson-ex dl dd ul{
line-height: 1.6;
}
div#spage .lesson-ex dl dd p a{
margin: 0;
padding: 0;
color: #111;
}

div#lessons .lesson-ex img.lecturer{
border: 1px solid #ccc;
padding: 1px;
width: 105px;
height: 105px;
}
div#lessons .l-img-left img.lecturer{
float: left;
margin-right: 16px;
}
div#lessons .l-img-right img.lecturer{
float: right;
margin-left: 16px;
}
div#lessons .l-img-left dl{
float: left;
}
div#lessons .l-img-right dl{
float: right;
}


.lesson-temp{
width:666px;border-bottom: 4px dotted #f0e7d6;
margin: 0px auto;
}

.lessonlist{
display:block;
padding-bottom: 22px;
margin-bottom: 22px;
width: 666px;
border-bottom: 1px dotted #d3b783;
}


#main .list-ib{
width: 100%;
margin: 2px 0;
}
#main .list-ib li{
display: inline-block;
position: relative;
padding-left: 8px;
background: none;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}
#main .list-ib li:first-child{
margin-right: 2em;
}
#main .list-ib li:before{
background:#9E796A;
content:"";
position: absolute;
top:8px;
left: 0;
width: 4px;
height: 4px;
}



#lesson-calender{
width:666px;
padding: 30px 0px;
border-bottom: 4px dotted #f0e7d6;
}
#lesson-calender h3{
margin: 0px 0 30px;
padding: 0px 0 0;
}

#lesson-system{
width:666px;
padding: 30px 0px;
border-bottom: 4px dotted #f0e7d6;
}
#lesson-system h4,
#lesson-private h4{
background: url(../images/star.gif) no-repeat 0 4px;
text-indent: 1.3em;
margin-top: 1em;
font-size:115%;
padding: 0;
}
#lesson-system h5  {
	font-size: 100%;
	background: url(../images/h4bg.gif) no-repeat 0 5px;
	padding-left: 15px;	
	margin: 2em 0 0;
}	
#lesson-system p{
margin: 1em 0 0;
}

#lesson-system .lesson-system-base{
background-color:#f7f4eb;
padding: 1em;
vertical-align: top;
}
#lesson-system .lesson-system-base p{
margin: 0;
}
#lesson-system table.lesson-price {
background-color: #fff;
border-collapse:collapse;
width: 100%;
margin: 0 0 1em 0;
}
#lesson-system table.lesson-price th,
#lesson-system table.lesson-price td{
    padding:5px;
	border: 1px solid #ccb7a7;	
	vertical-align: top;
	height: 1em;
}	

#lesson-system table.lesson-price th{
  padding: 5px;
	width: 50%;
	font-weight: normal;
	text-align: left;
	background-color: #f0e7d6;
}	


div#lesson-private {
padding: 30px 0px;
}
div#lesson-private h3{
margin-left: 40px;
}
#lesson-private h4{
width: 666px;
margin: 30px 40px 0;
padding: 0;
}


.lesson2014{
width:666px;
border-bottom: 4px dotted #f0e7d6;
padding: 30px 0;
}
.lesson-box h3 span,
#lesson-private h4 span{
float: right;
font-size:  11px;
font-weight: normal;
vertical-align: bottom;
}

.lesson-box p.img-big{
width: 666px;
text-align: center;
margin: 20px auto 0;
padding: 0;
vertical-align: top;
}

.lesson-box .img-row{
width: 666px;
margin-top: 24px;
vertical-align: top;
}
.lesson-box .img-row p{
float: right;
}
.lesson-box .img-row p:first-child{
float: left;
}

.lesson-box .img-row p,
.lesson-box .img-row p img{
width: 318px;
}

.lesson-box .img-shadow{
box-shadow: 0 0 8px #ccc;
}
#lesson-box p.img-big img{
padding: 0;
}


#lesson-private p.private-img{
width: 686px;
margin: 12px auto 0px;
padding: 0 0 0px;
vertical-align: top;
-moz-box-shadow: 0 0 10px #dfdfdf;
-webkit-box-shadow: 0 0 10px #dfdfdf;
box-shadow: 0 0 10px #dfdfdf;
}
#lesson-private .private-img img{
padding: 0;
width: 686px;
display: block;
}
.pagetop{
text-align: right;
margin: 30px 0 0;
padding: 0;
}
#lesson-private .pagetop{
margin: 20px 30px 0 0;
}

#lesson-ex-lead{
width: 666px;
display: table;
margin: 0 auto 26px;
}

#lesson-ex-lead div{
display: table-cell;vertical-align: middle;

}
#lesson-ex-lead h3{
margin-bottom: 18px;
margin-top: 0;
padding: 0;
}
#lesson-ex-lead h3 img{
vertical-align: bottom;
}
#lesson-ex-lead p{
margin: 0;
font-size: 14px;
}
#lesson-ex-lead address{
margin: 0;
padding: 10px;
width:20.2em;
background-color:#f7f4eb;
font-size: 13px;
/*
display: table-cell;vertical-align: middle;
*/
float: right;
}

*:first-child+html #lesson-ex-lead{
display: block;
margin-top: -8px;
}
*:first-child+html #lesson-ex-lead div{
float: left;
margin-top: 0;
}
*:first-child+html #lesson-ex-lead address{
float: right;
margin-top: 8px;
}

/*
.cf{
zoom: 1;
}
.cf::before,
.cf::after{
content: "";
display: table;
}
.cf::after{
clear: both;
}
*/
.cf:after{
content:" "; display:block; clear:both;
}


.emphasis{
color: #f48579;
color: #f56762;
font-weight:bold;
}
.underline{
text-decoration: underline;
}


	@media screen and (max-device-width: 480px) {
#lesson p,#lesson li,
#lesson h5{
font-size: 90%;
}
}


#footer ul#sub_menu{
margin: 0 0 0 28px;
padding: 0;
width:355px;
}
#footer #submenu-two ul#sub_menu{
margin: 0 0 0 0px;
width:318px;
}



*:first-child+html #footer ul#sub_menu{
margin-bottom: 3px;
}

#footer ul#sub_menu li{
background: none;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
vertical-align: top;
display:block;
}
#footer ul#sub_menu li img{
vertical-align: top;
}
#footer ul#sub_menu li span{
color:#ff0a0a;
font-size: 12px;
height:12px;
line-height:13px;
vertical-align:top;
padding-left: 3px;
display: inline-block;
}


#footer ul#sub_menu li#sub_menu01{margin-bottom: 7px;}
#footer ul#sub_menu li#sub_menu02{margin-bottom: 9px;}
#footer ul#sub_menu li#sub_menu03{margin-bottom: 11px;}
#footer ul#sub_menu li#sub_menu04{margin-bottom: 11px;}
#footer ul#sub_menu li#sub_menu05{margin-bottom: 11px;}
#footer ul#sub_menu li#sub_menu06{margin-bottom: 12px;}
#footer ul#sub_menu li#sub_menu07{margin-bottom: 10px;}
#footer ul#sub_menu li#sub_menu08{margin-bottom: 7px;}
#footer ul#sub_menu li#sub_menu09{margin-bottom: 11px;}
#footer ul#sub_menu li#sub_menu10{margin-bottom: 0px;}

ul.list01{
	margin: 0 0 2em;
	font-weight: bold;
}
ul.list01 li{
	
	background:url(../images/sq02.gif) no-repeat 0.2em 0.6em;
	background:url(../images/sq.gif) no-repeat 0 0.5em;
	padding-left: 1em;
	margin-top: 0.1em;
}
ul.list01 li span{
	font-weight: normal;
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

ul.list02{
}
ul.list02 li{
	
	background:url(../images/sq02.gif) no-repeat 0.2em 0.6em;
	padding-left: 1em;
}



/*ピックアップ*/


.h3_text{
font-size: 18px;
margin: 0;
padding: 0;
color: #996b67;
line-height: 1.5;
font-weight: bold;
margin-bottom: 1em;
}
.access h3.h3_text {
	margin-bottom: 24px;

}
.pricelist h3.h3_text {
	margin-top: 24px;

}
div#lessons h3.h3_text,
div#lesson-calender h3.h3_text,
div#lesson-system h3.h3_text,
div#lesson-private h3.h3_text{
margin-top: 0;
margin-bottom: 30px;
}
.concept h4.h3_text {
    padding: 1.6em 0 0 0;
}
.packh4,
.packh4.h3_text
 {
	width: 612px;
	margin: 0 auto 1.2em auto;
}

#main .h3_text.supple{
width: 666px;
text-align: left;
display: table;
}

#main .h3_text.supple span{
text-align: right;
display: table-cell;
font-size:  11px;
font-weight: normal;
vertical-align: middle;
color: #333;
}
#main .h3_text.supple a{
text-align: right;
display: table-cell;
font-size:  12px;
font-weight: normal;
vertical-align: middle;
position: relative;
padding-left: 4px;
}
#main .h3_text.supple a:before{

content:url(../images/arrow-brown.png);
position: relative;
margin-right: 5px;
}
	
#events-t .h3_text{
margin-bottom: 0;
}

.pickup_detail{
float: left;
width: 486px;
}

.pickup_detail table td,
.pickup_detail table th{
vertical-align: top;
}

.pickup_detail table.kaisaiyotei td,
.pickup_detail table.kaisaiyotei th{
padding-left: 1em;
padding-top:1em;
}
.pickup_detail table.kaisaiyotei td:first-child,
.pickup_detail table.kaisaiyotei th:first-child{
padding-left: 0;
}
.pickup_detail table.kaisaiyotei tr:first-child td,
.pickup_detail table.kaisaiyotei tr:first-child th{
padding-top:0;
}


.pickup h3{
font-size: 17px;
margin:0 0 1em; 
padding: 0;color: #947570;
color: #996b67;
line-height: 1.5;
}
.sponsor .pickup_detail h3{
position: relative;

padding-left: 0;
}
.sponsor .pickup_detail h3 .vol_d{
display: inline-block;
isplay: block;
margin-right: 1em;
}


.pickup_detail p{
margin-top: 1em;
}

.pickup_detail .pickup-day{
font-size: 14px;
font-weight: bold;
margin: 1.5em 0;
}
.pickup_flyer{
float: right;
width: 160px;
}

.pickup_flyer a,
.pickup_flyer .monthly_img{
display: block;
margin-top:30px;
}
.pickup_flyer .monthly_img:first-child,
.pickup_flyer a:first-child{
margin-top:0px;
}

.pickup_flyer img{
width: 100%;
height: auto;
}

.pickup_flyer a:hover img,
.pickup_flyer a.pickop_flyer_bn:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.pickup_flyer a.pickop_flyer_bn{
width: 100%;
margin-top: 6px;
text-align: center;
height: 30px;
line-height: 30px;
text-decoration: none;
font-size: 12px;
/*
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
*/
background: #F7F4EB;
border-radius: 3px;
border-bottom: 2px solid #E1CFAD;
color: #764F3E;
color: #744C3C;
position: relative;

}


.pickup_flyer a.pickop_flyer_bn[href$=".pdf"],
.pickup_flyer a.pickop_flyer_bn[href$=".PDF"]{
}
.pickup_flyer a.pickop_flyer_bn[href$=".pdf"]:after,
.pickup_flyer a.pickop_flyer_bn[href$=".PDF"]:after{
position: relative;
top: 4px;
right: 0;
content: url("../images/pdficon_small.gif");
}


/*
.pickup_flyer a.pickop_flyer_bn.flyer_pdf{
padding-right: 0;

}
.pickup_flyer a.pickop_flyer_bn.flyer_pdf:after{
position: relative;
top: 2px;
right: 0;
content: url("../images/pdficon_small.gif");

}
*/




table.pickup-t{
border: 1px solid #ccb7a7;
border-left:none;
border-right: none; 
border-collapse:collapse;
width: 100%;
margin-top: 20px;

}

table.pickup-t th,
table.pickup-t td{
border: 1px solid #ccb7a7;
padding: 0.5em;
padding: 1em;
border-style: dotted;
border-left:none;
border-right: none; 
padding-left: 0;
padding-right: 0;
vertical-align: top;
text-align: left;
}

table.pickup-t td{
}
table.pickup-t th{
width: 8em;
background: none;
font-weight: bold;
}
#main table.pickup-t td table{
margin: 0!important;
width: 100%;
margin-top: 0px;
border: none;
border-collapse:collapse;
vertical-align: top;
}

#main table.pickup-t td table td{
border: none;
padding: 0;
vertical-align: top;
line-height: 1.5;
padding: 0.6em 0 0 0;
}
#main table.pickup-t td table th{
width: auto;
font-weight: normal;
border: none;
padding: 0.6em 0 0 0;
line-height: 1.5;
}
#main table.pickup-t td table tr:first-child td,
#main table.pickup-t td table tr:first-child th{
padding-top: 0;
}

.back_index{
padding-top: 24px;
clear: both;
float: none;
width: 100%;
text-align: right;
}
.back_index a{
position: relative;
}
.back_index a:before{
content: url("../images/back_index_arrow.gif");
position: relative;
top: 3px;
padding-right: 4px;
}




/*会員登録*/

h4.h4_text{
background: url(../images/star.gif) no-repeat 0 4px;
text-indent: 1.3em;
margin-top: 1em;
font-size:115%;
padding: 0;
}
.h4_text2{
margin-top: 1em;
font-size:115%;
}

.list_note{
margin: 26px 0;
padding-left: 1em;
}
.list_note li{
padding-left: 1em;
background:url(../images/onpu_brown.png) no-repeat 0 0.3em;
margin-top: 0.3em;
margin-top: 0;
}
.list_note li:first-child{
margin-top: 0;
}

.list_note.list_note2 {
background: #F7F4EB;
padding: 1em ;
margin: 0.4em 0 0.8em;
font-weight: bold;
font-size: 13px;
}
.list_note.list_note2 li{
width: 50%;
float: left;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0.3em;
}


.list_note.list_note2 li:first-child,
.list_note.list_note2 li:first-child + li{
margin-top: 0;
}
.registration p{
margin:  0 0;
}

.address-table{
margin:0px 0;
border-collapse:collapse;
}
.address-table td,
.address-table th{
font-weight: normal;
}


hr.tensen{
border: none;
border-top: 4px dotted #f0e7d6;


height: 0;
    color:#FFFFFF;
	margin: 30px 0;
}
.moushikomi_box{
}
#main .moushikomi_box p{
margin: 0;
margin: 0px 0 0;
padding: 0;
}
#main .moushikomi_box > p:first-child{
margin-top: 0;
}
#main .address_ichiran{
/*
font-size: 14px;
line-height: 22px;
*/
font-size: 14px;
}

#main .address_ichiran span{
/*
width: 40px;
height: 22px;
line-height: 22px;

text-align: center;
background: #f0e7d6;
color:#744c3c;
margin-right: 5px;
*/
display: inline-block;
margin-left: 36px;
}

#main .address_ichiran span:first-child{
margin-left:0;
}
#main .address_ichiran a:hover{
text-decoration: none;
}
#main .moushikomi_box .address_ichiran{
margin-top: 0px;
margin-bottom: 24px;
}



#main .mail_fax_bn a{
margin: 0;
display: block;
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 16px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
text-decoration: none;
border-radius: 3px;
}
#main .mail_fax_bn a:before{
content:"";
position:relative;
display: inline-block;
padding-right: 6px;

}

#main .mail_fax_bn .mail_bn a{
background:#9e796a;
border-bottom: 3px solid #734f47;
color: #fff;
}
#main .mail_fax_bn .mail_bn a:before{
content: url("../images/icon_mail.png");
top:2px;
left: 0;
}
#main .mail_fax_bn .fax_bn a{
background: #f7f4eb;
border-bottom: 3px solid #e1cfad;
color: #744c3c;
}
#main .mail_fax_bn .fax_bn a:before{
content: url("../images/icon_fax.png");
top:4px;
left: 0;
}

#main .mail_fax_bn a:hover{
top: 1px;
border-bottom: #fff;
}

#main .moushikomi_box .mail_fax_bn{
margin-top:7px;
}
#main .moushikomi_box .mail_fax_bn .mail_bn{
float: left;
}
#main .moushikomi_box .mail_fax_bn .fax_bn{
float: right;
}
#main .moushikomi_box .mail_fax_bn .mail_bn,
#main .moushikomi_box .mail_fax_bn .fax_bn{
width: 320px;
margin: 0;
padding: 0;
}


/*riyou boxはテストのみ*/
.riyou_box{
}
#main .riyou_box > p{
margin: 0;
padding: 0;
}
#main .riyou_box > p:first-child{
margin: 0 0 24px;
}
#main .riyou_box .address_ichiran{
width: 300px;
float: left;
line-height: 1.5em;
margin: 0;
padding: 0;
}
#main .riyou_box .address_ichiran span{

width: 40px;
height: 22px;
line-height: 22px;

text-align: center;
background: #f0e7d6;
color:#744c3c;
margin-right: 10px;

display: inline-block;
margin-left: 0px;
margin-bottom: 10px;
padding: 2px;
}

#main .riyou_box .mail_fax_bn{
margin: 0;
float: right;
width: 340px;
}
#main .riyou_box .mail_fax_bn .mail_bn,
#main .riyou_box .mail_fax_bn .fax_bn{
margin: 0 0 1em;
padding: 0;
}

#main .riyou_box .mail_fax_bn a{
text-align: left;
padding-left: 14px;
}
#main .riyou_box .mail_fax_bn a:before{
padding-right: 14px;

}

/*利用申込の流れ*/


.ol01{
counter-reset:flow;
}


.ol01 li{
	counter-increment:flow;
	position: relative;
	padding: 0 0 0 26px;
	display: block;
	margin: 0px;
	font-style: normal;
	margin-top: 1.3em;
}

.ol01 li:before{
	content: counter(flow);	
	position: absolute;	
	left:0px;
	top: 2px;
	height: 19px;
	width: 19px;
	line-height: 20px;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;
	color: #fff;
	text-align: center;	
	background-color: #996B67;
	background-color:#9E796A;
	font-size: 13px;
	font-weight: bold;
}


.ol01 li{

}
.ol01 li:first-child{
margin-top: 0em;
}
.ol01.ol02 li{
	margin-top: 1em;
	padding-left: 30px;
}
.ol01 li:first-child,
.ol01.ol02 li:first-child{
margin-top: 0em;
}
/*
.ol01.ol02 li{
	margin-top: 1em;
	padding-left: 30px;
}
.ol01.ol02 li:before{
		height: 23px;
	width: 23px;
	line-height: 23px;
}
*/

#main #spage table.list-table{
table-layout: fixed;
}
#main #spage table.list-table th,
#main #spage table.list-table td{
vertical-align: top;
height: auto;
padding: 0;
}
#main #spage table.list-table th{
position: relative;
padding:0 1em 0 1.2em;
width: auto;
}

ul.list03 li{
position: relative;
padding-left:1.2em;
}

ul.list05 li{
margin-top: 1.5em;
position: relative;
padding-left:1.5em;
}
ul.list05 li:first-child{
margin-top: 0em;
}


ul.list03 li:before,
#main #spage table.list-table th:before {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	left:4px;
	background-color: #9E796A;
	width:4px;
	height: 4px;
}
ul.list03.list03-2 li{
margin-top: 1em;
}

ul.list05 li:before{
	display: block;
	content: '';
	position: absolute;
	top: 4px;
	left:0px;
	background-color: #9E796A;
	width:1em;
	height: 1em;
}


ul.list04{
}
ul.list04 li{
}
ul.list04 li{
position: relative;
padding-left:1.2em;
}

ul.list04 li:before {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	left:4px;
	background-color: #FB9A4C;
	width:4px;
	height: 4px;
}
ul.list-asta li{
position: relative;
padding-left:1.2em;
}


table.private-day{
margin: 0 0 1.4em;
border-collapse: collapse;
border-top: 1px solid #9b9086;
}
table.private-day td,
table.private-day th{
vertical-align: middle;
text-align: left;
border-bottom: 1px solid #9b9086;
padding: 5px 0;
}

table.private-day .table-border-dotted
{

border-bottom: 1px solid #bdb1a8;

}

table.private-day th{
position: relative;

padding-right:1.2em;
font-weight: bold;
}
/*
table.private-day th:before {
	display: block;
	content: '';
	position: absolute;
	top: auto;
	bottom: center;
	left:4px;
	background-color: #FB9A4C;
	width:4px;
	height: 4px;
}
*/
table.private-day td{
}


ul.list-asta li{
position: relative;
padding-left:1.2em;
}

ul.list-asta li:before {
	display: block;
	content: '＊';
	position: absolute;
	top: 0px;
	left:0px;
}

#spage #inquiry-table{
border-collapse:collapse;
margin: 32px auto 10px;
margin-top: 0px;
width: 666px;
background: #f8f5ed;
table-layout: fixed;
padding: 0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}
#spage #inquiry-table td{
border-collapse:collapse;
margin: 0 auto;

vertical-align: top;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;

padding: 22px;
padding-right: 0;
}

#spage #inquiry-table td:first-child{
width: 333px;
}
#spage #inquiry-table td:first-child p{
margin: 0;
padding: 0;
}
#spage #inquiry-table td:first-child p{
border-right: 1px solid #e5d2b1;
-webkit-box-shadow:#fff 1px 0px 0px 0px;
-moz-box-shadow:#fff 1px 0px 0px 0px;
box-shadow:#fff 1px 0px 0px 0px;
}

#spage #inquiry-table td span{
display: block;
margin-left: 33px;
margin-top:8px;
}
#spage #inquiry-table td a:hover img{
opacity: 0.75;
}

/*上書き*/

/*
#submenu-top {
padding-bottom: 44px;
}
#submenu-top #nav{
margin: 0;
}

#footer ul#sub_menu li a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
*/

/*上書きここまで*/

#slide {
	width: 766px;
	height: 302px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#slide ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}
#slide img {
position:absolute;
left:0;
top:0;
}



#subnav
{
width: 678px;
margin-left: auto;margin-right: auto;

}

#footer #subnav{
margin-top: 27px;
margin-bottom: 29px;
}
.home #footer #subnav{
margin-top: 20px;
margin-bottom: 21px;
}


#subnav > ul > li
{
float: left;
text-align: left;
/*subnav 訂正後*/
width: 159px;
margin-left: 14px;
}

#subnav > ul > li:first-child
{
margin-left: 0;
}

/*h2の上に置く場合*/
#main{
margin-top: 0;
}

/*container 直下*/
#container > #subnav{
width: 766px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
 box-sizing: border-box;
/*色を付ける*/
padding: 8px 31px;
margin: 0 0 31px;
background:#e5d4bc;
/*ソフトライト100%*/background:#e2d1b4;
/*乗算*/background:#e2d1b4;
/*濃いめ*/background: #decdb6;background:#e0d0b8;


}
#container.culture > #subnav{background: #e9d39a;}
#container.concert > #subnav{background: #fbcfb0;}
#container.seminer > #subnav{background: #fbe8b5;}
#container.event > #subnav{background: #f5d9e6;}
#container.foyer > #subnav{background: #fde2cf;}


#container > #subnav > ul > li{
width: 164px;
margin-left: 16px;
}
#container > #subnav > ul > li:first-child
{
margin-left: 0;
}

#main {
}

/*h2の上に置く場合 ここまで*/


#subnav > ul:first-child > li{
border-bottom: 1px dotted #bf998f;
margin-bottom: 3px;
padding-bottom: 3px;
}

#subnav  > ul > li > a 
{
display: block;
position: relative;
width: 100%;
text-align: left;
height: 32px;
padding-bottom: 0;
}

#subnav  > ul > li > a > img
{
vertical-align: top;
width: 159px;
height: 32px;

}
#subnav  > ul > li > a:hover > img
{
opacity: 0.75;
}
#container ul > li.drop_link 
{ 
  position: relative;
  max-height: auto;
}


#container ul > li ul.drop_menu
{ 
  display: none;
  position: absolute;
  z-index: 99!important;
border-top: none;
 max-width:auto!important;
  height: 80px;
  background:url(../images/arrow-fukidashi.png) no-repeat 30px 0;
  padding-top: 7px;
  overflow: visible;
  top: 26px;
  
}
#subnav2p > ul > li#dorp_link1 ul.drop_menu,
#subnav2p > ul > li#dorp_link2 ul.drop_menu{
background: none;
padding-top: 0;
padding-left: 7px;
background:url(../images/arrow-fukidashi-left.png) no-repeat;
}
#subnav2p > ul > li#dorp_link1 ul.drop_menu{
left: 144px;
top: -22px;
background-position: 0 31px;
}
#subnav2p > ul > li#dorp_link2 ul.drop_menu{
left: 153px;
top: -62px;
background-position: 0 70px;
}


#footer_banner > li.drop_link ul.drop_menu{
background: none;
padding-top: 0;
padding-left: 7px;
background:url(../images/arrow-fukidashi-left.png) no-repeat 0 50%;
left: 105px;
width: 100%;
top: -12px;

top: 0px;
width: 205px;
background-position: 0 17px;
}


#container ul > li ul.drop_menu li
{ 
   padding: 0;
   line-height: 1.2;
   white-space:nowrap!important;
background-color: #fff; 

}


#container ul > li ul.drop_menu li a{ 
display: block;
  color: #744c3c;
  text-decoration: none;
 margin: 0 10px;
   border-top: 1px dotted #E1CFAD;
   padding: 12px 0;
   padding-left: 1em;
  font-size:12px;
  background:url(../images/arrow-brown.png) no-repeat 0 15px;
}

#container ul > li ul.drop_menu li a:hover{ 
color: #F67E69;
}

#container ul > li ul.drop_menu li:first-child a{ 
border-top: none;
}

#container ul > li ul.drop_menu li a[target="_blank"]{ 
position:relative;

}
#container ul > li ul.drop_menu li a[target="_blank"]:after{ 
position: relative;
right: 0;
top: 1px;
padding-left:3px;
content:url("../images/external-link-icon.gif");
}



#whats_new{
width: 678px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0 16px 16px;
margin: 0 auto;
clear: both;
background: #E9DBC2;
color: #744c3c;
text-align: left;

}



#whats_new h2{
padding: 12px 0 0;
height: 16px;
line-height: 16px;
}
#whats_new h2 img{
vertical-align: top;
}
#whats_new dl{
margin: 0;
padding-top: 16px;
margin-top: 16px;
font-size: 12px;
border-top: 1px dotted #bf998f;
}
#whats_new dl dt{
float:left;  
width: 98px;
width: 112px;
clear:left;
font-weight: bold;
}
#whats_new dl dd{
margin: 0;
margin-left: 114px;
margin-left: 118px;
}

#whats_new dl p{
margin: 1em 0 0;
}
#whats_new dl p:first-child{
margin:  0;
}

.inta-index{
width: 678px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 14px;
margin: 32px auto 0;
clear: both;
color: #744c3c;
text-align: left;
background: #fff;
border: 2px solid #E1CFAD;
/*
position: relative;
*/
}

.inta-index p{
margin: 12px 0 0;
font-size: 12px;
text-align: center;
}

.inta-index strong{
display: block;
font-weight: bold;
font-size: 14px;
margin-bottom: 12px;
}

.inta-index strong a{
text-decoration: none;
}
.inta-index strong a:hover{
text-decoration: underline;
}
.inta-index-link{
/*
position: absolute;
right: 14px;
top: 14px;
*/
float: right;
padding-left: 14px;
}

#inta-top{
width: 678px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 14px;
margin: 32px auto 32px;
padding-bottom:16px;
clear: both;
color: #744c3c;
text-align: left;
background: #fff;
border: 2px solid #E1CFAD;
position: relative;
}

#inta-top p{
margin: 12px 0 0;
font-size: 12px;
text-align: center;
}

#inta-top strong{
display: block;
font-weight: bold;
font-size: 14px;
margin-bottom: 12px;
}

#inta-top strong a{
text-decoration: none;
}
#inta-top strong a:hover{
text-decoration: underline;
}
#inta-top #inta-top-link{
position: absolute;
right: 14px;
top: 14px;
}

#inta-top{
border: none;
min-height: 100px;
background:url(../images/inta-top-bg.gif) no-repeat center center;
background:url(../images/inta-top-bg2.gif) no-repeat center center;
background-color: #FFFFFF;
}
#inta-top #inta-bn{
display: block;
font-size: 14px;

font-weight: bold;
color: #fff;


text-align: center;
text-decoration: none;

-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left:26px;

background: rgb(184,146,131); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(184,146,131) 0%, rgb(159,122,107) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(184,146,131) 0%,rgb(159,122,107) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(184,146,131) 0%,rgb(159,122,107) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b89283', endColorstr='#9f7a6b',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f08c91+0,eb666d+100 */
background: #f08c91; /* Old browsers */
background: -moz-linear-gradient(top, #f08c91 0%, #eb666d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f08c91 0%,#eb666d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f08c91 0%,#eb666d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08c91', endColorstr='#eb666d',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
box-shadow:rgba(153, 153, 153, 0.65) 0px 3px 3px -3px;
-webkit-box-shadow:rgba(153, 153, 153, 0.65) 0px 3px 3px -3px;
-moz-box-shadow:rgba(153, 153, 153, 0.65) 0px 3px 3px -3px;
width: 300px;
height: 36px;
line-height: 36px;
width: 340px;
height: 38px;
line-height: 38px;
margin: 0 auto;
display: block;position: relative;
}

#inta-top #inta-bn:before{
content: "";
background: url("../images/ic_videocam_white_24dp.png");
width: 24px;
height: 24px;
background-repeat: no-repeat;
position: absolute;
left: 48px;
top: 6px;

}

#inta-top #inta-bn:hover{
opacity: 0.7;
}

#inta-top #inta-top-new{
text-align: center;
margin-top: 12px;
}
#inta-top #inta-top-new a{
color: inherit;
text-decoration: none;
color: #d94149;
}
#inta-top #inta-top-new a:hover{
text-decoration: underline;
}


.inta-index{
min-height: 150px;
border: none;
background: #F7F4EB;
}
.inta-index p{
text-align: left;
}
.inta-index .inta-index-link,
.inta-index .inta-index-link a,
.inta-index .inta-index-link img{
width: 210px;
width: 180px;
}

.inta-index .inta-index-link a{
text-decoration: none;
}

.inta-index .inta-index-link a:hover img,
.inta-index .inta-index-link a:hover span{
opacity: 0.75;
}


.inta-index .inta-index-link span{
display: block;
width: 100%;
height: 24px;
line-height: 24px;
font-size: 14px;

font-weight: bold;
color: #fff;
position: relative;
padding-left:0px;
text-align: center;
text-decoration: none;
background: #8B6A5D; /* Old browsers */

}
.inta-index .inta-index-link span:before{
content: url("../images/arrow-white2.png");
position: relative;
left: 0;
top: 0px;
padding-right: 6px;
top: -1px;
}



#footer_bottom{
width: 678px;
margin: 0 auto 44px;
}

#footer_banner{
float: left;
width: 317px;
text-align: left;
}
#footer_banner > li{
width: 317px;
height: 48px;
margin-top: 10px;
}
#footer_banner  > li > a{
display: block;
width: 317px;
height: 48px;
}
#footer_banner > li:first-child{
margin-top: 0px;
}

#monthly a.monthly_img:hover img,
#footer_banner > li a:hover img,
#footer_banner > li a:hover span{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#footer_member a{
position: relative;
}

#koushinbi{
position: absolute;
font-size: 11px;
font-weight:normal;
right: 10px;
bottom:18px;
bottom:auto;
top: 9px;
color:#744C3C;color:#F2023E;
line-height: 1.2;
z-index: 100;
display: block;
}



#salon_summary{
float: right;
width: 322px;
/*
text-align: right;
*/
}
#salon_summary #fb{

margin: 20px 0px 0 0px;

text-align:right;

}
#salon_summary ul {
}
#salon_summary ul li{
float: none;
margin-bottom: 10px;
}


#monthly{
width: 680px;
margin: 44px auto 43px;
color: #744c3c;
text-align: left;
background: #fff;

width: 678px;
}


#monthly h2{
background: #8b6a5d;
height: 36px;
line-height: 36px;
font-size: 14px;
font-weight: bold;
color: #fff;
padding-left: 14px;
border-left: 1px solid #F0E7D6;
border-right: 1px solid #F0E7D6;

border: none;
}

#monthly table{
border-collapse: collapse;
width: 100%;
}

#monthly > ul{
background: #fff;
}
#monthly > ul > li{
float: left;
width: 33.333333333333333333333333333333333333333333%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border-bottom: 1px solid #F0E7D6;
border-right: 1px solid #F0E7D6;
}
.home #monthly > ul > li:first-child + li  + li,
.home #monthly > ul > li:first-child + li  + li + li  + li + li,
.home #monthly > ul > li:first-child + li  + li + li  + li + li + li  + li + li,
.home #monthly > ul > li:first-child + li  + li + li  + li + li + li  + li + li + li  + li + li,
.home #monthly > ul > li:first-child + li  + li + li  + li + li + li  + li + li + li  + li + li + li  + li + li{
border-right: none;
}

#monthly table td{
border: 1px solid #F0E7D6;
border-top: none;
vertical-align: top;
table-layout: fixed;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
width: 33.333333333333333333333333333333333333333333%;
padding: 10px;
}



/*3分割*/
#monthly .monthly_img{
display: block;
vertical-align: top;
padding: 0;
float: left;
margin: 0;
margin-right: 0;
}
#monthly .monthly_img,
#monthly .monthly_img img{ 
width: 75px;
}

#monthly .monthly_img img{ 
height: auto;
vertical-align: top;
}

#monthly p.monthly_date,
#monthly h3{ 
padding: 0;
line-height: 1.45;
}
#monthly p.monthly_date{
font-size: 11px;
margin-bottom: 8px;
}
#monthly p.monthly_date span{
}
#monthly h3{
margin: 0px;
font-size: 12px;
}

#monthly p.monthly_date,
#monthly h3{
margin-left: 85px;
}
#monthly h3 span{
font-size: 11px;
}



#monthly a{ 
color: #744c3c;
}

#monthly p.monthly_bn {
margin-top: 10px;
}
#monthly p.monthly_bn a{
margin: 0;
line-height: 1;
font-weight: bold;
text-decoration: none; 
text-align: center;
display: inline-block;
position: relative;

/*3分割*/
width: 100%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 0;
font-size: 11px;
background: #F7F4EB;
color: #744C3C;
/*
border-radius: 3px;
border-bottom: 2px solid #E1CFAD;
*/
}



#monthly p.monthly_bn a:after{
content: url("../images/arrow-brown.png");
position: absolute;
right: 9px;
top: 8px;
}
#monthly p.monthly_bn a:hover{
background:#F67E69;
color: #fff;
}
#monthly p.monthly_bn a:hover:after{
content: url("../images/arrow-white2.png");
}

#monthly h3 a:hover{ 
color:#F67E69;
text-decoration: none;
}
a:hover{ 
text-decoration: none!important;
}

/*主催コンサートのコンサート一覧*/

.sponsor #monthly{
width: 666px;
margin-top: 0;
}
.sponsor #monthly table,
.sponsor #monthly > ul{
width: 666px;
margin-top: 30px;
}
.sponsor #monthly table td{
border-top: 1px solid #F0E7D6;
}

.sponsor #monthly > ul > li{
width: 50%;
height: 177px;
border-bottom: 1px solid #F0E7D6;
border-right: 1px solid #F0E7D6;
}
.sponsor #monthly > ul > li.ht191{
height: 191px;
}
.sponsor #monthly > ul > li:first-child,
.sponsor #monthly > ul > li:first-child + li{
border-top: 1px solid #F0E7D6;
}
.sponsor #monthly > ul > li:nth-child(odd){
border-left: 1px solid #F0E7D6;
}

.sponsor #monthly .monthly_img{ 
display: block;
width: 100px;
vertical-align: top;
margin: 0;
padding: 0;
float: left;
}
.sponsor #monthly .monthly_img img{ 
width: 100px;
height: auto;
vertical-align: top;
}
.sponsor #monthly div{ 
margin-left: 112px;
width: auto;
}
.sponsor #monthly p.monthly_bn a{
width: auto;
padding: 8px 10px;
padding-right: 23px;
}

.sponsor #monthly p.monthly_bn a{
width: auto;
background: #F7F4EB;
border-radius: 3px;border-radius: 3px;
border-bottom: 2px solid #E1CFAD;
color: #744C3C;
font-weight: normal;
padding: 6px 10px;
padding-right: 18px;
font-size:11px;
position: relative;
}
.sponsor #monthly p.monthly_bn a:after{
content: url("../images/arrow-brown.png");
top: 8px;
right: 8px;
}
.sponsor #monthly p.monthly_bn a:hover{
background: #F7F4EB;
border-bottom: 2px solid #fff;
top: 1px;
}

.sponsor #monthly h3{
margin: 16px 0;
font-size: 12px;
line-height: 1.5;
}
.sponsor #monthly p.monthly_date{
color: #333;
margin-left: 0;
}
.sponsor #monthly p.monthly_date .vol{
display: inline-block;
margin-right: 5px;

/*
font-weight: bold;
background:#fff;color: #ed5847;color: #744c3c;
line-height: 1.5em;
height: 1.5em;
text-align: left;width: auto;
*/

width: 44px;
height: 1.6em;
line-height: 1.6em;
text-align: center;
background: #F0E7D6;background:#F7F4EB;color: #744c3c;
background: #8B6A5D;color: #fff;

display: block;
width: 100%;
height: auto;
padding: 1px 0;
margin-bottom:4px;
/*
background: #F7F4EB;
color:#744C3C;
*/
overflow: hidden;
opacity: 0.85;


}

.sponsor #monthly .festival p.monthly_date .vol{
background:#f69786;color: #fff;opacity:1;
}
.sponsor #monthly .etoile p.monthly_date .vol{
background:#e8ae6f;color: #fff;opacity:1;
}

.sponsor #monthly .tea-spo p.monthly_date .vol{
background:#8A9E2D;
}

.sponsor #monthly td.comingsoon{
/*
padding: 0 0 20px;
border: none;
*/
}
.sponsor #monthly td.comingsoon p.monthly_date .vol{
width: 200px;
display: inline-block;
margin-right: 10px;
}
.sponsor #monthly td.comingsoon #vol-comingsoon{
/*
background:#fff;
border: 1px solid #f2023e;
color: #f2023e;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			height: 20px;
			*/
			background:#ebaa6e;
			border: none;
/*color: #f2023e;
text-align: left;
background: #fff;
height: 20px;line-height: 20px;
font-size: 14px;
overflow: hidden;*/
}

.sponsor #monthly td.comingsoon .monthly_img{ 
width: 160px;
}
.sponsor #monthly td.comingsoon .monthly_img img{ 
width: 160px;
}
.sponsor #monthly td.comingsoon div{ 
margin-left: 172px;
width: auto;
}


.communication .com-images{
width: 100%;
margin: 1em 0 0;
padding: 0;
}
.communication .com-images a{
float: left;
display: block;
padding: 0;
margin: 0 0 0 18px;
text-align: left;
}
.communication .com-images a:first-child{
margin: 0;
}
.communication .com-images img{
margin: 0;
padding: 0;
}

#spage .salon-gallery-3col {
margin-bottom: 30px;
}
#spage .salon-gallery-3col ul{
margin-left: -30px;
margin-top: -30px;
}
#spage .salon-gallery-3col li{
width: 202px;
float: left;
text-align: center;
margin-top: 30px;
margin-left:30px;
}

#spage .salon-gallery-3col li img{
border: 3px solid #FFDBB8;
vertical-align: middle;
width: 100%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}



#spage .salon-gallery-fes2 {
margin-bottom: 40px;
margin-top: 30px;
}

#spage .salon-gallery-fes2 h3{
width: 100%;
text-align: left;
display: table;
font-size: 14px;
margin: 0 0 1em;
line-height: 1em;
height: 1em;
padding: 0;
}

#spage .salon-gallery-fes2 h3 span{
text-align: right;
display: table-cell;
font-size:  11px;
font-weight: normal;
vertical-align: bottom;
}


#spage .salon-gallery-fes2 ul{
margin: 0 0 0 -20px;
}
#spage .salon-gallery-fes2 li{
width: 156px;
float: left;
text-align: center;
margin-top: 0px;
margin-left:20px;
margin-bottom: 20px;
}

#spage .salon-gallery-fes2 li img{
vertical-align: middle;
width: 156px;
}


#spage .salon-gallery-fes2 li a:hover img{
opacity: 0.75;
}


/*その他*/
.rose{
color: #ed5847;color:#F2023E;
}
.dp_block{
display: block;
}

.kome{
display: block;
text-indent: -1em;
padding-left: 1em;
}

.member-kome{
display: block;
text-indent: -1em;
padding-left: 1em!important;
}


.none{
display: none!important;
}

.gray-box{

}


a.opacity-img:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.mintyo-title
{
font-size: 20px;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#855b49;
font-weight: bold;
margin-bottom: 24px;
}

#footer #social-icon {
margin: 15px auto 0; 
width: 300px;
}
#footer #social-icon li{
display: inline-block;
width: 60px;
height: 60px;
margin: 0 0 0 20px;
padding: 0;
overflow: hidden;
}
#footer #social-icon li:first-child{
margin-left: 0;
}




.arrow-link{
background:url(../images/arrow-brown.png) no-repeat right center;
padding-right:1em;
font-weight: bold;
}


.border-box{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*
#stream-info{

display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;

align-items: flex-start;
align-items: center;
justify-content: space-between;

}
*/

#stream-info dd a img{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: auto;
display:block;
}

#stream-info dt  {
	font-size: 14px;
	padding: 0;
	font-weight: bold;
	padding-left: 16px;	
	margin: 2em 0 3px;
	position: relative;
	display: block;

}	
#stream-info dt :before{
	content:"";
	display:inline-block;
	position:absolute;
	width:12px;
	height:12px;
	margin:0px;
	top: 5px;
	left: 0;
	background: #9E796A;
}
#stream-info dd span{
display: block;
font-size: 12px;
margin-top:3px;
text-align: right;
}

.mini-title{
	font-size: 14px;
	padding: 0;
	font-weight: bold;
	padding-left: 16px;	
	margin: 0 0 3px;
	position: relative;
	display: inline-block;
	font-style: normal;
}
.mini-title:before{
	content:"";
	display:inline-block;
	position:absolute;
	width:12px;
	height:12px;
	margin:0px;
	top: 5px;
	left: 0;
	background: #9E796A;
}
/*
.img20210707{
	width: 100%;
	clear: both;

}
.img20210707 li{
	width: 25%;
	padding: 5px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
	}
.img20210707 a{
display: block;
width: 100%;
}
.img20210707 img{
	width: 100%;
	height:  auto;
}
*/
.img20210707{
	margin-top: 18px;
	width: 100%;
	clear: both;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: start; 
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

}

.img20210707 li{
	display: block;
	height:  auto;
	margin: 0;
	padding: 0;
	margin:10px 10px 0 0;
	width: 159px;
	}
.img20210707 li:nth-of-type(4n){
	margin-right: 0;
}	
.img20210707 a{
display: block;
width: 100%;
}
.img20210707 li:first-child a:first-child{
	margin-bottom: 9px;
	}
.img20210707 img{
	width: 100%;
	height:  auto;
}



#festival4photo{

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-items: center;

	
	justify-content: space-between;
	justify-content: space-evenly;
	justify-content: space-around;
	margin-bottom: 5%;
	}
#festival4photo li{

width: 40%;
width: 45%;
margin-top: 5%;
}
#festival4photo img{
	width: 100%;
	/*
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
	border: 3px solid #dbc8a4;
	border-color:rgba(219,200,164,0.7); 
	*/
}


#main #important-notice{
background: #666;
color: #fff;
text-align: center;
padding: 5px;

font-weight: normal;
width: 666px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
margin-left: auto;
margin-right: auto;
font-size: 18px;
height: 40px;
line-height: 40px;
padding: 0;
margin: 36px auto;
color: #F2023E;
background: #fff;
border: 2px solid rgba(242,2,62,0.8);
}