/* ============================================
CSS Document
============================================ */


/* ---------------------------------------------
DefaultSetting
--------------------------------------------- */

body,p,br,ul,ol,il{
margin:0;
padding:0;
}

body{
background-color:#FDEBE8;
background-image:url(images/common/bg.gif);
background-repeat:repeat-y;
background-position:center;
color:#666666;
font-size:80%;
line-height:160%;
}

h1{
height:5px;
font-size:9px;
font-weight:normal;
color:#999999;
line-height:11px;
text-align:right;
margin:0px;
padding:5px 20px 7px 0px;
}

h2{
	background:url(images/bg_h2.jpg) no-repeat;
	color:#787878;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	padding:15px 0px 0px 30px;
	width:650px;
	height:47px;
}
h2.h2_title{ background:none; padding:0;  height:100px; margin-top:0;}

#li1{
margin:0px 0px 10px 15px;
}

.under{
	text-decoration:underline;
}

.fBold{
	font-weight:bold;
}

.fBlue{
	color:#00F;
}


/* ---------------------------------------------
Margin
--------------------------------------------- */

.clear{
clear:both;
}
.clearfix:after{ content: "."; display:block; height:0.1px; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }
.clearfix{ display:inline-block; overflow:hidden; _overflow:visible; display:block; }
* html .clearfix{ height:1%; }

.mr_r40{
margin-right:40px;
}

.mr_l20{
margin-left:20px;
}

.mr_l40{
margin-left:40px;
}

.mr_b5{
margin-bottom:5px;
}

.mr_b10{
margin-bottom:10px;
}

.mr_b15{
margin-bottom:15px;
}

.mr_b20{
margin-bottom:20px;
}

.mr_b30{
margin-bottom:30px;
}

.mr_b50{
margin-bottom:50px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}



/* ---------------------------------------------
Font
--------------------------------------------- */
.textB{ font-weight:bold;}

/* ---------------------------------------------
Links
--------------------------------------------- */

a:link,a:visited,a:active{
color:#666666;
text-decoration:none;
}

a:hover{
color:#DA5567;
text-decoration:underline;
}



/* ---------------------------------------------
Area
--------------------------------------------- */

/* MainColumn */
#container{
width:900px;
margin:0px auto;
}

#header{
width:870px;
height:72px;
padding:0px 15px 5px;
background-image:url(images/common/header_bg.jpg);
background-repeat:no-repeat;
}

#header_l{
width:299px;
float:left;
}

#header_r{
width:375px;
float:right;
}

#branding{
width:870px;
padding:0px 15px 10px;
}

#navigation{
width:870px;
padding:0px 15px 30px;
}

#navigation li{
display:inline;
}

#contents_main{
width:650px;
padding-right:15px;
float:right;
}

#contents_main_l{
width:300px;
float:left;
}

#contents_main_r{
width:300px;
float:right;
}

#contents_side{
width:200px;
padding-left:15px;
float:left;
}

#pagetop{
width:870px;
height:30px;
padding:43px 15px 0px;
background-image:url(images/common/pagetop_bg.jpg);
background-repeat:no-repeat;
text-align:right;
clear:both;
}

#footer{
width:870px;
padding:0px 15px 20px;
background-image:url(images/common/footer_bg.gif);
background-repeat:repeat-x;
}

#footer_navi{
width:870px;
height:11px;
padding:14px 0px 40px;
}

#footer_l{
width:392px;
float:left;
}

#footer_r{
width:195px;
float:right;
}


/* Title */
#tit{
width:615px;
height:22px;
padding:8px 0px 6px 15px;
background-image:url(images/common/tit_m.gif);
background-repeat:no-repeat;
margin-bottom:15px;
font-weight:bold;
font-size:120%;
line-height:100%;
}


/* Link */
#link1{
width:275px;
height:19px;
padding:5px 0px 8px 25px;
background-image:url(images/common/link1.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}

#link2{
width:275px;
height:19px;
padding:5px 0px 8px 25px;
background-image:url(images/common/link2.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}

#link3{
width:250px;
height:19px;
padding:5px 0px 8px 25px;
background-image:url(images/common/link1.gif);
background-repeat:no-repeat;
margin:0px 0px 10px 25px;
}

#link4{
width:605px;
height:19px;
padding:5px 0px 8px 25px;
background-image:url(images/common/link1.gif);
background-repeat:no-repeat;
margin-bottom:20px;
}


/* Div */
#div630{
width:630px;
margin:0px auto;
}

#div630_b30{
width:630px;
margin:0px auto;
margin-bottom:30px;
}


#div630_1_head{
width:630px;
height:15px;
background-image:url(images/common/div630_1_head.gif);
background-repeat:no-repeat;
}

#div630_1_bg{
width:600px;
padding:0px 15px;
background-color:#F6F6F6;
}

#div630_1_foot{
width:630px;
height:15px;
background-image:url(images/common/div630_1_foot.gif);
background-repeat:no-repeat;
}

