@charset "UTF-8";
/* CSS Document */

#contents{
	width: 775px;
	margin: 0;
	padding: 0;
	float: right;
}

#contentsL{
	width:480px;
	float:left;
	margin: 0 12px 0 0;
	padding: 0;
}

#contentsR{
	width: 278px;
	float: left;
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------------
　バナー共通　角丸＆ドロップシャドー
--------------------------------------------------------*/
.radius {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	_border-radius: 0px; /* DDbelatedPNGとコンフリクトするため、IE6は角丸なしで妥協 */
	position: relative;
}

.frame_white {
	-moz-box-shadow: 0px 0px 4px #aaa; /* Firefox */
	-webkit-box-shadow: 0px 0px 4px #aaa; /* Safari, Google Chrome */
	box-shadow: 0px 0px 4px #aaa;
	behavior: url(js/PIE.htc); /* CSS3 for IE */
	position: relative;
}

.frame_color {
	-moz-box-shadow: 0px 0px 4px #999; /* Firefox */
	-webkit-box-shadow: 0px 0px 4px #999; /* Safari, Google Chrome */
	box-shadow: 0px 0px 4px #999;
	behavior: url(js/PIE.htc); /* CSS3 for IE */
	position: relative;
}


/*--------------------------------------------------------
　東日本大震災メッセージ
--------------------------------------------------------*/
#pray{
	width: 770px;
	margin: 0 0 10px;
	padding: 15px 0;
	background-color: #fff;
}

#pray p {
	text-align: center;
	margin: 0;
}

/*--------------------------------------------------------
　最新情報（2012.04.13よりメインカラム上部へ移動）
--------------------------------------------------------*/
#hottopics {
	width: 760px;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 10px;
}

#hottopics .hottopics-header {
	width: 153px;
	height: 88px;
	float: left;
	background: #f9f9f3 url(../images/bg_header-stripe.gif) repeat left top;
}

#hottopics .hottopics-header h2 {
	margin: 2px 0 0 -15px;
}

#hottopics .hottopics-header p {
	margin: 0 0 0 5px;
}

#hottopics .hottopics-content {
	width: 583px;
	height: 72px;
	_float: left; /* IE6 カラム落ち対策 */
	padding: 8px 12px;
	overflow: auto;
}

#hottopics .hottopics-content a {
	color: #09f;
}

#hottopics .hottopics-content dl {
	font-size: 12px;
	line-height: 18px;
}

#hottopics .hottopics-content dl dt {
	float: left;
	clear: both;
	font-weight: bold;
	margin: 0 0.5em 0 0;
}

#hottopics .hottopics-content dl dd {
	font-weight: bold;
}


/*--------------------------------------------------------
　特別企画
--------------------------------------------------------*/
a.special:link,
a.special:visited {
	display: block;
	width: 470px;
	height: 192px;
	background-color: #f6f6f0;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
}

a.special:hover,
a.special:active {
	border: 5px solid #9bd;
}

a.special p {
	margin: 0;
}


/*--------------------------------------------------------
　ピックアップコンテンツ
--------------------------------------------------------*/

a.pickup:link,
a.pickup:visited {
	display: block;
	width: 470px;
	height: 232px;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
}

a.pickup:hover,
a.pickup:active {
	border: 5px solid #9bd;
	color: #09f;
}

a.pickup p {
	margin: 0;
}

a.pickup h2 {
	background: #fff url(../images/bg_header-stripe.gif) repeat left top;
	padding: 0px 15px 5px;
}

a.pickup h2 img {
	margin-top: -13px;
}

a.pickup h3 {
	background-color: #f3f0e3;
	margin: 0 0 5px;
	width: 260px;
	float: right;
}

a.pickup div.pickup_content {
	padding: 10px 15px 0px;
}

a.pickup div.pickup_content p.pickup_image {
	width: 160px;
	float: left;
	margin: 0 9px 0 0;
	border: 5px solid #d6d6d3;
}

a.pickup div.pickup_content p.pickup_image img {
	vertical-align: text-bottom;
}


/*--------------------------------------------------------
　ステップアップ講座
--------------------------------------------------------*/

a.step-up:link,
a.step-up:visited {
	display: block;
	width: 470px;
	height: 232px;
	background-color: #f3f3f3;
	color: #333;
	border: 5px solid #fff;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
	padding: 0;
}

a.step-up:hover,
a.step-up:active {
	border: 5px solid #ba9;
	color: #09f;
}

a.step-up p {
	margin: 0;
}

