@charset "Shift_JIS";
/* /////　共有CSS　////////////////////////////////////////////////// */


/* /////　Special Setting　////////////////////////////////////////////////// */
/* --------------------------------------------------------------------------------
class指定のみでマウスオーバー効果 (jquery.js, function.js)
-------------------------------------------------------------------------------- */
.swap {}
.swapfade {}
.fade {}
.fadealpha {}
/*
swap効果 → class="swap"
fade＆swap効果 → class="swapfade
fade効果 → class="fade"

※fadeのスムージングは、function.jsにて調節可能
*/



/* --------------------------------------------------------------------------------
マウスオーバー時のポインター設定　(IE6以上、firefoxのみ対応)
※独自画像の際は右記→ cursor: url(example.cur), url(example.gif), default;
　拡張子.curはIE用、firefoxは.gifか.png / 左から優先適用
-------------------------------------------------------------------------------- */
/*.clickable { cursor:pointer; }*/
a {cursor:pointer;}


/* --------------------------------------------------------------------------------
スクロールアンカーリンク
-------------------------------------------------------------------------------- */
.scrollto {}
/*
aタグにclass="scrollto"を追記。
href属性にターゲットのIDを記述。(<a href="#target" class="scrollto"></a>)

スクロール速度を変えたいときはfunction.jsにて調節
$(scrolltarget).ScrollTo(800); の数値変更のみ
*/

/* --------------------------------------------------------------------------------
TOOLTIP
-------------------------------------------------------------------------------- */
#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
}

#tooltip .tipHeader {
	height:8px;
	background:url(img/ajax/tipHeader.gif) no-repeat;
}

#tooltip .tipFooter {
	height:8px;
	background:url(img/ajax/tipFooter.gif) no-repeat;
}

#tooltip .tipBody {
	background:#005999;
	padding:5px 5px 4px;
	width:150px;
	/*display:inline-block;*/
	text-align:center;
}

/*
* html body #tooltip .tipBody {display:inline; zoom:1;}
*:first-child+html body #tooltip .tipBody {display:inline; zoom:1;}
*/

#tooltip .tipBody img {display:block; text-align:center;}


/* --------------------------------------------------------------------------------
footerfixed
コンテンツ要素が足りない場合でもfooter要素を画面最下部へ配置
-------------------------------------------------------------------------------- */
/*footerの親ブロック要素のidにftrixを記述*/
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#cnt-wrap {padding-bottom:25px;}  /* must be same height as the footer */

#ftr-wrap {
	position:relative;
	margin-top:-25px; /* negative value of footer height */
	height:25px;
	clear:both;
}

/*HTML構造*/
/*
<div id="wrap">
<div id="hdr-wrap">このブロックは任意</div>
<div id="cnt-wrap" class="clrfix"></div>
</div>

<div id="ftr-wrap"></div>
*/



/* --------------------------------------------------------------------------------
clearfix
フロートした子要素しかもたない親ブロック要素の高さを確立する
-------------------------------------------------------------------------------- */
/*親ブロック要素のclassにclrfixを追加*/
.clrfix {zoom:1;}

.clrfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/*--------------------------------------------------------------------------------
※備考
自由コメント記入
-------------------------------------------------------------------------------- */



/* /////　Share Setting　////////////////////////////////////////////////// */

/* Layout Setting */
body {background:url(../img/body_bg.jpg) fixed repeat center top;}
/*#wrap {background:#f00 url(../img/body_wrap_bg.jpg) fixed no-repeat center top;}*/

/* Default Font-size */
body {font-size:10px; line-height:1.6;}

* html body {font-size:62.5%;}  for IE6 
*:first-child+html body {font-size:62.5%;}  for IE7 

p, pre, spna, strong, b, dl, ul, dt, dd, ol, li {font-size:inherit;}


