@charset "UTF-8";
body {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #212121;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style: none;

}

h1,h3,h4,h5 {
		font-weight:normal;
}

h2{	font-size:18px;
	color:#333333;
	font-weight:bold;
}


h2{
	padding:0 0 15px 0;
}

h3{
	font-size:32px;
	color:#FF4738;
	margin:0;
	font-weight:normal;
}

.border1px{
	border-bottom: 1px solid #cccccc;
	margin-top:20px;
}
.clear{
	clear:both;
}

a img {
	border: none;
}



/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a:link {
	color:#4E5869;
	text-decoration: underline;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}

/*
a:hover, a:active, a:focus {
	text-decoration: none;
	opacity:0.8;
}
*/

.wrapper{
	/*background:url(images/bgimg_500.jpg) repeat;*/
	width:100%;

}


.container {
	max-width: 1040px;
	width: 100%;
	margin: 0 auto; 
	overflow:hidden;
}

.content {
	padding: 10px 0;
}


.breadcrumbs {
	font-size:13px;
}

.must{
	font-size:10px;
	color:#ff0000;}

/* ヘッダー
-----------------------------------------------------------------------------*/
#headerContainer {
	position:relative;
	top:0;
	z-index:100;
	width:100%;
	background:rgba(255,255,255,0.8);
	}


#h_lead {
	background-color:#FFA788;
	height:32px;
}

#h_lead .infobar {
	max-width:1040px;
	margin: 0 auto;
	padding:5px 0 5px 0;
}

.caption {
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:5px 0 0 0;
	height:20px;
	}

.infobar a .outlink {
	height:20px;
	float:right;
	background: none repeat scroll 0 0 #f92615;
    	border-radius: 3px;
    	color: #FFF;
    	display:block;
    	font-size: 11px;
	font-weight:bold;
	line-height:20px;
    	text-align:center;
    	text-decoration:none;
	padding:1px 8px;
	}

.infobar img{
	vertical-align:middle;
}

a .outlink{
	text-decoration:none;
	color: #FFF;
				}

a:hover .outlink{
	background:#FF4738;
}
	

.logo{
	width:160px;
	height:30px;
	vertical-align:middle;
	margin:0 0 0 0;
	float:left;
	}

.mainmenu{
	max-width:1040px;
	height:30px;
	padding:10px 0 10px 0;
	margin:0px auto 0px;
	}


.gnavi {
	float:right;
	margin: 6px auto 0;
	height: 20px;
}

.gnavi li {
	position: relative;
	float: left;
	list-style-type:none;

}
.gnavi li a {
	display: block;
	margin: 0 1px 0 2px;
	padding: 0 0 0 0;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	color: #212121;
	border-right:1px solid #212121;
	width: 140px;
	height: 30px;
	line-height:30px;
}

/*.gnavi .menu1 {
		border-left:1px solid #212121;
		}
*/

.gnavi  li a:hover{
		color: #FF4738;
}




.gnavi li ul {
	position: absolute;
	left: 0;
	top: 30px;
	width: 160px;
	z-index: 500;
}

.gnavi li ul li a{
	background-color: #fff;
	/*border: 1px solid #dcdcec;
	border-top: none;*/
}


.gnavi li ul li a:hover{
	background-color: #FF4738;
	color: #ffffff;
}

#dropmenu li ul li{
   display: none;

}
#dropmenu li:hover ul li{
   display: block;

}


/* スライダー
-----------------------------------------------------------------------------*/


.slider{
	/*max-width:1040px;*/
	margin: 0  auto 20px;
	height:500px;
	}
	
	
/* サマリーメニュー
-----------------------------------------------------------------------------*/	
#home h2{
	margin:0;
	padding:0;
}
.sbox1,.sbox2,.sbox3,.sbox4{
	float:left;
	margin:0 20px 20px 0;
	width:245px;
	position:relative;
	height:400px;
}

.sbox4{
	margin:0;
}


.thumb{
	width:245px;
	height:180px;
	overflow:hidden;
	margin:20px 0 10px 0;
}

.thumb img{
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}

/*
.thumb img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
*/
.stitle{
	text-align:center;
	color:#FF4738;
	font-size:16px;
	margin:10px 0 0 0;
	}

.stext{
	color:#212121;
	font-size:13px;
	margin:10px 0 0 0;
	}

.link_btn a,
.link_btn_outlink a {
	background: none repeat scroll 0 0 #FF4738;
   	border-radius: 3px;
    	color: #FFF;
    	display: block;
    	font-size: 12px;
	font-weight:bold;
    	height: 35px;
	line-height:35px;
    	text-align: center;
   	text-decoration: none;
    	width: 100%;
	margin:10px 0 0 0;
	position:absolute;
	bottom:0;
	}


.link_btn a:hover {
		background: none repeat scroll 0 0 #FFA788;
}

.link_btn_outlink a{
	background-color:#30aa0b;
	}	


.link_btn_outlink a:hover{
	background-color:#bbe3ae;
	}


/* スペシャルバナー
-----------------------------------------------------------------------------*/
.spl_banner{
	margin:30px 0 30px 0;
	}
	
