@charset 'utf-8';

@import "reset.css";

/* body
-------------------------------------------------- */

body {
	padding: 0px;
	margin: 0px;
	font-size: 80%;
	line-height: 1.4;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, Geneva, Osaka, sans-serif;
	text-align: center;
	background: #d4d4d4;
}

/* link
-------------------------------------------------- */

a {
	outline-style: none;
}

/* body
-------------------------------------------------- */

#wrapperArea {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}

#bodyArea {
	width: 960px;
	padding: 0px;
	margin: 24px auto 35px;
	background: #ffffff url(/iab/img/suc/movie/iab-suc-m001-06.gif) left top no-repeat;
	text-align: left;
}

/* header
-------------------------------------------------- */

#header {
	width: 100%;
	min-width: 960px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #0000a4 url(/iab/img/suc/movie/iab-suc-m001-03.gif) left bottom repeat-x;
}

#header .main {
	width: 960px;
	height: 36px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
}

#header .main .logo {
	width: 385px;
	height: 53px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 0px;
}

#header .main .tagline {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 13px;
	right: 0px;
}

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 100%;
	min-width: 960px;
	height: 398px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	position: relative;
	background: #000000 url(/iab/img/suc/movie/iab-suc-m001-05.gif) left bottom repeat-x;
	line-height: 1;
}

#keyVisual h1,
#keyVisual h2 {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align:left;
	text-decoration: none;
	color: #000000;
	line-height: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* mainArea
-------------------------------------------------- */

#mainArea {
	width: 900px;
	padding: 0px;
	margin: 0px 30px;
}

#mainArea .topSpacer {
	padding: 0px;
	margin: 0px 0px 22px;
}

#mainArea .bottomSpacer {
	padding: 0px;
	margin: 38px 0px 0px;
}

#mainArea .hr {
	height: 1px;
	padding: 1px 0px 0px;
	margin: 0px 0px 19px;
	background: url(/iab/img/suc/movie/iab-suc-m001-35.gif) left top repeat-x;
}

/* topSection
-------------------------------------------------- */

#topSection {
	width: 900px;
	height: 160px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#topSection h2 {
	width: 813px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#topSection .txt_010 {
	width: 841px;
	height: 32px;
	position: absolute;
	top: 43px;
	left: 0px;
}

#topSection h3 {
	width: 144px;
	height: 15px;
	position: absolute;
	top: 92px;
	left: 0px;
}

#topSection .txt_020 {
	width: 402px;
	height: 32px;
	position: absolute;
	top: 116px;
	left: 0px;
}

/* movie
-------------------------------------------------- */

#movie {
	width: 900px;
	height: 504px;
	padding: 0px;
	margin: 0px 0px 35px;
	position: relative;
}

/* btnSection
-------------------------------------------------- */

#btnSection {
	width: 900px;
	height: 601px;
	padding: 0px;
	margin: 0px 0px 35px;
	position: relative;
	background: url(/iab/img/suc/movie/iab-suc-m001-11.gif) left top no-repeat;
}

#btnSection h2 {
	width: 492px;
	height: 39px;
	position: absolute;
	top: 26px;
	left: 206px;
}

#btnSection .txt_010 {
	width: 810px;
	height: 61px;
	position: absolute;
	top: 80px;
	left: 45px;
}

#btnSection .txt_020 {
	width: 810px;
	height: 54px;
	position: absolute;
	top: 425px;
	left: 44px;
}

#btnSection .img_010 {
	width: 273px;
	height: 265px;
	position: absolute;
	top: 141px;
	left: 313px;
}

#btnSection .btn_010 {
	width: 490px;
	height: 80px;
	position: absolute;
	top: 499px;
	left: 205px;
}

#btnSection .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#btnSection .btn_010 {
	width: 490px;
	height: 80px;
	background: url(/iab/img/suc/movie/iab-suc-m001-17.gif) left top no-repeat;
}

#btnSection .btn_010 a:hover {
	width: 490px;
	height: 80px;
	background-color: transparent;
}

