@charset "utf-8";
/*
Theme name: Marie
Theme URI: http://www.marie-music.jp
Description: Marie
Author: T3-FACTORY
*/





/* 再定義 */
body { background-color: #000000; font-size: 12px; color: #FFFFFF; margin: 0px; }

h1 {
	font-size: 12px; color: #FFFFFF; font-weight: bold; letter-spacing: 1px;
	margin: 0px; padding: 8px 0px 0px;	
}
h2 {
	background-color: #990033; background-image: url(images/bg_h2.gif); background-repeat: repeat-y; background-position: right top;
	font-size: 12px; color: #FFFFFF; font-weight: bold;
	padding: 5px 10px ; margin-bottom: 20px;
	border-top: solid 1px #CB376E;
	border-right: solid 1px #7F002B;
	border-bottom: solid 1px #7F002B;
	border-left: solid 1px #CB376E;
}
h3 {
	background-color: #FFFFFF; background-image: url(images/bg_h3.gif); background-repeat: no-repeat; background-position: right;
	font-size: 12px; color: #990033;
	padding: 5px 10px; margin: 0px;
	border-top: solid 1px #999999;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #999999;	
}

p { line-height: 135%; margin-top: 5px; margin-bottom: 5px; }
td,th { padding-left: 1em; }
th a { font-weight: normal; }
ol { margin: 0px; padding-left: 3em; }
address { font-style: normal; line-height: 200%; }
strong { font-weight: bold; }
cite { font-style: normal; }

a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #FFFF00; }

.markup { color: #FFFF00; }
.copylight {
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 30px;
}
.clear { clear: both; }




#BOX {}
/* 構造用ボックス */
#box { width: 760px;  text-align: left; margin: 0px auto; }


#HEADER {}
/* ヘッダ */
#header { height: 200px; background-image: url(images/bg_head.jpg); background-repeat: no-repeat; }
#header img { margin-top: 45px; margin-left: 10px; }


/* メニュー */
#menu { letter-spacing: 1px; }
#menu ul { margin: 0px; padding: 0px; }
#menu li { float: left; margin: 0px; list-style-type: none; text-align: center; }
#menu li a {
	background-image: url(images/button1.gif); background-repeat: no-repeat;
	width: 95px; height: 24px; display: block;
	color: #FFFFFF; line-height: 24px; text-decoration: none;	
}
#menu li a:hover {
	background-image: url(images/button2.gif); background-repeat: no-repeat;
	width: 95px; height: 24px; display: block;
	color: #990033; line-height: 24px; text-decoration: none;
}


#BREAD {}
/* パンくず */
#bread {
	background-image: url(images/bg_bread.gif);
	letter-spacing: 1px;
	padding: 3px 0px 3px 10px; margin-bottom: 30px;
}


#CONTENTS {}
/* コンテンツ部分ボックス */
#contents { padding-bottom: 20px; }

	#MAIN {}
	/* メインエリアボックス */
	#mainarea {
		width: 520px; float: left;
		border-right: dashed 1px #666666;
		padding-right: 20px;
	}

	#SUB {}
	/* サブエリアボックス */
	#subarea { width: 198px; float: left; margin-left: 20px;  }
	#subarea h2 {
		background-image: url(images/bg_h2_s.gif);
		color: #FFFFFF; text-align: center; letter-spacing: 1px;
		border-top: solid 1px #999999; border-right: solid 1px #333333; border-bottom: solid 1px #333333; border-left: solid 1px #999999;
	}
	#subarea h3 {
		background-image: none;
		padding: 2px 2px 2px 5px; margin-left: 20px;
	}
	#subarea p { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
	#subarea ul { margin: 5px 0px 20px 20px; padding: 0px; }
	#subarea li { margin: 0px 0px 5px; padding: 0px; list-style-type: none; }
	#subarea li a {
		background-image: url(images/arrow1.gif); background-repeat: no-repeat; background-position: left;	
		text-decoration: underline; padding-left: 35px;
	}
	#subarea li a:hover {
		background-image: url(images/arrow2.gif); background-repeat: no-repeat; background-position: left;
		text-decoration: underline; padding-left: 35px;
	}


#FOOTER {}
/* フッター */
#footer {
	background-image: url(images/bg_decoration.gif); background-position: center top; background-repeat: no-repeat;
	text-align: center; padding: 40px 0px 10px;
}


#HISTORY {}
/* ヒストリー */
.histdate { text-align: right; vertical-align: top; }


#LINK {}
/* リンク */
.linktitle { background-color: #333333; width: 150px; vertical-align: top; }


#BlockCommon {}
/* （共通） */
.blockA, .blockB, .blockC  { margin-bottom: 20px; margin-left: 20px; }
.blockD { margin-bottom: 20px; margin-left: 20px; }
.blockA img, .blockB img { float: left; }
/* 文字バック */
.spec { padding: 5px 10px; background-color: #333333; }
/* 文字バック（画像160px高さ揃え） */
.specig { height: 125px; padding: 5px 10px; background-color: #333333; }
/* 文字バック内はfloatオフ */
.spec img, specig img { float: none; }
/* 投稿日 */
.postdate { font-size: 10px; text-align: right; border-top: dotted 1px #999999;  padding-top: 3px; margin-top: 10px; }

	#BlockA {}
	/* 左画像100px-右説明（2カラム-メイン用） */
	.infoA { float: left; margin-left: 20px; width: 360px; }
		
	#BlockB {}
	/* 左画像160px-右説明（2カラム-メイン用） */
	.infoB { float: left; margin-left: 20px; width: 300px; }
		
	#BlockC {}
	/* 上画像480px-下説明（1カラム用） */
	.blockC img { margin-bottom: 20px; }
	.blockC h3 { color: #FFFFFF; background-color: #333333; background-image: none; }
	.blockC p { text-indent: 1em; }
	
	#BlockD {}
	/*  注文ページトップのみ使用 */
	.blockD h3 { background-image: none; padding: 2px 2px 2px 5px; }
	
/* カレンダー */
#calendar {}

#calendar table	{
	font-size: 9px;
	text-align: center;
	margin-left: 20px;
	}
	
/* コメント部分 */
.comnavi { padding: 5px; }
.comarea { background-color: #333333; padding: 20px; }
.comarea ol { list-style-type: none; margin: 0px;padding-left: 0px; }
.compost { margin-bottom: 20px; }

.comnumber { background-color: #000000; border: solid 1px #FFFFFF; padding: 3px; }
.comtext { padding: 5px 0px; }
.comdate { font-size: 10px; text-align: right; border-top: dotted 1px #999999;  padding-top: 3px; padding-bottom: 20px; }