/* お知らせ
-----------------------------------------------------------------------------*/	
.news_blk {
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	height:120px;
	padding:25px 0;
	position:relative;
}
.news_blk .col_left {
	float: left;
	width: 10%;
}
.news_blk .col_left .title {
	padding: 0 0 3px 0;
	/*background:url("./images/news_title.gif") no-repeat;*/
	width:104px;
	height:26px;
	font-size:16px;
	font-weight:bold;
}


.news_blk .col_right {
	float: right;
	width: 90%;
}

.news_blk .col_right dt {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	clear: both;
	float: left;
	padding: 0 0 0 10px;
	width: 15%;
	text-align:right;
	color:#FF4738;

}
.news_blk .col_right dd {
	font-size:14px;
	float: left;
	width: 75%;
}

.news_blk .col_right dd a {
	color:#212121;
	text-decoration:underline;
}




.news_blk .go-info_list {
	clear:both;
	text-align:right;
	position:absolute;
	bottom:5px;
	right:0;
}

/* SNS
-----------------------------------------------------------------------------*/	
.sns_blk{
	margin:40px 0 20px 0;
	width:100%;
	height:600px;
}

.fb_feed{
	float:left;
	width:500px;
	height:500px;
	}

.blog_banner{
	float:left;
	width:250px;
	height:500px;
	margin:0 0 0 20px;
}
	
.twitter_banner{
	float:right;
	width:240px;
	height:560px;
	overflow:hidden;
}





/* ページトップへ戻るボタン
-----------------------------------------------------------------------------*/	
#back-top {
	bottom: 60px;
	position: fixed;
	right: 30px;
}


#back-top a {
	background: none repeat scroll 0 0 #FF4738;
	border-radius: 3px;
	color: #FFF;
	display: block;
	font-size: 11px;
	font-weight:bold;
	height: 30px;
	line-height:30px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}
#back-top a:hover {
    background: none repeat scroll 0 0 #FFA788;
}

/* フッター
-----------------------------------------------------------------------------*/	
footer {
	text-align:center;
	color:#333333;
	background:#FFA788;
	margin:40px 0 0 0;
	padding:10px; 0;
	clear:both;
	}

.copyright {
	font-size:10px;
	margin:0;
	}
	
	
/* サブメニュー
-----------------------------------------------------------------------------*/	

.snavi{
	width:1040px;
	height:40px;
	margin:20px auto 0px;
	clear:both;
	border-bottom:1px solid #CCCCCC;
}

.border-bottom{
	border-bottom:1px solid #CCCCCC;
}

.snavi h2{
	width:auto;
	float:left;
	margin:0 100px 0 0;}



.submenu ul{
	margin: 6px auto 0;
	height: 20px;
}

.submenu li {
	position: relative;
	float: left;
	list-style-type:none;
	

}
.submenu li a {
	display: block;
	margin: 0 8px 0 2px;
	padding: 4px 0 4px 0;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	color: #212121;
	width: 100px;
	height: 20px;
	line-height:20px;
	background-color:#E6E6E6;
	border-radius: 3px;

}

.submenu  li a:hover{
	color:#FFF;
	background-color:#FFA788;
}	

.submenu  .current a{
	color:#FFF;
	background-color:#ff4738;
}	



	
	
/* 筆ペン講座
-----------------------------------------------------------------------------*/	
h3.area{
	color:#FFF;
	background:#FF4738;
	font-size:20px;
	padding:4px 0px 4px 8px;
	margin:0;
	font-weight:nomal;
	}
	
h4.branch{
	color:#FF4738;
	font-size:20px;
	margin:10px 0 0 0;
	font-weight:nomal;
	clear:both;
	}

.address{
	margin:0 0 10px 0;
		}
		
.theme{
	color:#FF4738;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin:20px 0 0 0;
	padding:5px;
	border:1px solid #FF4738;
	width:90%;
	}
	
.day{
	margin:20px 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#212121;
	width:90%;
	}



.day th{
	text-align:left;
	color:#FF4738;
	font-size:16px;
}

.monthly  .attention{
	color:#FF4738;
	font-size:10px;
	padding:0 0 3px 5px;
}

.detail-blk{
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;}



.reservation_button a{
	background: none repeat scroll 0 0 #FF4738;
    	border-radius: 3px;
    	color: #FFF;
    	display: block;
    	font-size: 16px;
	font-weight:bold;
    	height: 40px;
	line-height:40px;
    	text-align: center;
    	text-decoration: none;
    	width: 90%;
	margin:10px 0 0 0;
}
.reservation_button a:hover{
	background: none repeat scroll 0 0 #f92615;
}



.left-blk{
	width:50%;
	float:left;
	}

.map-blk{
	width:50%;
	float:right;
	vertical-align:middle;
	margin-bottom:20px;
	}
	
.map-blk .flame{
	padding:2px;
	border:1px solid  #ccc;	
}

.mapslink{
	float:right;
	}

.mapslink a{
	background: none repeat scroll 0 0 #108CE8;
	border-radius: 3px;
	color: #FFF;
	display: block;
	font-size: 12px;
	font-weight:bold;
	height: 40px;
	line-height:40px;
	text-align: center;
	text-decoration: none;
	width: 200px;
	margin:10px 0 0 0;
	}

