@charset "utf-8";

/*----------------------------
  CSS 担当者名 Document 2009.03
  Last Update 2009.00.00 担当者名
  

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

@import "common.css";

/*####################　共通部分　####################*/

/*　ヘッダイメージ
-------------------------------------*/
#HeadImg {
	width:948px;
	height:282px;
	margin-bottom:0;
	float:left;
	position:relative;
}
#HeadImg h2,
#HeadImg p {text-indent:-9999px;}

#PageIndex #HeadImg {
	background-image:url(../img/top-main-img4.jpg);
	background-size: 910px auto;
	background-repeat: no-repeat;
	background-position: center;
	left: 5px;
}
#PageStaff #HeadImg {background-image:url(../img/top-main-img3.jpg);}
#PageMemberblog #HeadImg {background-image:url(../img/top-main-img2.jpg);}


#HeadImg p.headImgLink {
	width:166px;
	height:29px;
}
#HeadImg p.headImgLink a {
	display: block;
	width: 91px;
	height: 29px;
	position: absolute;
}

#PageIndex #HeadImg ul.links {
	width: 466px;
	position: absolute;
	left: 50%;
	bottom: 42px;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
}
#PageIndex #HeadImg ul.links li.memberLink a {
	width: 128px;
	height: 30px;
	font-size: 0;
	display: block;
}
#PageIndex #HeadImg ul.links li.lessonLink a {
	width: 328px;
	height: 30px;
	font-size: 0;
	display: block;
}

#PageMemberblog #HeadImg p.headImgLink a{
	top: 210px;
	left: 357px;
}
#PageInquiry #HeadImg p.headImgLink a {
	top:192px;
	left:70px;
}
#PagePrivacy #HeadImg p.headImgLink a {
	top:225px;
	left:735px;
}
#PageSitemap #HeadImg p.headImgLink a {
	top:222px;
	left:72px;
}


/*　ヘッダイメージ
-------------------------------------*/
p.mainP {
	width:548px;
	margin:0 auto 30px;
}


/*　見出し
-------------------------------------*/
.contentsBox h2 {
	clear:both;
	width:548px;
	margin:0 auto 30px;
	border-bottom:1px solid #f1ced4;
	padding:0 0 3px;
	text-align:left;
}
#About.contentsBox h3 {
	clear:both;
	width:548px;
	margin:0 auto 15px;
	border-bottom:1px solid #f1ced4;
	padding:0 0 3px;
	text-align:left;
	color:#e39ca9;
}
.contentsBox h2 span {
	font-size:12px;
}

h3.circle {
	color:#d57c8a;
	background:url(../img/circle_arrow.gif) no-repeat left center;
	margin:0 auto 15px;
	padding-left:20px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}

h4.circle {
	color:#d57c8a;
	background:url(../img/circle_arrow.gif) no-repeat left center;
	margin:0 auto 15px;
	padding-left:20px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}
#PageMemberblog h3.circle {
	width:528px;
}
#PageStaff .contentsBox2 h3 {
	background:url(../img/h3_staff.gif) no-repeat left top;
	width:548px;
	height:26px;
	margin:0 auto 20px;
	text-indent:-9999px;
}





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

/*トップ
-------------------------------------*/
#PageIndex .contentsBox {
	background:none;
	padding:0;
	text-align:left;
}
#PageIndex .topImg01 {
	position:relative;
	width:623px;
	height:225px;
	background:url(../img/top_img02.jpg) no-repeat left top;
	position:relative;
}

#PageIndex .topImg01 h3,
#PageIndex .topImg01 p {
	display:none;
}


#PageIndex .topImg01 ul{
	position: absolute;
	top: 172px;
	left: 29px;
	width: 340px;
}
#PageIndex .topImg01 ul li{
	float:left;
	margin-right:18px;
}
#PageIndex .topImg01 ul li a,
#PageIndex .topImg02 ul li a {
	display:block;
	width:340px;
	height:25px;
	text-indent:-9999px;
}

#PageIndex .topImg02 ul li a {
	position: absolute;
	top: 123px;
	right: 31px;
}

