@charset "utf-8";
/* CSS Document */

/**********************************************************************
JPROOM加藤紀子サイト
コモンCSS
[ /css/kato.css ]

Since         : 10.3.13
Last modified : 10.3.31
**********************************************************************/

body{
	font-size:12px;
	color:#5a5a5a;
	font-family:'メイリオ',	'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:150%;
	text-align:left;
	height:100%;
	max-height:850px;
	margin-top:0px;
	margin-bottom:0px;
	width:1280px;
}


body.top{
	background:url(/assets/templates/jpr/images/kato/back_top2.jpg) no-repeat #BBAD84;
}

body.bg01{
	background:url(/assets/templates/jpr/images/kato/back_prof2.jpg) no-repeat #BBAD84;
}


body.bg02{
	background:url(/assets/templates/jpr/images/kato/back_event2.jpg) no-repeat #BBAD84;
}


body.bg03{
	background:url(/assets/templates/jpr/images/kato/back_media2.jpg) no-repeat #BBAD84;
}

body.bg04{
	background:url(/assets/templates/jpr/images/kato/back_bio2.jpg) no-repeat #BBAD84;
}

body.bg05{
	background:url(/assets/templates/jpr/images/kato/back_disco2.jpg) no-repeat #BBAD84;
}




h1{
	font-size:11px;
	color:#FFFFFF;
	padding:3px;
	background:url(/assets/templates/jpr/images/kato/back_footer.png) no-repeat bottom;
}

h1 a{
	color:#FFFFFF !important;
	text-decoration: none !important;
	background:url(/assets/templates/jpr/images/kato/back_footer.png) no-repeat bottom;
}

  /* リンク設定
-------------------------------------------------*/

a:link    {color: #666666; text-decoration: none;}
a:active  {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #666666; text-decoration: underline;}

/* カラー設定
------------------------------------------------- */

.red{
	color:#CD383C;
}

/* メニュー
------------------------------------------------- */



.menu{
	margin:236px 0 0 88px;

}

.menu li{
	float:left;
}

.top_new_tit{
	margin:0 0 0 68px;
}

.cont_back{
	margin:0 0 0 68px;
	background:url(/assets/templates/jpr/images/kato/back_cont.png);
	width:517px;
	height:370px;
	padding-top:10px;
	position:relative;

}

.top_new{
	width:455px;
	height:160px;
	margin-left:35px;
	padding-top:20px;
	overflow-y:scroll;

}

.top_new li{
	background:url(/assets/templates/jpr/images/kato/mark_whats.png) no-repeat;
	padding:0 0 15px 30px;
	width:400px;
	_width:430px;
	font-weight:bold;
}

.mark_more{
	text-align:right;
	margin:5px 50px 0 0;

}

.to_twitter{
	margin:0 20px 0 40px;
	_margin:0 20px 0 20px;
	float:left;
}

.back_footer{

	background:url(/assets/templates/jpr/images/kato/back_footer.png) no-repeat;
	margin-top:-10px;
	position:relative;
	z-index:2;
	padding-bottom:20px;
}

.kato_bn{
	margin:0px 0 0 90px;
	padding-top:20px;
}

.kato_bn img{
	margin:0px 10px 10px 0px;
}

.back_footer .floatL{
	margin:20px 0 0 90px;
	_margin:20px 0 0 45px;
}

.back_footer .floatL ul li{
	float:left;
	margin-right:10px;
}

.back_footer .floatR{
	margin:20px 20px 0 0px;
	
}

.back_footer .floatR ul li{
	float:left;
	margin-right:5px;
}



/* プロフィール
------------------------------------------------- */

.prof_cont{
	width:455px;
	height:330px;
	margin-left:35px;
	padding-top:10px;
	overflow-y:scroll;

}

.prof_cont02{
	width:455px;
	height:140px;
	margin-left:35px;
	overflow-y:scroll;

}

.prof_cont h3{
	font-size:18px;
	line-height:150%;
	margin-bottom:10px;
}

.prof_cont02 h3{
	font-size:18px;
	line-height:150%;
	margin-bottom:10px;
}

.prof_cont h4{
	font-size:13px;
	line-height:150%;
}

.prof_cont02 h4{
	font-size:13px;
	line-height:150%;
}

.prof{
	margin:0 0 20px 10px;

}

.prof th{

	width:90px;
	text-align:left;
	background:url(/assets/templates/jpr/images/kato/mark_coron.gif) no-repeat top right;
}

.prof td{

	width:180px;
	text-align:left;
	padding-left:10px;
}

.reg h4, .reg p{
	margin-bottom:10px;
}

/* ディスコグラフィー
------------------------------------------------- */

.disco{
	margin-left:10px;
}

.disco li span{
	float:left;
	width:110px;
}

.disco li p{
	float:left;
	width:300px;
}



/* イベント
------------------------------------------------- */

.event_list{
	width:455px;
	height:300px;
	margin-left:35px;
	padding-top:20px;
	overflow-y:scroll;

}

.event_list li{
	background:url(/assets/templates/jpr/images/kato/mark_whats.png) no-repeat;
	padding:0 0 15px 30px;
	width:400px;
	_width:430px;
	font-weight:bold;
}

