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


/*///////////////////////////////////////////////

共通

///////////////////////////////////////////////*/

body {
	line-height: 1.4;
	color: #666666;
	font-size:12px;
	font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(image/body_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
img {
    border: none;
}
br.fclear {
	clear: both;
	line-height: 0;
    }
a{
    color: #333333;
	text-decoration: none;
    }
a:link{
	color: #333333;
	text-decoration: none;
	}
a:hover{
	color: #999999;
	text-decoration: none;
	}
div#container{
	height: 605px;
	width: 800px;
	margin: auto;
	position: relative;
	background-image: url(image/container_bg.jpg);
}
div#uc{
	position: absolute;
	left: 266px;
	top: 188px;
	font-size: 24px;
}
img#logo{
	position: absolute;
	right: 0px;
	top: 0px;
}
address#left{
	font-style: normal;
	position: absolute;
	left: 0px;
	bottom: -20px;
	font-size: 10px;
}
address#right{
	font-style: normal;
	position: absolute;
	right: 0px;
	bottom: -20px;
	font-size: 10px;
}



/*///////////////////////////////////////////////

メインメニュー

///////////////////////////////////////////////*/

ul#menu {
	height:50px;
	width:445px;
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	left: 0px;
	top: 0px;
}
ul#menu li a {
	display:block;
	height:50px;
	text-indent:-999px;
	float: left;
	outline: none;
}
ul#menu li.home {
	background:url(image/menu/home.jpg) no-repeat;
	width:60px;
	float: left;
}
ul#menu li.news {
	background:url(image/menu/news.jpg) no-repeat;
	width:58px;
	float: left;
}
ul#menu li.about_movie {
	background:url(image/menu/about_movie.jpg) no-repeat;
	width:114px;
	float: left;
}
ul#menu li.trailer {
	background:url(image/menu/trailer.jpg) no-repeat;
	width:66px;
	float: left;
}
ul#menu li.theater {
	background:url(image/menu/theater.jpg) no-repeat;
	width:75px;
	float: left;
}
ul#menu li.contact {
	background:url(image/menu/contact.jpg) no-repeat;
	width:72px;
	float: left;
}


ul#menu li.home a {
    background:url(image/menu/home.jpg) 0px 50px no-repeat;
	width:60px;
}
ul#menu li.news a {
    background:url(image/menu/news.jpg) 0px 50px no-repeat;
	width:58px;
}
ul#menu li.about_movie a {
    background:url(image/menu/about_movie.jpg) 0px 50px no-repeat;
	width:114px;
}
ul#menu li.trailer a {
    background:url(image/menu/trailer.jpg) 0px 50px no-repeat;
	width:66px;
}
ul#menu li.theater a {
    background:url(image/menu/theater.jpg) 0px 50px no-repeat;
	width:75px;
}
ul#menu li.contact a {
    background:url(image/menu/contact.jpg) 0px 50px no-repeat;
	width:72px;
}


ul#menu li.home a:hover {
    background:url(image/menu/home.jpg) 0px -50px no-repeat;
	width:60px;
}
ul#menu li.news a:hover {
    background:url(image/menu/news.jpg) 0px -50px no-repeat;
	width:58px;
}
ul#menu li.about_movie a:hover {
    background:url(image/menu/about_movie.jpg) 0px -50px no-repeat;
	width:114px;
}
ul#menu li.trailer a:hover {
    background:url(image/menu/trailer.jpg) 0px -50px no-repeat;
	width:66px;
}
ul#menu li.theater a:hover {
    background:url(image/menu/theater.jpg) 0px -50px no-repeat;
	width:75px;
}
ul#menu li.contact a:hover {
    background:url(image/menu/contact.jpg) 0px -50px no-repeat;
	width:72px;
}

/*///////////////////////////////////////////////

トップページ

///////////////////////////////////////////////*/

div#flash{
	position: absolute;
	left: 0px;
	top: 42px;
}

/*///////////////////////////////////////////////

トレイラー

///////////////////////////////////////////////*/

div#trailer_container{
	height: 605px;
	width: 800px;
	margin: auto;
	position: relative;
	background-image: url(image/trailer_bg.jpg);
}
div#trailer{
	position: absolute;
	left: 191px;
	top: 120px;
}

/*///////////////////////////////////////////////

ニュース・シアター

///////////////////////////////////////////////*/

div#sub{
	width: 400px;
}

/*///////////////////////////////////////////////

アバウトムービー

///////////////////////////////////////////////*/

/*サイドメニュー*/

ul#side_menu {
	height:90px;
	width:122px;
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	left: 5px;
	top:80px;
}
ul#side_menu li a {
	display:block;
	height:18px;
	width:122px;
	text-indent:-999px;
	outline: none;
}