#div630_2_head{
width:630px;
height:15px;
background-image:url(images/common/div630_2_head.gif);
background-repeat:no-repeat;
}

#div630_2_bg{
width:600px;
padding:0px 15px;
background-image:url(images/common/div630_2_bg.gif);
background-repeat:repeat-y;
}

#div630_2_foot{
width:630px;
height:15px;
background-image:url(images/common/div630_2_foot.gif);
background-repeat:no-repeat;
}


/* Toppage */
#top_topics_bg{
width:630px;
padding:20px 10px 20px;
background-image:url(images/top_topics_bg.gif);
background-repeat:no-repeat;
}


/* FAQ */
#faq_q{
width:600px;
padding-left:30px;
background-image:url(images/faq_q.gif);
background-repeat:no-repeat;
margin-bottom:10px;
font-weight:bold;
}

#faq_a{
width:570px;
padding:0px 0px 0px 30px;
background-image:url(images/faq_a.gif);
background-repeat:no-repeat;
}

/* テーブル */
.tab{
background-color:#CCCCCC;
}
.tab td{
background-color:#FFFFFF;
padding:5px;
}


/* 空間演出用 */
ul.space_production{
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 30px;
}

ul.space_production li{
	padding:12px 0px 10px 70px;
	margin:0px;
	background:url(images/list_img_rose.jpg) no-repeat 0 0;
	display:block;
	font-size:14px;
}

ul.xmas{
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 30px;
}

ul.xmas li{
	padding:12px 0px 10px 70px;
	margin:0px;
	background:url(images/special/li_xmas.jpg) no-repeat 0 0;
	display:block;
	font-size:14px;
}













.f14{font-size:14px}

dt,dd{
	display:inline;
}

dt{
	margin-left:4px;
}

dd{
		background: url(images/common/icon1.gif) left center no-repeat;
		margin-left: 118px;
		padding-left: 10px;
		display: block;
		margin-top: -1.6em;
}.box .box1 {
	background-image: url(images/works/tem_01.jpg);
	background-repeat: no-repeat;
	height: 100px;
}
.box {
	width: 653px;
}

.box .box1 p {
	padding-top: 70px;
	padding-left: 95px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	font-weight: bold;
	color: #F99;
}
.box .box2 {
	background-image: url(images/works/tam_02.jpg);
	background-repeat: repeat-y;
	padding-left: 30px;
	float: left;
	width: 623px;
}
.box .box2 p {
	margin-left: 35px;
}

.box .box3 {
	background-image: url(images/works/tem_03.jpg);
	height: 50px;
	clear: both;
	background-repeat: no-repeat;
}
.box2 .FLL{
	float: left;
	padding: 10px;
}

.box_02 {
	float: left;
	width: 325px;
}
.box02_1 {
	background-image: url(images/works/tam2_01.jpg);
	background-repeat: no-repeat;
	height: 55px;
}
.box02_1 p {
	padding-left: 65px;
	padding-top: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #F99;
}

.box02_2 {
	background-image: url(images/works/tam2_02.jpg);
	background-repeat: repeat-y;
}

.box02_3 {
	background-image: url(images/works/tam2_03.jpg);
	background-repeat: no-repeat;
	height: 13px;
}
.box02_2 .txt_02 {
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.box02_img {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}


.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}


.box2 .FLL3{
	float: left;
	width: 400px;
	padding: 10px;
}


.box2 .FLL2{
	float: left;
	width: 250px;
	padding: 10px;
}
.box2 .FLL2_end{
	float: left;
	width: 300px;
	padding: 10px;
}


/*20150130　追加*/

/* table base */
.contact{
	width:100%;
	border:1px solid #E3E3E3;
	background:#fff;
	margin:0 auto 40px;
	}