#PageIndex .topImg01 ul li.menu01 a,
#PageIndex .topImg02 ul li.menu01 a {
	background:url(../img/top_img02_btn01.gif) no-repeat left top;
}
#PageIndex .topImg01 ul li a:hover,
#PageIndex .topImg02 ul li a:hover {
	background-position:left bottom;
}

#PageIndex #member h3 a {
	display:block;
	text-indent:-9999px;
	width:622px;
	height:36px;
	background:url(../img/h3top01.gif) no-repeat left top;
	margin:0 0 4px;
}
#PageIndex #member .topMember {
	border:1px solid #f8e6e9;
	width:620px;
	background:#ffffff;
}
#PageIndex #member .topMember:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#PageIndex #member .topMember ul {
	height:145px;
	border-bottom:1px dashed #f8e7ea;
}
#PageIndex #member .topMember ul li {
	float:left;
	border-left:1px dashed #f8e7ea;
	text-indent:-9999px;
}
#PageIndex #member .topMember ul li.first {
	border-left:none;
}
#PageIndex #member .topMember ul li a {
	display:block;
	width:123px;
	_width:122px;
	height:145px;
}
#PageIndex #member .topMember ul li.member01 a {
	background:url(../img/member_top_01.jpg) no-repeat left top;}
#PageIndex #member .topMember ul li.member02 a {
	background:url(../img/member_top_02.jpg) no-repeat left top;}
#PageIndex #member .topMember ul li.member03 a {
	background:url(../img/member_top_03.jpg) no-repeat left top;}
#PageIndex #member .topMember ul li.member04 a {
	background:url(../img/member_top_04.jpg) no-repeat left top;}
/*#PageIndex #member .topMember ul li.member05 a {
	background:url(../img/member_top_05.jpg) no-repeat left top;}*/
#PageIndex #member .topMember ul li a:hover {
	background-position:left bottom;
}
#PageIndex #member .topMember p.memberRead {
	float:left;
	width:480px;
	margin:10px 15px;
	_margin:10px 8px;
}
#PageIndex #member .topMember p.memberLink {
	float:right;
	margin:12px 5px;
	text-indent:-9999px;
}
#PageIndex #member .topMember p.memberLink a {
	display:block;
	width:82px;
	height:26px;
	background:url(../img/member_link.gif) no-repeat left top;
}
#PageIndex #member .topMember p.memberLink a:hover {
	background-position:left bottom;
}

/*プロダクションとは*/

#PageIndex #Main #About.contentsBox {
	padding:40px 0;
	background-color:#fff; }
#PageIndex #Main #About.contentsBox .contentsBox2 .colLeft {
	float:left;
	width:130px;
}
#PageIndex #Main #About.contentsBox .contentsBox2 .colLeft.right {
	text-align:right;
}
#PageIndex #Main #About.contentsBox .contentsBox2 .colRight {
	float:left;
	width:418px;
	padding-top:5px;
}
#PageIndex #Main #About.contentsBox .contentsBox2 .colRight.left {
	padding-top:10px;
}
#PageIndex #Main #About.contentsBox .contentsBoxCompany {
	float:left;
	background:#ebf2ff;
	width:100%;
	padding:0 0 30px;
}


/*　エスティグループ
-------------------------------------*/

#PageIndex #FooterOutWrap {
	width:948px;
	margin:0 auto;
	text-align:left;
	
}
#PageIndex #FooterTop {
	box-sizing:border-box;
	width:910px;
	height:87px;
	margin:0 14px 0 24px;
	padding:0;
	border-top:1px solid #f0c9d0;
}

#PageIndex #Footer .TopicPath.footerPath {
	margin:0;
	width:667px;
}

#PageIndex #FooterOutWrap {
	height:87px;}

#PageIndex #Footer #MediaBox {
	margin-bottom:95px;}
#PageIndex #Footer #MediaBox h3 {
	margin-bottom:40px;
	font-size:30px;
	text-align:center;
	font-weight:normal;
	color:#d57c8a;}
	#PageIndex #Footer #MediaBox h3 span {
		font-size:12px;
	}
