@charset "shift_jis";
/* CSS Document */

/*-----------------------------------------------------
	Reset
-----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	/*vertical-align: baseline;*/
	/*background: transparent;*/
}
body { line-height: 100%; font-family: "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic","�q���M�m�p�S Pro W3", "�q���M�m�p�S3", "Hiragino Kaku Gothic Pro", sans-serif;}
p,li,dt,dd { line-height:160%; color:#000;}

ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus { outline: 0;}
 
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { color:#000;}

.cl { clear:both;}

a:hover img.over {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
	
/*-----------------------------------------------------
	GLOBAL STYLE
-----------------------------------------------------*/

html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */

#ct_bg { padding:0; background:url(../images/bg01.gif) repeat #FFF; margin:10px 0 0 0;}
.left { float:left;}
.right { float:right;}
#ct_bg a:link,#ct_bg a:visited { color:#000;}
#ct_bg a:hover { color:#39F;}

#bg_shadow{width:100%; background:url(../images/bg02.png) repeat-y 980px 0;}
#mainContainer{ width:980px;}

#hk_content { width:979px; background:url(../../common/images/ttl_bg01.jpg) no-repeat #FFF; border-right:1px solid #E4E4E4; padding-bottom:30px;}
#hk_content h3 { margin:30px 0 0 27px; display:inline-block;}
#hk_content h4 { margin:20px 0 0 30px; line-height:160%;}

.box_movie{ width:340px; height:208px; background:url(../../movie/images/movie_thumb_bg.png) no-repeat;}
.box_movie img{ margin:20px 0 0 20px;}


/*-----------------------------------------------------
	HEADER STYLE
-----------------------------------------------------*/

#hk_header{ width:100%; height:130px; background:url(../images/head_bg01.jpg) no-repeat; position:relative; overflow:visible;}
#hk_header #hk_logo_bg { width:401px; height:140px; position:absolute; top:-10px;} 
#hk_header #hk_logo { width:208px; height:120px; position:absolute; top:0px; left:29px; _background:url(../images/logo_min.png) no-repeat;} 
#hk_header #hk_logo img{ width:208px; height:120px; _display:none;} 
#hk_header #newsArea { width:311px; height:108px; float:right; border:1px solid #F9EB9B; margin:10px 11px 0 0; background:url(../images/news_bg.jpg) 1px 1px no-repeat #EDBB1C;} 
#hk_header #newsArea div ul{ width:100%; margin:0; padding:0; list-style:none;} 
#hk_header #newsArea div ul li{ width:100%; margin:0; padding:10px 0; font-size: 10px; font-size: 1.0rem; line-height:120%; background:url(../images/news_line.gif) no-repeat left bottom; float:left;} 
#hk_header #newsArea div ul li span{ width:50px; display:block; padding:0 10px 0 35px; height:12px; float:left;} 
#hk_header #newsArea div ul li span.new{ background:url(../images/news_icon.gif) no-repeat;} 
#hk_header #newsArea div ul li a,#hk_header #newsArea div ul li p{ width:184px; display:block; float:left; line-height:120%;} 
#hk_header ul#banarArea { width:238px; height:118px; float:right; margin:0; padding:0; list-style:none;} 
#hk_header ul#banarArea li { width:228px; height:48px; float:right; margin:10px 10px 0 0; padding:0; border:1px solid #F9EB9B; background-color:#C90; _display:inline; } 
#hk_header ul#banarArea li a{ display:block; margin:0; padding:0;} 

/* Styles specific to this particular page */
.scroll-pane{
	width:299px;
	height:106px;
	overflow: auto;
	margin:1px;
	padding-left:10px;
}
.horizontal-only{
	height: auto;
	max-height: 200px;
}
.jspDrag{ background:#EDBB1C;}
.jspVerticalBar{ background:url(../images/news_bar_bg.gif) repeat;}

/*-----------------------------------------------------
	NAVIGATION STYLE
-----------------------------------------------------*/

#hk_navi{ width:980px; height:48px; overflow:hidden;}
#hk_navi ul{ margin:0; padding:0; list-style:none;}
#hk_navi ul li{ width:140px; margin:0; padding:0; float:left;}

/*-----------------------------------------------------
	PAN STYLE
-----------------------------------------------------*/

.page_home #hk_pan{ display:none;}

#hk_pan{ width:978px; height:29px; overflow:hidden; border:1px solid #E4E4E4; background:url(../images/pan_bg.jpg) no-repeat #CCC;}
#hk_pan p{ margin:0; padding:0; height:20px; line-height:100%; float:left;}
#hk_pan p{ font-size: 10px; font-size: 1.0rem; } /* =10px */
#hk_pan span{ display:block; padding:9px 20px 0 20px; height:20px;}
#hk_pan a{ text-decoration:none; display:block; padding:9px 36px 0 20px; height:20px; background:url(../images/pan_arrow.png) no-repeat top right; _display:inline-block;}



/*-----------------------------------------------------
	FOOTER STYLE
-----------------------------------------------------*/

#hk_footer{ width:980px; height:50px; background:url(../images/foot_bg.jpg) no-repeat;}
#hk_footer #btn_pagetop{ width:78px; height:22px; float:right; margin:14px 15px 0 0;}



/*===================margin��padding&font=========================*/
.pd_4 { padding:4px !important;}
.pd_20 { padding:20px !important;}
.pd_t10 { padding-top:10px !important;}
.pd_t20 { padding-top:20px !important;}
.pd_b30 { padding-bottom:30px !important;}
.pd_r60 { padding-right:60px !important;}
.pd_l20 { padding-left:20px !important;}
.pd_l40 { padding-left:40px !important;}
.pd_lr20 { padding-left:20px !important; padding-right:20px !important;}
.mg_t5 { margin-top:5px !important;}
.mg_t10 { margin-top:10px !important;}
.mg_t15 { margin-top:15px !important;}
.mg_t20 { margin-top:20px !important;}
.mg_t30 { margin-top:30px !important;}
.mg_t40 { margin-top:40px !important;}
.mg_b5 { margin-bottom:5px !important;}
.mg_b10 { margin-bottom:10px !important;}
.mg_b20 { margin-bottom:20px !important;}
.mg_b50 { margin-bottom:50px !important;}
.mg_l10 { margin-left:10px !important;}
.mg_l17 { margin-left:17px !important;}
.mg_l20 { margin-left:20px !important;}
.mg_l30 { margin-left:30px !important;}
.mg_r16 { margin-right:16px !important;}
.mg_r20 { margin-right:20px !important;}
.mg_r30 { margin-right:30px !important;}

#ct_bg .f10{font-size: 10px; font-size: 1.0rem;}
#ct_bg .f12{font-size: 12px; font-size: 1.2rem;}
#ct_bg .f14{font-size: 14px; font-size: 1.4rem;}
#ct_bg .f16{font-size: 16px; font-size: 1.6rem;}
#ct_bg .f18{font-size: 18px; font-size: 1.8rem;}
#ct_bg .f20{font-size: 20px; font-size: 2.0rem;}
#ct_bg .f23{font-size: 23px; font-size: 2.3rem;}
#ct_bg .f28{font-size: 28px; font-size: 2.8rem;}

#ct_bg .font_bold{ font-weight:bold !important;}
.color_red{ color:#D80000 !important;}


/*===================clearfix=========================*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6?O*/