@charset "utf-8";

body {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/*RESET CSS*/
h1,h2,h3,h4,h5,h6,
p,
img,a{margin:0;padding:0;}
img {border:none;}
li{line-height : 1.5em}
/*最初は非表示*/
#artGallery a {display:none;}

/* cultureSchoolTop
------------------------------*/
#cultureimgarea {width:790px;height:160px;background:url(img/top_culture.jpg) no-repeat;}
#cultureimgarea ul.cultureInfo {padding:121px 0 0 430px;margin:0;}
#cultureimgarea ul.cultureInfo li {display:inline;margin:0;padding:0;}


body.cultureSchoolTop #maparea {margin-top:20px;}

/*トップお知らせ*/
body.cultureSchoolTop #topnews {width:685px; margin:15px 52px 0px 52px; padding:0;}
body.cultureSchoolTop #bottomlink {clear:both;}

body.cultureSchoolTop #topnews h3 {font-size: 14px;padding:5px;margin:0px;background:#f90;}
body.cultureSchoolTop dl.topnews {margin:0px;padding:0px;}
body.cultureSchoolTop dl.topnews dt {margin:0px;padding:5px;float:right;}
body.cultureSchoolTop dl.topnews dd {margin:0px;padding:5px;}


/* 共通ショップDtl
------------------------------*/
/*上部ショップリンク*/
#shoplink {
	font-size:11px;
	padding: 5px;
	text-align: center;}
#shoplink ul.shoplink {padding:0px;margin:0;}
#shoplink ul.shoplink li {
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0px 5px;
	border-right: 1px solid #999;}
#shoplink ul.shoplink li.line {
	padding-left: 10px;
	border-left: 1px solid #999;}

/*ショップタイトルなど*/
#shopttl {width:790px;text-align:center;background:#000; color:#fff;}
#shopttl h2.shopname {padding:25px 0 0 0;margin:0;font-size:18px;font-weight:bold;}
#shopttl p.shopaddress {padding:5px 0 0 0;margin:0;font-size:11px;}
#shopttl p.shopcontact {padding:5px 0 5px 0;margin:0;font-size:12px;}
#shopttl p.shopcontact .shoptel {font-size:18px;font-weight:bold;}
#shopttl p.shopmap {padding-left:690px;padding-bottom:8px;}

/* カルチャースクール
------------------------------*/
#sidemenu {float:left;width:200px;}
#contents {float:right;width:580px;margin-left:10px;}
#bottomlink {clear:both;}

