@charset "utf-8";
/* CSS Document */

/*-//////////////////////////////////////////////
/////////////////////////////////////////////////

 SSFF & ASIA CSS ver1.1

/////////////////////////////////////////////////
//////////////////////////////////////////////-*/


/*-----------------------------------------------
   Initialize + html
-----------------------------------------------*/

html,body{
	height:100%;
	margin:0;
	padding:0;
}


h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,input,object,embed {margin:0; padding:0;} 
a img {border:none;}
ul {list-style:none; margin:0; padding:0;}

a:link {
	color:#336699;
	text-decoration: none;
} 
a:visited {
	color:#336699;
	text-decoration: none;
} 
a:hover { color:#FF9900; } 
a:active { color:#993300; } 

strong{
	color: #af2a01;
	display: block;
	padding-bottom: 5px;
}
em{
	padding-right: 15px;
	font-style: normal;
	margin-left: 10px;
	background-image: url(../images/common/arrow-mini.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 5px;
}
table{
border-collapse:collapse;
}
em{
	font-style: normal;
	font-weight: bold;
	color: #685C55;
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------
   Layout
-----------------------------------------------*/

body {
	line-height: 1.7;
	font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
	background-color: #000000;
	color: #444444;
}

#wrapper{
	width: 876px;
	margin:0 auto;
	position:relative;
	background-color: #f4f1f1;
}

#content{ padding: 15px 40px 5px; 
}
#content p{
	margin-bottom: 0.9em;
	padding: 0 0.5em;
}


.lefty{
	width: 515px;
	float: left;
	padding-right: 11px;
	background-image: url(../images/common/sidebar.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.righty{
	width: 260px;
	float: left;
	padding-left: 10px;
}
.coution{
	padding: 5px 3px 0 3px;
	background-color: #EDE2DC;
	color: #AD2D08;
	border: #AD2D08 1px solid;
}

/*-----------------------------------------------
   Header
-----------------------------------------------*/

#header{
	height: 155px;
	background-repeat: repeat-x;
	background-image: url(../images/common/head.jpg);
}

#head-logo{
	width: 132px;
	height: 65px;
	background-image: url(../images/common/head-logo.png);
	background-repeat: no-repeat;
	float: left;
	margin: 26px 15px 16px 28px;
}
#head-logo a {
	width: 132px;
	height: 65px;
	display: block;
}

#head-logo span { display: none; }
#head-title{
	float: left;
	width: 605px;
	height: 58px;
	background-image: url(../images/common/head-title.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}
#head-title h1 span{
position:absolute;
text-indent:-9999px;
}
.language{
	position: absolute;
	top: 7px;
	right: 5px;
	width: 69px;
	height: 22px;
	background-image: url(../images/but/english.jpg);
}
.language a{
	display: block;
	width: 69px;
	height: 22px;
	background-image: url(../images/menu/english.png);
}
.language a:hover{
	background-image: url(../images/but/english.jpg);
	background-position: bottom;
}
.language a span{
display:none;
}
.head-mail{
	position: absolute;
	top: 7px;
	right: 80px;
	width: 57px;
	height: 22px;
	background-image: url(../images/but/head-mail.jpg);
}
.head-mail a{
	display: block;
	width: 57px;
	height: 22px;
}
.head-mail a:hover{
	background-image: url(../images/but/head-mail.jpg);
	background-position: bottom;
}
.head-mail a span{
display:none;
}

