html {
	background-color:#17171b;
}

body {
	background:url("../img/background.jpg") 50% 0 no-repeat #17171b;
	font:12px/24px Arial, Helvetica, "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Meiryo", "Osaka" ,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	color:#FFF;
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.mabo0 {
	margin-bottom:0;
}

a.top {
	float:right;
}

a.top {
	display:block;
	width:100px;
	height:30px;
	background:url("../img/page_top.png") 0 0 no-repeat transparent;
	text-decoration:none;
	color:#FFF;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
	margin:20px 0;	
}

a.top:hover {
	background:url("../img/page_top.png") bottom left no-repeat transparent;
}

div#container {
	width:75%;
	max-width:985px;
	min-width:280px;
	margin:0 auto;
}

.lt-ie9 div#container {
	width:985px;
}

div#header {
	padding-top:25px;
	position:relative;
}

div#header ul#navigation {
	list-style:none;
	width:600px;
	position: absolute;
	top:15px;
	right:0;
}

div#header ul#navigation li {
	float:left;
}

div#header ul#navigation li a {
	text-decoration:none;
	color:#FFF;
	width:60px;
	padding:0 20px;
	display:block;
	height:40px;
	background:url("../img/navigation.png") 0 0 no-repeat transparent;
	text-indent:-9999px;
	border:none;
	outline: none;
}

div#header ul#navigation li a#navi_01 {
	background:url("../img/navigation.png") 0 0 no-repeat transparent;
}

div#header ul#navigation li a#navi_02 {
	background:url("../img/navigation.png") 0 -40px no-repeat transparent;
}

div#header ul#navigation li a#navi_03 {
	background:url("../img/navigation.png") 0 -80px no-repeat transparent;
}

div#header ul#navigation li a#navi_04 {
	background:url("../img/navigation.png") 0 -120px no-repeat transparent;
}

div#header ul#navigation li a#navi_05 {
	background:url("../img/navigation.png") 0 -320px no-repeat transparent;
}

div#header ul#navigation li a#navi_06 {
	background:url("../img/navigation.png") 0 -480px no-repeat transparent;
}

div#header ul#navigation li a#navi_07 {
	background:url("../img/navigation.png") 0 -400px no-repeat transparent;
}



div#header ul#navigation li a#navi_01:hover {
	background:url("../img/navigation.png") 0 -160px no-repeat transparent;
}

div#header ul#navigation li a#navi_02:hover {
	background:url("../img/navigation.png") 0 -200px no-repeat transparent;
}

div#header ul#navigation li a#navi_03:hover {
	background:url("../img/navigation.png") 0 -240px no-repeat transparent;
}

div#header ul#navigation li a#navi_04:hover {
	background:url("../img/navigation.png") 0 -280px no-repeat transparent;
}

div#header ul#navigation li a#navi_05:hover, div#header ul#navigation li a#navi_05.selected {
	background:url("../img/navigation.png") 0 -360px no-repeat transparent;
}

div#header ul#navigation li a#navi_06:hover, div#header ul#navigation li a#navi_06.selected {
	background:url("../img/navigation.png") 0 -520px no-repeat transparent;
}

div#header ul#navigation li a#navi_07:hover, div#header ul#navigation li a#navi_07.selected {
	background:url("../img/navigation.png") 0 -440px no-repeat transparent;
}

a#pull {
	display:none;
}

div#coming_soon img {
	width:100%;
}

div#video {
	width:100%;
	margin:0 auto;
	margin-top:30px;
	position: relative;
    padding-bottom: 53%;
    padding-top: 25px; 
    height: 0; 
    overflow: hidden;
    z-index:100;	
}

.lt-ie9 #video {
    padding-bottom: 56.5%;
}

.lt-ie7 #video {
    padding-bottom: 56.5%;
}

div#video iframe, div#video object, div#video embed {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 100;
	border:none;
	background:transparent;
}