.culDtl {border:1px solid #cccccc; padding:10px; width:550px;clear:both; margin-bottom:2px;}
.culDtl2 {border:1px solid #cccccc; padding:10px; width:500px;clear:both; margin-bottom:2px; margin-left:15px;}
.culDtlRight h4 {font-size:large; border-left: 7px #d93 solid; padding:0 3px;}
.culDtlRight h5 {
	color:#C93;
	margin :5px 0px;
	font-size:small;
	}
.culDtlRight h6{font-size : 1em;
			   margin-top : 1em}

.culDtRight ul{list-style-type : none}

.culDtlLeft {float:left ;width:220px;}
.culDtlRight {float:right; width:320px;}
.culDtlRight p{line-height : 1.6;}

div.toTop{margin : 0 10px 2em 0;
		  text-align : right;
		  font-size : small}
div.toTop a{color : #666}

div.trial{border-bottom :1px dashed #ddd;
	      padding:10px; 
	      width:550px;}

div.trial h4{font-size : medium;}

div.trial div img {float : left;
			     width : 110px;}

div.trialDetail {float   : right;
			  width : 430px;
text-align : left;
			  padding-left : 10px}


.reset {clear:both; }

h3.osusume,
h3.taikenosusume,
h3.seminar,
h3.invite {
	margin:15px 0 5px 0;
	padding:7px 11px;
	font-size:125%;
	color:#ffffff;
	width:550px;
}
h3.start {
	margin:15px 0 5px 0;
	padding:7px 11px;
	font-size:125%;
	color:#ffffff;
	width:550px;
}
h3.osusume { background:#cc0000;}
h3.seminar { background:#cc0000;}
h3.invite { background:#006600;}
h3.start { background:#ff8c00;}
h3.taikenosusume { background:#ff9933;}


p.invite {
	margin:10px 0;
	font-size:110%;
	line-height:1.4em;
}
p.invite3 {
	margin-left:360px;
	font-size:110%;
	line-height:1.4em;
}
table.invite {
	margin-top:10px;
	width:570px;
	border-top:1px #999 solid;
	border-right:1px #999 solid;
}
table.invite th {background:#dddddd;}
table.invite th,
table.invite td {
	padding:7px;
	border-left:1px #999 solid;
	border-bottom:1px #999 solid;
}
table.invite td.name img {
	vertical-align:middle;
	margin-right:5px;
}
table.invite td p {
	color:#dd9933;
	line-height:1.3em;
	margin:3px 0 0;
}
table.invite2 {
	margin-top:10px;
	margin-left:35px;
	width:450px;
}
table.invite2 td {
	line-height:1.3em;
}

/* 講座一覧
------------------------------*/



/* 講座詳細
------------------------------*/

#contents .culDtlRight .instructor {
	float:right;
	width:90px;
	/* border:1px #ddd solid;*/
	padding:3px;
	font-size:x-small;
	text-align:center;
}

.culDtlLeft img {margin-bottom:4px;}


table.tool th{vertical-align : top;
			width : 3em}


table.detail_trial th{width : 4em;
				   font-weight : normal;
				   text-align : left;
				   vertical-align : top}



/* sidenavi
------------------------------*/
#sidemenu ul {padding:0;margin:5px 0 0 5px;}
#sidemenu ul li {
	padding:0;
	margin:0;}
#sidemenu ul li a {
	display:block;
	width:180px;
	padding:10px 0;
	text-align:center;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #333;
	color:#333;
	text-decoration:none;
	font-weight:bold;}
#sidemenu ul li.classlist a {
	display:block;
	width:180px;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #333;}
#sidemenu ul li.line a {
	display:block;
	width:180px;
	padding:10px 0;
	margin:10px 0 0 0;
	text-align:center;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #333;
	color:#333;
	text-decoration:none;}

#sidemenu ul li a:hover {
	background:#ffd3a8;}

#sidemenu ul li a.onMouse{
	background:#ffd3a8;}



#sidemenu ul li.active {
	display:block;
	text-align:center;
	border-bottom:1px solid #333;
	border-left:1px soild #333;
	border-right:1px solid #333;
	color:#333;
	font-weight:bold;
	padding:10px 0;}

#sidemenu #artGallery {text-align:center;margin:20px 0;}

h3{margin : 20px auto 10px auto}

h6{font-size :  1em;
	margin : 10px 0px 0px 0px}


table.schedule td{line-height : 1.5em}
table.schedule td p{width : 15em;
					line-height : 1.5em;}


table.schedule th, 
table.profile th{width : 4.5em;
				 white-space:nowrap;
				 font-weight : normal;
				 line-height : 1.5em;
				 text-align : left;
				 vertical-align : top}
table.profile th{width : 4em}
caption.profile{text-align : left}

table.schedule td{text-align : left;width : 12em; white-space:nowrap;}


table.schedule p.date{padding-left :1em;margin-top : 4px}

table.schedule2 {margin:0.5em 0;}
table.schedule2 th {
	text-align:left;
	font-weight:normal;
	width:4.5em;
}
table.schedule2 th,
table.schedule2 td {
	padding:3px 2px;
	vertical-align:top;
}




ul.profile {margin : 0em;
		 padding : 0 0 0 2em}

ul.noDot{margin : 0px;
		 padding : 0px;
		 list-style-type :none}
ol.space,ul.space, p.space{list-style-type : none;
		margin:0em;
		padding : 0 0 0 1em}
ul.space li,
ul.noDot li{padding : 0.1em 0}


/*clearfix*/
.culDtl:after {content:".";display:block;height:0;clear:both;visibility: hidden;}
div.trial:after {content:".";display:block;height:0;clear:both;visibility: hidden;}




div.classlist h3{text-align : center}

div.classlist table{border-collapse : collapse;
	  margin : 0px auto;
	  width : 90%;
	_width : 710px}

div.classlist table td{border : solid 1px #999;
   padding : 5px 10px;
   text-align : center}
div.classlist table td.price{text-align : right}
div.classlist table td.lecture{text-align : left}

div.classlist h3 {text-align : left;background:#555;width : 710px}
div.classlist table td a{color : #09f}

div.classlist ul{list-style : none}

tr.glass,tr.craft,tr.ceramic,tr.sculpture{background : #ffc}

tr#caption{
		   text-align : center;
		   background : #ddd}

div#backTo{text-align : center;
		   margin : 20px}

tr#caption td.lesson{width : 270px;_width : 260px}
tr#caption td.teacher{width : 8em;_width : 90px}
tr#caption td.day{width : 90px}
tr#caption td.time{width : 100px;_width : 90px}
tr#caption td.payment{width :4em;_width : 90px;}
td.price {width : 90px}

html* td.payment{120px}

td.category{background:#666;
			color : #fff;
			font-size : mediam;
			font-weight : bold}
table.detail th{vertical-align : top}

ul.dotted {margin  : 0 0 0 2em;
		 padding : 0px}

/*teacher.html*/

div#teacher{width : 670px;
		    margin : 0px auto;
		    line-height : 1.5em;
		    color : #333;}
div#teacher ul{list-style-type : none}

div#teacherul li{margin : 10px 0px}

div#teacher button {margin : 0px;
				 padding : 0px;
				 border : 0px;
				 background : #ffffff}

div#teacher address {font-style : normal;
				    margin-top  : 1em}

div#teacher h2{margin : 1em 0 2em 0;
			  font-weight : bold;
			  padding-bottom : 3px
				 border-bottom : solid 1px #aaa;}

div#teacher h3{font-size : large;
			    _font-size : large}

div#teacher h4,
div#teacher h5{  font-size : medium;
			     _font-size : medium;
				  margin : 1em 0 0 0}


table#dl th, 
table#dl td{padding : 15px 10px 15px 0;
   		    vertical-align : top}



img.topMargin{margin-top:50px}
img.bottomMargin{margin-bottom : 50px}

div#entryInfo {width : 670px;
				margin : 0px auto;
				line-height : 1.8em;
				color : #333}
div#entryInfo h2{margin : 1em 0 1em 0;
				 padding-bottom : 3px;
				 font-weight : bold;
				 border-bottom : solid 1px #aaa;}
 div#teacher h2{margin : 1em 0 1em 0;
				 padding-bottom : 3px;
				 font-weight : bold;
				 border-bottom : solid 1px #aaa;}

/*entryInfo*/

div#entryInfo h3{background : #bbb;
				 padding : 10px 5px}
div#entryInfo h4{background : #ddd;
				 padding : 5px}
div#entryInfo ul{padding-left : 2em;
				 margin : 0em 0em 2em 0em}
