@charset "Shift_JIS";

/*=====================================================================
//  特集：サマーウォーズ　共通設定
//=====================================================================*/
*{
	margin:0;
	padding:0;
}

body{
	font-size:12px;
	line-height:140%;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	text-align:center;
	background:url(../img/bg.jpg) repeat-x #ffffff;
}

#page{
	width:770px;
	text-align:left;
	margin:0 auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

a img{
	border:0;
	text-decoration:none;
}

ul,ol{
	list-style:none;
}

.clr{
	clear:both;
/* macIE対策\*/
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
/* macIE対策*/
}

.test{
	border:1px solid #f00;
}

/*=====================================================================
//  ヘッダー
//=====================================================================*/
#box-header{
	width:700px;
	height:53px;
	background:url(../img/header.gif) no-repeat;
	margin-left:70px;
}

#box-header p.logo{
	width:150px;
	height:28px;
	text-indent:-9999px;
	margin-left:15px;
	padding-top:10px;
}

#box-header p.logo a{
	width:150px;
	height:28px;
	display:block;
}

/*=====================================================================
//  タイトル
//=====================================================================*/
#box-ttl{
	width:700px;
	height:765px;
	background:url(../img/img_ttl.jpg) no-repeat;
	margin-left:70px;
}

h1,h2,h3{
	text-indent:-9999px;
}


/*#box-movie{
	width:498px;
	border:1px solid #444;
	margin-left:105px;
}

/*=====================================================================
//  詳細
//=====================================================================*/
#box-detail{
	width:770px;
	height:495px;
	background:url(../img/img_detail.jpg) no-repeat;
}
#box-detail .story{
	width:770px;
	height:245px;
	text-indent:-9999px;
}
#box-detail .left_box{
	width:240px;
	padding-left:100px;
	float:left;
}
#box-detail .staff{
	text-indent:-9999px;
}
#box-detail .staff ul{
	width:240px;
	height:180px;
}
#box-detail .movie{
	width:384px;
	padding-right:15px;
	float:right;
}

/*=====================================================================
//  キャンペーン
//=====================================================================*/
#box-camp{
	width:770px;
	height:745px;
	background:url(../img/img_camp.jpg) no-repeat;
}
#box-camp .download{
	width:770px;
	height:345px;
	text-indent:-9999px;
}
#box-camp .decome{
	width:640px;
	margin-left:100px;
}
#box-camp .decome h5{
	height:45px;
	text-indent:-9999px;
}
#box-camp .decome img.margin{
	margin-right:25px;
}
/*=====================================================================
//  フッター
//=====================================================================*/
#box-footer{
	width:700px;
	height:20px;
	background:url(../img/footer.gif) no-repeat;
	margin-left:70px;
}

#box-footer p.close a{
	width:45px;
	height:17px;
	text-indent:-9999px;
	display:block;
	float:right;
}