a.step-up h3 {
	margin-bottom:4px;
}

a.step-up div.step-up_content {
	padding: 10px 15px 0px;
}

a.step-up div.step-up_content p.step-up_image {
	width: 130px;
	float: right;
	margin-left: 10px;
	border:5px solid #fff;
}


/*--------------------------------------------------------
　スタジオfの録音レポート
--------------------------------------------------------*/

a.studiof:link,
a.studiof:visited {
	display: block;
	width: 470px;
	height: 195px;
	background-color: #fff;
	color: #333;
	border: 5px solid #fff;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
	padding: 0;
	background-image: url(../images/bg_studiof-stripe.gif);
	background-repeat: repeat;
}

a.studiof:hover,
a.studiof:active {
	border: 5px solid #ccc;
	color: #09f;
}

a.studiof p {
	margin: 0;
}

a.studiof h2 {
	position: relative;
}

a.studiof h2 .mark {
	position: absolute;
	right: -20px;
	top: -15px;
}

a.studiof h3 {
	margin: 0 0 5px;
}

a.studiof div.studiof_content {
	padding: 10px 15px 0px;
}

a.studiof div.studiof_content p.studiof_image {
	width: 90px;
	float: left;
	margin: 0 10px 0 0;
}



/*--------------------------------------------------------
　スタジオfの録音レポート old 2013.01.29まで

#studio{
	width:485px;
	height:209px;
	margin:0 0 8px 0;
	padding: 0;
	background-image:url(../images/studio_back.png);
	background-repeat:no-repeat;
	display: block;
}

#studio .in{
	width:445px;
	margin:118px 0 0 22px;
	padding:0;
	float:left;
	display:inline;
}

#studio .in .req{
	width:91px;
	margin:0 12px 0 0;
	padding:0;
	float:left;
}

#studio .in .txt{
	margin:0;
	padding:0;
	display:inline;
}

#studio .in .txt .icon_new{
	vertical-align:text-bottom;
	margin:0 0 0 3px;
	padding:0;
}

#studio .in .txt img{
	margin:0 0 5px 0;
	padding:0;
}
--------------------------------------------------------*/


/*--------------------------------------------------------
　コンサートレポート
--------------------------------------------------------*/

a.con-repo:link,
a.con-repo:visited {
	display: block;
	width: 470px;
	height: 232px;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
}

a.con-repo:hover,
a.con-repo:active {
	border: 5px solid #9bd;
	color: #09f;
}

a.con-repo p {
	margin: 0;
}

a.con-repo h2 {
	background: #fff url(../images/bg_header-stripe.gif) repeat left top;
	padding: 13px 15px 10px;
}

a.con-repo h3 {
	background-color: #f3f0e3;
	margin: 0 0 5px;
	width: 260px;
	float: right;
}

a.con-repo div.con-repo_content {
	padding: 10px 15px 0px;
}

a.con-repo div.con-repo_content p.con-repo_image {
	width: 160px;
	float: left;
	margin: 0 10px 0 0;
	border: 5px solid #224;
}

a.con-repo div.con-repo_content p.con-repo_image img {
	vertical-align: text-bottom;
}


#contentsL02{
	width:387px;
	margin: 0 0 6px 0;
	padding: 0;
	float:left;
}

#contentsL02 .mid{
	width:387px;
	margin: 0;
	padding: 0;
	background-image:url(../images/concert_mid.png);
	background-repeat:repeat-y;
}

#contentsL02 .mid .in{
	width:332px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}


/*--------------------------------------------------------
　ジャズピープル
--------------------------------------------------------*/


a.jazz-people:link,
a.jazz-people:visited {
	display: block;
	width: 470px;
	height: 232px;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
}

a.jazz-people:hover,
a.jazz-people:active {
	border: 5px solid #9bd;
	color: #09f;
}

a.jazz-people p {
	margin: 0;
}

a.jazz-people h2 {
	background: #fff url(../images/bg_header-stripe.gif) repeat left top;
	padding: 13px 15px 10px;
}

a.jazz-people h3 {
	background-color: #f3f0e3;
	margin: 0 0 5px;
	width: 260px;
	float: right;
}

a.jazz-people div.jazz-people_content {
	padding: 10px 15px 0px;
}

a.jazz-people div.jazz-people_content p.jazz-people_image {
	width: 160px;
	float: left;
	margin: 0 10px 0 0;
	border: 5px solid #224;
}

