/*
	==========================================
	ericat - Cascading Style Sheets
	http;//ericat.net/
	==========================================
	[ General CSS ]	/css/styles.css
	Revision : 1.2
	==========================================
	Coded by Atushi Terada / Koichi Kiga
	Copyright (c) 2006 TOKYO ANAGRAM
	http;//anagram.jp/
	==========================================
*/


/* ▼ 基本レイアウト ======================================== */

.onPrint {
	display: none;
}

* {
	margin: 0;
	padding: 0;
}

BODY {
	text-align: center;
	background-color: black;
}

/* ▼ レイアウト要素 ======================================== */
#container {
	position: relative;
	text-align: left;
	background-image: url(/images/body_bg.jpg);
	background-repeat: no-repeat;
	width: 540px;
	margin: 0 auto;
}

#body { 
	padding-left: 151px;
	background-repeat: no-repeat;
	background-color: black;
}

#footer {
	padding: 10px 0 0 152px;
	width: 540px;
	height: 80px;
}

/* ▼ パーツレイアウト ======================================== */

H1 A,H1 A:hover {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	width: 540px;
	height: 125px;
}

#header P { display: none; }


/* ▼ パーツデザイン ======================================== */

H2 {
	position: absolute;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
}

H3 {

}

#body .contents OL { margin-left: 2.5em; }

#body .contents UL { list-style: none; margin-left: 0.5em; }
#body .contents UL LI {
	padding-left: 18px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left top;
}

#body .contents UL.link LI { background-image: url(); }
#body .contents A.arrow {
	padding: 2px 0 3px 15px;
	background-image: url();
	background-repeat:no-repeat;
	background-position:left center;
}
#body .contents A.arrow:hover { background-image: url(); }

#body .contents .box { border: 1px solid #666666; padding: 10px; margin-bottom: 10px;}
#body .contents .hr { border-bottom: 1px dotted #666666; padding-bottom: 7px; margin-bottom: 10px; }

#body .contents .alignRight { text-align:right; }
#body .contents .alignCenter,#body .contents .button_area { text-align: center; }


/* ▼ マージン指定 ======================================== */

H2, H3, H4, H5, H6 { margin-bottom: 20px; }
#body .contents .section { padding: 0 20px; margin-bottom: 40px; }
#body .contents .section P { text-indent: 1.2em; margin-bottom: 10px; }
#body .contents P { margin-bottom: 10px; }
#body .contents LI { margin-bottom: 7px; }
#body .contents DT { margin-top: 20px; }
#body .contents DD { text-indent: 2px; }
#body .contents .marginTop { margin-top: 20px; }
#body .contents .marginBottom { margin-bottom: 20px; }

/* ▼ フォント指定 ======================================== */

BODY, TH, TD {
	color: #FDC070;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	font-size: 10px;
	font-style: normal;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}

H2, H3, H4, H5, H6, CAPTION { font-size: 1.2em; font-weight: bold; }

H2 { color: white; font-size: 1.5em; }
H3, H5 { color: #FDC070; font-size: 1.2em; }
TH, DT { color: #FDC070 ; font-size: 1.1em; font-weight: bold; }
H4, H6, CAPTION, STRONG { color: #FDC070; }

A { color: #FDC070; text-decoration: none; }
A:visited { color: #FDC070; }
A:hover { color: #ffff99; text-decoration: underline; }

#body .contents .small, #footer { font-size: 0.9em; letter-spacing: 0; }

#body .contents .caution { color: red; font-size: 0.9em; }

#footer .copyright { font-size: 9px; }

/* ▼ メインメニュー ======================================== */

#globalNav {
	position: absolute;
	left: 0;
	top: 125px;
	width: 123px;
	height: 400px;
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
}

#globalNav UL { list-style: none; }
#globalNav li a {
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 123px;
	height: 43px;
}
#globalNav LI.profile a { background-image: url(../images/menu_profile.gif); }
#globalNav LI.gallery a { background-image: url(../images/menu_gallery.gif); }
#globalNav LI.concert a { background-image: url(../images/menu_concert.gif); }
#globalNav LI.cd a { background-image: url(../images/menu_cd.gif); }
#globalNav LI.links a { background-image: url(../images/menu_links.gif); }
#globalNav LI.email a { background-image: url(../images/menu_email.gif); }

#globalNav li.profile a:hover, #globalNav li.profile_s a {	background-image: url(../images/menu_profile_o.gif); }
#globalNav li.gallery a:hover, #globalNav li.gallery_s a {	background-image: url(../images/menu_gallery_o.gif); }
#globalNav li.concert a:hover, #globalNav li.concert_s a {	background-image: url(../images/menu_concert_o.gif); }
#globalNav li.cd a:hover, #globalNav li.cd_s a {	background-image: url(../images/menu_cd_o.gif); }
#globalNav li.links a:hover, #globalNav li.links_s a {	background-image: url(../images/menu_links_o.gif); }
#globalNav li.email a:hover, #globalNav li.email_s a {	background-image: url(../images/menu_email_o.gif); }


/* ▼ トップページ ======================================== */

#container.top #body {
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 400px;
}

#container.top #body .contents {
	display: none;
}


/* ▼ プロフィール ======================================== */


#container.profile #profile_photo_01 {
	float: left;
	margin: 0 20px 20px 0;
}




/* ▼ ギャラリー ======================================== */

#container.gallery #gallery_photo li {
	display: inline;
	margin: 0;
	padding: 0;
}

#container.gallery #gallery_photo_index ul { width: 360px; }
#container.gallery #gallery_photo_index li {
	display: block;
	float: left;
	clear: right;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 0;
}