ul#side_menu li.intro {background:url(image/side_menu/intro.jpg) no-repeat;}
ul#side_menu li.thomas {background:url(image/side_menu/thomas.jpg) no-repeat;}
ul#side_menu li.surfers {background:url(image/side_menu/surfers.jpg) no-repeat;}
ul#side_menu li.location {background:url(image/side_menu/location.jpg) no-repeat;}
ul#side_menu li.soundtrack {background:url(image/side_menu/soundtrack.jpg) no-repeat;}

ul#side_menu li.intro a {background:url(image/side_menu/intro.jpg) 122px 0px  no-repeat;}
ul#side_menu li.thomas a  {background:url(image/side_menu/thomas.jpg) 122px 0px  no-repeat;}
ul#side_menu li.surfers a  {background:url(image/side_menu/surfers.jpg) 122px 0px  no-repeat;}
ul#side_menu li.location a  {background:url(image/side_menu/location.jpg) 122px 0px  no-repeat;}
ul#side_menu li.soundtrack a  {background:url(image/side_menu/soundtrack.jpg) 122px 0px  no-repeat;}

ul#side_menu li.intro a:hover {background:url(image/side_menu/intro.jpg) -122px 0px  no-repeat;}
ul#side_menu li.thomas a:hover {background:url(image/side_menu/thomas.jpg) -122px 0px  no-repeat;}
ul#side_menu li.surfers a:hover {background:url(image/side_menu/surfers.jpg) -122px 0px  no-repeat;}
ul#side_menu li.location a:hover {background:url(image/side_menu/location.jpg) -122px 0px  no-repeat;}
ul#side_menu li.soundtrack a:hover {background:url(image/side_menu/soundtrack.jpg) -122px 0px  no-repeat;}

h2#sub_title{
	position: absolute;
	left: 5px;
	top: 210px;
}
div#sub_text {
	position: absolute;
	left: 5px;
	bottom: 20px;
	height: 275px;
	width: 240px;
	overflow: auto;
	padding-right: 10px;
}

div#about_movie_img {
	background-image: url(image/12.jpg);
	text-indent:-999px;
	position: absolute;
	left: 290px;
	top: 85px;
	width: 470px;
	height: 470px;
}
div#thomascampbell_img {
	background-image: url(image/19.jpg);
	text-indent:-999px;
	position: absolute;
	left: 290px;
	top: 110px;
	width: 470px;
	height: 470px;
}
div#surfers_img {
    background-image: url(image/34.jpg);
	text-indent:-999px;
	position: absolute;
	left: 290px;
	top: 100px;
	width: 470px;
	height: 470px;
}
div#location_img {
    background-image: url(image/2.jpg);
	text-indent:-999px;
	position: absolute;
	left: 290px;
	top: 110px;
	width: 470px;
	height: 470px;
}
div#soundtrack_img {
	background-image: url(image/17.jpg);
	text-indent:-999px;
	position: absolute;
	left: 290px;
	top: 100px;
	width: 470px;
	height: 470px;
}


/*///////////////////////////////////////////////

トーマスキャンベル

///////////////////////////////////////////////*/


/*///////////////////////////////////////////////

サーファー

///////////////////////////////////////////////*/

ul#surfers_menu {
	width:210px;
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	left: 54px;
	top:308px;
}
ul#surfers_menu li a {
	display:block;
	height:18px;
	text-indent:-999px;
	outline: none;
}

ul#surfers_menu li.surfers_01 {background:url(image/surfers_menu/surfers_01.jpg) no-repeat;}
ul#surfers_menu li.surfers_02 {background:url(image/surfers_menu/surfers_02.jpg) no-repeat;}
ul#surfers_menu li.surfers_03 {background:url(image/surfers_menu/surfers_03.jpg) no-repeat;}
ul#surfers_menu li.surfers_04 {background:url(image/surfers_menu/surfers_04.jpg) no-repeat;}
ul#surfers_menu li.surfers_05 {background:url(image/surfers_menu/surfers_05.jpg) no-repeat;}
ul#surfers_menu li.surfers_06 {background:url(image/surfers_menu/surfers_06.jpg) no-repeat;}
ul#surfers_menu li.surfers_07 {background:url(image/surfers_menu/surfers_07.jpg) no-repeat;}
ul#surfers_menu li.surfers_08 {background:url(image/surfers_menu/surfers_08.jpg) no-repeat;}
ul#surfers_menu li.surfers_09 {background:url(image/surfers_menu/surfers_09.jpg) no-repeat;}
ul#surfers_menu li.surfers_10 {background:url(image/surfers_menu/surfers_10.jpg) no-repeat;}
ul#surfers_menu li.surfers_11 {background:url(image/surfers_menu/surfers_11.jpg) no-repeat;}
ul#surfers_menu li.surfers_12 {background:url(image/surfers_menu/surfers_12.jpg) no-repeat;}
ul#surfers_menu li.surfers_13 {background:url(image/surfers_menu/surfers_13.jpg) no-repeat;}
ul#surfers_menu li.surfers_14 {background:url(image/surfers_menu/surfers_14.jpg) no-repeat;}