img#livebeatlogo {
	float:right;
	margin:30px 0;
}

img#shop_link{
	float:right;
	margin:20px auto;
	width:465px;
}

h1 {
	font-size:40px;
	line-height:48px;
	text-transform:uppercase;
	font-weight:600;
	margin-top:120px;
	margin-bottom:10px;	
}

h1 span {
	font-size:24px;
	line-height:32px;
} 

h2 {
	font-size:24px;
	line-height:32px;
	text-transform:uppercase;
	font-weight:600;
	margin-top:120px;
	margin-bottom:10px;	
}

body#learn_more h2 {
	margin-top:160px;
}

p#intro_text {
	font-size:18px;
	line-height:1.6em;
}

div#intro h2 {
	margin-top:60px;
}

h3 {
	font-size:16px;
	margin-bottom:0em;
}

a.livebeat_button {
	display:block;
	width:200px;
	height:40px;
	background:url("../img/btn_livebeat@2.png") 0 0 no-repeat transparent;
	background-size:100%;
	text-indent:-9999px;
	float:right;
	margin-bottom:20px;
}

a.livebeat_button:hover {
	background:url("../img/btn_livebeat@2.png") 0 -40px no-repeat transparent;
	background-size:100%;
}

.lt-ie9 a.livebeat_button {
	background:url("../img/btn_livebeat.png") 0 0 no-repeat transparent;
}

.lt-ie9 a.livebeat_button:hover {
	background:url("../img/btn_livebeat.png") 0 -40px no-repeat transparent;
}

a.more_button {
	display:block;
	width:160px;
	height:40px;
	background:url("../img/btn_learn_more@2.png") 0 0 no-repeat transparent;
	background-size:100%;
	text-indent:-9999px;
	/*float:right;*/
	/*margin-bottom:20px;*/
	position:absolute;
	bottom:20px;
	right:0;
}

a.more_button:hover {
	background:url("../img/btn_learn_more@2.png") 0 -40px no-repeat transparent;
	background-size:100%;
}

.lt-ie9 a.more_button {
	background:url("../img/btn_learn_more.png") 0 0 no-repeat transparent;
}

.lt-ie9 a.more_button:hover {
	background:url("../img/btn_learn_more.png") 0 -40px no-repeat transparent;
}

div#feature {
	margin-top:50px;
}

div#feature div {
	position:relative;
}

div#feature div.alt {
	margin-right:2%;
	width:48%;
}

div#feature div.alt2 {
	margin-left:2%;
	width:48%;
}

.lt-ie8 div#feature div.alt, .lt-ie8 div#feature div.alt2  {
	width:47%
}

div#feature div {
	height:290px;
	width:100%;
	float:left;
	margin-bottom:29px;
	border-bottom:1px solid #49494a;
}

div#feature div.last {
	height:auto;
	padding-bottom:40px;
} 

div#feature div.last p {
	margin-left:0;
	margin-bottom:20px;
} 

div#feature div img {
	margin:5% 0 15% 0;
	float:left;
	width:35%;
}

div#feature p {
	margin:0.5em 0 70px 38%;
}

div#feature div.alt h3, div#feature div.alt2 h3 {
	margin-left:38%;
}

div#products img {
	width:50%;
	float:left;
}

.lt-ie8 div#products img {
	width:49%;
}


div#gallery {
	position: relative;
}

table#spec_table {
	font-size:14px;
	margin-bottom:60px;
}

table#spec_table td, table#spec_table th, table#spec_table th.pro_name {
	text-align:center;
	border-bottom:1px solid #49494a;
	padding:7px 0;
}

table#spec_table td {
	padding:7px 2px;
	border-left:1px solid #49494a;
}

table#spec_table th {
	text-align:left;
}

#fxz_link h3 {
	text-align:left;
	margin-bottom:10px;
	font-size:13px;
}

