@charset "UTF-8";

/**********************************************************************

【ドリーミュージック】川江美奈子公式サイト

discographyCSS

[ /css/discography/discography.css ]

**********************************************************************/

#discography_box{

	width:900px;

	line-height:1.6em;



}

#discography_box_wrap{

	width:900px;

	padding-top:5px;

	overflow:hidden;

}

#discography_box #discography_Left{

	float:left;

	width:480px;

	margin-right:20px;



}

#discography_box #discography_Right{

	float:right;

	width:380px;



}



.letter_box{

	background-color:#FFFFFF;

	height:200px;

	width:430px;

	padding:10px;

}

.letter_box ul {

	list-style-type:none;

	min-height:1px;

}

.letter_box ul li img {

	width:128px;

	float:left;

	padding:10px;

}





.letter_box ul li p.title{

	font-size:120%;

	padding-bottom:10px;

	color:#0066FF;

	font-weight:600em;

}

.letter_box ul li p {

	font-size:95%;

	color:#333333;

	font-weight:normal;

}

.letter_box .buy{

	position:absolute;

	top:200px;

	left:10px;

}





/*post*/

.letter_box div.info {

	width:290px;

	float:right;

	margin-left: 10px;

	color:#333333;

}

.letter_box div.photo {

	width:128px;

	float:left;

}



.letter_box p.title{

	font-size:120%;

	padding-bottom:10px;

	color:#0066FF;

	font-weight:600em;

}

/*post設定おわり*/



#discography_box #discography_Left h3.intro{



	width:430px;

	font-size:95%;

	color:#000;

	font-weight:normal;

	margin:15px 0;

}

#discography_box #discography_Left p.title02{

	font-weight:bold;

	color:#0066FF;

	padding:5px;

}





#discography_Left table#record{

	border:solid #ccc 1px;

	width:450px;

	background-color:#FFF;

	color:#333333;

}

#discography_Left #record tr{

	height:20px;

}

#record th{

	width:40px;

	padding-left:5px;

	border:solid #ccc 1px;

	padding:1px 0px 1px 5px;

	height:20px;

	background-color:#e6e6e6;

}

#record td{

	border-top:solid #ccc 1px;

	border-right:solid #ccc 1px;

	border-bottom:solid #ccc 1px;

	font-weight:normal;

	text-align:left;

	padding:1px 0px 1px 5px;

}

#record th img{

	float:left;

	padding-right:1px;

}



/* TABメニュー */

div#discography_Right #tab {

	background-image:url(../../img/common/iframe_menu_bg.gif);

	background-repeat:no-repeat;

	height:38px;

	padding:11px 5px 0px 5px;

	width:250px;

}

div#discography_Right #tab ul {

	width: 350px;

	height:24px;

	text-align:center;

}

div#discography_Right #tab li {

	float: left;

	width: 50px;

	height:24px;

	text-align:center;

}

div#discography_Right #tab li a {

	display: block;

	width: 50px;

	height:24px;

	color: #777;

	text-align: center;

}

div#discography_Right #tab li a:hover,

div#discography_Right #tab li.present a {

	border-color: #333;

	color: #000;

}

 

 

div#discography_Right #page1, #page2, #page3, #page4, #page5 {

	background-color:#FFF;

	width:356px;

	height:348px;

	border-left:#CCC 1px solid;

	border-right:#CCC 1px solid;

	border-bottom:#CCC 1px solid;

}











div#TabMenuWrapper {

	width:358px;

	margin:0px 0 30px 0;

	border-bottom:solid 1px #cccccc;

}

div#TabMenuWrapper ul#TabMenu {

	background:url(../../img/common/iframe_menu_bg.gif) left top no-repeat;

	/*background-color:#F60;*/

	width:358px;

	height:28px;

	padding:11px 0px 0 2px;

}

#TabMenuWrapper ul#TabMenu li {

	float: left;

	width: 48px;

	height: 24px;

	margin:0 0 0 2px;

}



div#TabMenuWrapper ul#TabMenu li a {

	display: block;

	width: 48px;

	height: 24px;

	cursor: pointer;

}

/* デフォルト設定 */

div#TabMenuWrapper ul#TabMenu li a#TabMenu1 {

	background: url(../../img/common/iflame_btn_1b.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu2 {

	background: url(../../img/common/iflame_btn_2.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu3 {

	background: url(../../img/common/iflame_btn_3.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu4 {

	background: url(../../img/common/iflame_btn_4.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu5 {

	background: url(../../img/common/iflame_btn_5.gif) no-repeat left top;

}



/* マウスオーバー設定 */

div#TabMenuWrapper ul#TabMenu li a#TabMenu1:hover {

	background: url(../../img/common/iflame_btn_1b.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu2:hover {

	background: url(../../img/common/iflame_btn_2b.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu3:hover {

	background: url(../../img/common/iflame_btn_3b.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu4:hover {

	background: url(../../img/common/iflame_btn_4b.gif) no-repeat left top;

}

div#TabMenuWrapper ul#TabMenu li a#TabMenu5:hover {

	background: url(../../img/common/iflame_btn_5b.gif) no-repeat left top;

}

div#TabMenuWrapper div#TabContent {

	background-color:#FFF;

	width:346px;

	height:458px;

	padding:5px;

	border-left:#CCC 1px solid;

	border-right:#CCC 1px solid;

	border-bottom:#CCC 1px solid;

	overflow:auto;

}







#TabContent dl {

	display:block;

	width:328px;

	height:160px;

	padding-top:10px;

	border-bottom:1px solid #999;

}

#TabContent dl:hover{

	display:block;

	width:328px;

	height:160px;

	padding-top:10px;

	background-color:#cbe1f3;

	border-bottom:1px solid #999;

}

/*

#TabContent div dl:hover,

#TabContent div dl.Hover  {

	background-color:#cbe1f3;

	background-color:#F00;

	width:256px;

	height:auto;

}

*/



#TabContent div dl dt {

	float:left;

	width:40px;

	margin:0 0 0 5px;

}



#TabContent div dl dd {

	float:right;

	width:250px;

	font-size:11px;

	line-height:130%;

	padding-right:10px;

}



#TabContent div dl dd strong {

	display: block;

}



#TabContent div dl dd strong a {

	font-weight:bold;

	color:#305fad;

}



div#TabMenuWrapper div#TabContent div dl dd span {

	display: block;

}



div#TabMenuWrapper div#TabContent div dl dd span a {

	color: #333333;

}