@charset "UTF-8";

/*------------------------------ reset ------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1.0em;
	font-style: normal;
	vertical-align: top;
	background: transparent;
	text-decoration:none;
}

article, aside, details, figcaption, dialog, figure, footer, header, hgroup, menu, nav, section{ display:block; }  /*for IE*/

h1, h2, h3, h4, h5, h6,{font-weight:400;}

img{vertical-align:top;}
input{vertical-align:middle;}

ol, ul {list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
caption,th {text-align:left;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}
table {border-collapse: collapse; border-spacing: 0;}
* html table {border-collapse: collapse; border-spacing: 0;}
*:first-child+html table {border-collapse: collapse; border-spacing: 0;}

body {
	position: relative;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 12px;
	line-height:1.8em;
}




/*------------------------------ 共通 ------------------------------*/
html {background:#328439;}
body {background: #fff;}
body.about {background:url(../images/bg_about.png) repeat-x center top #328439;}
#footer{background:url(../images/bg_footer.png) repeat-x; background-position:0 93px;}
#footer p{width:1200px; margin:0 auto;}
a{color:inherit;}
a:hover{-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )";}
a.noblink:hover{-moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); -ms-filter:"alpha( opacity=100 )";}

/*------------------------------ top ------------------------------*/

.Top{width:1200px; height:763px; margin:0 auto; position:relative;}
.Top h1{left:940px; top:765px; position:absolute;}
#contents .topic{position:absolute;}
#contents .studio_a{left:103px; top:59px;z-index:1;}
#contents .studio_b{left:58px; top:424px;}
#contents .studio_c{right:60px; top:406px;}
#contents .access{left:803px; top:137px;}
#contents .address_01{left: 858px; top: 136px; position: relative;}
#contents .text01{left:25px; top:15px; color:#000; position:absolute; font-family: 'Crimson Text', serif; font-size:12.5px; font-weight:600; letter-spacing: 0.15em; line-height:2em;}
#contents .line{background-color:#FFF462;}
#contents .blog{left:1054px; top:242px;}
#contents .about{left:379px; top:749px;}
#contents .open{right:278px; bottom:-95px;}
#news{background:url(../images/news_title.png) no-repeat; padding:60px 0 0 0; overflow:hidden;}
#news dt{ width:100px; float:left; margin:0 0 1.5em 10px;}
#news dd{ margin:0 0 1.8em 90px;}
#news dd a{ text-decoration:underline;}
.fancybox-skin{background:#ffffff;}





/*------------------------------ access ------------------------------*/

.Access{width:1200px; height:905px; background-image:url(../images/access/bg.png); position:relative; margin:0 auto;}
.Access h1{left:940px; top:56px; position:absolute;}
#contents .info{width:82px; height:40px; left:653px; top:198px; position:absolute; background:url(../images/access/info_bg.png) no-repeat; padding:2px 0 0 11px; margin:5px 0 0 0;}
#contents .info a{ color:#FFF; text-decoration:none;}
#contents .lead{position:absolute; font-size:10px; line-height:1.8em; letter-spacing: 0.1em; color:#fff; width:300px;}
#contents .lead_1{left:543px; top:162px;}
#contents .lead_2{left:290px; top:172px;}
#contents .lead_3{left:217px; top:172px;}
#contents .lead_4{left:460px; top:285px; font-size:11px;}
#contents .lead_5{left:397px; top:330px;}
#contents .lead_6{width:300px; height:103px; left:133px; top:769px; position:absolute; background:url(../images/access/item01.png) no-repeat; padding:17px 0 0 30px;}
#contents .lead_7{left:136px; top:602px; text-align: center;}
#contents .lead_8{left:-49px; top:654px; text-align: center;}
#contents .text{width:245px; height:119px; left:900px; top:745px; position:absolute; color:#000; background:url(../images/access/item02.png) no-repeat; padding:22px 0 0 40px; margin-top:14px; font-family:Crimson Text; font-size:12.5px; font-weight:600; letter-spacing: 0.15em; line-height:2em;}
#contents .line{background-color:#FFF462;}
#contents .address{left:674px; top:670px; font-size:12px; padding-bottom:2px; width:auto;}
#contents .address >a{display:block; height:100%; border-bottom:1px solid #ffffff;}
#contents .address_tel{left:674px; top:704px; font-size:12px; padding-bottom:2px; width:auto;}
#contents .address_text{font-size:10px;}
#contents .map{left:674px; top:315px; position:absolute;}

.AccessC{width:1200px; height:905px; background-image:url(../images/access/bg_c.png); position:relative; margin:0 auto;}
.AccessC h1{left:940px; top:56px; position:absolute;}
#contents.AccessC .lead_9{left:464px; top:210px;}
#contents.AccessC .lead_10{left:105px; top:355px;}
#contents.AccessC .lead_11{left:306px; top:407px;}
#contents.AccessC .lead_12{left:359px; top:450px;}
#contents.AccessC .lead_13{left:459px; top:455px;}
#contents.AccessC .lead_14{left:254px; top:506px;}
#contents.AccessC .lead_15{left:210px; top:557px;}
#contents.AccessC .map{left:674px; top:291px; position:absolute;}
#contents.AccessC .address{left:674px; top:650px; font-size:12px; padding-bottom:2px; width:auto;}
#contents.AccessC .text{width:245px; height:119px; left:900px; top:691px; position:absolute; color:#000; background:url(../images/access/item02.png) no-repeat; padding:22px 0 0 40px; margin-top:14px; font-family:Crimson Text; font-size:12.5px; font-weight:600; letter-spacing: 0.15em; line-height:2em;}

/*------------------------------ about ------------------------------*/

body.about_bg{ background:url(../images/about/bg.png) no-repeat center top #ffffff; min-width:1000px;}
.About{width:1000px; height:710px; position:relative; color:#fff; margin:0 auto; position:relative;}
#contents .back{position:absolute; left:650px; top:404px;}
#contents .company{width:440px; left:155px; top:455px; position:absolute;}
#contents .company dt{width:70px; float:left; font-size:10px; letter-spacing: 0.15em; margin: 0 0 0.4em;}
#contents .company dd{font-size:10px; letter-spacing: 0.15em; margin: 0 0 0.4em;}



/*------------------------------ gallery ------------------------------*/

.Gallery{width:1200px; height:763px; margin:0 auto; position:relative;}
.Gallery h1{left:940px; top:765px; position:absolute;}
#contents .title_studio_a{left:97px; top:108px; position:absolute;}
#contents .title_studio_b{right:97px; top:108px; position:absolute;}
#contents .title_studio_c{left:97px; top:66px; position:absolute;}
#contents .btn{right:107px; top:578px; position:absolute;}
#contents .slider{}
#loopslider{position:absolute; left:0; top:210px; width:100%; height:338px; text-align:left; overflow:hidden; z-index:99;}
#loopslider ul{height: 338px; float: left; display: inline; overflow: hidden;}
#loopslider ul li{height: 338px; float:left; display:inline; overflow:hidden;}
#loopslider li{margin-right:5px;}
/* =======================================
	    ClearFixElements
   ======================================= */
#loopslider ul:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#loopslider ul {display: inline-block; overflow: hidden;}

.slideCtrl{position:absolute; top:0; width:25%; height:100%; text-indent:-9999px; overflow:hidden;}
.slideCtrl.left{left:0;}
.slideCtrl.right{right:0;}

/*------------------------------ studio_a ------------------------------*/

.Studio_a{width:1200px; height:763px; margin:0 auto; position:relative; background:url(../images/studio_a/map.png) no-repeat; background-position:401px 87px;}
.Studio_a h1{left:940px; top:765px; position:absolute;}
#contents .topic{position:absolute;}
#contents .title_a{left:70px; top:94px;}
#contents .btn_b{right:30px; top:34px;}
#contents .price{left:77px; top:194px;}
#contents .plan{left:127px; top:240px;}
#contents .information{left:77px; top:302px;}
#contents .text02{left:104px; top:320px; color:#000; font-family:Crimson Text; font-size:12.5px; font-weight:600; letter-spacing: 0.15em; line-height:2em;}
#contents .line{background-color:#FFF462;}
#contents .about{left:379px; top:749px;}
#contents .gallery_a{right:150px; top:455px;}


/*------------------------------ studio_b ------------------------------*/

.Studio_b{width:1200px; height:763px; margin:0 auto; position:relative; background:url(../images/studio_b/map.png) no-repeat; background-position:0px 87px;}
.Studio_b h1{left:940px; top:765px; position:absolute;}
#contents .topic{position:absolute;}
#contents .title_b{right:97px; top:108px;}
#contents .btn_a{left:21px; top:42px;}
#contents .price_b{right:190px; top:194px;}
#contents .plan_b{right:89px; top:240px;}
#contents .information_b{right:86px; top:302px;}
#contents .text03{right:100px; top:320px; color:#000; font-family:Crimson Text; font-size:12.5px; font-weight:600; letter-spacing: 0.15em; line-height:2em;}
#contents .line{background-color:#FFF462;}
#contents .about{left:379px; top:749px;}
#contents .gallery_b{right:134px; top:455px;}
#contents .access_b {right:121px; top:563px;}

#contents .icon_01{left:628px; top:117px;}
#contents .icon_02{left:622px; top:204px;}
#contents .icon_03{left:694px; top:217px;}
#contents .icon_04{left:570px; top:254px;}
#contents .icon_05{left:602px; top:301px;}
#contents .icon_06{left:604px; top:345px;}
#contents .icon_07{left:692px; top:382px;}
#contents .icon_08{left:521px; top:358px;}
#contents .icon_09{left:508px; top:289px;}
#contents .icon_10{left:607px; top:598px;}
#contents .icon_11{left:521px; top:493px;}
#contents .icon_12{left:101px; top:564px;}
#contents .icon_13{left:100px; top:307px;}

/*------------------------------ studio_c ------------------------------*/

.Studio_a{width:1200px; height:763px; margin:0 auto; position:relative; background:url(/web/20220512015550im_/http://tree-studio.jp/images/studio_a/map.png) no-repeat; background-position:401px 87px;}
.Studio_a h1{left:940px; top:765px; position:absolute;}
#contents .topic{position:absolute;}
#contents .title_a{left:70px; top:94px;}
#contents .btn_b{right:30px; top:34px;}
#contents .price{left:77px; top:194px;}
#contents .plan{left:127px; top:240px;}
#contents .information{left:77px; top:302px;}
#contents .text02{left:104px; top:320px; color:#000; font-family:Crimson Text; font-size:12.5px; font-weight:600; letter-spacing: 0.15em; line-height:2em;}
#contents .line{background-color:#FFF462;}
#contents .about{left:379px; top:749px;}
#contents .gallery_a{right:150px; top:455px;}
#contents .access_a {left:95px; top:563px;}

.studio #contents .studio_map_c {position:absolute; left:40%; top:87px;}


/*------------------------------ studio ------------------------------*/
body.studio{min-width:1200px;}
.studio #contents{width:100%; overflow:hidden; height:904px; position:relative; margin-bottom:-141px;}
.studio #contents h1{position:absolute; bottom:48px; left:50%; margin:0 0 0 340px; z-index:999;}

.studio #contents .btn_b{left:1100px; top:36px;}
.studio #contents .btn_a{left:-800px; top:36px;}

.studio_info{width:2000px; overflow:hidden; margin:0 auto;}
.studio_info.a{position:absolute; top:0; left:50%; margin:0 0 0 -630px;}
.studio_info.b{position:absolute; top:0; left:50%; margin:0 0 0 -1380px;}

.studio_a_info{position:relative; float:left; width:400px; height:707px;}
.studio_b_info{position:relative; float:right; width:400px; height:707px;}


.studio #contents .studio_map{text-align:center; width:1200px; margin:87px auto 0; position:relative;
}
.studio #contents .studio_map h2{
	position: absolute;
	top: 0;
	left: 0;
}
.studio #contents .studio_map .a_icon_01{left:720px; top:300px;}
.studio #contents .studio_map .a_icon_02{left:313px; top:318px;}
.studio #contents .studio_map .a_icon_03{left:305px; top:390px;}
.studio #contents .studio_map .a_icon_04{left:240px; top:494px;}
.studio #contents .studio_map .a_icon_05{left:480px; top:552px;}
.studio #contents .studio_map .a_icon_06{left:404px; top:545px;}
.studio #contents .studio_map .a_icon_07{left:410px; top:499px;}
.studio #contents .studio_map .a_icon_08{left:364px; top:462px;}
.studio #contents .studio_map .a_icon_09{left:145px; top:448px;}
.studio #contents .studio_map .a_icon_10{left:183px; top:445px;}
.studio #contents .studio_map .a_icon_11{left:113px; top:502px;}
.studio #contents .studio_map .a_icon_12{left:94px; top:417px;}
.studio #contents .studio_map .a_icon_13{left:224px; top:445px;}
.studio #contents .studio_map .a_icon_14{left:205px; top:267px;}
.studio #contents .studio_map .a_icon_15{left:241px; top:318px;}
.studio #contents .studio_map .a_icon_16{left:318px; top:247px;}
.studio #contents .studio_map .a_icon_17{left:287px; top:260px;}
.studio #contents .studio_map .a_icon_18{left:260px; top:247px;}


.studio #contents .studio_map .b_icon_01{left:1040px; top:40px;}
.studio #contents .studio_map .b_icon_02{left:1043px; top:127px;}
.studio #contents .studio_map .b_icon_03{left:1106px; top:140px;}
.studio #contents .studio_map .b_icon_04{left:982px; top:177px;}
.studio #contents .studio_map .b_icon_05{left:1013px; top:224px;}
.studio #contents .studio_map .b_icon_06{left:1016px; top:268px;}
.studio #contents .studio_map .b_icon_07{left:1104px; top:305px;}
.studio #contents .studio_map .b_icon_08{left:933px; top:281px;}
.studio #contents .studio_map .b_icon_09{left:920px; top:212px;}
.studio #contents .studio_map .b_icon_10{left:1019px; top:521px;}
.studio #contents .studio_map .b_icon_11{left:933px; top:416px;}
.studio #contents .studio_map .b_icon_12{left:513px; top:487px;}
.studio #contents .studio_map .b_icon_13{left:512px; top:230px;}

.studio #contents .studio_map_c .c_icon_01{left:154px; top:18px;}
.studio #contents .studio_map_c .c_icon_02{left:141px; top:55px;}
.studio #contents .studio_map_c .c_icon_03{left:129px; top:81px;}
.studio #contents .studio_map_c .c_icon_04{left:234px; top:79px;}
.studio #contents .studio_map_c .c_icon_05{left:246px; top:116px;}
.studio #contents .studio_map_c .c_icon_06{left:253px; top:182px;}
.studio #contents .studio_map_c .c_icon_07{left:285px; top:276px;}
.studio #contents .studio_map_c .c_icon_08{left:332px; top:271px;}
.studio #contents .studio_map_c .c_icon_09{left:438px; top:267px;}
.studio #contents .studio_map_c .c_icon_10{left:507px; top:259px;}
.studio #contents .studio_map_c .c_icon_11{left:341px; top:304px;}
.studio #contents .studio_map_c .c_icon_12{left:259px; top:348px;}
.studio #contents .studio_map_c .c_icon_13{left:280px; top:348px;}
.studio #contents .studio_map_c .c_icon_14{left:224px; top:373px;}
.studio #contents .studio_map_c .c_icon_15{left:478px; top:363px;}
.studio #contents .studio_map_c .c_icon_16{left:342px; top:391px;}
.studio #contents .studio_map_c .c_icon_17{left:451px; top:399px;}
.studio #contents .studio_map_c .c_icon_18{left:374px; top:416px;}
.studio #contents .studio_map_c .c_icon_19{left:528px; top:420px;}
.studio #contents .studio_map_c .c_icon_20{left:304px; top:491px;}
.studio #contents .studio_map_c .c_icon_21{left:233px; top:520px;}
.studio #contents .studio_map_c .c_icon_22{left:478px; top:543px;}
.studio #contents .studio_map_c .c_icon_23{left:548px; top:542px;}


.fancybox-overlay .fancybox-type-iframe{padding-bottom:20px;}

#leftOverlay{position:absolute; top:0; right:50%; margin-right:600px; width:1000px; height:750px; background:url(../images/studio_a/bg.png); z-index:99;}
#rightOverlay{position:absolute; top:0; left:50%; margin-left:600px; width:1000px; height:750px; background:url(../images/studio_b/bg.png); z-index:99;}