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

/* ------------------------------------------------------------
	Common
------------------------------------------------------------ */
html {
	color: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,td {
	vertical-align: top;
	text-align: left;
}

fieldset,
img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

.red {
	color: #F30;
}

a {
	overflow: hidden;
	outline: none;
}

a:link,
a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover,
a:active {
	color: #FF0;
	text-decoration: none;
}

/*  Clear
------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

/* Alert
----------------------------------------------------*/
div#ieAlertOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bgPopupOverlay.png) repeat 0 0;
	z-index: 99999;
}

div#ieAlertBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 530px ;
	height: 70px ;
	background: #FFE;
	border: 5px solid #FC0;
	padding: 20px;
	z-index: 100000;
	margin: -60px 0 0 -292px;
	color: #333;
}

div#ieAlertBox p {
	font-size: 14px;
	line-height: 1.6;
}

div#ieAlertBox a {
	color: #C00;
}

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

/* ------------------------------------------------------------
 Base
------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	height: 100%;
	font-family: "meiryo","メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif, Osaka, verdana;
	line-height: 1.5;
	text-align: left;
	font-size: 62.5%;
	color: #FFF;
}

/* ------------------------------------------------------------
 Common Contents
------------------------------------------------------------ */
div#wrap {
	min-width: 960px;
}

div.contents {
	z-index: 1000;
	position: absolute;
	top: 15%;
	right: 10%;
	width: 600px;
}

div#container {
	background: url(../img/bgOpacity.png) repeat scroll 0 0;
	padding: 40px 40px 20px;
}

div#containerBtm {
	height: 40px;
}

h2 {
	font-size: 5em;
	text-indent: -9999px;
	margin: 0 0 40px 0;
	height: 40px;
}

h3 {
	font-size: 2.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

div.object {
	margin: 0 0 40px 0;
}

div.object p {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

table#footer {
	width: 100%;
}

td#copyright {
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: middle;
}

td#ftLogo {
	text-align: right;
}

td#ftLogo img {
	vertical-align: middle;
}

/*  h2 Title
------------------------------------------------- */

h2#ttlLive {
	background: url(../img/ttlLive.png) no-repeat scroll 0 0;
}

h2#ttlBio {
	background: url(../img/ttlBiography.png) no-repeat scroll 0 0;
}

h2#ttlDisco {
	background: url(../img/ttlDiscography.png) no-repeat scroll 0 0;
}

h2#ttlGallery {
	background: url(../img/ttlGallery.png) no-repeat scroll 0 0;
}

h2#ttlGoods {
	background: url(../img/ttlGoods.png) no-repeat scroll 0 0;
}

h2#ttlLinks {
	background: url(../img/ttlLinks.png) no-repeat scroll 0 0;
}

/* ------------------------------------------------------------
 Background
------------------------------------------------------------ */
div#background,
div#background table,
div#background td {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

div#background td {
	text-align: center;
	vertical-align: middle;
}

div#bgImg {
	height: 200%;
	position: fixed;
	width: 200%;
	left: -50%;
}

img.zoom {
	min-height: 50%;
	min-width: 50%;
}

/* ------------------------------------------------------------
 Header
------------------------------------------------------------ */
div#header {
	position: fixed;
	top: 0;
	border: 1px #000 solid;
	z-index: 1001;
	width: 100%;
	background: url(../img/bgOpacity.png) repeat scroll 0 0;
}

div#gNav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	width: 860px;
}

div#gNav ul {
	margin: 0;
	padding: 0;
}

div#gNav li {
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	cursor: pointer;
	line-height: 1.8em;
}

div#gNav li a {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
}

div#gNav li a:hover {
	color: #FFF;
	background: #666;
}

div#gNav li.selected a {
	color: #FF0;
}

div#gNav li.selected a:hover {
	color: #FF0;
}

div#gNav li img {
	vertical-align: middle;
}

/* ------------------------------------------------------------
 Top
------------------------------------------------------------ */
h1 {
	background: url(../img/ttlH1.png) no-repeat scroll 0 0;
	height: 40px;
	text-indent: -9999px;
	margin: 0 0 50px 0;
}

div#topNav {
	margin: 0 0 40px 0;
}

div#mainNav {
	margin: 0 0 40px 0;
}

div#mainNav li {
	margin-bottom: 5px;
}

div#mainNav li a {
	height: 40px;
	display: block;
	text-indent: -9999px;
}

li#mnLive a {
	background: url(../img/ttlLive.png) no-repeat scroll 0 0;
}

li#mnBio a {
	background: url(../img/ttlBiography.png) no-repeat scroll 0 0;
}

li#mnDisco a {
	background: url(../img/ttlDiscography.png) no-repeat scroll 0 0;
}

li#mnGallery a {
	background: url(../img/ttlGallery.png) no-repeat scroll 0 0;
}