/*-----------------------------------------------
  h2-h4 comment
-----------------------------------------------*/
.h2com h2,.h2com h3{
text-indent:-9999px;
}
.h-sponsor{
	background-image: url(../images/common/footer-1.jpg);
	height: 45px;
	background-repeat: no-repeat;
}
.h-address{
	background-image: url(../images/common/footer-2.jpg);
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
}
.h-1-1{
	background-image: url(../images/h/h2j1-1.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-1-2{
	background-image: url(../images/h/h2j1-2.jpg);
	height: 63px;
}
.h-1-3{
	background-image: url(../images/h/h2j1-3.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-pga{
	background-image: url(../images/h/h2j-pga.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-pgb{
	background-image: url(../images/h/h2j-pgb.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-ws{
	background-image: url(../images/h/h2jws-1.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-ws1{
	background-image: url(../images/h/h2jws-1-1.jpg);
	height: 40px;
	background-repeat: no-repeat;
}
.h-ws2{
	background-image: url(../images/h/h2jws-2.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-sch{
	background-image: url(../images/h/h2j-sch.jpg);
	height: 50px;
	background-repeat: no-repeat;
}
.h-ws3{
	background-image: url(../images/h/h2jws-3.jpg);
	height: 50px;
	background-repeat: no-repeat;
}

.h-twitter{
	background-image: url(../images/h/h2j-twitter.jpg);
	height: 50px;
	background-repeat: no-repeat;
}


/*-----------------------------------------------
   Global menu
-----------------------------------------------*/

#g-menu {
	height:26px;
	top: 90px;
	clear: both;
	height: 48px;
}
#g-menu ul {
	list-style:none;
}
#g-menu li {
float:left
}
#g-menu a span {
display:none;
}

#menu1 a{
	width:155px;
	background-image: url(../images/menu/menu1.png);
	height: 48px;
	display: block;
	float: left;
}
#menu1 a:hover{
	background-image: url(../images/menu/menu-on1.png);
}
#menu1-av a{
	width:155px;
	background-image: url(../images/menu/menu-on1.png);
	height: 48px;
	display: block;
	float: left;
}
#menu2 a{
	width:178px;
	background-image: url(../images/menu/menu2.png);
	height: 48px;
	display: block;
	float: left;
}
#menu2 a:hover{
	background-image: url(../images/menu/menu-on2.png);
}
#menu2-av a{
	width:178px;
	background-image: url(../images/menu/menu-on2.png);
	height: 48px;
	display: block;
	float: left;
}
#menu3 a{
	width:176px;
	background-image: url(../images/menu/menu3.png);
	display: block;
	float: left;
	height: 48px;
}
#menu3-av a{
	width:176px;
	background-image: url(../images/menu/menu-on3.png);
	display: block;
	float: left;
	height: 48px;
}
#menu3 a:hover{
	background-image: url(../images/menu/menu-on3.png);
}
#menu4 a{
	width:170px;
	background-image: url(../images/menu/menu4.png);
	display: block;
	float: left;
	height: 48px;
}
#menu4 a:hover{
	background-image: url(../images/menu/menu-on4.png);
}
#menu4-av a{
	width:170px;
	background-image: url(../images/menu/menu-on4.png);
	display: block;
	float: left;
	height: 48px;
}
#menu5 a{
	width:197px;
	background-image: url(../images/menu/menu5.png);
	display: block;
	float: left;
	height: 48px;
}
#menu5 a:hover{
	background-image: url(../images/menu/menu-on5.png);
}
#menu5-av a{
	width:197px;
	background-image: url(../images/menu/menu-on5.png);
	display: block;
	float: left;
	height: 48px;
}

/*-----------------------------------------------
   Footer
-----------------------------------------------*/

#footer{
	height:210px;
	padding: 0 45px;
}

.banner-box{
	height: 45px;
	background-color: #FFFFFF;
	border-top: #C5C5C5 3px solid;
	border-right: #e9e9e9 2px solid;
	border-left: #cccccc 2px solid;
	padding: 5px 5px 7px;
}
.banner-box img{
	vertical-align: middle;
	margin-right: 10px;
}


.copy{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	padding-top: 8px;
}

/*-----------------------------------------------
   Button
-----------------------------------------------*/

.detail{
	width: 89px;
	height: 25px;
	background-image: url(../images/but/but-detail.jpg);
}
.detail a{
	display: block;
	width: 89px;
	height: 25px;
}
.detail a:hover{
	background-image: url(../images/but/but-detail.jpg);
	background-position: bottom;
}
.detail a span{
display:none;
}

.gmap{
	width: 130px;
	height: 25px;
	background-image: url(../images/but/but-gmap.jpg);
}
.gmap a{
	display: block;
	width: 130px;
	height: 25px;
}
.gmap a:hover{
	background-image: url(../images/but/but-gmap.jpg);
	background-position: bottom;
}
.gmap a span{
display:none;
}