#PageIndex #Footer #MediaBox .contSubBox01 {
	margin-left:25px;
}
#PageIndex #Footer #MediaBox .contSubBox01:after{
	content:"";
	display:block;
	clear:both; }
#PageIndex #Footer #MediaBox .contSubBox01 ul { font-size:0;}
		#PageIndex #Footer #MediaBox .contSubBox01 li a {
			color:#777777;}
#PageIndex #Footer #MediaBox .contSubBox01 li {
	display:inline-block;
	margin-right:67px;
	padding-bottom:35px;
	width: 263px;
	vertical-align:top;
	font-size:11px;
	text-align:center;}
	#PageIndex #Footer #MediaBox .contSubBox01 li.list02,
	#PageIndex #Footer #MediaBox .contSubBox01 li.list05,
	#PageIndex #Footer #MediaBox .contSubBox01 li.list15,
    #PageIndex #Footer #MediaBox .contSubBox01 li.list08{
		margin:0;}
#PageIndex #Footer #MediaBox .contSubBox01 li img {
	width:177px;
	height:auto;}

#PageIndex #Footer #MediaBox .contSubBox01 li dl {
	margin-top:13px;}
#PageIndex #Footer #MediaBox .contSubBox01 li dt {
	margin-bottom:8px;
	font-size:16px;
	color:#444;}



/*####################　メンバー　####################*/

/*トップ
-------------------------------------*/
#PageStaff .contentsBox h2 {
	color:#e39ca9;
}

#PageStaff .contentsBox2 dl {
	background:#fcf6f7;
	width:133px;
	height:180px;
	text-align:center;
	padding:10px 0;
	float:left;
	margin:0 0 5px 5px;
}
#PageStaff .contentsBox2 dl.first {
	margin-left:0;
}
#PageStaff .contentsBox2 dl dt {
	margin:0 0 15px;
}
#PageStaff .contentsBox2 dl dd {
	margin:0;
}
#PageStaff .contentsBox2 dl dd a {
	color:#444444;
}


