@charset "UTF-8";

@import "init.css";

/* font size */
#demo1 {font-size:85%;}  /*renders 11px */
#demo2 {font-size:100%;} /*renders 13px */ 
#demo3 {font-size:108%;} /*renders 14px */
#demo4 {font-size:123.1%;} /*renders 16px */
#demo5 {font-size:138.5%;} /*renders 18px */

/* --------------------------------------- */
/* 要素ズ */
html, body { background: #976d55 url("../images/lesQuatreMains_bg_1.png"); }

body {
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	color: #eee2cf;
}

/* a 要素 */
a {
	color: #fffff0;
	font-weight: bold;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	transition:0.4s;
}

a:hover {
	color: #4B2E21;
	text-decoration: none;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	transition:0.4s;
}

a:active {
	position: relative;
	left: 1px;
	top: 1px;
}


/* p 要素 */
p,ul,dl{
	padding-bottom: 12px;
}

/* ul 要素 */
ul {
	list-style: none;
}

/* heading 要素*/

/* padding-left(共通) */
h2,h3,h4,h5{	clear: both; padding-left: 24px;}

/* margin-bottom */
h2,h3,h4,h5,.h2h3 {margin-bottom:10px;}
.h2h3 h2,
.h2h3 h3{margin-bottom: 0;}

/* 背景色 */
/*
h2,h3,
.h2h3 {	background-color: #4b2e21;}
h4,h5 {	background-color: #623c2b;}
*/

/* 背景画像 */
h1{}
h2    {	background-image: url("../images/lesQuatreMains_bg_h2_1.png");}
h3    {	background-image: url("../images/lesQuatreMains_bg_h3_1.png");}
.h2h3 {	background-image: url("../images/lesQuatreMains_bg_h2h3_1.png");}
.h2h3 h2,
.h2h3 h3{	background:transparent none;}
h4    {	background-image: url("../images/lesQuatreMains_bg_h4_1.png");}
h5    {	background-image: url("../images/lesQuatreMains_bg_h5_1.png");}

/* padding */
h2{	padding-top:13px;padding-bottom:11px;}
h3,h4,h5{	padding-top:8px;padding-bottom:8px;}
.h2h3 h2{	padding-top:13px;padding-bottom:6px;}
.h2h3 h3{	padding-top:5px;padding-bottom:14px;}

/* 文字 */
h2,h3,h4,h5{line-height:1;font-weight:bold;}
h2{	color:#eee2cf;font-size:138.5%;/*18px*/}
h3{	color:#b18962;font-size:108%;/*14px*/}
h4{	color:#eee2cf;font-size:108%;/*14px*/}
h5{	color:#b18962;font-size:108%;/*14px*/}

h3 strong{ color:#eee2cf;}

/* テキストシャドウ */
h2{text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.80);}
h3{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.64);}
h4,h5{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}

/* IE6用 */
.h2h3{
	height: 70px;
}
h2{height:18px;}
h3,h4,h5{height:14px;}

/* hr 要素 */
hr {
	clear: both;
	border-top: 1px solid #eee2cf;
}


/* --------------------------------------- */
/* レイアウト 共通部*/

/* --------------------------------------- */
/* ページをセンタリング */
#page {
	position: relative;
	width: 950px;
	padding-top: 20px;
	margin:0 auto;
}

/* --------------------------------------- */
/* ヘッダ */
#globalHeader {
	height: 288px;
	background: url("../images/lesQuatreMains_topImage_950x288_1.jpg"); no-repeat;
}

#globalHeader h1 {
	text-indent: -5000em;
}

/* --------------------------------------- */
/* グローバルナビゲーション */
#gNav {
	line-height: 1;
	height: 36px;
	background: url("../images/lesQuatreMains_bg_gNav_1.png") no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

#gNav ul {
	padding: 12px 6px 11px 6px;
}

#gNav ul li {
	float: left;
	width: 134px;
	font-weight: bold;
	text-align: center;
}

#gNav li a {
	text-decoration: none;
	text-shadow: 0px 2px 3px #000;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	transition:0.8s;
}

#gNav li a:hover {
	color: #fffff0;
	text-decoration: underline;
	text-shadow: 0px 2px 12px rgba(255,255,255,0.8);
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	transition:0.8s;
}

/* --------------------------------------- */
/* メイン */

/* --------------------------------------- */
/* トップのプロモーション */
#DMYT{}
#DM_image{
	width:358px;
	float:left;
}
#YT_box{
	width:582px;
	float:right;
}