ul#surfers_menu li.surfers_01 a {background:url(image/surfers_menu/surfers_01.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_02 a {background:url(image/surfers_menu/surfers_02.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_03 a {background:url(image/surfers_menu/surfers_03.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_04 a {background:url(image/surfers_menu/surfers_04.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_05 a {background:url(image/surfers_menu/surfers_05.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_06 a {background:url(image/surfers_menu/surfers_06.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_07 a {background:url(image/surfers_menu/surfers_07.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_08 a {background:url(image/surfers_menu/surfers_08.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_09 a {background:url(image/surfers_menu/surfers_09.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_10 a {background:url(image/surfers_menu/surfers_10.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_11 a {background:url(image/surfers_menu/surfers_11.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_12 a {background:url(image/surfers_menu/surfers_12.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_13 a {background:url(image/surfers_menu/surfers_13.jpg) 0px 18px no-repeat;}
ul#surfers_menu li.surfers_14 a {background:url(image/surfers_menu/surfers_14.jpg) 0px 18px no-repeat;}

ul#surfers_menu li.surfers_01 a:hover {background:url(image/surfers_menu/surfers_01.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_02 a:hover {background:url(image/surfers_menu/surfers_02.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_03 a:hover {background:url(image/surfers_menu/surfers_03.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_04 a:hover {background:url(image/surfers_menu/surfers_04.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_05 a:hover {background:url(image/surfers_menu/surfers_05.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_06 a:hover {background:url(image/surfers_menu/surfers_06.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_07 a:hover {background:url(image/surfers_menu/surfers_07.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_08 a:hover {background:url(image/surfers_menu/surfers_08.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_09 a:hover {background:url(image/surfers_menu/surfers_09.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_10 a:hover {background:url(image/surfers_menu/surfers_10.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_11 a:hover {background:url(image/surfers_menu/surfers_11.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_12 a:hover {background:url(image/surfers_menu/surfers_12.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_13 a:hover {background:url(image/surfers_menu/surfers_13.jpg) 0px -18px no-repeat;}
ul#surfers_menu li.surfers_14 a:hover {background:url(image/surfers_menu/surfers_14.jpg) 0px -18px no-repeat;}



/*///////////////////////////////////////////////

ロケーション

///////////////////////////////////////////////*/



ul#location_menu {
	height:144px;
	width:180px;
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	left: 45px;
	top:308px;
}
ul#location_menu li a {
	display:block;
	height:24px;
	width:180px;
	text-indent:-999px;
	outline: none;
}
ul#location_menu li.westafrica {background:url(image/location_menu/westafrica.jpg) no-repeat;}
ul#location_menu li.indonesia {background:url(image/location_menu/indonesia.jpg) no-repeat;}
ul#location_menu li.newzealand {background:url(image/location_menu/newzealand.jpg) no-repeat;}
ul#location_menu li.hawaii {background:url(image/location_menu/hawaii.jpg) no-repeat;}
ul#location_menu li.australia {background:url(image/location_menu/australia.jpg) no-repeat;}
ul#location_menu li.california {background:url(image/location_menu/california.jpg) no-repeat;}

ul#location_menu li.intro a {background:url(image/location_menu/westafrica.jpg) 180px 0px  no-repeat;}
ul#location_menu li.indonesia a  {background:url(image/location_menu/indonesia.jpg) 180px 0px  no-repeat;}
ul#location_menu li.newzealand a  {background:url(image/location_menu/newzealand.jpg) 180px 0px  no-repeat;}
ul#location_menu li.hawaii a  {background:url(image/location_menu/hawaii.jpg) 180px 0px  no-repeat;}
ul#location_menu li.australia a  {background:url(image/location_menu/australia.jpg) 180px 0px  no-repeat;}
ul#location_menu li.california a  {background:url(image/location_menu/california.jpg) 180px 0px  no-repeat;}

ul#location_menu li.westafrica a:hover {background:url(image/location_menu/westafrica.jpg) -180px 0px  no-repeat;}
ul#location_menu li.indonesia a:hover {background:url(image/location_menu/indonesia.jpg) -180px 0px  no-repeat;}
ul#location_menu li.newzealand a:hover {background:url(image/location_menu/newzealand.jpg) -180px 0px  no-repeat;}
ul#location_menu li.hawaii a:hover {background:url(image/location_menu/hawaii.jpg) -180px 0px  no-repeat;}
ul#location_menu li.australia a:hover {background:url(image/location_menu/australia.jpg) -180px 0px  no-repeat;}
ul#location_menu li.california a:hover {background:url(image/location_menu/california.jpg) -180px 0px  no-repeat;}

/*///////////////////////////////////////////////

サウンドトラック

///////////////////////////////////////////////*/