@charset "UTF-8";

/*
===== NOTES =====================================
+01: CSS Reset
+02: Common Setup
+03: Heading decoration
+04: Home Rayout & Decoration
+05: Schoolinfo Rayout & Decoration
+06: Workshop Rayout & Decoration
+07: Form Rayout -- Briefing & ENTRY Decoration
================================================
*/

/* ==================================================================================================
+01: CSS Reset
================================================================================================== */
ul{list-style-type:none;}

/* link ------------------------------ */
a:link, 
a:visited,  
a:active {
	color:#e40077;
	text-decoration: underline;
	}
a:hover{text-decoration:none;}

/* alpha image */
a.btn-img:hover img{
	-moz-opacity:0.9;
	opacity:0.9;
	filter: alpha(opacity=9);
	}

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

/* text ------------------------------ */
.text{
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.5;
	font-size:14px;
	color:#666;
	}
.text p{padding-top:1em;}

.text16{font-size:16px;}
.text12{font-size:12px;}
strong{ line-height:1.2;}

/* position ------------------------------ */
.pt40{padding-top:40px;}

.pos-center{ text-align:center; vertical-align:middle;}

/* images ------------------------------ */
#pop figure{
	float:right;
	margin-top:1em;
	margin-left:2em;
	}
#pop figcaption{font-size:10px;}

/* ==================================================================================================
+02: Common Setup
================================================================================================== */
body#home {
	background:#000 url(../images/bg.gif) center top repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #111;
	font-size:14px;
	}
#home #wrapper{
	width:100%;
	min-width:980px;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	background:url(../images/home.jpg) center top no-repeat;
	}

/* header */
#home header{
	width:980px;
	height:610px;
	position:relative;
	margin:0 auto;
	}
#home header p{
	position:absolute;
	top:44px;
	left:275px;
	}
#home header h1{
	position:absolute;
	top:205px;
	left:261px;
	}
#home header h2{
	position:absolute;
	top:307px;
	left:205px;
	}

/* navigation */
#home nav{
	width:435px;
	margin:0 auto;
	}
#home nav li{
	float:left;
	padding-right:18px;
	background:url(../images/nav_space.png) right top no-repeat;
	}
#home nav li.right-pos{
	padding-right:0;
	background:none;
	}

/* sns button */
.sns-btn{
	position:absolute;
	top:583px;
	right:5px;
}
.sns-btn li{
	float:left;
	margin-right:5px;
}

/* footer */
#home footer{text-align:center;}
#home footer p{padding:15px 0;}
#home footer ul{
	width:420px;
	margin:0 auto;
	}
#home footer li{
	float:left;
	padding:0 5px;
	}

.making{
	position:absolute;
	top:430px;
	right:0;
	z-index:500;
}

.msg{
	position:absolute;
	top:440px;
	left:10px;
	z-index:500;
}

.campaign{
	position:absolute;
	top:510px;
	left:10px;
	z-index:500;
}

/* ==================================================================================================
+03: POP Setup
================================================================================================== */
body#pop{background:url(../images/pop_bg.jpg) center top repeat;}
#pop header{
	width:100%;
	height:150px;
	background:#fff url(../images/pop_header.jpg) center top no-repeat;
	border-bottom:#e40077 5px solid;
	margin-bottom:30px;
	position:relative;
	}
#pop article header{
	width:auto;
	height:auto;
	background:none;
	border:none;
	margin-bottom:0;
	}

.logo{
	position:absolute;
	top:9px;
	left:50%;
	margin-left:-248px;
}
.pagetitle{
	position:absolute;
	top:52px;
	right:50%;
	margin-right:-233px;
}

#pop article{
	width:760px;
	margin:0 auto;
	padding-bottom:40px;
}
#pop article header time{
	width:720px;
	height:21px;
	display:block;
	background:url(../images/news_time.png) center bottom no-repeat;
	padding:7px 20px 0;
	font-size:13px;
	color:#666;
	}
#pop article header h1{
	background:#e40077 url(../images/news_title.png) center bottom no-repeat;
	padding:8px 10px 13px;
	font-size:16px;
	color:#fff;
	line-height:1.25;
	}

#pop article .text.clearfix{
	background:url(../images/news_bg.png) center top repeat-y;
	padding:10px 30px 20px;
}



.contents-head{
	background:url(../images/theater_top.png) center top no-repeat;
	width:760px;
	height:28px;
	margin:0 auto;
}
.contents{
	width:700px;
	margin:0 auto;
	background:url(../images/news_bg.png) center top repeat-y;
	padding:0px 30px 20px;
}