.contact th { width:35%; font-weight:normal; background: #F5F5F5 }
.contact td { width:65%; }
.contact th,
.contact td{
	border:1px solid #E3E3E3;
	padding:10px;
	text-align:left;
	 vertical-align:top;
	}

.red{ color:#c00;}


input[type=submit],
a.btnSend{
	display:block;
	width:30%;
    background-color: #E87885;
    border-style: none;
	margin:0 auto;
    padding: 15px 10px;
	font-size:1.2em;
    color: #fff;
	text-align:center;
	text-decoration:none;
	-webkit-appearance: none;
	}
input[type=submit]:hover,
a.btnSend:hover { background:#8E674A; text-decoration:none;}


/* input base */
input, textarea { padding:5px; text-align:left;}
input[type=checkbox],
input[type=radio]{ margin-right:5px; }
input.text1 { width: 60%; font-size:1em;display:block;}
input.text2 { width: 30%; font-size:1em;}
textarea {  width:90%; font-size:1em;display:block;}

input.boxSmall { width: 15%;}
input.boxMiddle { width: 30%;}

label,
input[type=text],
input[type=checkbox],
input[type=radio] { display:inline;}


/* validation error */
input.myError,
textarea.myError{ background:#FFFFE6; }
p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; }


/*20150402　追加*/


h3.lesson{ background:url(./lessonschool/img/bg_h3.png) no-repeat; height: 47px; line-height: 47px; padding-left: 22px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color: #787878;font-size: 16px;}
.lessonBox{ background:url(./lessonschool/img/bg_1.png) no-repeat right top; min-height:222px; line-height: 1.6em; font-size: 14px; color: #787878;}
.lessonBox span{ font-size: 13px;}
.price{background:url(./lessonschool/img/bg_price.png) no-repeat; color: #E34749; font-size: 15px; padding-left: 40px; border-bottom: 1px dotted #F2ADAE; margin-bottom:10px; padding-bottom: 5px;
height: 28px; line-height: 28px; }
.price span{ font-size: 14px; line-height: 28px;}
ul.price2{ margin-bottom: 15px; list-style-type:none; margin-left: 0;}
ul.price2 li{list-style-type:none; margin-left: 0;background:url(./lessonschool/img/bg_price2.png) no-repeat; color: #E34749; font-size: 15px; padding-left: 30px; margin-bottom:5px; padding-bottom: 5px;
height: 20px; line-height: 18px; float:left;}
ul.price2 li span{ font-size: 13px; line-height: 18px;}
.price3{background:url(./lessonschool/img/bg_price2.png) no-repeat; color: #E34749; font-size: 15px; padding-left: 30px; margin-bottom:5px; padding-bottom: 5px;
height: 20px; line-height: 18px;}
.price3 span{ font-size: 13px; line-height: 18px;}
ul.price4{ margin-bottom: 15px;list-style-type:none; margin-left: 0;}
ul.price4 li{list-style-type:none; margin-left: 0;background:url(./lessonschool/img/bg_price2.png) no-repeat; color: #E34749; font-size: 15px; padding-left: 30px; margin-bottom:5px; padding-bottom: 5px;
height: 20px; line-height: 18px; width: 290px; float:left;}
h4.lesson{ background:url(./lessonschool/img/bg_h4.png) no-repeat; height: 34px; line-height:34px; padding-left: 32px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color: #787878;font-size: 15px;}
h4.lesson span{ font-size: 13px; line-height: 34px;}
.lessonBox2{ background:url(./lessonschool/img/bg_2.png) no-repeat left top; min-height:282px; line-height: 1.6em; font-size: 14px; color: #787878;}
.lessonCap{ font-weight: bold;}
.lessonCap span{ font-weight: normal;}
.lessonBox3{ background:#FDEBE9; padding: 10px; margin-top: 20px; width: 260px;	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */   }
.lessonBox3 ul,.lessonBox3 li	{ list-style: none; list-style-type:none;}
.lessonBox3 ul li { margin-left: 20px; list-style-type:circle;}
.box450{ width: 450px;}
.box170{ width: 170px;}
.box195{ width: 195px;}
.box210{ width: 210px;}
.left{ float:left;}
.right{ float:right;}
.textR{ text-align: right;}
.textB { font-weight: bold;}

/*20150423　追加*/
.top10{ margin-top:10px; }
.bottom10{ margin-bottom:10px; }
.bottom20{ margin-bottom:20px; }
.bottom30{ margin-bottom:30px; }
.bottom40{ margin-bottom:40px; }
.t_center{ text-align:center; }
.t_right{ text-align:right; }
p.mother{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 15px;}
h2.h2_titlem{ background:none; padding:0; margin:0 auto 20px auto; height:117px;}
h3.mother{ font-size: 20px; color:#D83E44; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
h3.mother span{ background:#D83E44; color:#FFF; padding:5px; margin-right:5px;}
.m_left{float:left; width:316px; }
.m_right{float:right;width:316px;}
.m_pic{ background:url(mothersday/img/2016/bg_pic01.png) no-repeat; padding:32px;}
.m_pic img{border:none;}
.Hover:hover{-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); cursor:pointer;}

/*20160420母の日　追加*/
h3.mother{ font-size: 20px; color:#D83A3F; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; margin:10px auto;}
.m_left{ float:left; width:315px;}
.m_right{ float:right;width:315px;}
.m_pic{ width:315px; height:330px; background:url(mothersday/img/2016/bg_pic01.png) no-repeat; padding:0 6px;}
.m_pic img{border:none;}
.Hover:hover{-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); cursor:pointer;}

.name{ font-size: 20px; color:#6E433B; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; margin:10px auto;  border-bottom: 1px solid #6E433B; padding-bottom: 10px; }


.box01 {
  position: relative; height: 590px;}

.btn_contact01 {
  position:absolute; left:15px; bottom:10px;}

.btn_contact02 {
  position:absolute; right:15px; bottom:10px;}


input,
input[type="text"],
input[type="password"],
textarea,
select {
    outline: none !important;
}