@charset "utf-8";
/* ===========================================================
 * 
 * 仏画教室　スタイルシート
 * Last UpDate : 2024/05/28
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */




/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

@import "general.css";

html{
	font-size:1.2em;
}

body{
	color:#333;
	background-color:#fdeee4;
	background:url(../images/bg.jpg) repeat-x top center;
}

.txt{ line-height:1.5em; }


.att{ color:#ab1714; font-weight:bold; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link { color:#7E4B5F; text-decoration:underline; }
a:visited { color:#7E4B5F; text-decoration:underline; }
a:hover { color:#D1B1BE; text-decoration:none; }
a:active { color:#D1B1BE; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

h1	{  }
h2.products		{ background:url(../products/images/h2.png) no-repeat; width:960px; height:110px; margin-bottom:40px; }
h2.news	{
	padding: 15px 10px;
	margin-bottom: 30px;
	border-left: 5px solid #ea5b5b;
	background-color: #f6b0ab;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	font-weight: normal;
}
h2.news:after { content:""; display:block; clear:both;}
h2 .newsDate { float: left; display: block; width: 100px; padding-right: 10px;}
h2 .newsTit { display: block; padding-left: 110px;}
h2.h201 {
	width: 960px;
	margin-bottom: 35px;
}
h3{
	height:40px;
	margin:0 0 30px 0;
	color:#000;
	padding:3px 0 0 100px;
	font-size:1.4em;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	/* background-color: #F6B0AB; */
	background-image: url(../images/h3.png);
	background-repeat: no-repeat;
}
h4{ background:url(../images/h4.png) no-repeat; height:30px; color:#000; padding:3px 0 0 45px; font-size:1.2em; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; }


/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

#topWrapper{
	width:100%;
	margin:0 auto;
}


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */





/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */

#header{
	margin:0 auto;
	width:960px;
	padding:10px 0;
	overflow:hidden;
}


#header a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

#header .headerLogo{
	float:left;
	padding-top:10px;
}

#header .headerSec{
	float:right;
	width:300px;
	text-align:right;
}

#header .headerSecTel{
	margin-bottom:5px;
}
#header .headerSecTime{
	float:left;
	font-weight:bold;
	text-align:right;
}

#header .headerSecContact{
	text-align:right;	
}



/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */


#footerWrap{
	margin-top:150px;
	background:url(../images/bg_footer01.png) repeat-x top center;
}

#footer{
	height:250px;
	font-size:0.8em;
}

#footer .footerUppSec{
	margin:0 auto;
	width:960px;
}


#footer .footerSitemap{
	text-align:center;
	border-bottom:1px solid #333;
	padding:10px 0;
	margin-bottom:30px;
}
#footer .footerSitemap a{
	text-decoration:none;
	color:#fff;
}
#footer .footerSitemap a:hover{
	opacity:0.6;
}

#footer .footerLogo{
	float:left;
	width:260px;
	margin-right:30px;
}

#footer .footerAdd{
	float:left;
	font-size:0.9em;
	letter-spacing:1px;
	color:#fff;
}
#footer .footerContact{
	float:right;
	text-align:right;
}
#footer .footerContact img{
	margin-bottom:5px;
}
#footer .footerContact a:hover{
	opacity:0.6;
}

#footer ul.footerBnr{
	width: 1130px;
	margin: 50px auto 0 auto;
	font-size: 0;
}

#footer ul.footerBnr li {
	display: inline-block;
	width: 180px;
	margin-left: 10px;
}
#footer ul.footerBnr li:first-child {
	margin-left: 0;
}

#footer ul.footerBnr a img:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/*
#footer .footerBnr01{
	float:left;
	width:180px;
	margin-right:10px;
}

#footer .footerBnr01 a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
*/


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

#gNaviWrap{
	height:50px;
	background-color:#ea5b5b;
	margin-bottom: 20px;
}

/* nav */
#gNavi {
	margin:0 auto;
	width:960px;
	height:50px;
}

#gNavi ul {
	margin:0 auto;
}