/* Theaters
------------------------------------------------------------ */

#arealist{
	border-bottom:#000 1px solid;
	padding-bottom:2px;
	margin-bottom:20px;
}
#arealist a{color:#000;}
#arealist div{
	font-size:12px;
	float:left;
	color:#666;
}
#arealist div#update{float:right;}

#pop .contents h3{
	font-size:14px;
	margin-bottom:5px;
	color:#333;
	border-left:#e40077 5px solid;
	padding-top:3px;
	padding-left:5px;
	}

.table-list{
	width:100%;
	border-collapse: collapse;
	border-left:#aaa 1px solid;
	border-top:#aaa 1px solid;
	}
.table-list th{
	padding:2px 5px;
	text-align:center;
	line-height:1.25;
	/*letter-spacing:0.5em;*/
	font-size:10px;
	border-right:#aaa 1px solid;
	border-bottom:#aaa 1px solid;
	background-color:#111;
	color:#ccc;
	font-weight:normal;
	}
.table-list td{
	padding:5px;
	line-height:1.1;
	font-size:13px;
	border-right:#aaa 1px solid;
	border-bottom:#aaa 1px solid;
	background-color:#fcfcfc;
	color:#444;
	
	padding:15px 10px;/* 2015.03.11 */
	white-space:nowrap;
	}
.table-list td a:link,
.table-list td a:visited{	color:#444;}
.table-list td a:hover{ text-decoration:none;}

.table-list td.fin{
	background-color:#bbb;
	color:#666;
	font-size:11px;
	padding:10px;
	line-height:1;
	}
.table-list td.fin a:link,
.table-list td.fin a:visited{	color:#666;}
.table-list td.fin a:hover{		color:#333;}

.place{		width:55px;}
.release{	width:190px;}
.tel{		width:100px;width:120px;}

.pagetop{
	font-size:10px;
	text-align:right;
	padding:5px 0 20px;
}
.pagetop a{color:#999;}






/* ==================================================================================================
+02: Contents Setup
================================================================================================== */
#intro{background:#ea499b url(../images/intro_bg.jpg) center top no-repeat;}
#story{background:#ea499b url(../images/story_bg.jpg) center top no-repeat;}
#cast {background:#ea499b url(../images/cast_bg.jpg) center top no-repeat;}

.aboutthemovie header,
.aboutthemovie section{
	width:980px;
	margin:0 auto;
	position:relative;
	}
.aboutthemovie header {height:135px;}
.aboutthemovie section{height:635px;}
.aboutthemovie footer{
	text-align:center;
	padding:15px;
	}
.aboutthemovie header h1 {position:absolute;top:9px; left: 0;}
.aboutthemovie header p  {position:absolute;top:0;   right:0;}
.aboutthemovie header nav{position:absolute;top:28px;right:0;}
.aboutthemovie header nav ul{width:566px;}
.aboutthemovie header nav ul li{
	float:left;
	padding-left:10px;
	}

/* intro */
#intro section h2{
	position:absolute;
	top:0px;
	right:5px;
	}
#intro section p{
	position:absolute;
	top:175px;
	right:17px;
}

.aboutthemovie section figure{
	width:230px;
	height:150px;
	border:#FFF 5px solid;
	}
#intro section figure.photo01{
	position:absolute;
	top:22px;
	left:34px;
}
#intro section figure.photo02{
	position:absolute;
	top:192px;
	left:122px;
}
#intro section figure.photo03{
	position:absolute;
	top:362px;
	left:3px;
}

/* story */
#story section p{
	position:absolute;
	top:223px;
	right:28px;
}
#story section figure.photo01{
	position:absolute;
	top:48px;
	right:276px;
}
#story section figure.photo02{
	position:absolute;
	top:15px;
	right:23px;
}

/* cast */
#cast-list{padding-top:22px;}
#cast.aboutthemovie section figure{
	width: 450px;
	height:420px;
	border:none;
	float:left;
	padding-top:5px;
	}
#cast-list .text-area{float:right; padding-right:30px;}
#cast-list .text-area h2{ margin-bottom:20px;}

#cast section ul{
	width:630px;
	margin:55px auto 0;
}

#cast section .thumbs li{
	float:left;
	margin-right:10px;
}
#cast section .thumbs li.staff{
	margin-left:9px;
	padding-left:19px;
	border-left:#e3428d 2px solid;
}