@charset "utf-8";


/*
 * index.css
 */





/* Sections margin */
#newsSection,
#worksSection,
#projRSection { margin: 0 0 50px;}

/* Opening Logo */
#intro-logo{
	display: none;
}
/* for IE6
================================================== */


.msie-6 #logo {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop + 214));
}



/* #featArea (featSection, subFeatSection共通)
================================================== */
@media screen and (min-width: 768px) {
	#featSection {
		height: 460px;
		margin-top:40px;
		position: relative;
		margin-bottom:50px;
	}
	.featArea li,
	.featArea h2{
		position: absolute;
	}
	.featArea_right{
		line-height: 0;
	}
	.featArea_right ul.bannerR0{
		padding: 0px 0 0 30px;
		width: 300px;
	}
	.featArea_right ul.bannerR0 li{
		margin-bottom: 20px;
	}

	.featArea_right ul.bannerR1{
		padding: 60px 0 0 30px;
		width: 300px;
	}
	.featArea_right ul.bannerR1 li:nth-child(even) {
		text-align: right;
		margin-top: -60px;
	}
	.featArea_right ul.bannerR1 li:nth-child(odd) {
		text-align: left;
		margin-top: -60px;
	}

	.featArea_right ul.bannerR2{
		padding: 20px 0 0 30px;
		width: 300px;
	}
	.featArea_right ul.bannerR2 li{
		margin-bottom: 20px;
	}
	.featArea_right ul.bannerR2 li:nth-child(even) {
		text-align: right;
	}
	.featArea_right ul.bannerR2 li:nth-child(odd) {
		text-align: left;
	}

	.featArea { /*debug code*/
		/*background: #333;*/
	}
	.featArea .bannerTypeA { /* 映画宣伝用バナー(100x140 + h:text)*/
		padding:25px 25px 0px 25px;
		min-height:175px;
		background: #FFF;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	}

	.featArea .bannerTypeB { /* 映画宣伝用バナー(120x170 + h:text)*/
		padding:20px 20px 10px 20px;
		min-height:185x;
		background: #FFF;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	}
	/* #subFeatSection
	================================================== */
	.newsContainer{
		position:relative;
	}

	#subFeatSection{
		position: absolute;
		right:0px;
		width:330px;
	}

	#newsSection {
		width:500px;
	}
}

@media screen and (max-width: 767px) {
	#featSection > ul > li {
		margin-bottom: 10px;
	}
}



/* #featSection

※エリアを大きくしたいときは、HTMLの style="" を直接変更してください

================================================== */
/*#featSection{
	margin-top:40px;
	position: relative;
	margin-bottom:50px;
}*/





/* #newsStation
================================================== */

#newsSection .newsList{
	padding-top:0px;
}

#newsSection .newsList ul{
	margin:0px;
	background:url("../img/content-line.gif") repeat-x bottom left;
}

#newsSection .newsList li{
	clear: both;
	padding:22px 0px;
	background:url("../img/content-line.gif") repeat-x top left;
	line-height: 1.6em;
	min-height: 70px;
}

#newsSection .newsList .title a { text-decoration:none; border-bottom:1px solid #FDD; }
#newsSection .newsList .title a:hover{ color:#999; border-bottom:1px solid #FFF; }

#newsSection .thumbnail  { float:left; }
#newsSection .text       { margin-left:93px; }
#newsSection .text a     { font-weight: bold; }
#newsSection .title      { font-size:100%; }
#newsSection .comment    { font-size: 93%; }
#newsSection .date       { font-size: 77%; }
#newsSection .date       { color:#969696; }
#newsSection .btnMore	 { text-align: center; }
#newsSection .btnMore img {margin:0px auto 26px; }



/* #worksSection
================================================== */

#worksList{
	margin:0px 27px;
}

#worksList .category{
	color:#888;
}

#worksList li{
	margin:15px 13px 15px;
	width:170px;
	float:left;
	font-size:93%;
}

#worksList li .img{
	width:160px;
	height:90px;
	padding:5px;
	background:url("../img/bg-img.gif");
}

#worksList li .text{
	margin-top: 5px;
	min-height: 40px;
}


#worksCopyright {
	text-align: center;
	clear:both;
	font-size: 77%;
	color:#939393;
}

#worksCopyright span{
	/*white-space: nowrap;*/
	padding-right:5px;
}


#frameboxWorksLabel .image{

	width:119px;
	height:40px;
	background :url("../img/pagetitle_works_pc.gif") no-repeat;
	margin-left : -20px;
}


/* #projRSection
================================================== */

#projList li{
	float: left;
	width:350px;
	margin:30px 20px 40px 40px;
}
#projList li:nth-child(2n + 2) + li {
	clear: both;
}
#projList a.thumb{
	display: block;
	width:150px;
	height:150px;
	float:left;
}

#projList h4,
#projList p{
	margin:0;
	margin-left: 170px;
	padding:0px 0px 10px 0;
}

#projList p{
	margin-top:5px;
	font-size: 93%;
}

#projRPersonList{
	background:url("../img/content-line.gif") repeat-x top left;
	padding-top:35px;
}

#projRPersonList li{
	width:229px;
	min-height: 50px;
	padding-left:24px;
	float:left;
	background: url("../img/bt-person.gif") no-repeat left top;

	font-size:93%
}