#gNavi li {
	float: left;
	display: inline;
}
#gNavi li a {
	height:50px;
	display: block;
	background-image: url(../images/gnavi.png);
	background-repeat: no-repeat;
}


/* individual */
#gNavi li#gNavi_01 a {
	width:137px; background-position: left 0;
}
#gNavi li#gNavi_01 a:hover, #gNavi li#gNavi_01 a:active ,#gNavi li#gNavi_01 .gnavi_cr01 {
	width:137px; background-position: left -50px;
}
#gNavi li#gNavi_02 a {
	width:137px; background-position: -137px 0;
}
#gNavi li#gNavi_02 a:hover, #gNavi li#gNavi_02 a:active ,#gNavi li#gNavi_02 .gnavi_cr02 {
	width:137px; background-position: -137px -50px;
}
#gNavi li#gNavi_03 a {
	width:137px; background-position: -274px 0;
}
#gNavi li#gNavi_03 a:hover, #gNavi li#gNavi_03 a:active ,#gNavi li#gNavi_03 .gnavi_cr03 {
	width:137px; background-position: -274px -50px;
}
#gNavi li#gNavi_04 a {
	width:137px; background-position: -411px 0;
}
#gNavi li#gNavi_04 a:hover, #gNavi li#gNavi_04 a:active ,#gNavi li#gNavi_04 .gnavi_cr04 {
	width:137px; background-position: -411px -50px;
}
#gNavi li#gNavi_05 a {
	width:138px; background-position: -548px 0px;
}
#gNavi li#gNavi_05 a:hover, #gNavi li#gNavi_05 a:active ,#gNavi li#gNavi_05 .gnavi_cr05 {
	width:138px; background-position: -548px -50px;
}
#gNavi li#gNavi_06 a {
	width:138px; background-position: -686px 0px;
}
#gNavi li#gNavi_06 a:hover, #gNavi li#gNavi_06 a:active ,#gNavi li#gNavi_06 .gnavi_cr06 {
	width:138px; background-position: -686px -50px;
}
#gNavi li#gNavi_07 a {
	width:136px; background-position: -824px 0px;
}
#gNavi li#gNavi_07 a:hover, #gNavi li#gNavi_07 a:active ,#gNavi li#gNavi_07 .gnavi_cr07 {
	width:136px; background-position: -824px -50px;
}




/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */

#lNavi {
	float:left;
	width:240px;
	margin-right:50px;
}


#lNavi ul {
	margin:0 auto;
}

#lNavi li {
}
#lNavi li a {
	width:240px;
	height:61px;
	display: block;
	background-image: url(../images/lnavi.png);
	background-repeat: no-repeat;
}


/* individual */
#lNavi li#lNavi_01 a {
	background-position: left 0;
}
#lNavi li#lNavi_01 a:hover, #lNavi li#lNavi_01 a:active {
	background-position: -240px 0;
}
#lNavi li#lNavi_02 a {
	background-position: left -61px;
}
#lNavi li#lNavi_02 a:hover, #lNavi li#lNavi_02 a:active {
	background-position: -240px -61px;
}
#lNavi li#lNavi_03 a {
	background-position: left -122px;
}
#lNavi li#lNavi_03 a:hover, #lNavi li#lNavi_03 a:active {
	background-position: -240px -122px;
}
#lNavi li#lNavi_04 a {
	background-position: left -183px;
}
#lNavi li#lNavi_04 a:hover, #lNavi li#lNavi_04 a:active {
	background-position: -240px -183px;
}
#lNavi li#lNavi_05 a {
	background-position: left -244px;
}
#lNavi li#lNavi_05 a:hover, #lNavi li#lNavi_05 a:active {
	background-position: -240px -244px;
}
#lNavi li#lNavi_06 a {
	background-position: left -305px;
}
#lNavi li#lNavi_06 a:hover, #lNavi li#lNavi_06 a:active {
	background-position: -240px -305px;
}


#lNavi .lNaviTit {
	color:#fff;
	background:#f08888;
	padding:10px 10px 10px 50px;
	margin-bottom:10px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */


