@charset "UTF-8";

/*リセット*/

h1,h2,h3,h4,h5,p,ol,dl
{
	margin:0;
	padding:0;
}


/*

共通クラス

*/
.clear{clear:both;}
.clearfix:after {  
   visibility: hidden;  
   display: block;  
   font-size: 0;  
   content: " ";  
   clear: both;  
   height: 0;  
   }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.tooltip {
  display:none;
  background:transparent url(../images/tooltip.png) no-repeat;
  font-size:12px;
  height:101px;
  width:191px;
  padding:25px;
  color:#000;
}


/*==========================================================

大枠

==========================================================*/

body
{
	background:#FFF url(../images/body_bg.gif) repeat-x;
}

div#container
{
	background:url(../images/main_bg.jpg) #000 center top no-repeat;
	
}

div#main
{
	width:940px;
	margin:0 auto;
	padding-bottom:30px;
}



/*
header
-------------------------*/
header
{
	background:url(../images/header_bg.gif) repeat-x;
	width:100%;
	height:41 px;
}

header div
{
	width:970px;
	height:41px;
	margin:0 auto;
}

header div p
{
	background:url(../images/logo_tce.png) no-repeat;
	width:229px;
	height:17px;
	text-indent:-9999px;
	float:left;
	margin-top:12px;
}

header div p a
{
	display:block;
	width:229px;
	height:17px;
}

header div h1
{
	width:710px;
	float:right;
	line-height:41px;
	font-size:14px;
	color:#FFF;
	text-align:center;
}




/*
footer
-------------------------*/

footer
{
	-moz-box-shadow:0 1px 2px #666 inset;
	text-align:center;
	margin-top:20px;
	padding:30px 0;
	background:#00a1e9;
}

footer p.navi
{
	font-size:14px;
	color:#FFF;
}

footer p.navi a
{
	color:#FFF;
}

footer p.copyright
{
	font-size:0.65em;
	margin-top:20px;
}

/*.facebook*/


div.facebook
{
	width:100%;
	background:url(../images/bg_facebook.gif) repeat-x;
	height:280px;
	padding-top:20px;
} 

div.facebook iframe
{
	width:940px;
	margin:0 auto;
	display:block;
	background:#FFF;
}



/*
.title
*/

h2.title
{
	background:url(../images/main.png) no-repeat;
	width:940px;
	height:392px;
	text-indent:-9999px;
	margin:20px auto 0 auto;
}


/*
.summary
*/

section.summary
{
	width:848px;
	margin:30px auto 0 auto;
}

section.summary div.movie
{
	width:320px;
	float:left;
}

section.summary div.right
{
	width:508px;
	float:right;
}

section.summary div.right h3
{
	background:url(../images/copy_cmp.png) no-repeat;
	text-indent:-9999px;
	width:508px;
	height:136px;
}

section.summary div.right p
{
	color:#d2d2d2;
	font-size:18px;
	line-height:1.5;
	margin-top:15px;
	text-indent:-1em;
	padding:0 1em;
}
	
section.summary p.kikan
{
	clear:both;
	width:780px;
	height:42px;
	margin:20px auto 0 auto;
	text-indent:-9999px;
	background:url(../images/kikan.gif) no-repeat;
}




/*
howto
*/

section.cmp_twitter
{
	background:#FFF;
	width:938px;
	margin:30px auto 0 auto;
	padding-bottom:30px;
}
section.cmp_twitter h2
{
	background:url(../images/twitter_h2.gif) no-repeat;
	width:938px;
	height:139px;
	text-indent:-9999px;
}


section.howto
{
	width:770px;
	margin:0 auto;
}

section.howto h3
{
	background:url(../images/twitter_h3_howto.gif) no-repeat;
	width:116px;
	height:32px;
	text-indent:-9999px;
}

section.howto div
{
	border:1px solid #e4007f;
	margin-top:15px;
}

section.howto ul
{
	padding:10px;
	margin-left:2em;
}