.areamenu{
	width:1040px;
	height:40px;
	margin:10px auto 10px;
	overflow:hidden;
	clear:both;}


/*
.submenu li {
	position: relative;
	float: left;
	list-style-type:none;
	

}
*/
.areamenu li a {
	display: block;
	margin: 0 8px 0 2px;
	padding: 4px 0 4px 0;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	color: #212121;
	width: 100px;
	height: 20px;
	line-height:20px;
	background-color:#E6E6E6;
	border-radius: 3px;
	float:left;
}



/* プロフィール
-----------------------------------------------------------------------------*/	
	

/* 実績一覧 */

/*
#works .column:nth-child(2n) {
	background:#212121;
}

#works .column {
	background:#212121;
}
*/

/* 
CSS3のbox-sizingを使用できない場合は、
widthからpaddingとborderの値をマイナスして計算する
#works .grid_container .column {

  width: 256px;
  padding: 5px;
  margin: 2px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  /* Javascriptを無効にしていると、
  noscript.cssを読み込んでvisibleになります */
  visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

.works_single .works_img {
	overflow: hidden;
	position: relative;
	margin: 30px 16px 30px 0;
	padding:2px 2px 2px 2px;
	width: 244px;
	height: 244px;
	/*background: transparent url(images/noimage.gif) no-repeat;*/
	float:left;
}

.works_single .last{
	margin: 30px 0 30px 0;
}

.works_single .works_img img{
	position:absolute;
	left: -122px;
	top: -122px;
}

.works_single .works_img img.width_244{
	left: 0;
	width: 244px;
}
.works_single .works_img img.height_244{
	top: 0;
	height: 244px;
}

/* 講座案内*/
#school h3{
	text-align:center;
	margin:50px 0 0 0;
	font-weight:normal;
}

#school p{
	text-align:center;
	margin:0 0 20px 0
}




.gallery img{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.gallery .end img{
	float:left;
	margin-right:0px;
	margin-bottom:20px;
}


.window {
	overflow:auto;
	height:300px;
	padding:5px 5px 5px 0;
	margin-bottom:20px;
}

.chrono {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 25px;
    width: 100%;
}



.chrono th, .chrono td {
    border: 1px solid #fff;
    padding: 4px 5px;
}

.chrono th {
    background-color: #ff4738;
    color: #fff;
}

.chrono tr:nth-child(odd) {
    background:#eeeeee;
}


.contact_button a{
	background: none repeat scroll 0 0 #FF4738;
    	border-radius: 3px;
    	color: #FFF;
    	display: block;
    	font-size: 16px;
	font-weight:bold;
    	height: 50px;
	line-height:50px;
    	text-align: center;
    	text-decoration: none;
    	width: 400px;
	margin:40px auto 0;
}
.contact_button a:hover{
		background: none repeat scroll 0 0 #f92615;
}

.pdf_button a{
	background: none repeat scroll 0 0 #1383d2;
    	border-radius: 3px;
    	color: #FFF;
    	display: block;
    	font-size: 16px;
	font-weight:bold;
    	height: 50px;
	line-height:50px;
    	text-align: center;
    	text-decoration: none;
    	width: 400px;
	margin:40px auto 0;
}
.pdf_button a:hover{
    		color: #FFF;
		background: none repeat scroll 0 0 #0e5c93;
}





/* お知らせ個別ページ*/
.innerblk{
	margin:50px 0 0 0;
	min-height:500px;
}




/* お問合せ・講座申し込みフォーム*/
#reservation table,
#contact table  {
width:100%;
}
#reservation table th,
#reservation table td,
#contact table th,
#contact table td{
border: none;
border-bottom:1px dotted #999999;
padding: 2% 0;
}	
#reservation table th,
#contact table th {
background: none;
text-align:left;
}
#reservation .back,
#reservation .send,
#contact .back, 
#contact .send{
	text-align:center;
	}


#reservation .button,
#reservation button,
#reservation input[type="submit"],
#reservation input[type="reset"],
#reservation input[type="button"],
#contact .button,
#contact button,
#contact input[type="submit"],
#contact input[type="reset"],
#contact input[type="button"]  {
    background:#1e8100 none repeat scroll 0 0;
    border: none;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size:115%;
    font-weight: bold;
    line-height: normal;
    margin: 20px 0;
    padding: 20px 140px;
    text-decoration: none;
}

#contact input[type="reset"],
#reservation input[type="reset"]{
	color:#ff4738;}

/*
@media screen and (max-width: 740px) {
#reservation table tr,
#contact table tr {
display:block;
}
#reservation table th, 
#contact table th{
border-bottom:none;
display:block;
padding:0 0 0.5% 0;
width:100%;
}
#reservation table td,
#contact table td, {
display:block;
margin-bottom: 3%;
padding:0 0 3% 0;
width:100%;
}
*/


.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #bfbfbf;
    margin: 2px;
    padding: 3px 5px;
    position: relative;
    text-decoration: none;
    top: -35px;
}