li#mnGoods a {
	background: url(../img/ttlGoods.png) no-repeat scroll 0 0;
}

li#mnBlog a {
	background: url(../img/ttlBlog.png) no-repeat scroll 0 0;
}

li#mnLinks a {
	background: url(../img/ttlLinks.png) no-repeat scroll 0 0;
}

div#mainNav li a:hover {
	background-position: 0 -40px;
}

div#serviceNav ul {
    margin: 5px 0px;
    list-style: none;
    display: inline-block;
}

div#serviceNav li {
    padding: 0px;
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
}

div#serviceNav li img {
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}

div#newsArea {
	max-height: 500px;
	overflow: auto;
}

table#newsTbl {
	font-size: 1.2em;
	width: 100%;
}

table#newsTbl th {
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 0 16px 0;
	width: 20%;
}

div.new {
	font-size: 0.8em;
	color: #F00;
	font-weight: bold;
}

table#newsTbl td {
	padding: 0 0 16px 0;
}


/* ------------------------------------------------------------
 Live
------------------------------------------------------------ */
#live h3.tourName {
	font-size: 1.8em;
	line-height: 1em;
	font-weight: bold;
	color: #FC0;
}

#live div.year {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#live li {
	font-size: 1.2em;
	line-height: 1.4em;
}

#live li.date,
#live li.place {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
}

#live li.event {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
	color: #F33;
}


/* ------------------------------------------------------------
 Biography
------------------------------------------------------------ */
div.member a {
	height: 50px;
	text-indent: -9999px;
}

div#profTsunoji a {
	background: url(../img/btnMember01.png) no-repeat scroll 0 0;
	display: block;
}

div#profTsunoji a:hover {
	background: url(../img/btnMember01Hover.png) no-repeat scroll 0 0;
}

div#profRintarou a {
	background: url(../img/btnMember02.png) no-repeat scroll 0 0;
	display: block;
}

div#profRintarou a:hover {
	background: url(../img/btnMember02Hover.png) no-repeat scroll 0 0;
}

div#profAkita a {
	background: url(../img/btnMember03.png) no-repeat scroll 0 0;
	display: block;
}

div#profAkita a:hover {
	background: url(../img/btnMember03Hover.png) no-repeat scroll 0 0;
}

div.profBox {
	width: 300px;
	color: #333;
	font-size: 1.2em;
}

div.profBox li {
	margin: 0 0 5px 0;
}

li.profName {
	font-weight: bold;
}

table#hisTbl {
	font-size: 1.2em;
}

table#hisTbl th,
table#hisTbl td {
	padding: 0 10px 7px 0;
}

table#hisTbl th {
	width: 40px;
}

/* ------------------------------------------------------------
 Discography
------------------------------------------------------------ */
div.discImg {
	float: left;
}

div.discCap {
	float: right;
	width: 340px;
	margin: 0 0 50px 0;
}

h4.discTtl {
	font-size: 3em;
	font-weight: bold;
	margin: 0;
}

ul.discInfo {
	font-size: 1.2em;
	margin: 0 0 20px 0;
}

ul.discTrack li {
	font-size: 1.2em;
	padding: 5px 10px;
	background: #1F1F1F;
}

ul.discTrack li.odd {
	background: #333;
}


/* ------------------------------------------------------------
 Gallery
------------------------------------------------------------ */
div.galleryBox {
	display: inline-block;
	margin: 0 5px 10px 0;
	/display: inline;
	/zoom: 1;
}

div.galleryBox a {
	border: 3px #333 solid;
	display: block;
}

div.galleryBox a:hover {
	border: 3px #FFF solid;
}

div.galleryBox img {
	vertical-align: bottom;
	width: 50px;
	height: 50px;
}

/* ------------------------------------------------------------
 Goods
------------------------------------------------------------ */
div.goodsBox {
	display: inline-block;
	margin: 0 10px 10px 0;
	/display: inline;
	/zoom: 1;
}

div.goodsBox a {
	border: 3px #333 solid;
	display: block;
}

div.goodsBox a:hover {
	border: 3px #FFF solid;
}

div.goodsBox img {
	vertical-align: bottom;
}

/* ------------------------------------------------------------
 Links
------------------------------------------------------------ */
ul.linkList {
	font-size: 1.2em;
	width: 100%;
	border-top: 1px #666 dotted;
}

table.linkTbl {
	width: 100%;
}

table.linkTbl tr {
	border-bottom: 1px #666 dotted;
}

table.linkTbl th {
	font-weight: bold;
	padding: 10px 0;
	width: 180px;
}

ul.linkList a {
	text-decoration: none;
}

ul.linkList a:hover th {
	color: #FFF;
}

table.linkTbl td {
	padding: 10px 10px 10px 0;
}