/* --------------------------------------- */
/* コンサート情報 */

/* 基本情報 */
.concertInfoPrimal {
	font-size: 123.1%; /* 16px */
}

ul.concertInfoPrimal strong{
	font-weight: bold;
}

dl.concertInfoPrimal{
	line-height: 1;
}

dl.concertInfoPrimal dt {
	font-weight: bold;
	width: 64px;
	margin-bottom: -16px;
}

dl.concertInfoPrimal dd {
	margin-bottom: 8px;
	margin-left: 64px;
}

dl.concertInfoPrimal dd ul li {
	padding-bottom:8px;
}

/* 詳細情報 */
.concertInfoDetails {
	line-height: 1;
}

.concertInfoDetails dt {
	font-weight: bold;
	width: 52px; /* 4em */
	margin-bottom: -13px; /* -1em */
}

.concertInfoDetails dd {
	margin-bottom: 10px;
	margin-left: 39px; /* 3em */
}

/* 見出しが3文字以上の場合 */
.chr_3 dd {
	margin-left: 52px; /* 4em */
}

.chr_3 dt {
	width: 48px;
	text-align: right;
}

.concertInfoDetails dd ul li {
	padding-bottom:8px;
}



/* 演奏曲目 */
.concertInfoProgram li strong.composer{
	font-weight: bold;
}
dl.concertInfoProgram{
	line-height: 1;
}
dl.concertInfoProgram dt {
	font-weight: bold;
	width: 4em;
	margin-bottom: -1em;
}

dl.concertInfoProgram dd {
	margin-bottom: 1em;
	margin-left: 3em;
}

dl.concertInfoProgram dd ul li {
	padding-bottom:8px;
}


/* --------------------------------------- */
/* CD情報 */
.cdSongList {
	margin-top: 0;
	padding-top: 0;
}

.cdSongList dt {
	font-size: 123.1%; /* 16px */
	font-weight: bold;
}

.cdSongList dd {
	padding: 0 0 0 4px;
	margin:0 0 8px 0;
}

.cdDescription{
	float: right;
	font-weight: bold;
	width: 530px;
	padding: 12px 0;
	font-size: 108%; /* 14px */
	padding-bottom: 24px;
}

.cdDescription p {
	padding-bottom: 10px;
}

.cdDescription p span,
.cdDescription p em,
.cdDescription p strong{
	font-weight: normal;
}

.cdImgContainer {
	float: left;
	width: 400px;
	padding: 12px 0;
	padding-bottom: 24px;
}

.cdPriceInfo {
	/*font-size: 123.1%;*/ /* 16px */
}

.cdPriceInfo span {
	font-weight: bold;
}

.recordCompany dd {
	margin-left:0;
}

/* --------------------------------------- */
/* プロフィール */
.profImgContainer
{
	float: left;
	width: 410px;
	position: relative;
	left: -14px;
}

.profDescription
{
	font-size: 108%; /* 14px */
	font-weight: bold;
	width: 540px;
	float: right;
	padding: 10px 0;
}

.profDescription p {
	padding-bottom: 10px;
}

.profDescription p span,
.profDescription p em,
.profDescription p strong{
	font-weight: normal;
}
/* --------------------------------------- */
/* リンク情報 */
.linkList dt {
	font-weight: bold;
	font-size: 108%; /* 14px */
}

.linkList dd {
	margin:0 0 8px 1em;
}

/* --------------------------------------- */
/* フッタ */
#globalFooter {
	font-size:123.1%;/* 16px */
	padding:8px 0;
}

#globalFooter p {
	color: #4B2E21;
	text-align: center;
	font-family: arial,sans-serif;
	font-weight: bold;
}


/* --------------------------------------- */
/* 細かいクラス */
.toTop {
	padding: 12px 4px 0 0;
	text-align: right;
}

.toTop a {
	color: #4B2E21;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	transition:0.8s;
}

.toTop a:hover {
	color: #fffff0;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	transition:0.8s;
}

.npnm {
	padding: 0;
	margin: 0;
}

.inq_cd_form table {
	padding: 12px 4px;
}

.articleBlock {
	padding-top:10px;
	margin-bottom: 30px;
}

.intro {
	padding: 12px 0;
	font-size: 108%; /* 14px */
}

.attention {
	color: #ff9900;
	font-weight: bold;
}

img.sh {
	display: block;
	position:relative;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.72);
	-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.72);
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.72);
}

/* --------------------------------------- */
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	height: 1px;
	clear: both;
	overflow: hidden;
	}
/*\*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/