#contents{
	margin:0 auto;
	width:960px;
	height:auto;
	overflow:hidden;
	/* padding-top:30px; */
}


#main{
	float:right;
	width:660px;
	margin-right:10px;
}


.pankuzu{
	padding:0 0 10px 0;
	font-size:90%;
	color:#333;
	letter-spacing:1px;
	margin-bottom:20px;
}




/************** トップページ **************/

#topImg{
	margin:0 auto;
	width:960px;
}
#main .mainSec{
	padding-left:50px;
	overflow:hidden;
}

/* トップページ */

#contents .topSecTxt01 {
	font-size: 15px;
	margin-bottom: 50px;
}
#contents .topSecTxt01 p {
	margin-bottom: 20px;
}
#contents .topSec07{
	font-size: 15px;
	width: 550px;
	margin-right: 30px;
	float: left;
}
#contents .topSec07 .topSec07Tit {
	margin-bottom: 30px;
	height: 40px;
}
#contents .topSec07 .topSec07Txt {
	margin: 0 0 45px 15px;
}
#contents .topSec08 {
	float: left;
	width: 380px;
	margin-bottom: 60px;
}
#contents .topSec08:after {
	clear: both;
	display: block;
	content: "";
}
#contents .topSecTitLatest {
	width:960px;
	padding:15px 15px 15px 145px;
	background:#f6bcb8 url(../images/tit_latest01.png) no-repeat;
	margin-bottom:30px;
}

#contents .topSecTitLatest a:link { color:#06f; text-decoration:underline; }
#contents .topSecTitLatest a:visited { color:#06f; text-decoration:underline; }
#contents .topSecTitLatest a:hover { color:#09f; text-decoration:none; }
#contents .topSecTitLatest a:active { color:#09f; text-decoration:none; }

/* 最新トピックス */
#contents .topNewsSec01{ overflow: hidden; margin-bottom: 30px; background: #f6bcb8; }
#contents .topNewsSec01Tit{  }
#contents .topNewsSec01 ul{ padding: 35px; overflow: hidden; }
#contents .topNewsSec01 ul li{ border-bottom: 1px solid #ea5b5b; padding: 0 0 30px 0 !important; margin-bottom: 30px; overflow: hidden; background: none !important; }
#contents .topNewsSec01 ul li:after{ content: ""; display: block; clear: both; }
#contents .topNewsSec01 ul li .topNewsSec01Txt{ float: left; width: 400px; margin-right: 25px; }
#contents .topNewsSec01 ul li .topNewsSec01Tit01{ font-size: 20px; font-weight: bold; border-bottom: 1px solid #fff; background: url(../images/ico_square01.png) no-repeat 0 3px; padding: 0 0 10px 30px; margin: 10px 0 15px 0; }
#contents .topNewsSec01 ul li .topNewsSec01Img{ float: left; width: 465px; }
#contents .topNewsSec01 ul li:last-child{ margin-bottom: 0; }

#contents .top_topics ul li .topNewsSec01Txt{width: 600px; margin-right: 60px;}
#contents .top_topics ul li .topNewsSec01Img{width: 180px;}
#contents .top_topics ul li .topNewsSec01Img img{width: 100%; height: auto;}

#contents .topNewsSec02{  }

#contents .topNewsSec {
	float: left;
	width: 490px;
	background-color: #f6bcb8;
	margin: 0 25px 30px 0;
}

#contents .topNewsSecTit {
	width: 490px;
}
#contents .topNewsSecTxt {
	width:490px;
	min-height: 320px;
	padding: 15px;
	letter-spacing:0.1em;
}

#contents .topNewsSec a:link { color:#06f; text-decoration:underline; }
#contents .topNewsSec a:visited { color:#06f; text-decoration:underline; }
#contents .topNewsSec a:hover { color:#09f; text-decoration:none; }
#contents .topNewsSec a:active { color:#09f; text-decoration:none; }

#contents .topSec08{ float: left; width: 445px; margin-right: 25px; }
#contents .topFBSec{ float: left; width: 475px; }
#contents .topFBSecTit{ margin-bottom: 10px; }

#contents .topNewsSec02Tit{ margin-bottom: 10px; }

