/*
	==========================================
	Astraia Spirits - Cascading Style Sheets
	http;//www.astraiaspirits.com/
	==========================================
	[ General CSS ]	/css/general.css
	Revision : 1.0
	==========================================
	Coded by Atushi Terada / Siichi Sakuraba
	Copyright (c) 2005 TOKYO ANAGRAM
	http;//www.tokyoanagram.com/
	==========================================
*/


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

.onPrint {
	display: none;
}

* {
	margin: 0;
	padding: 0;
}

BODY {
	/* テキスト設定 */
	text-align: center;
	/* ブロック設定 */
	background-color: black;
	background-image: url(../images/background_00.gif);
}

#layoutContentsArea {
	/* テキスト設定 */
	text-align: left;
	/* ブロック設定 */
	background-color: #2094DD;
	background-image: url(../images/background_02.jpg);
	background-repeat: no-repeat;
	width: 700px;
	margin: 0 auto;
}

#layoutBody {
	/* ブロック設定 */
	float: left;
	clear: right;
	background-color: white;
	background-image: url(../images/background_paper_02.jpg);
	background-repeat: repeat-y;
	width: 440px;
	margin: 20px 0 40px 30px;
}

#layoutBodyContents {
	/* ブロック設定 */
	background-image: url(../images/background_paper_01.jpg);
	background-repeat: no-repeat;
	padding: 20px;
}

#pageNavigation {
	text-align: right;
	margin-top: 20px;
}

#layoutFooter {
	/* テキスト設定 */
	text-align: center;
	/* ブロック設定 */
	clear: both;
	background-color: #ffffee;
	height: 60px;
	padding: 20px 0;
}

.columnLeft {
	width: 190px;
	float: left;
	clear: right;
	margin-right: 20px;
}

.columnRight {
	width: 190px;
	float: left;
	clear: right;
}

.membersLeft {
	width: 120px;
	float: left;
	clear: right;
	margin-right: 20px;
}

.membersRight {
	width: 260px;
	float: left;
	clear: right;
}

.activitiesLeft {
	width: 120px;
	float: left;
	clear: right;
	margin-right: 20px;
}

.activitiesRight {
	width: 215px;
	float: left;
	clear: right;
}

.full {
	clear: both;
}

/* ▼ サイドメニュー ======================================== */

#sideMenu {
	width: 180px;
	float: left;
	clear: right;
	margin: 120px 0 40px 0;
	padding-left: 20px;
}

#sideMenu ul, #sideMenu ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

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

IMG {
	vertical-align: top;
	border-style: none;
}

IMG.left {
	/* ブロック設定 */
	float: left;
	clear: right;
	margin: 5px 10px 10px 0;
}

IMG.right {
	/* ブロック設定 */
	float: right;
	clear: left;
	margin: 5px 0px 10px 10px;
}

IMG.linkArrow {
	/* ブロック設定 */
	margin-right: 7px;
}
IMG.blockIMG { display: block; }
H1 {
	/* ブロック設定 */
	display: none;
	background-color: white;
	text-align: left;
	width:700px;
	margin: 0 auto;
	padding: 20px 0;
}

UL, OL {
	margin-left: 28px;
}

UL {
	list-style-image: url(/images/ul.gif);
}

UL.noMark {
	margin-left: 0;
	list-style-type: none;
	list-style-image: none;
}

UL.noMark LI {
	margin-bottom: 20px;
}

UL.link {
	list-style-image: url(/images/link_arrow_01.gif);
	margin-left: 30px;
}

UL.link LI {
	line-height: 17px;
	margin-bottom: 7px;
	padding-left: 5px;
}

DL {
	margin-top: 10px;
}