section.howto p.copy
{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	margin-top:15px;
}

section.howto p.tweet
{
	font-size:16px;
	line-height:1.5;
	padding:10px;
}



section.howto h4
{
	-moz-box-shadow:0 1px 2px #666 inset;
	background:#e4007f;
	
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}

section.howto h4 a
{
	display:block;
	padding:15px;
	width:738px;
	height:15px;
	text-decoration:none;
	color:#FFF;
	
}

section.howto h4.step1 a{ background:#e4007f;}
section.howto h4.step1 a:hover{ background:#2aa5d4;}

section.howto h4.step3 a{ background:#e4007f;}
section.howto h4.step3 a:hover{ background:#2aa5d4;}






section.howto p.tweet
{
	padding:15px;
	line-height:1.5;
	font-size:16px;
}





/*
work
作品情報
-------------------------*/

section.work
{
	width:780px;
	margin:30px auto 0 auto;
}


	

section.work section
{
	width:380px;
	margin-top:30px;
}

section.work section h3
{
	width:218px;
	height:331px;
	margin:0 auto;
}

section.work section h4
{
	color:#00b7ee;
	font-weight:bold;
	font-size:18px;
}

section.work section p
{
	color:#d2d2d2;
	font-size:0.875em;
	line-height:1.5;
}

section.work h2
{
	background:url(../images/work_h2.jpg) no-repeat;
	width:129px;
	height:44px;
	text-indent:-9999px;
}

section.work p.main_copy
{
	font-size:24px;
	font-weight:bold;
	color:#e4007f;
	line-height:1.2;
	margin-top:15px;
	text-align:center;
}

section.work p.tokuten
{
	background:url(../images/work_h3.gif) no-repeat;
	width:660px;
	height:36px;
	text-indent:-9999px;
	margin:15px auto 0 auto;
}



section.work p.release
{
	font-size:18px;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}

section.work p.release span
{
	font-size:12px;
}

section.work p.copy
{
	margin-top:20px;
	font-weight:bold;
	font-size:16px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}


section.work section.left
{
	float:left;
}

section.work section.left p.copy{color:#b72023;}
section.work section.right p.copy{color:#3b7071;}

section.work section.right
{
	float:right;
}
	

/*
特典情報
tokuten
*/
section.work section.tokuten ul li
{
	font-size:16px;
	font-weight:bold;
}

section.work section.tokuten p
{
	margin-top:5px;
	margin-left:1em;
	font-size:10px;
	color:#666;
}

/*
あらすじ
summary
*/

section.summary p
{
	line-height:1.5;
	text-indent:1em;
}


/*
キャスト
cast
*/

section.cast
{
	width:300px;
}

section.cast p
{
	line-height:1.5;
	margin-top:15px;
}

section.cast p strong
{
}


/*
DVD仕様
spec
*/

section.spec p.p_01
{
	margin-top:15px;
}


section.spec p.p_02
{
	margin-top:5px;
	font-size:10px;
	color:#666;
}



/*
関連作品
*/

section.related
{
	width:780px;
	margin:30px auto 0 auto;
}

section.related h2
{
	background:url(../images/related_h2.jpg) no-repeat;
	width:261px;
	height:44px;
	text-indent:-9999px;
}

section.related ul
{
	margin-top:20px;
}

section.related ul li
{
	float:left;
}

section.related ul li.tmb_01
{
	width:86px;
	margin-right:16px;
}

section.related ul li.tmb_02
{
	width:82px;
	margin-right:16px;
}

section.related ul li.tmb_03
{
	width:86px;
	margin-right:16px;
}

section.related ul li.tmb_04
{
	width:106px;
	margin-right:16px;
}

section.related ul li.tmb_05
{
	width:103px;
	margin-right:16px;
}

section.related ul li.tmb_06
{
	width:127px;
	margin-right:16px;
}

section.related ul li.tmb_07
{
	width:93px;
}