#contents .topMovieSec {
	float: left;
	width: 445px;
	margin-bottom: 30px;
}

#contents .topMovieSecTit {
	width: 445px;
	margin-bottom: 10px;
}

#contents .topMovieSecTxt {
	width: 445px;
	letter-spacing:0.1em;
	padding-left:15px;
	margin-bottom: 10px;
}


#contents .topSecAnnounce {
	margin-bottom:25px;
}

#contents .topSecAnnounce a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#contents .topSec01{
	float:left;
	width:610px;
	margin-right:50px;
}

#contents .topSec01Tit{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:2em;
	font-weight:bold;
	margin-bottom:10px;
}

#contents .topSec01Txt{
}


#contents .topSec01Txt02{
	float:left;
	width:410px;
	margin-right:20px;
}

#contents .topSec01Txt03{/* カレンダー追加 */
	float:left;
	width:285px;
	margin-right:15px;
}
#contents .topSec01Cal01{/* カレンダー */
	float:left;
	width:290px;
}

#contents .topSec01Img01{
	text-align:center;
	margin-bottom:10px;
}

#contents .topSec01Img02{
	float:left;
	width:180px;
}

#contents .topSec ul{
}

#contents .topSec ul li{
	background:url(../images/ico_circle01.png) no-repeat 0 2px;
	padding:0 0 0 30px;
}
#contents .topSec02{
	float:left;
	width:300px;
}
#contents .topSec03{
	/*	margin-top:50px; */
	width:960px;
	height:449px;
	background:url(../images/img_top07.png) no-repeat;
}

#contents .topSec03Txt{
	width:640px;
	padding-left:40px;
}


#contents .topSec04{
	margin-top:50px;
	margin-right:-30px;
}

#contents .topSec0401{
	float:left;
	width:300px;
	margin-right:30px;
}

#contents .topSec04Img{
	margin:10px 0;
}

#contents .topSec04Txt{
	height:130px;
}

#contents .topSec05{
	margin-top:30px;
}
#contents .topSec05Contact{
	float:left;
	width:200px;
	height:300px;
	margin-right:30px;
	background:#fcf4ee;
	border:1px solid #eacacc;
	padding:10px;
}

#contents .topSec05ContactTit{
	text-align:center;
}

#contents .topSec05ContactTel{
	text-align:center;
	margin:5px 0 10px 0;
}

#contents .topSec05ContactTime{
	text-align:center;
	font-size:0.8em;
}
#contents .topSec05ContactAdd{
	font-size:0.8em;
	margin-left:5px;
	margin-bottom:10px;
}

#contents .topSec05ContactBtn{
	text-align:center;
}


#contents .topSec05FB{
	float:left;
	width:300px;
	margin-right:30px;
}

#contents .topSec05News{
	float:left;
	width:720px;
}
#contents .topSec05News00{
	float:left;
	width:630px;
}
#contents .topSec05News01{
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	height:260px;
}

#contents .topSec05News01Frame{
	width:610px;
	height:240px;
	border:0;
}

#contents .topSec05 a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


#contents dl.topNewsList01 {
 	width: 630px;
	height: 260px;
	border:1px solid #ccc;
	padding:10px 9px;
	overflow: scroll;
	overflow-x: hidden;
	background-color: #fff;
}
#contents dl.topNewsList01 dt {
	float: left;
	clear: left;
	width: 100px;
	font-size: 14px;
	color: #666;
	padding: 20px 20px 20px 0;
	line-height:1.5em;
}
#contents dl.topNewsList01 dt:first-child {
	padding-top: 10px;
}

#contents dl.topNewsList01 dd {
	width: 610px;
	font-size: 14px;
	padding: 20px 25px 20px 100px;
	border-top: 1px solid #ccc;
	line-height:1.5em;
}
#contents dl.topNewsList01 dt:first-child + dd {
	padding-top: 10px;
	border-top: none;
}

#contents dl.topNewsList01 dd a {
	text-decoration: none;
}
#contents dl.topNewsList01 dd a:hover {
	color: #d1b1be;
}

