@charset "UTF-8";

*{
	margin:0;
	padding:0;
	border: none;
}


html,body{
	height:100%;
 }


body {

	text-align:center;
	
	margin:0 auto;
	padding:0 0;	
	
	min-height:100%;
	
	-webkit-text-size-adjust: none;
	
	background: url(../img/bg.gif) top center repeat;
	
    color:#777777;
	
}


/*  -------------------- Reset -------------------- */
	
	
/*Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
*/

body {font:13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

/*-- END YUI--*/


div, span, h1, h2, h3, h4, h5, h6, p, a, img, q, dl, dt, dd, ol, ul, li, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a {
	outline: none;
	color:#66ccff;
	text-decoration: none;
}

a:hover {
	color:#00ccff;
}


body ::selection {background: #E3E3E3; }
body ::-moz-selection {background: #E3E3E3; }


h1, h2{

    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
}


ul { margin:0; padding:0 !important;}

li {
	list-style:none;
	margin:0px;
	padding:0px;
}

li a{
	
	display:block;
}


/* clear */

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

.hidden { text-indent:-9999px; font-size:1px; }


/* text */

.fs10px {

	font-size:76.9%;
	line-height:1.2;

}

.fs14px {
	
	font-size:108%;
	line-height:1.4;
	
}

.fs16px {
	
	font-size:123%;
	line-height:1.4;
	
}

.red { color:#FF0033; }
.pink { color:#FF6699; }
.blue { color:#3399cc; }
.gray { color:#aaaaaa; }

.bold { font-weight:bold; }

.center {
	 text-align:center;
	 margin:0 auto;
}
.text_r { text-align: right; }



/*------- float
---------------------------------------------------------------*/

.float_l {
	float:left;
	padding-right:10px;
	
	display:inline;
}

.float_r {
	float:right;
	margin-left:10px;
	
	display:inline;
}




/*------- IMG 
---------------------------------------------------------------*/

img {

	border:none;

}

a img {

	border: 0px;
	text-decoration:none;

}

.img_border {border:#ccc 1px solid;}

img { -ms-interpolation-mode: bicubic; } 


	
/*-------------------------------------------------------------
							alpha
---------------------------------------------------------------*/
 
.alpha a:hover {
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}



/*-------------------------------------------------------------
						page-top
---------------------------------------------------------------*/

#page-top a{
	position: fixed;
	bottom: 0px;
	right: 10px;
	background:url(../img/pagetop.gif) 0 0;
	
	display:block;
	width:60px;
	height:60px;
	
	text-indent:-9999px;
}

#page-top a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
 }
	
	
	

/*-------------------------------------------------------------
							wrap
---------------------------------------------------------------*/

#wrap {
	
	margin:0px auto;
	padding:0;
	
	display:block;
	
	width:960px;
	height:100%;
	
	text-align:center;
	
	position:relative;
	
	/*border-right:#d7d7d7 1px solid;
	border-left:#d7d7d7 1px solid;
    */
	
	background:#ffffff;

}




/*-------------------------------------------------------------
							column
---------------------------------------------------------------*/

#column02, #column03, #column05, #column06 {
	
	margin:0;
	padding:0px;
	
	float:left;
	
	position:relative;
    
    overflow:hidden;

}

#column02{ width:240px; }
#column03{ width:360px; }
#column04{ width:480px; }
#column05{ width:600px; }
#column06{ width:720px; }




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

#header {
	
	margin: 0 auto;
	padding:0;
	
	height:120px;
	
	background:#FFFFFF;
	
}

#h1_logo a {
	width:240px;
	height:120px;
	display:block;
	
	margin:0;
	padding:0;
	
	position:absolute;
	
	top:0px;
	left:0px;
	
	background:url(../img/logo.jpg) no-repeat;
	
	text-indent:-9999px;
	
}


ul.ul_menu {
	
	margin:0;
	padding:0;
	
	display:block;
	
	width:720px;
	height:120px;
	
	text-align:center;
    
	list-style:none;
	
	position:absolute;
	
	top:0px;
	left:240px;
    
	background:url(../img/bg_menu.gif) 0 0 no-repeat;
    
}

ul.ul_menu li a {

	padding:0 0;
	margin:0;
	
	display:block;
	
}


ul.ul_menu  li {

	float:left;
	display:block;
	
	width:120px;
	height:60px;
	overflow: hidden;	
}

ul.ul_menu li img{

	width:120px;
	height:120px;
}



/*-------------------------------------------------------------
					social
---------------------------------------------------------------*/

#sub_header {
	
	margin: 0 auto;
	padding:0;
	
	height:60px;
	
	text-align:left;
	
}

#sub_header p{
	
	float:left;
	
}

#sub_header p.header_bnr:last-child {
	margin-top: 0;
}

div.social {
	
	width:235px;
	height:25px;
	
	display:block;
	
	background:	url(../img/bg_social.gif);	
	
	padding:35px 0 0 5px;
	float:left;
}

.social p { float:left; }

.tweet { width:120px; }
.fb-like { width:110px; }


/*-------------------------------------------------------------
					top
---------------------------------------------------------------*/

.KeyVisual {
	
	margin:0;
	padding: 0;
	
	width:600px;
	height:840px;

	background:url(../img/keyvisual.jpg) 0 0 no-repeat #ffffff;
}



.movie_area {
	
	margin:0;
	padding: 12px 0 0 190px;
	
	width:170px;
	height:108px;

	background:url(../img/bg_movie_area.gif) 0 0 no-repeat;
	
	position:relative;

}



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


#footer {
	
	height:110px;

	font-size:77%;
	line-height:1.6;

	margin:0px auto;

	padding:0px;

	clear:both;
	
	text-align:center;
	
	color:#999999;
	background:#e9e9e9;
	
}

#footer a{ color:#999999; }
#footer a:hover{ color:#cccccc; }



#link {
	
	height:50px;
	
	margin:0px auto;
	padding:5px 0;
	
	background:url(../img/bg_link.gif) 0 0 no-repeat;
	clear:both;
	
	text-align:right;
}

#footer p.copy{
	
	margin-top:8px;
	
}

#link img{
	
	margin:10px 10px 10px 0;
}