/* Font-color */
body {color:#000;}


/* Link-color */
a:link {color:#005999; text-decoration:underline;}
a:visited {color:#005999; text-decoration:underline;}
a:hover {color:#005999; text-decoration:none;}
a:active {color:#6589c6; text-decoration:none;}




/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* /////　山下達郎 Official Site 専用　////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */

/* --------------------------------------------------------------------------------
ヘッダー
-------------------------------------------------------------------------------- */
#hdr-wrap {
	height:82px;
	min-width:880px;
	background:url(../img/hdr_bg.gif) repeat-x center top;
	z-index:9999;
	position:fixed;
	top:0;
	left:0;
	text-align:center;
	width:100%;
}

/*position:fixed; for IE6*/
/*
* html {overflow-y:hidden;}
* html body {overflow-y:hidden;}

* html #hdr-wrap {
	position:absolute;
	top:0;
}
*/
/* --- */


#hdr {
	width:880px;
	height:82px;
	margin:0 auto;
}

#hdr h1 {
	width:880px;
	height:53px;
}


/* MENU (グローバルナビゲーション)
--------------------*/
#hdr-menu {
	width:875px;
	height:27px;
	background:#fff;
	margin:0 0 0 1px;
	padding:1px 1px 0 1px;
}

#hdr-menu li.m1,
#hdr-menu li.m2,
#hdr-menu li.m3,
#hdr-menu li.m4,
#hdr-menu li.m5,
#hdr-menu li.m6,
#hdr-menu li.m7 {
	float:left;
	display:inline-block;
	width:125px;
	min-height:27px;
	height:auto !important;
	height:27px; /*for IE6*/
	margin:0 0 1px 0;
	position:relative;
}

#hdr-menu li.m1 a,
#hdr-menu li.m2 a,
#hdr-menu li.m3 a,
#hdr-menu li.m4 a,
#hdr-menu li.m5 a,
#hdr-menu li.m6 a,
#hdr-menu li.m7 a {
	display:block;
	width:125px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden; /*＊*/
}

/*(ドロップダウンメニュー 無し)*/
#hdr-menu li.m1 a {background:url(../img/menu/m1.gif) no-repeat left top;}
#hdr-menu li.m2 a {background:url(../img/menu/m2.gif) no-repeat left top;}
#hdr-menu li.m4 a {background:url(../img/menu/m4.gif) no-repeat left top;}
#hdr-menu li.m5 a {background:url(../img/menu/m5.gif) no-repeat left top;}
#hdr-menu li.m6 a {background:url(../img/menu/m6.gif) no-repeat left top;}
#hdr-menu li.m7 a {background:url(../img/menu/m7.gif) no-repeat left top;}

#hdr-menu li a:hover {background-position:left -27px;}


/*(ドロップダウンメニュー あり)*/
#hdr-menu li .menu-link li a {
	text-indent:-9999px;
	width:125px;
	height:22px;
	overflow:hidden;
	margin:0;
}

#hdr-menu li.m3 .menu-label {background:url(../img/menu/m3.gif) no-repeat left top;}
#hdr-menu li.m3 .menu-link li.b1 a {background:url(../img/menu/m3_b1.gif) no-repeat left top;}
#hdr-menu li.m3 .menu-link li.b2 a {background:url(../img/menu/m3_b2.gif) no-repeat left top;}
#hdr-menu li.m3 .menu-link li.b3 a {background:url(../img/menu/m3_b3.gif) no-repeat left top;}

#hdr-menu li.m3:hover .menu-label {background-position:left -27px;}

#hdr-menu li.m3 .menu-link li a:hover {background-position:left -22px;}


#hdr-menu .dropdown-block .menu-link {
	display:none;
	position:absolute;
	top:28px;
	left:0;
	z-index:9999;
}
/**/


/*ページアクティブ指定
--------------------*/
/*NEWSページ*/
#page-news #hdr-menu li.m1 a {background:url(../img/menu/m1.gif) no-repeat left -27px;}
/*PROFILEページ*/
#page-prof #hdr-menu li.m2 a {background:url(../img/menu/m2.gif) no-repeat left -27px;}


/*DISCOGRAPHYページ*/
#page-disco #hdr-menu li.m3 .menu-label {background:url(../img/menu/m3_act.gif) no-repeat left -27px;}
/*#page-disco #hdr-menu li.m3 .menu-link {display:block;}*/

