@charset "utf-8";

@import "reset.css";


/* ---------------------------------------------------
common
--------------------------------------------------- */
body {
	background: #000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #8a8a8a;
	text-decoration: underline;
}

h1,h2 {
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------
layout
--------------------------------------------------- */
html {
	height: 100%;
	background: #000;
}
body {
	height: 100%;
}

#base {
	height: 100%;
}


/* ---------------------------------------------------
top/portfolio(flash部分)
--------------------------------------------------- */
#main {
	width: 100%;
	height: 100%;
	background: #000;
}



/* ---------------------------------------------------
profile/About these photos
--------------------------------------------------- */
#header {
	position: relative;
	height: 50px;
}

#header h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 279px;
	height: 41px;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 279px;
	height: 41px;
	margin: 0;
	padding: 0;
	background: url(../layoutimg/logo_main.gif) no-repeat left top;
	text-indent: -10000px;
	overflow: hidden;
}

#header h2 {
	position: absolute;
	left: 280px;
	top: 0;
	width: 164px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: url(../layoutimg/logo_hm_main.gif) no-repeat left top;
	text-indent: -10000px;
	overflow: hidden;
}

ul.menuBox {
	position: absolute;
	top: 2px;
	right: 0px;
	height: 22px;
	margin: 0;
	padding: 0;
}

ul.menuBox1 {
	width: 237px;
}
ul.menuBox2 {
	width: 231px;
}
ul.menuBox3 {
	width: 240px;
}

ul.menuBox li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menuBox li.menu01 {
	width: 88px;
}
ul.menuBox li.menu02 {
	width: 79px;
}
ul.menuBox li.menu03 {
	width: 73px;
}
ul.menuBox li.menu04 {
	width: 70px;
}

ul.menuBox li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 22px;
	overflow: hidden;
}

ul.menuBox li.menu01 a {
	width: 75px;
	background: url(../layoutimg/btn_port_on.gif) no-repeat left top;
}
ul.menuBox li.menu02 a {
	width: 66px;
	background: url(../layoutimg/btn_cont_on.gif) no-repeat left top;
}
ul.menuBox li.menu03 a {
	width: 60px;
	background: url(../layoutimg/btn_prof_on.gif) no-repeat left top;
}
ul.menuBox li.menu04 a {
	width: 57px;
	background: url(../layoutimg/btn_movie_on.gif) no-repeat left top;
}

ul.menuBox li a:hover {
	text-indent: -9999px;
}


#infoMain {
	padding: 0 0 150px 0;
	background: url(../layoutimg/tab_bg.gif) repeat-x left top;
}

#infoMain h3 {
	margin: 0;
	padding: 0;
}

ul#btn {
	position: relative;
	margin: 0 9px 0 0;
	padding: 0;
	height: 27px;
}

ul#btn li {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#btn li.ja,
ul#btn li.ja a,
ul#btn li.ja a img {
	display: block;
	width: 78px;
	height: 22px;
	margin: 0;
	padding: 0;
}
ul#btn li.ja a img {
	display: none;
}

ul#btn li.ja a {
	background: url(../layoutimg/btn_ja_off.gif) no-repeat left top;
}

ul#btn li.ja a:hover,
ul#btn li.ja a:active {
	background: url(../layoutimg/btn_ja_on.gif) no-repeat left top;
}


ul#btn li.en,
ul#btn li.en a,
ul#btn li.en a img {
	display: block;
	width: 63px;
	height: 22px;
	margin: 0;
	padding: 0;
}
ul#btn li.en a img {
	display: none;
}

ul#btn li.en a {
	background: url(../layoutimg/btn_en_off.gif) no-repeat left top;
}

ul#btn li.en a:hover {
	background: url(../layoutimg/btn_en_on.gif) no-repeat left top;
}


div.cont {
	margin: 0 20px 20px 20px;
}

div.cont2 {
	margin: 20px;
}

/*form*/
.contactBox .cont {
	margin: 30px 20px 20px 20px;
}

/*movie*/
.movieBox .cont {
	margin: 30px 20px 20px 20px;
	text-align: center;
}

.movieBox .item {
	width: 640px;
	margin: 0 auto 40px auto;
	padding: 0 40px 40px 40px;
	border-bottom: 1px solid #545454;
}

.movieBox .item p.txt {
	width: 640px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}

.movieBox .pager {
	width: 640px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	text-align: center;
}