@charset "utf-8";
/* ::::: http://jp.theglobalstart.com/css/common/reset.css ::::: */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: baseline; background: none repeat scroll 0% 0% transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
h1, h2, h3, h4, h5, h6, caption, address, th { font-style: normal; font-weight: normal; }
ul, ol, li, dl, dt, dd { list-style-type: none; list-style-position: outside; }
nav ul { list-style: none outside none; }
a { margin: 0px; padding: 0px; outline: medium none; border: 0px none; font-size: 100%; vertical-align: baseline; background: none repeat scroll 0% 0% transparent; }
img { max-width: 100%; border: 0px none; vertical-align: top; }
br { letter-spacing: 0px; }
a { outline: medium none; }
a:link, a:visited { text-decoration: none; }


html { width: 100%; overflow-y: scroll; }
body {
width: 100%;
font-family: 'Montserrat','ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif;
font-weight: 400;
font-size: 13px;
background-color: #FFFFFF;
}
h1, h2 { line-height: 1; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
p, li, a, small { line-height: 170%; font-size: 13px; }
dt { font-size: 18px; font-weight: 600; }


header {
	width:100%;
	height: 120px;
	background-color: #FFFFFF;
	/*background: none repeat scroll 0% 0% rgb(255, 255, 255);*/
	text-align: center;
	/*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);*/
	z-index: 100;
	clear:both;
}
header ul { width: 980px; margin: 0px auto; text-align: center; padding-top:50px;}
header ul li { margin: 0px 40px 0 0; cursor: pointer; display:inline;  }
header ul li:last-child { margin:0 0; }
header ul li img{ margin-top:-10px; }
header ul li a { color: rgb(0, 0, 0); font-size: 20px; font-weight: 500;}
header ul li a:hover , header ul li.active a { color: rgb(61, 160, 138); }
header h1 {
	margin:20px 40px 0 60px;
	display:inline;
}

#wrapper {width: 100%; background:url(http://www.loemusiq.com/images/topbg1.png) repeat-x top center #000; text-align: center; clear:both;}
#wrapper #contents { padding: 0px; }


/* :::promo::: */
article#promo {height:200px; overflow:hidden; background: none ; position: relative;}
article#promo span { position: absolute; top: 80px; right: 100px;}
article#promo h1 { font-weight: 400; font-size: 52px; color:#FFFFFF; margin:105px auto 0 auto; }

/* :::main::: */
#main { padding: 0 0 80px; font-size: 12pt; background:url(http://loemusiq.com/images/lowerbg.jpg) repeat-x 0 100%; }

#main a {
	color: rgb(61, 160, 138); 
}
#main a:hover {
	text-decoration:underline; 
}
#main a:hover img {
	
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;

}
#main a img {
	
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;

}

/* :::whole::: */
article#whole {height:auto; background: url('http://www.loemusiq.com/images/topbg3.png'); background-size:cover; position: relative; z-index:0;}
article#whole ul { width: 980px; height:900px; margin: 0px auto; }
article#whole ul li { margin: 0px 7px; cursor: pointer; float:left; margin-top:100px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
article#whole ul li.facebook a { display: block;	width: 230px; height: 80px;	background: url(http://www.loemusiq.com/images/banner_facebook.png) no-repeat 0 0;}
article#whole ul li.facebook a:hover { background-position: 0 bottom;}
article#whole ul li.twitter a { display: block;	width: 230px; height: 80px;	background: url(http://www.loemusiq.com/images/banner_twitter.png) no-repeat 0 0;}
article#whole ul li.twitter a:hover { background-position: 0 bottom;}
article#whole ul li.sound a { display: block;	width: 230px; height: 80px;	background: url(http://www.loemusiq.com/images/banner_sound.png) no-repeat 0 0;}
article#whole ul li.sound a:hover { background-position: 0 bottom;}
article#whole ul li.youtube a { display: block;	width: 230px; height: 80px;	background: url(http://www.loemusiq.com/images/banner_ameba.png) no-repeat 0 0;}
article#whole ul li.youtube a:hover { background-position: 0 bottom;}

span.whole{ right:0px; margin-top:-50px; position: absolute; z-index:-1;}


/* :::footer::: */
footer { width: 159px; margin: -200px auto 0px; position: relative; z-index:1;}


@font-face {
	font-family: 'Montserrat','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif;
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans Condensed Bold"), local("OpenSans-CondensedBold"), url('http://www.loemusiq.com/images/gk5fxslnktthtojxrkp-xonsk5bxn3nfs4ejkvihiqo.woff') format("woff");
}