a.jazz-people div.jazz-people_content p.jazz-people_image img {
	vertical-align: text-bottom;
}

/*--------------------------------------------------------
　ジャズピープル old 2013.01.29まで

#contentsR02{
	width:388px;
	margin: 0 0 6px 0;
	padding: 0;
	float:right;
	display:inline-block;
}

#contentsR02 .mid{
	width:388px;
	margin: 0;
	padding: 0;
	background-image:url(../images/jazzpeople_mid.png);
	background-repeat:repeat-y;
}

#contentsR02 .mid .in{
	width:332px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
--------------------------------------------------------*/


/*--------------------------------------------------------
　コンサートレポート／ジャズピープル共通 old


#shareL{
	float:left;
	margin: 0;
	padding: 10px 13px 0 0;
}

#shareR{
	height:130px;
	margin: 0;
	padding: 10px 0 0 0;
}

#shareR a{
	text-align:justify;
}

#main .info{
	width: 775px;
	margin: 0;
	padding: 0 0 0 13px;
}
--------------------------------------------------------*/


/*--------------------------------------------------------
　山口ミルコのジャズひと観察
--------------------------------------------------------*/

a.miruko:link,
a.miruko:visited {
	display: block;
	width: 470px;
	height: 250px;
	background: #fff;
	color: #333;
	border: 5px solid #cb9;
	border-top: 10px solid #cb9;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
}

a.miruko:hover,
a.miruko:active {
	border: 5px solid #ec9;
	border-top: 10px solid #ec9;
	color: #09f;
}

a.miruko p {
	margin: 0;
}

a.miruko h2 {
	padding: 28px 0px 0px;
	background: url(../images/miruko_bg-top.png) no-repeat;
	margin: -8px 0 0;
}

a.miruko h3 {
	margin: 0 0 5px;
}

a.miruko div.miruko_content {
	padding: 3px 15px 0px;
	background: url(../images/miruko_bg-content.png) repeat-y center top;
}

a.miruko div.miruko_content p.miruko_image {
	width: 98px;
	float: left;
	margin: 0 10px 0 0;
	border: 5px solid #ddd;
}

a.miruko div.miruko_content p.miruko_image img {
	vertical-align: text-bottom;
}


/*--------------------------------------------------------
　スインギング・コウベ・ガールズ
--------------------------------------------------------*/

div.kobe-girls {
	width: 190px;
	height: 250px;
	float: left;
	background-color: #fff;
	color: #333;
	margin: 0 12px 8px 0;
}

div.kobe-girls p {
	margin: 0;
}


/*--------------------------------------------------------
　スインギング・コウベ・ガールズ old 2013.01.29まで
--------------------------------------------------------*/

#swinging{
	width:195px; /*485pxから変更*/
	height:254px; /*119pxから変更*/
	margin:0 9px 0 0;
	padding: 0;
	background-image:url(../images/swinging_back_new.png);
	background-repeat:no-repeat;
	float:left; /*float:left;追加*/
}

#swinging .posi_r{
	width:195px; /*485pxから変更*/
	height:254px; /*119pxから変更*/
	margin:0;
	padding: 0;
	position:relative;
	display:inline-block;
}

#swinging .swf{
	width:180px; /*470pxから変更*/
	height:240px; /*105pxから変更*/
	margin:0 auto 0 auto;
	padding: 6px 0 0 0;
}

#swinging .vol{
	position:absolute;
	left: 108px;
	top: 1px;
}


/*--------------------------------------------------------
　バンド紹介
--------------------------------------------------------*/

a.band-intro:link,
a.band-intro:visited {
	display: block;
	width: 268px;
	height: 240px;
	float: left;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 8px;
}

a.band-intro:hover,
a.band-intro:active {
	border: 5px solid #9bd;
	color: #09f;
}

a.band-intro p {
	margin: 0;
}

a.band-intro h2 {
	background: #fff url(../images/bg_header-stripe.gif) repeat left top;
	padding: 13px 15px 10px;
}

a.band-intro h3 {
	background-color: #f3f0e3;
	margin: 0 0 8px;
	width: 238px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	color: #09f;
}

a.band-intro h3 span {
	font-size: 150%;
	color: #223;
}

a.band-intro div.band-intro_content {
	padding: 10px 15px 0px;
}

a.band-intro div.band-intro_content p.band-intro_body {
	width: 130px;
	float: left;
}

a.band-intro div.band-intro_content p.band-intro_image {
	width: 90px;
	float: left;
	margin: 0 8px 0 0;
	border: 5px solid #224;
}