#contents dl.topNewsList01 dd.noneTopNews {
	width: 100%;
	font-size: 14px;
	padding: 5px 25px 20px 10px;
	line-height:1.5em;
}



#contents .topSec06{ text-align: center; overflow: hidden; margin: 20px 0; padding: 20px; border: 1px solid #ccc; }
#contents .topSec06Tit{ font-size: 1.4em; letter-spacing: 1px; border-bottom: 1px solid #000; margin-bottom: 10px; }
#contents .topSec06Txt{ font-size: 1.1em; line-height: 1.6; }



#contents dl.topNewsList02 {
 	width: 445px;
	height: 260px;
	border:1px solid #ccc;
	padding:10px 9px;
	overflow: scroll;
	overflow-x: hidden;
	background-color: #fff;
}
#contents dl.topNewsList02 dt {
	float: left;
	clear: left;
	width: 100px;
	font-size: 14px;
	color: #666;
	padding: 20px 20px 20px 0;
	line-height:1.5em;
}
#contents dl.topNewsList02 dt:first-child {
	padding-top: 10px;
}

#contents dl.topNewsList02 dd {
	width: 430px;
	font-size: 14px;
	padding: 20px 25px 20px 100px;
	border-top: 1px solid #ccc;
	line-height:1.5em;
}
#contents dl.topNewsList02 dt:first-child + dd {
	padding-top: 10px;
	border-top: none;
}

#contents dl.topNewsList02 dd a {
	text-decoration: none;
}
#contents dl.topNewsList02 dd a:hover {
	color: #d1b1be;
}

#contents dl.topNewsList02 dd.noneTopNews {
	width: 100%;
	font-size: 14px;
	padding: 5px 25px 20px 10px;
	line-height:1.5em;
}







/*** イベント情報 ***/
.event01Sec {
	width: 680px;
	margin: 0 auto 40px auto;
}

.event01SecBnr01 a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}










/************** 仏画教室概要 school **************/

#main .schoolSec{
	overflow:hidden;
}

#main .schoolSec table{
	width:610px;
}

#main .schoolSec table th{
	background:#f6dfdd;
	padding:10px;
	text-align:left;
	font-weight:normal;
}

#main .schoolSec table td{
	padding:10px;
}

#main .schoolSecTxt{
	float:left;
	width:390px;
	margin-right:30px;
}

#main .schoolSecImg{
	float:left;
	width:190px;
}


/************** 体験者の声 voice **************/

#main .voiceSec{
	overflow:hidden;
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:1px solid #ccc;
}


#main .voiceSecImg01{
	float:left;
	width:150px;
	margin:0 30px 30px 0;
}

#main .voiceSecTxt01{
	float:left;
	width:430px;
}

#main .voiceSecImg02{
	float:left;
	width:150px;
	margin:0 0 0 30px;
}


/************** アクセスマップ access **************/

#main .accessSec{
}

#main .accessSec table{
	width:610px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

#main .accessSec table th{
	width:100px;
	padding:10px;
	background:#f5f5f5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#main .accessSec table td{
	padding:10px;
	background:#f5f5f5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}



/************** 料金・教室スケジュール price **************/

#main .priceSec{
	overflow:hidden;
	margin-bottom:60px;
}

#main .priceSecImg{
	float:left;
	width:150px;
	margin-right:10px;
}

#main .priceSecTxt{
	float:left;
	width:450px;
}

#main .priceSecTit{
	background:#fed5c9;
	padding:5px 5px 5px 10px;
	margin-bottom:20px;
}

#main .priceSecTxt01{
	margin-left:30px;
}


#main .priceSec dl{
	width:420px;
	overflow:hidden;
}
#main .priceSec dt{
	width:100px;
	float:left;
	padding:5px 0 5px 5px;
}
#main .priceSec dd{
	width:320px;
	float:left;
	padding:5px 5px 5px 0;
}
#main .priceSec dd:after{
	clear:both;
}


/************** 講師紹介・作品案内 staff **************/

#main .staffSec{
}

#main .staffSec img{
	border:1px solid #ccc !important;
}