#fxz_link {
	padding-top:50px;
	border-top:1px solid #49494a;
	margin:49px 0 100px 0;
}

#fxz_link img {
	width:100%;
}

.w70 {
	width:70%;
	float:left;
}

.w30 {
	margin-left:5%;
	width:25%;
	float:right;
}

.w30 img {
	width:100%;
}

.w50 {
	width:50%;
	float:left;
}

.w50img {
	margin-left:5%;
	width:20%;
	float:right;
}

.w50int {
	margin-left:5%;
	margin-top:2.6em;
	width:45%;
	float:right;
}

.w50img img {
	width:100%;
}

.w100 {
	clear:both;
}

.w100 img {
	width:100%;
}

div.img_caption p {
	margin:0.5em 0 3em 0;
}

div.img_caption p.title span {
	font-size:120%;
	color:#FFF;
}

div.img_caption p.title {
	color:#9AA8BA;
}

div.img_caption p.title {
	line-height:20px;
}

div.img_caption img {
	margin-top:1.2em;
}

div.publicity {
	clear:both;
	margin-bottom:50px;
	margin-top:40px;
	padding-top:20px;
	border-top:1px solid #9aa8ba;
}

div.darker {
	border-top:1px solid #5b697b;
}

div.publicity img {
	width:25%;
	float:left;
	margin-right:1em;
}

div.publicity h2 {
	text-transform:none;
	margin-top:1.5em;
}

div.publicity h2 a {
	text-decoration:none;
	color:#6ecaff;
}

div.publicity h2 a:hover {
	text-decoration:underline;
	color:#FFF;
}

div.interview h2 {
	text-transform:none;
}

div.interview p {
	margin:0 0 5em 0;
}

div.interview img {
	width:100%;
}

div.interview p.question {
	margin:2em 0 1em 0;
	color:#6ECAFF;
	font-weight:bold;
	font-size:120%;	
}

div.interview p span {
	margin-right:1em;
	font-weight:bold;
	font-size:120%;
	color:#9AA8BA;
}


p#intro_text {
font-size:16px;
line-height:2em;
}

h1 {
font-size:30px;
line-height:40px;
}

h1 span {
font-size:18px;
line-height:32px;
}

div#content ul#profile p {
padding:2% 0 5% 8%;
}

div.interview h2 {
font-size:18px;
line-height:30px;
}

div.interview p.question {
margin:2em 0 0.5em;
}



div#top_link {
	margin-top:50px;
}

div#top_link img#top_sz {
	margin:0 2%;
}

div#top_link a img {
	width:46%;
}


/* ================ Footer =============== */

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

div#footer {
	margin-top:40px;
	padding-top:20px;
	border-top:1px solid #49494a;
}

div#footer a {
	color:#FFF;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}

#footer ul li {
	list-style-type:none;
}

#footer .inner{
	text-align: left;
	position: relative;
}

#footer .top{
	position: absolute;
	right: 15px;
	top: -25px;
}

#footer p.logo{
	margin: 10px 0 0 0;
	float: left;
	font-size:14px;
	font-weight:bold;
}

#footer ul.spec{
	margin: 12px 0 0 0;
	padding:0;
	height: 31px;
	float: right;
}

#footer ul.spec li{
	margin:0 0 0 13px;
	padding: 0 0 0 0;
	float: left;
	line-height: 13px;
}

#footer ul.spec li.other{
	margin:0 7px 0 0;
	padding: 0 20px 0 20px;
	border-left: 1px solid #49494a;
	border-right: 1px solid #49494a;
}

#footer ul.utility{
	margin:0;
	padding: 6px 0 0 0;
	float: left;
	height: 25px;
}

#footer ul.utility li{
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
	line-height: 1;
}

#footer ul.utility li.last{
	border-right: 0;
}

#footer ul.utility li a{
}

#footer p.copyright{
	padding-top: 6px;
	float: right;
	line-height: 1;
}

/* ================ Footer  End =============== */