/*-----------------------------------------------
   MOVIE UNIT
-----------------------------------------------*/

.mov_unit{
	margin-bottom: 15px;
	padding: 15px 0;
}
.mov_left{
	float: left;
}
.mov_right{
	width: 530px;
	float: left;
}
.mov_photo{
	padding: 0 15px 10px 0;
	width: 250px;
}
.mov_social{ padding: 0 9px 10px 0; }
.mov_title{
	font-size: 18px;
	color: #cc3300;
	padding-bottom: 8px;
	float: left;
	width: 444px;
	font-weight: bold;
}

.mov_title span{
	font-size: 10px;
	font-weight: bold;
	background-color: #990000;
	padding: 3px;
	color: #EDECD6;
	top: 15px;
	display: block;
	margin-bottom: 4px;
}
.mov_data{
	color: #666666;
	margin: 5px 0;
	padding: 3px 8px;
	background-color: #EEE6E1;
	clear: both;
}
.mov_direct{
	float: left;
	background-color: #EDE9E9;
	padding: 7px;
	margin-bottom: 10px;
}
.mov_direct_name{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #54433F;
	display: block;
	padding: 0 4px;
	background-color: #DAD1D1;
	margin-bottom: 5px;
}
.mov_direct_photo{
	width: 430px;
	background-color: #000000;
	padding: 7px;
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 130%;
	color: #BBBBBB;
}

.mov_direct_photo2{
	width: 422px;
	background-color: #333333;
	padding: 7px 7px 7px 15px;
	margin-bottom: 5px;
	font-size: 95%;
	line-height: 140%;
	color: #CCCCCC;
}
.mov_direct_photo img{
	float: left;
	padding:0px 10px 0px 0px;
}
.mov_direct_photo_data{
	color: #B7B7B7;
	font-size: 95%;
	line-height: 130%;
	padding: 9px 0 3px 0;
	border-bottom: #333333 1px dotted;
	border-top: #333333 1px dotted;
	margin-bottom: 9px;
}
.mov_subtitle{
	padding-bottom: 5px;
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
}
.mov_subtitle_ms{
	padding-bottom: 5px;
	color: #CC3333;
}
.mov_subcopy{
	float: left;
}
.mov_txt{
	line-height: 150%;
	color: #666666;
}
.mov_muture{
	background-image: url(../images/common/muture.gif);
	background-repeat: no-repeat;
	float: right;
	width: 52px;
	height: 20px;
}
.mov_muture span{display:none;}
.mov_tab{
	margin: 5px 0;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding: 6px 0;

}
.mov_table{
	margin: 0;
	border-right:#f4f1f1 2px solid;
	border-bottom:#f4f1f1 2px solid;
}
.mov_table td{
	border-right:#dddddd 1px solid;
	border-bottom:#dddddd 1px solid;
	padding: 3px 0 3px 10px;
}

.mov_navi{
	text-align: right;
	font-size:10px;
	height:22px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #666666;
	padding: 7px 0 3px;
	margin-bottom: 5px;
}
.mov_navi a{
	padding:2px 6px;
	margin: 3px 2px;
	border: 1px solid;
	text-decoration:none;
	color:#cccccc !important;
	background-color: #000033;
}
.mov_navi a:hover {
	color:#CC3333 !important;
	background-color: #003366;
}
a.mov_naviav {
	color:#FFFFFF;
	background-color:#9D282C;
}
.mov_bot{ padding: 0 14px 10px 0; }



/*-----------------------------------------------
   Utility
-----------------------------------------------*/
.clear{
clear:both;
}

.bot{
	background-image:url(../images/common/bar.gif);
	background-repeat:repeat-x;
	margin: 10px 0;
	padding: 10px 0;
	background-position: center;
	clear: both;
}

.tube{
	background-color: #C27762;
	padding: 5px;
}

.float-right{ float: right; }
.float-left{ float: left; }
.brick{
height:15px;
}
.tint{ color: #999999; }
.note{
	font-size: 10px;
	color: #BF7761;
}