#btnSection .btn_010 a:hover img {
	visibility: hidden;
}

/* bottomSection
-------------------------------------------------- */

#bottomSection {
	width: 900px;
	height: 525px;
	padding: 0px;
	margin: 0px 0px 35px;
	position: relative;
}

#bottomSection h2 {
	width: 197px;
	height: 23px;
	margin: 0px 0px 24px;
}

#bottomSection .section_010 {
	width: 900px;
	height: 156px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#bottomSection .section_010 h3 {
	width: 349px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 161px;
}

#bottomSection .section_010 .txt_010 {
	width: 587px;
	height: 104px;
	position: absolute;
	top: 35px;
	left: 161px;
}

#bottomSection .section_010 .btn_010 {
	width: 213px;
	height: 31px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#bottomSection .section_010 .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#bottomSection .section_010 .btn_010 {
	width: 213px;
	height: 31px;
	background: url(/iab/img/suc/movie/iab-suc-m001-22.gif) left top no-repeat;
}

#bottomSection .section_010 .btn_010 a:hover {
	width: 213px;
	height: 31px;
	background-color: transparent;
}

#bottomSection .section_010 .btn_010 a:hover img {
	visibility: hidden;
}

#bottomSection .section_010 .btn_010 .img_010 {
	width: 136px;
	height: 97px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#bottomSection .section_020 {
	width: 900px;
	height: 141px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#bottomSection .section_020 h3 {
	width: 279px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 161px;
}

#bottomSection .section_020 .txt_010 {
	width: 675px;
	height: 86px;
	position: absolute;
	top: 35px;
	left: 161px;
}

#bottomSection .section_020 .btn_010 {
	width: 213px;
	height: 31px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#bottomSection .section_020 .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#bottomSection .section_020 .btn_010 {
	width: 213px;
	height: 31px;
	background: url(/iab/img/suc/movie/iab-suc-m001-27.gif) left top no-repeat;
}

#bottomSection .section_020 .btn_010 a:hover {
	width: 213px;
	height: 31px;
	background-color: transparent;
}

#bottomSection .section_020 .btn_010 a:hover img {
	visibility: hidden;
}

#bottomSection .section_020 .img_010 {
	width: 136px;
	height: 97px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#bottomSection .section_030 {
	width: 900px;
	height: 139px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#bottomSection .section_030 h3 {
	width: 499px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 161px;
}

#bottomSection .section_030 .txt_010 {
	width: 700px;
	height: 104px;
	position: absolute;
	top: 35px;
	left: 161px;
}

#bottomSection .section_030 .btn_010 {
	width: 213px;
	height: 31px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#bottomSection .section_030 .btn_010 a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#bottomSection .section_030 .btn_010 {
	width: 213px;
	height: 31px;
	background: url(/iab/img/suc/movie/iab-suc-m001-32.gif) left top no-repeat;
}

#bottomSection .section_030 .btn_010 a:hover {
	width: 213px;
	height: 31px;
	background-color: transparent;
}

#bottomSection .section_030 .btn_010 a:hover img {
	visibility: hidden;
}

#bottomSection .section_030 .img_010 {
	width: 136px;
	height: 97px;
	position: absolute;
	top: 0px;
	left: 0px;
}

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

#footer {
	width: 100%;
	height: 35px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #000000;
}

#footer .main {
	width: 960px;
	height: 35px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
}

#footer .main .copyright {
	width: 332px;
	height: 14px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 11px;
	left: 0px;
}

/* Change Margin
-------------------------------------------------- */

body .changeMargin0 {
	margin: 0px !important;
}

body .changeMarginTop0 {
	margin-top: 0px !important;
}

body .changeMarginBottom0 {
	margin-bottom: 0px !important;
}

/* Change Padding
-------------------------------------------------- */

body .changePadding0 {
	padding: 0px !important;
}

body .changePaddingTop0 {
	padding-top: 0px !important;
}

body .changePaddingBottom0 {
	padding-bottom: 0px !important;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

/* clear
-------------------------------------------------- */

.clear {
	clear: both;
}