/*個別
-------------------------------------*/
body#PageStaffPopup {
	background-image:none;
}
#PageStaffPopup #HeaderPopup {
	width:709px;
	height:85px;
	margin:0 auto;
	background:#e39ca9;
	position:relative;
}
#PageStaffPopup #HeaderPopup h1 {
	background:url(../img/popup_h1.gif) no-repeat left top;
	width:214px;
	height:45px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:45px;
}
#PageStaffPopup #ContainerPopup {
	width:620px;
	margin:0 auto 20px;
}
#PageStaffPopup #ContainerPopup:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#PageStaffPopup #ContainerPopup .TopicPath {
	width:620px;
	margin:0 auto;
}
#PageStaffPopup #ContainerPopup #Main {
	width:620px;
	margin:0;
}
#PageStaffPopup #ContainerPopup .contentsBox {
	width:550px;
	_width:620px;
	padding:20px 35px;
	margin:0 0 20px;
}
#PageStaffPopup #ContainerPopup .contentsBox h2 {
	border-bottom:1px solid #f1ced4;
}
#PageStaffPopup #ContainerPopup .contentsBox h2 span {
	font-size:12px;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox {
	width:550px;
	margin:20px 0;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffImage {
	float:left;
	width:180px;
	height:180px;
	margin-right:30px;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf {
	float:left;
	width:340px;
	margin:20px 0 0;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl {
	width:340px;
	margin:0 0 25px;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl dt {
	float:left;
	width:67px;
	height:18px;
	text-indent:-9999px;
	padding-right:20px;
	_margin-right:20px;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl dt.data01 {
	background:url(../img/popup_data01.gif) no-repeat left top;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl dt.data02 {
	background:url(../img/popup_data02.gif) no-repeat left top;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl dt.data03 {
	background:url(../img/popup_data03.gif) no-repeat left top;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl dd {
	width:253px;
	float:left;
	text-align:left;
}

#PageStaffPopup #ContainerPopup .contentsBox .staffBox .staffProf dl dd p {
	margin-bottom:12px;
	line-height:1.6;}


#PageStaffPopup #ContainerPopup .contentsBox h3 {
	float:left;
	background:url(../img/popup_message.gif) no-repeat left top;
	width:550px;
	height:24px;
	text-indent:-9999px;
	margin:20px 0 0;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffMessage {
	float:left;
	width:542px;
	min-height:185px;
	border:4px solid #f4ced6;
	margin:10px 0;
}
#PageStaffPopup #ContainerPopup .contentsBox .staffMessage p {
	margin:10px;
}

#PageStaffPopup #ContainerPopup .staffMove {
	width:550px;
	margin:0 auto;
}
#PageStaffPopup #ContainerPopupiner .staffMove ul {
}
#PageStaffPopup #ContainerPopup .staffMove ul li {
	float:left;
}
#PageStaffPopup #ContainerPopup .staffMove ul li a {
	display:block;
	width:100px;
	height:21px;
	text-indent:-9999px;
}
#PageStaffPopup #ContainerPopup .staffMove ul li.back a {background:url(../img/popup_back.gif) no-repeat left top;}
#PageStaffPopup #ContainerPopup .staffMove ul li.close a {
	background:url(../img/popup_close.gif) no-repeat left top;
	margin:0 125px;
}
#PageStaffPopup #ContainerPopup .staffMove ul li.next a {background:url(../img/popup_next.gif) no-repeat left top;}

#PageStaffPopup #FooterPopup {
	clear:both;
	width:709px;
	margin:0 auto;
	text-align:left;
	height:100px;
	background:#e39ca9;
}
#PageStaffPopup #FooterPopup #FooterWrap {
	width:620px;
	margin:0 auto;
}
#PageStaffPopup #FooterPopup #FooterWrap #FooterMenu {
	float:left;
	width:470px;
	margin:20px 0 0;
}
#PageStaffPopup #FooterPopup #FooterWrap #FooterMenu .footerMenuBottom {
	width:470px;
	border-top:1px solid #f1ced4;
}
#PageStaffPopup #FooterPopup #FooterWrap #FooterMenu .footerMenuBottom address {
	margin:5px 0 0;
}
#PageStaffPopup #FooterPopup h3.footerLogo {
	background:url(../img/popup_h1.gif) no-repeat left top;
	width:214px;
	height:45px;
	text-indent:-9999px;
}
#PageStaffPopup #FooterPopup #FooterWrap h2 {
	float:right;
	width:133px;
	height:47px;
	margin:30px 0 0;
}


/*####################　ブログ　####################*/

#PageMemberblog .contentsBox h2 {
	color:#e39ca9;
}

/*トップ
-------------------------------------*/

#PageMemberblog .contentsBox .contentsBoxBlog {
	width:540px;
	border:4px solid #f4ced6;
	margin:0 auto;
	background:#fcf6f7;
	clear:both;
}

#PageMemberblog.pageIndex .contentsBox .contentsBoxBlog {
	margin-bottom:20px;}
	
#PageMemberblog .contentsBox .contentsBoxBlog:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#PageMemberblog .contentsBox .contentsBoxBlog h2,
#PageMemberblog .contentsBox .contentsBoxBlog h3 {
	color:#ffffff;
	background:#e39ca9 url(../img/circle_arrow_nega.gif) no-repeat 5px center;
	width:468px;
	_width:506px;
	height:22px;
	margin:16px 16px 0;
	text-align:left;
	padding:3px 15px 0 25px;
}

#PageMemberblog .contentsBox .contentsBoxBlog h3 a {
	color:#fff;}

#PageMemberblog .contentsBox .contentsBoxBlog .read,
#PageMemberblog .contentsBox .contentsBoxBlog .contentsBox2 {
	background:#ffffff;
	border:1px solid #f1ced4;
	width:506px;
	min-height:100px;
	margin:0 16px;
	text-align:left;
}
#PageMemberblog .contentsBox .contentsBoxBlog .read p,
#PageMemberblog .contentsBox .contentsBoxBlog .contentsBox2 ul {
	margin:15px 10px;
}
#PageMemberblog .contentsBox .contentsBoxBlog .contentsBox2 ul li {
	margin:0 0 10px;
}
#PageMemberblog .contentsBox .contentsBoxBlog p.daytime {
	float:left;
	margin:5px 0 16px 16px;
}
.contentsBox .contentsBoxBlog p.blogUp a {
	float:right;
	display:block;
	text-indent:-9999px;
	background:url(../img/blog_up.gif) no-repeat left top;
	width:87px;
	height:15px;
	margin:5px 16px 16px 0;
}


