@charset "utf-8";
/* global css */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body{background: url(../images/backgrad.gif) #fff repeat-x;padding-bottom:20px;}
body,select,input,textarea{font:13px/17px Arial, Helvetica, sans-serif; color: #000;}	
input,select,img{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size: 13px; font-weight: normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr {border: 0;} 
img,object,embed{vertical-align: top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%; border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}

a,#submit dd a:hover,#see p a:hover,#oh a:hover{color: #006666;text-decoration:none;}
a:hover,#submit dd a,#see p a,#oh a,#mainnav .active a{color: #CC0033;text-decoration:none;}

.mode h2{text-indent: -2000px; overflow: hidden;}

#main:after,.see_mix:after{content:''; display: block; clear:both}

/* header css */
#header{
	width:1055px;
	height: 220px;
	position: relative;
	margin-bottom: 133px;
	background: url(../images/header.gif) right top no-repeat;
}
#logo{
	position: absolute;
	top: 0;
	left: 0;
}

/* middle page */
#main{
	width: 1022px;
	padding: 83px 0 0;
	background: url(../images/main.gif) repeat-y;
}

/* left */
#col_l{
	float: left;
	width: 178px;
	margin-right: 3px;
}

/* main navigation */
#mainnav{
	padding-right: 19px;
	text-align: right;
	font-size: 12px;
	margin-bottom: 80px;
}
#mainnav li{
	margin-bottom: 11px;
}
#mainnav a:hover,#mainnav .active a{
	font-weight: bold;
}

.pdf_list ul{
	background: url(../images/pdf_list.gif);
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}
.pdf_list li{
	padding: 13px 0 0 23px;
}
.pdf_list img,#film p img{
	vertical-align: bottom;
}

.ad_list{
	text-align: center;
}
.ad_list li{
	margin-bottom: 29px;
}

/* center col */
#col_c{
	float: left;
	width: 434px;
	padding-left:19px;
}
#col_c p{
	margin-bottom: 15px;
}
.color_green{
	color: #006666;
}
h1,h2,#submit dt{
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
}
h1{
	margin-bottom: 27px;
}
h2{
	margin-bottom: 14px;
}

/* right col */
#col_r{
	float: right;
	width: 366px;
	margin-top: -216PX;
	position: relative;
}

.mode{
	padding-left: 13px;
	margin-top: 29px;
}
.mode h2{
	height: 74px;
	margin: 0 0 5px -13px;
	background: url(../images/mode_h2.gif) no-repeat;
}

/* SUBMIT!film */
#submit dt{
	color: #1A1818;
	margin-bottom: 3px;
}
#submit dd{
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
}
#submit p{
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
	padding-top: 9px;
}

/* SEE!film */
#see,#oh{
	font-size: 12px;
	line-height: 14px;
}
#see h2{
	height: 70px;
	background-position: 0 -74px;
}
.see_mix{
	width: 100%;
	margin-bottom: 15px;
}
.see_mix p{
	float: left;
	width: 112px;
	font-weight: bold;
	padding-top: 27px;
}
.see_video{
	float:right;
	width: 224px;
}
#see p em{
	font-weight: bold;
}

/* OH!film */
#oh h2{
	background-position: 0 -144px;
	height: 68px;
}
#oh p{
	margin-bottom: 18px;
}