@charset "UTF-8";
@import url("init.css");


/***** common settings *****/

body {
	background: #ffffff none;
	color: #777369;
	font-size: 16px;
	line-height: 160%;
}

a {
	text-decoration: underline;
}

a:link {
	color: #e66323;
}

a:visited {
	color: #6b8da1;
}

a:hover {
	color: #ff9900;
}

.phoneOnly, .tabletOnly, .pcOnly {
	display: none;
}

#contentPane {
	position: relative;
}

.social-button-container {
	display: table;
	margin: 0px 0px 0px auto;
}

.social-button-item {
	display: table-cell;
	padding: 0px;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
}

.documentPiece {
	margin-bottom: 4em;
}

#scrollUp img {
	display: none;
}

#footerPane {
	padding-bottom: 10px;
	color: #d1beaa;
	font-size: 12px;
	line-height: 150%;
}

#copyright {
	text-align: center;
}

#lbox-background {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000 none;
	opacity: 0.8;
	display: none;
}

#lbox-container {
	position: fixed;
	left: 10px;
	top: 10px;
	padding: 0px;
	background: #ffffff none;
	border-radius: 10px;
	display: none;
}

#lbox-content-image {
	margin: 10px;
}

#lbox-closer {
	margin: 0px 10px;
	text-align: right;
}

#previewsign {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	background: #ff0000;
	color: #ffffff;
	font-size: 90%;
	line-height: 100%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	z-index: 999;
}

.cppagecontrol {
	list-style: none;
	display: table;
	margin: 0px auto;
}

.cppagecontrol li {
	display: table-cell;
	line-height: 100%;
	padding: 2px 7px;
}



/***** for Phones *****/

@media only screen and (max-width:759px) {
	.phoneOnly {
		display: block;
	}
	
	#scrollUp {
		text-align: center;
		margin-bottom: 25px;
	}
	
	#scrollUp img {
		display: inline;
	}
	
	.dpBody {
		margin-left: 20px;
		margin-right: 20px;
	}
}


/***** for Tablets *****/

@media only screen and (min-width: 760px) and (max-width: 1051px) {
	body {
		font-size: 18px;
		line-height: 160%;
	}
	
	.tabletOnly {
		display: block;
	}
	
	#contentPane {
		width: 685px;
		margin: 0px auto;
	}
	
	#menu-tablet {
		width: 685px;
		margin: 0px auto;
		margin-bottom: 15px;
		line-height: 100%;
	}
	
	#scrollUp {
		text-align: center;
		margin-bottom: 35px;
	}
	
	#scrollUp img {
		display: inline;
	}
	
	/* menu */
	
	#menu-tablet table {
		margin-left: 24px;
	}
	
	#menu-tablet-1 {
		border-bottom: #d1beaa 1px solid;
	}
	
	.mtborder {
		padding: 14px 0px;
	}
	
	.mtcell {
		padding: 14px;
	}
	
	#menu-tablet div {
		height: 14px;
		overflow: hidden;
	}
	
	#menu-tablet a {
		display: block;
		padding-top:50px;
		background-repeat: no-repeat;
	}
	
	#menu-tablet a:link {
		margin-top: 0px;
	}
	
	#menu-tablet a:hover {
		margin-top: -14px;
	}
	
	#tgn1 a {
		background-image: url("image/menut_information.png");
		width: 138px;
	}
	
	#tgn2 a {
		background-image: url("image/menut_profile.png");
		width: 78px;
	}
	
	#tgn3 a {
		background-image: url("image/menut_discography.png");
		width: 137px;
	}
	
	#tgn4 a {
		background-image: url("image/menut_works.png");
		width: 68px;
	}
	
	#tgn5 a {
		background-image: url("image/menut_live.png");
		width: 42px;
	}
	
	#tgn6 a {
		background-image: url("image/menut_radio.png");
		width: 59px;
	}
	
	#tgn7 a {
		background-image: url("image/menut_circle.png");
		width: 68px;
	}
	
	#tgn8 a {
		background-image: url("image/menut_blog.png");
		width: 51px;
	}
	
	#tgn9 a {
		background-image: url("image/menut_fanclub.png");
		width: 88px;
	}
	
	#tgn10 a {
		background-image: url("image/menut_contact.png");
		width: 94px;
	}
}


/***** for PC *****/

@media only screen and (min-width: 1052px) {
	.pcOnly {
		display: block;
	}
	
	#menu-pc {
		padding-top: 42px;
		margin-bottom: 32px;
		line-height: 100%;
	}
	
	#contentPane {
		width: 1000px;
		margin: 0px auto;
		margin-bottom: 30px;
	}
	
	/* menu */
	
	#menu-pc table {
		margin: 0px auto;
	}
	
	#menu-pc td {
		padding: 0px 10px;
		vertical-align: middle;
	}
	
	#menu-pc div {
		height: 11px;
		overflow: hidden;
	}
	
	#menu-pc a {
		display: block;
		padding-top:50px;
		background-repeat: no-repeat;
	}
	
	#menu-pc a:link {
		margin-top: 0px;
	}
	
	#menu-pc a:hover {
		margin-top: -11px;
	}
	
	#gn1 a {
		background-image: url("image/menu_information.png");
		width: 104px;
	}
	
	#gn2 a {
		background-image: url("image/menu_profile.png");
		width: 58px;
	}
	
	#gn3 a {
		background-image: url("image/menu_discography.png");
		width: 102px;
	}
	
	#gn4 a {
		background-image: url("image/menu_works.png");
		width: 51px;
	}
	
	#gn5 a {
		background-image: url("image/menu_live.png");
		width: 31px;
	}
	
	#gn6 a {
		background-image: url("image/menu_radio.png");
		width: 44px;
	}
	
	#gn7 a {
		background-image: url("image/menu_circle.png");
		width: 51px;
	}
	
	#gn8 a {
		background-image: url("image/menu_blog.png");
		width: 38px;
	}
	
	#gn9 a {
		background-image: url("image/menu_fanclub.png");
		width: 65px;
	}
	
	#gn10 a {
		background-image: url("image/menu_contact.png");
		width: 70px;
	}
}