a.band-intro div.band-intro_content p.band-intro_image img {
	vertical-align: text-bottom;
}

#band{
	width:284px;
	margin:0;
	padding: 0;
	float:right; /*clear:both;から変更*/
	display:inline-block;
}


#band .mid{
	width:284px;
	margin: 0;
	padding: 0;
	background-image:url(../images/band_mid.png);
	background-repeat:repeat-y;
}

#band .mid .in{
	width:240px;
	height:150px; /*154pxから変更*/
	margin: 0 auto;
	padding: 10px 0 0 0;
	overflow:hidden;
}


#shareL02{
	width:100px;
	float:left;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
}

#shareR02{
	width:132px;
	font-size: 12px;
	margin: 3px 0 0 0;
	line-height: 145%; 
	padding: 4px 0 0 0;
	float:right;
}

#shareR02 a{
	text-align:justify;
}


/*--------------------------------------------------------
　ジャズ探訪記
--------------------------------------------------------*/

a.jazz-tan:link,
a.jazz-tan:visited {
	display: block;
	width: 268px;
	height: 544px;
	background-color: #fff;
	color: #333;
	border: 5px solid #fff;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */

	background-image:url(../images/jazz-tan_back.png);
	background-repeat:no-repeat;
	position:relative;
}

a.jazz-tan:hover,
a.jazz-tan:active {
	border: 5px solid #cba;
	color: #09f;
}

a.jazz-tan p {
	margin: 0;
}

a.jazz-tan .jazz-tan_content {
	width:228px;
	padding: 88px 20px 0;
}

a.jazz-tan .jazz-tan_content img {
	margin: 0 0 5px;
}

a.jazz-tan .jazz-tan_place {
	position:absolute;
	left: 183px;
	top: -5px;
}


/*--------------------------------------------------------
　ジャズ探訪記 old 2013.01.29まで

#tanbou {
	width:284px;
	height:559px;
	margin: 0 0 7px 0;
	padding: 0;
	float:right;
	position:relative;
	clear:both;
	background-image:url(../images/jazz_tan_back.png);
	background-repeat:no-repeat;
}

#tanbou a{
	width:284px;
	height:559px;
	margin: 0;
	padding: 0;
}

#tanbou .title{
	width:228px;
	margin:0;
	padding: 93px 28px 0 28px;
	text-align:left;
	}

#tanbou .img{
	position:absolute;
	left: 191px;
	top: -1px;
}
--------------------------------------------------------*/


/*--------------------------------------------------------
　ツイッター
--------------------------------------------------------*/

div.twitter {
	width: 268px;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 10px;
	_margin: 0 0 10px; /* IE6 hack */
}


/*--------------------------------------------------------
　ツイッター old 2013.01.29まで

#twitter {
	width:284px;
	margin: 0 0 5px 0;
	padding: 0;
	float:right;
	clear:both;
	background:url(../images/twitter_back.png) no-repeat;
}

#twitter .in{
	width:267px;
	margin:7px auto;
	padding:0;
}
--------------------------------------------------------*/


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

div.concert-info {
	width: 268px;
	height: 310px;
	background-color: #fff;
	color: #333;
	border: 5px solid #d6d6d3;
	margin: 0 0 8px;
	_margin: 0 0 8px; /* IE6 hack */
}

div.concert-info p {
	margin: 0;
}

div.concert-info h2 {
	background: #fff url(../images/bg_header-stripe.gif) repeat left top;
	padding: 13px 15px 10px;
}

div.concert-info div.concert-info_content {
	padding: 10px 15px 0px;
	height: 232px;
	overflow: auto;
}

div.concert-info div.concert-info_content dl.concert-info_body {
}

div.concert-info div.concert-info_content dl.concert-info_body dt {
}

div.concert-info div.concert-info_content dl.concert-info_body dd {
	line-height: 1.3;
	margin-bottom: 6px;
}


/*--------------------------------------------------------
　コンサート情報 old 2013.01.29まで

#main .info .in{
	text-align:left;
	width: 775px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background-image:url(../images/concertinfo_mid.png);
	background-repeat:repeat-y;
}

#main .info .in p{
	margin: 0 auto;
	padding: 0 20px 0 30px;
}
--------------------------------------------------------*/


/*--------------------------------------------------------
　NEWアイコン
--------------------------------------------------------*/

div#main img.icon_new {
	vertical-align:text-bottom;
	margin:0 0 0 2px;
	padding:0;
	display:inline;
}