DT {
	/* テキスト設定 */
	text-align: left;
	/* ブロック設定 */
	background-image:url(/images/dt.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

DD {
	/* テキスト設定 */
	text-align: left;
	/* ブロック設定 */
	padding: 0 0 7px 20px;
}

DIV.text {
	/* ブロック設定 */
	clear: both;
	margin: 0 5px 20px 5px;
}

P {
	/* テキスト設定 */
	text-indent: 13px;
	margin: 5px 0px 5px 0px;
}

P.noindent {
	text-indent: 0;
}

HR {
	clear: both;
	margin: 30px 0;
}

.both {
	clear: both;
}

#layoutBody .rightBottom { text-align: right; border-top: 1px solid #2FA7B5; margin-top: 25px; padding-top:10px; }

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

BODY, TD {
	/* テキスト設定 */
	color: #000000;
	font-family: "ヒラギノ丸ゴ Pro W4", "HiraMaruPro-W4", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
	font-size: 12px;
	font-style: normal;
}

CAPTION, H3 {
	/* テキスト設定 */
	color: #0087D3;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	/* ブロック設定 */
	display: block;
	background-image: url(../images/h3.gif);
	background-repeat: no-repeat;
	height: 54px;
	padding: 13px 0 0 34px;
	margin-bottom: 5px;
}

H4 {
	/* テキスト設定 */
	color: #0087D3;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	/* ブロック設定 */
	display: block;
	background-image: url(../images/h4.gif);
	background-repeat: no-repeat;
	padding: 6px 0 12px 36px;
}

H5 {
	/* テキスト設定 */
	color: #2FA7B5;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	/* ブロック設定 */
	background-image:url(/images/h5.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

H6, STRONG, TABLE TR TH, DT, DIV.h3 {
	color: #2FA7B5;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

STRONG.red {
	color: #FF0000;
}

.caution {
	color: red;
	font-size: 0.8em;
}

#layoutFooterNavigation {
	/* テキスト設定 */
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0px;
	line-height: 18px;
}

#layoutFooterNavigation A {
	/* テキスト設定 */
	color: #497115;
	text-decoration: none;
}

#layoutFooterNavigation A:hover {
	/* テキスト設定 */
	color: #999145;
}

ADDRESS {
	/* テキスト設定 */
	font-size: 9px;
	letter-spacing: 0px;
	font-style: normal;
	/* ブロック設定 */
	margin-top: 3px;
}

A {
	color: #2FA7B5;
}

A:hover {
	color: #0087D3;
}

/* ▼ 行間（マージン）指定 ======================================== */

H3.image {
	margin-bottom: 20px;
}

H3, H4 {
	margin-top: 24px;
}

H5 {
	margin: 12px 0 5px 0;
}

H3.top, H4.top, H5.top {
	margin-top: 6px;
}

#layoutBodyContents>H3:first-child, .blockText>H4:first-child {
	margin-top: 0;
}

INPUT, SELECT,TEXTAREA {
	/* ブロック設定 */
	margin-bottom: 10px;
}

STRONG.subTop {
	display: block;
	padding-top: 10px;
	margin-left: 32px;
	margin-bottom: 0px;
}

DIV.h3 {
	text-align: right;
	position: relative;
	width: 400px;
	bottom: 22px;
	left: 0;
	margin: 0;
	padding: 0;
}

.noMargin {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}

.activitiesLeft, .activitiesRight {
	margin-top: 10px;
	margin-bottom: 12px;
}

.activitiesRight H5 {
	margin-top: 0;
}

.hr {
	margin: 20px 0;
}

.blockText {
	padding: 0 20px;
}

.marginRight {
	margin-right: 12px;
}

.marginLeft {
	margin-left: 12px;
}

.marginTop {
	margin-top: 20px;
}

.marginBottom {
	margin-bottom: 20px;
}

/* ▼ 表組指定 ======================================== */
TABLE {
	width: 400px;
}
TABLE TR TH, TABLE TR TD {
	text-align: left;
	padding: 0 10px 5px 0;
}
CAPTION {
	background-image: url(../images/line_table_caption.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 30px;
}

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

#layoutTopFrame {
	/* ブロック設定 */
	width: 700px;
	height: 400px;
	background-color: black;
	background-image: url(../images/top_frame.jpg);
	background-repeat: no-repeat;
	margin: 20px auto 0 auto;
}

#layoutTopFlash {
	/* ブロック設定 */
	padding: 30px;
}

#layoutFooterTop {
	/* テキスト設定 */
	color: white;
	font-size: 10px;
	/* ブロック設定 */
	display: block;
	width: 700px;
	height: 90px;
	background-color: black;
	background-image: url(../images/top_footer.jpg);
	background-repeat: no-repeat;
	margin: 0 auto 20px auto;
}

#layoutFooterTopRight #layoutFooterNavigation {
	/* テキスト設定 */
	font-weight: normal;
}

#layoutFooterTopPadding {
	/* ブロック設定 */
	padding: 10px;
}

#layoutFooterTopLeft {
	/* テキスト設定 */
	text-align: left;
	/* ブロック設定 */
	width: 340px;
	float: left;
	clear: right;
}

#layoutFooterTopLeft UL {
	/* リスト設定 */
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

#layoutFooterTopRight {
	/* テキスト設定 */
	text-align: right;
	/* ブロック設定 */
	width: 340px;
	float: left;
	clear: right;
}

#layoutFooterTopRight #layoutFooterNavigation A {
	/* テキスト設定 */
	color: #2FA7B5;
	text-decoration: none;
}

#layoutFooterTopRight #layoutFooterNavigation A:hover {
	/* テキスト設定 */
	color: #999145;
}

#layoutFooterTopLeft LI {
	margin-bottom: 1px;
}

/* ▼ INFORMATION ======================================== */

#layoutBody.information LI {
	margin-bottom: 0;
}
#layoutBody.information H4 {
	margin-top: 5px;
}


/* ▼ MUSEUM ======================================== */

.flash_display {
	text-align: center;
}

#menu_museum {
	margin-top: 20px;
	border: none;
}

#layoutBody A.museumBunner {
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/museum_bunner.gif);
	width: 410px;
	height: 80px;
}

#layoutBody A:hover.museumBunner {
	background-image: url(../images/museum_bunner_o.gif);
}