@charset "UTF-8";

html{overflow-y:scroll}
body{background:#fff;color:#333;font:13px/1 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",san-serif,arial,helvetica,clean;line-height:1.313;text-align:left;-webkit-text-size-adjust:none}a{color:#333;text-decoration:none}
a:hover{text-decoration:underline}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
#container{width:1439px;margin:0;padding:8px;text-align:left}
#container #headBannerArea{width:1439px;display:none;}
#container #headBannerArea #slideArea01{width:1439px;height:290px;margin-bottom:0}
#container #headBannerArea #slideArea02{width:906px;height:295px;position:relative}
#container #headBannerArea #slideArea02 #featured{width:906px;height:295px;overflow:hidden}
#container #headBannerArea #slideArea02 #featured a{width:906px;height:295px;background:#fff}
#container #headBannerArea #slideArea02 #featured a:hover img{opacity:.6;filter:alpha(opacity=60)}
#container #headBannerArea #slideArea02 p#tit_studio{position:absolute;top:-290px;left:10px}
#container #headBannerArea .wrap{width:1439px;margin-bottom:40px}
#container #headBannerArea .wrap .freeArea{float:left}
#container #headBannerArea .wrap .freeArea .fa_img01{line-height:0;width:980px;height:40px}
#container #headBannerArea .wrap .freeArea .fa_img02{line-height:0;width:980px;height:205px;margin-top:9px;padding-right:13px}
#container #headBannerArea .wrap .freeArea.top{width:987px;margin-top:9px}
#container #headBannerArea .wrap .freeArea.sub{width:906px;margin-top:9px}
#container #headBannerArea .wrap .movieArea{border:1px solid #ccc;float:right}
#container #headBannerArea .wrap .movieArea.top{width:449px;height:252px;margin-top:9px;overflow:hidden}
#container #headBannerArea .wrap .movieArea.top .inner{margin-left:-1px;margin-top:-1px}
#container #headBannerArea .wrap .movieArea.sub{width:523px;height:294px;margin-top:9px;overflow:hidden}
#container #headBannerArea .wrap .movieArea.sub .inner{margin-left:-1px;margin-top:-1px}
#container #globalHeader{display:none;width:1439px;height:30px;position:relative;margin-bottom:40px;z-index:99}
#container #globalHeader #siteTitle{width:253px;position:absolute;top:5px;left:20px}
#container #globalHeader #siteTitle a:hover img{opacity:.6;filter:alpha(opacity=60)}
#container #globalHeader #globalNav{width:1038px;position:absolute;top:8px;right:0;z-index:100}
#container #contArea{width:1439px}
#container #contArea a:hover img{opacity:.6;filter:alpha(opacity=60)}
#container #contArea #main{width:1220px;float:left}
#container #contArea #side{display:none;width:219px;float:right}
#container #globalFooter{width:1439px}
#container #globalFooter a:hover img{opacity:.6;filter:alpha(opacity=60)}
#container #globalFooter #globalFooterCont{width:1439px;margin-top:80px;padding:22px 0;border-bottom:1px solid #ededed;border-top:1px solid #ededed;position:relative}
#container #globalFooter #globalFooterCont .logo{width:200px;margin-right:14px;float:left}
#container #globalFooter #globalFooterCont #footerNav{width:696px;float:left}
#container #globalFooter #globalFooterCont #footerNav .btn-toggle img{padding:0 0 2px 2px}
#container #globalFooter #globalFooterCont .bannerArea{width:512px;float:right}
#container #globalFooter #globalFooterCont .bannerArea div{height:26px;line-height:26px;display:block;text-align:center;vertical-align:middle;layout-grid-line:26px;float:left;padding-bottom:30px;}
#container #globalFooter #globalFooterCont .bannerArea div img{vertical-align:middle}
#container #globalFooter #globalFooterCont .bannerArea .logo01{width:203px;margin-right:43px}
#container #globalFooter #globalFooterCont .bannerArea .logo02{width:98px;margin-right:40px}
#container #globalFooter #globalFooterCont .bannerArea .logo03{width:103px;margin-right:0}
#container #globalFooter #globalFooterCont .bannerArea .logo04{width:130px;margin-right:47px}
#container #globalFooter #globalFooterCont .bannerArea .logo05{width:49px;margin-right:48px}
#container #globalFooter #globalFooterCont .bannerArea .logo06{width:96px;margin-right:50px}
#container #globalFooter #globalFooterCont .bannerArea .logo07{width:67px;margin-right:0}
#container #globalFooter #globalFooterCont .bannerArea .logo08{width:104px;margin-right:26px}
#container #globalFooter #globalFooterCont .bannerArea .logo09{width:104px;margin-right:31px}
#container #globalFooter #globalFooterCont .bannerArea .logo10{width:105px;margin-right:23px}
#container #globalFooter #globalFooterCont .bannerArea .logo11{width:94px;margin-right:0}
#container #globalFooter #globalFooterCont #gotop{position:absolute;left:216px;top:190px}
#container #globalFooter #globalFooterCont #gotop img{vertical-align:middle}
#container #globalFooter #globalFooterCont #gotop a{font-family:Helvetica,Arial;font-size:12px;color:#000;padding-left:8px}
#container #globalFooter #globalFooterCont #gotop a:hover{text-decoration:none;opacity:.6;filter:alpha(opacity=60)}
#container #globalFooter #copyright{text-align:center;padding:16px 0 10px;font-family:Helvetica,Arial;font-weight:normal;font-size:12px;color:#000}
.masonry .item{font-size:10px;margin-right:13px;margin-bottom:25px;float:left;display:none}
.masonry .item .cat li{font-size:10px;float:left;margin:10px 6px 4px 0}
.masonry .item .cat li a{text-decoration:underline}
.masonry .item .cat li a:hover{text-decoration:none}
.masonry .item .tit{font-family:Helvetica,Arial;font-size:18px;font-weight:bold;margin:4px 0 8px 0}
.masonry .item .tit a:hover{text-decoration:none;opacity:.6;filter:alpha(opacity=60)}
.masonry .item .txt{margin:6px 0;line-height:1.4}
.masonry .col1{width:292px}
.masonry .col2{width:597px}
.masonry .col3{width:902px}
.masonry .col4{width:1207px}
#globalNav{margin:0;position:relative}
#globalNav li{font-size:12px;font-family:Helvetica,Arial;font-weight:bold;display:block;float:left;padding-top:4px}
#globalNav li span.tit{font-size:12px;font-family:Helvetica,Arial;font-weight:bold;padding-left:11px;display:block;background:white url(../../images/renew2013/global_navi/arrow.png) no-repeat;background-position:right 29%}
#globalNav li a{color:#333}
#globalNav li a:hover{text-decoration:none}
#globalNav li ul.child{width:164px;display:none;margin-top:10px;padding:4px 0 1px;background:rgba(255,255,255,0.9);background:white\9;z-index:1111}
#globalNav li ul.child li{font-size:12px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ","Meiryo","ＭＳ Ｐゴシック",san-serif,arial,helvetica,clean;font-weight:normal;margin:0;float:none;padding:2px 11px}
#globalNav li ul.child li span{background:url("../img/arrow_gn.png") no-repeat left center;padding:2px 11px}
#globalNav li ul.child li a{color:#4b4b4b}
#globalNav li ul.child li a:hover{opacity:.6;filter:alpha(opacity=60)}
#globalNav li ul.child ul{margin-top:8px;padding:8px 0 4px;border-top:1px dotted}
#globalNav li ul.child ul li{background:url("../img/arrow_gn.png") no-repeat left center}
#globalNav #gnav01{position:absolute;left:30px;width:56px;}
#globalNav #gnav02{position:absolute;left:130px;width:139px;/*margin-right:100px;*/}
#globalNav #gnav03{position:absolute;left:305px;width:128px;/*margin-right:18px;}*/}
#globalNav #gnav04{position:absolute;left:470px;width:101px;}
#globalNav #gnav05{position:absolute;left:619px;width:180px;}
#globalNav #gnav06{position:absolute;left:740px;width:180px;}
#globalNav #gnav07{position:absolute;left:755px;width:177px;}
#globalNav #gnav08{position:absolute;left:939px}
#globalNav li:hover>ul{display:block}
#footerNav{margin:0}
#footerNav li{width:174px;display:block;float:left;font-family:Helvetica,Arial;font-weight:bold;font-size:12px;color:#000}
#footerNav li a{color:#000}
#footerNav li a:hover{text-decoration:none;opacity:.6;filter:alpha(opacity=60)}
#footerNav li ul{margin-top:9px}
#footerNav li ul li{font-family:Helvetica,Arial;font-weight:normal;font-size:12px;color:#000;margin-bottom:7px}
#footerNav li ul li ul{display:none}
#footerNav li ul li ul li{font-family:Helvetica,Arial;font-weight:normal;font-size:10px;margin-left:7px}
#footerNav li ul li ul li ul li{margin-left:0;margin-bottom:4px;padding-left:10px;background:url("../img/bar.png") no-repeat 0 0}
#footerNav li ul li:hover{cursor:pointer}
#side .sideTitle{font-family:Helvetica,Arial;font-weight:bold;color:#666;margin-bottom:14px}
#side .underline{font-size:12px;font-weight:bold;margin-bottom:14px}
#side .underline a{background:url("../img/arrow_b.png") no-repeat 0 2px;padding-left:14px;letter-spacing:.1em}
#side ul.link{margin-bottom:30px}
#side ul.link li{margin-bottom:1px}
#side ul.link li a{font-family:Helvetica,Arial;font-size:12px;font-weight:bold;color:#333}
#side ul.link li a:hover{text-decoration:none;opacity:.6;filter:alpha(opacity=60)}
table.studiolist{width:1210px;font-family:Helvetica,Arial;font-size:10px;text-align:center;color:#000}
table.studiolist thead tr td{font-weight:bold}table.studiolist tr td{padding:7px;border-right:4px solid #fff}
table.studiolist thead tr td,table.studiolist tbody tr.even td{background:#e5e5e5}
table.studiolist td.pdf:hover{background:#000}
table.studiolist td.name:hover{background:#000}
table.studiolist td.pdf a,table.studiolist td.name a{display:block}
table.studiolist td.pdf:hover a,table.studiolist td.name:hover a{color:#fff;text-decoration:none}
a img.css-hover{opacity:1.0;filter:alpha(opacity=100)}
a:hover img.css-hover{opacity:.6;filter:alpha(opacity=60)}
.red{color:red}
.pink{color:#ff8dc6}
.bold{font-weight:bold}
.white{color:#fff}
.center{text-align:center}
.flt-l{float:left}
.flt-r{float:right}
.right{text-align:right;margin-right:70px}
.word-break{word-break:break-all;text-align:left}
.underline{text-decoration:underline}
.underline:hover{text-decoration:none}
.block{display:inline-block}
.cf:before,.cf:after{content:"";display:block;overflow:hidden}
.cf:after{clear:both}
.cf{zoom:1}
@media screen and (min-width:600px) and (max-width:1439px){
	.float #container{width:auto}
	.float #container #headBannerArea{width:auto;position:relative}
	.float #container #headBannerArea #slideArea02{position:absolute;top:0;left:0;position:relative}
	.float #container #headBannerArea .wrap{position:absolute;top:290px;left:0}
	.float #container #globalHeader{width:auto;height:30px;position:relative;margin-bottom:40px;z-index:99}
	.float #container #globalHeader #siteTitle{width:253px;position:absolute;top:5px;left:20px}
	.float #container #globalHeader #siteTitle a:hover img{opacity:.6;filter:alpha(opacity=60)}
	.float #container #globalHeader #globalNav{left:400px}
	.float #container #contArea{width:auto;padding-right:219px}
	.float #container #contArea #main{width:auto;float:none}
	.float #container #contArea #side{width:219px;float:none}
	.float #container #globalFooter{width:auto;height:268px}
	.float #container #globalFooter #globalFooterCont{width:auto;height:178px}
	.float #container #globalFooter #globalFooterCont #footerNav{position:absolute;top:22px;left:214px;float:none}
	.float #container #globalFooter #globalFooterCont .bannerArea{position:absolute;top:22px;left:910px;float:none}
	.float #container #globalFooter #globalFooterCont .bannerArea div{position:absolute;float:none;padding-bottom:30px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo01{top:0;left:0;width:203px;margin-right:43px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo02{top:0;left:246px;width:98px;margin-right:40px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo03{top:0;left:384px;width:103px;margin-right:0}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo04{top:56px;left:0;width:130px;margin-right:47px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo05{top:56px;left:177px;width:49px;margin-right:48px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo06{top:56px;left:274px;width:96px;margin-right:50px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo07{top:56px;left:420px;width:67px;margin-right:0}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo08{top:112px;left:0;width:104px;margin-right:26px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo09{top:112px;left:130px;width:104px;margin-right:31px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo10{top:112px;left:265px;width:105px;margin-right:23px}
	.float #container #globalFooter #globalFooterCont .bannerArea .logo11{top:112px;left:393px;width:94px;margin-right:0}
	.masonry .item{margin-right:11px}
	#top #side{position:absolute;top:671px;right:4px}
	#studio #side{position:absolute;top:780px;right:4px}
	#top #container #headBannerArea{height:598px}
	#studio #container #headBannerArea{height:702px}
	}
@media screen and (max-width:1154px){
	.float #container #contArea{width:1134px}
	.float #container #contArea #main{width:915px;float:left;overflow:hidden}
	.float #container #contArea #side{width:219px;position:static;float:left}
	.float #container #contArea #side
	.banner{background:#fff}
	}
ul#sns_btn{list-style:none;margin:0 0 20px 0;width:219px;height:25px;}
ul#sns_btn li{height:24px;float:left;margin-left:10px;}




/* -------------------------
ヘッダーのスタジオ画像一覧
------------------------- */
#slider {
    margin: 0 auto;
    width: 1437px;
    height: 370px;
    border: solid 1px #ccc;
	clear:both;
}
#slider div {
    padding:0px;
}


ul.imgst{
	width:1439px;
	height:340px;
	background-color:#584F4F;
}

ul.imgst li{
	float:left;
	margin:0;
	padding:10px 0px 0 7px;
}

/*div.element{
	float:left;
	margin:10px 0px 0 7px;
	padding:0;
	background-color:#FF2A2D;
}

.tpslimg-L{
	background-color:#22EDFF;
	width:213px;
	height:213px;
}
.tpslimg-S{
	width:103px;
	height:103px;
}*/

#image_box table td{
	margin:0;
	padding:10px 0px 0 4px;
}