#page-disco-rca #hdr-menu li.m3 .menu-label {background:url(../img/menu/m3_act.gif) no-repeat left -27px;}
/*#page-disco-rca #hdr-menu li.m3 .menu-link {display:block;}*/
#page-disco-rca #hdr-menu li.m3 .menu-link li.b1 a {background:url(../img/menu/m3_b1.gif) no-repeat left -22px;}

#page-disco-moon #hdr-menu li.m3 .menu-label {background:url(../img/menu/m3_act.gif) no-repeat left -27px;}
/*#page-disco-moon #hdr-menu li.m3 .menu-link {display:block;}*/
#page-disco-moon #hdr-menu li.m3 .menu-link li.b2 a {background:url(../img/menu/m3_b2.gif) no-repeat left -22px;}

#page-disco-single #hdr-menu li.m3 .menu-label {background:url(../img/menu/m3_act.gif) no-repeat left -27px;}
/*#page-disco-03 #hdr-menu li.m3 .menu-link {display:block;}*/
#page-disco-single #hdr-menu li.m3 .menu-link li.b3 a {background:url(../img/menu/m3_b3.gif) no-repeat left -22px;}


/*LIVEページ*/
#page-live #hdr-menu li.m4 a {background:url(../img/menu/m4.gif) no-repeat left -27px;}
/*サンデーソングブックページ*/
#page-ssb #hdr-menu li.m5 a {background:url(../img/menu/m5.gif) no-repeat left -27px;}
/*ファンクラブ通販CDページ*/
#page-fan #hdr-menu li.m6 a {background:url(../img/menu/m6.gif) no-repeat left -27px;}
/*SPECIAL SITEページ*/
/*#page-special #hdr-menu li.m7 a {background:url(../img/menu/m7.gif) no-repeat left -27px;}*/


/* --------------------------------------------------------------------------------
メインコンテンツ
-------------------------------------------------------------------------------- */
#cnt-wrap {
	clear:both;
	min-width:880px;
	padding-top:120px;
}

* html body #cnt-wrap {padding-top:60px;}

#article-area {
	width:700px;
	margin:0 auto 20px;
	padding:45px;
	background:url(../img/article_bg.png) repeat-y center top;
	text-align:left;
	font-size:140%;
}

* html body #article-area {
	background:#fff url(../img/blank.gif) repeat left top;
}

h2 {
	clear:both;
}

h2, h3 {
	font-weight:bold;
	font-size:115%
}

#article-area .btn-pagetop {
	clear:both;
	width:65px;
	height:15px;
	overflow:hidden;
	margin:1.5em 10px 0 auto;
}


/* --------------------------------------------------------------------------------
フッター
-------------------------------------------------------------------------------- */
#ftr-wrap {
	min-width:880px;
	height:25px;
	background:url(../img/ftr_bg.png) repeat left top;
}

#ftr {
	width:860px;
	height:18px;
	margin:0 auto;
	text-align:left;
	padding:6px 0 0 0;
}

#ftr a {
	display:inline-block;
	width:79px;
	height:14px;
	margin:0 5px 0 0;
}

#ftr a:hover {background:url(../img/ftr_link_on.png) no-repeat left top;}
#ftr a:hover img {display:none;}



/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////　山下達郎 Official Site 専用　///// */
/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/*検証用*/
/*div {border:1px solid #F0F;}
div div {border:1px solid # 0FF;}
div div div {border:1px solid # FF0;}
div div div div {border:1px solid # 00F;}
div div div div div {border:1px solid # 0F0;}
div div div div div div {border:1px solid #F00;}
div div div div div div div {border:1px solid #90F;}
div div div div div div div div {border:1px solid #00F;}
div div div div div div div div div {border:1px solid #9FF;}
div div div div div div div div div div {border:1px solid #9F0;}
div div div div div div div div div div div {border:1px solid #C60;}
div div div div div div div div div div div div {border:1px solid #F69;}
div div div div div div div div div div div div div {border:1px solid #630;}
div div div div div div div div div div div div div div {border:1px solid #F0F;}
div div div div div div div div div div div div div div div {border:1px solid #000;}*/