.noList{list-style :none}

span.red{color : #d00}
span.blue{color : #00d}
span.green{color : #090}


span.price{font-weight : bold;
		  color : #c00}
		  
p.toDetail{text-align : right}


p.caution{font-size : x-small;
   margin-left : 5px}



/*体験教室一覧*/
table.trialclass {width:570px;margin:5px 10px 0 0;border-left:1px solid #666;border-right:1px solid #666;}
table.trialclass th.month {background:#aaa;text-align:left;border-bottom:1px solid #666;}
table.trialclass th, table.trialclass td {padding:5px;}
table.trialclass td.colored{background : #ffd}
table.trialclass td.date {text-align:left;vertical-align : top;border-right:1px solid #ccc;}
table.trialclass td.cname {text-align:left;font-size:14px;font-weight:bold;border-right:1px solid #ccc;}
table.trialclass td.tname {text-align:left;border-right:1px solid #ccc;}
table.trialclass td.time {text-align:center;border-right:1px solid #ccc;}
table.trialclass td.maxnum {text-align:center;border-right:1px solid #ccc;}
table.trialclass td.fee {text-align:right;}
table.trialclass td.reserve {text-align:right;color:#f00;border-right:1px solid #ccc;border-bottom:1px solid #666;}
table.trialclass td.dtl {text-align:left;border-bottom:1px solid #666;border-top:1px solid #ccc;line-height : 1.5}

table.trialclass tr.head th {background:#666;color:#fff;font-size:x-small;font-weight:normal;}
table.trialclass th.date{text-align : center}
table.trialclass th.fee {text-align:right;}
table.trialclass th.cname,
table.trialclass th.tname {text-align:left;}

#sidemenu ul li img {margin-left:5px;position:relative;top:1px;}
table.trialclass .boshu {float:right; border:1px #604e8e solid;color:#604e8e; padding:0 3px; background:#e4ebf3;}




/*荒川沖陶芸のみ*/
table.border{border-collapse : collapse}
table.border th{background : #ddd}
table.border th,
table.border td{border : solid 1px #aaa;
						padding : 4px;
						text-align : right}
table.border td.topic{text-align : left;
					  border : 0}

/*体験教室ページ送り*/
ul#trial-index{list-style-type : none;
		padding :0;
		margin :0}
ul#trial-index li{float : left;
		   font-size : 14px;
		   line-height : 24px;
		   width : 100px;
		   text-align : center;
		   border : solid 1px #666;
		   margin : 0 10px 0 0}
ul#trial-index li a{text-decoration : none;
					color : #666}
ul#trial-index li a:hover{background : #f93;
							color : #333;
				  			display : block}
ul#trial-index li.colored{background : #f93}
ul#trial-index li.colored a{color : #333}