#PageMemberblog.pageArchive .contentsBox .contentsBoxBlog ul li {
	font-size:12px;
	}

#PageMemberblog.pageArchive .contentsBox .contentsBoxBlog ul li a {
	color:#444;}

#PageMemberblog.pageArchive .contentsBox .contentsBoxBlog ul li a span {
	margin-right:10px;}

.contentsBox ul.blogMove {
	text-align:center;
	margin:25px 0 0;
}
.contentsBox ul.blogMove li {
	display:inline;
	margin:0 70px;
}
.contentsBox ul.blogMove li a {
	color:#d57c8a;
}

.contentsBox ul.blogMove li.pre {
	padding-left:15px;
	background:url(../img/circle_arrow2.gif) left center no-repeat;}
.contentsBox ul.blogMove li.next {
	padding-right:15px;
	background:url(../img/circle_arrow.gif) right center no-repeat;}
/*カレンダー
-------------------------------------*/
#PageMemberblog #Sub #Calendar table {
	font-size:10px;
	color:#000000;
	width:224px;
}
#PageMemberblog #Sub #Calendar table th,
#PageMemberblog #Sub #Calendar table td {
	text-align:center;
}
#PageMemberblog #Sub #Calendar table .sun {
	color:#d50000;
}
#PageMemberblog #Sub #Calendar table .horiday {
	color:#d50000;
}
#PageMemberblog #Sub #Calendar table .sat {
	color:#5982b2;
}
#PageMemberblog #Sub #Calendar table .today {
	color:#5982b2;
	font-weight:bold;
	border:1px dotted #7289a3;
}
#PageMemberblog #Sub #Calendar table th {
	padding:0 0 10px;
}
#PageMemberblog #Sub #Calendar table td {
	padding:5px 0;
}

#Sub #Calendar ul {
	text-align:center;
	color:#000000;
	margin:5px 0 0;
}
#Sub #Calendar ul li {
	display:inline;
	margin:0 5px;
}
#Sub #Calendar ul li a {
	display:inline;
	color:#708090;
}

/*ニューエントリー
-------------------------------------*/
#Sub #NewEntry ul {
}
#Sub #NewEntry ul li {
	margin:0 0 8px;
}
#Sub #NewEntry ul li a {
	text-indent:0px;
	color:#e39ca9;
}

/*アーカイブ
-------------------------------------*/
#Sub #Archives ul {
}
#Sub #Archives ul li {
	margin:0 0 8px;
}
#Sub #Archives ul li a {
	text-indent:0px;
	color:#444;
}


/*テーブル
-------------------------------------*/
.contentsBox table {
	margin:0;
	padding:0;
	width:548px;
	margin:15px auto 0;
	border-top: 1px solid #9bbfe7;
	border-left: 1px solid #9bbfe7;
}
.contentsBox table th {
	padding:10px 12px;
	border-bottom: 1px solid #9bbfe7;
	border-right: 1px solid #9bbfe7;
	font-size:15px;
	background-color: #c7dcff;
	color:#ffffff;
	vertical-align:middle;
}
.contentsBox table th span.ttlSmall {
	font-size:12px;
}
.contentsBox table td {
	font-size:13px;
	padding:10px 12px;
	border-bottom: 1px solid #9bbfe7;
	border-right: 1px solid #9bbfe7;
	color:#80aedf;
}
.contentsBox table td span.dtlSmall {
	font-size:12px;
}


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


/*test
-------------------------------------*/
.test{
	border:1px solid #ff0000;
}





/*カテゴリ
-------------------------------------*/
/*（ここにページ毎のCSSを記載してください）*/



/*end*/