#main .staffSec01{
	float:left;
	width:420px;
}

#main .staffSecTit{
	border-left:12px solid #f6b6b1;
	padding-left:10px;
	margin-bottom:20px;
}

#main .staffSecTxt{
}

#main .staffSecTxt ul{
	margin-left:30px;
}

#main .staffSecTxt ul li{
	list-style-type:disc;
}

#main .staffSec02{
	float:left;
	width:180px;
}

#main .staffSec02Img{
	padding-top:40px;
}

#main .staffSec03{
	margin-right:-33px;
	float: left;
}

#main .staffSec03Img{
	float:left;
	width:140px;
	margin-right:33px;
	margin-bottom:30px;
}

#main .staffSec03Img img{
	margin-bottom:10px;
	border:1px solid #ccc !important;
}

.staff_img{margin-bottom: 30px;}
.staff_history_table th,
.staff_history_table td{text-align: left; padding: 5px; border-bottom: 1px solid #ccc;}
.staff_history_table th{font-weight: 400; width: 20%; vertical-align: baseline; white-space: nowrap;}
.staff_history_table td{}


/************** お問い合わせ contact **************/

#main .contactSec{
}

#main .contactSecTit{
	border-left:5px solid #333;
	padding-left:20px;
	font-size:1.1em;
}


/************** サイトマップ sitemap **************/

#main .sitemapSec{
}

#main .sitemapSec ul{
}

#main .sitemapSec ul li{
	background:url(../images/h4.png) no-repeat;
	height:30px;
	padding:3px 0 0 45px;
	margin-bottom:20px;
}


/************** 活動紹介 works **************/
#main .worksSec{
	overflow:hidden;
	margin-bottom:60px;
}

#main .worksSec h3{
	background-image:none !important;
	background-color:none !important;
	padding:7px 0 0 10px;
	margin:20px 0;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:18px;
	border-left:12px solid #f6b6b1;
}
#main .worksSecTxt{
	margin-bottom:40px;
}
#main .worksSecImg{
	overflow:hidden;
}
#main .worksSecImg:after{
	content:"";
	display:block;
	clear:both;
}
#main .worksSecImg01{
	float:left;
	width:200px;
	margin:0 10px 20px 10px;
}

/************** 教室からのお知らせ news **************/
#main .newsSec { margin-top:60px;}
#main .newsSec:first-child { margin-top: 0;}
#main .newsSec:after{ content:""; display:block; clear:both;}
#main .newsSecTxt { font-size: 15px; line-height: 1.6em; letter-spacing: 0.1em;}



/* 作品展 sakuhinten */
#main .sakuhintenSec{ width: 100%; }
#main .sakuhintenSec table{ width: 660px; border-collapse: collapse; border: 1px solid #f6b0ab; }
#main .sakuhintenSec table th{ padding: 10px; border: 1px solid #f6b0ab; background: #f08888; white-space: nowrap; vertical-align: text-top; }
#main .sakuhintenSec table td{ padding: 10px; border: 1px solid #f6b0ab; background: #fff; }
#main .sakuhintenSec table td p{ margin: 10px 0 0 0; }
#main .sakuhintenSec table td p img{ width: 95%; height: auto; }
#main .sakuhintenSec table td dl{ display: flex; flex-wrap: wrap; width: 60%; margin-bottom: 5px; }
#main .sakuhintenSec table td dt{ flex-basis: 60%; padding: 5px; border-bottom: 1px dotted #f6b0ab; }
#main .sakuhintenSec table td dd{ flex-basis: 40%; padding: 5px; border-bottom: 1px dotted #f6b0ab; }




#topAtt{ width: 900px; margin: 10px auto; background: #bd0000; padding: 30px; color: #fff; font-size: 14px; letter-spacing: 1px; line-height: 1.5; }
#topAtt .topAttTit01{ text-align: center; font-size: 20px; margin-bottom: 20px; font-weight: bold; }
#topAtt .topAttTit02{ text-align: center; font-size: 18px; margin-bottom: 10px; }
#topAtt .topAttTit03{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#topAtt p{ margin-bottom: 15px; }