@charset "utf-8";
/* CSS Document */

/**********************************************************************
JPROOM久住小春サイト
コモンCSS
[ /css/kato.css ]

Since         : 10.3.13
Last modified : 10.3.31
**********************************************************************/

body{
	font-size:12px;
	color:#333333;
	font-family:'メイリオ',	'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:150%;
	text-align:left;
	height:100%;
	margin-top:0px;
	width:1265px;
}


body.top{
	background:url(/assets/templates/jpr/images/koharu/back_top3.jpg) no-repeat #FAFBF6;
}

body.prof{
	background:url(/assets/templates/jpr/images/koharu/back_top3.jpg) no-repeat #FAFBF6;
}


body.disc{
	background:url(/assets/templates/jpr/images/koharu/back_top3.jpg) no-repeat #FAFBF6;
}


body.bio{
	background:url(/assets/templates/jpr/images/koharu/back_top3.jpg) no-repeat #FAFBF6;
}




h1.toppage{
	padding:130px 0 0 200px;
}

h1.sub{
	padding:35px 0 0 200px;
}



  /* リンク設定
-------------------------------------------------*/

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;}

.filter07 a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* カラー設定
------------------------------------------------- */

.red{
	color:#CD383C;
}

/* メニュー
------------------------------------------------- */



.menutoppage{
	margin:135px 0 0 175px;

}

.menutoppage li{
	float:left;
}

.menusub{
	margin:40px 0 0 175px;

}

.menusub li{
	float:left;
}

.top_new_tit{
	margin:110px 0 0 210px;
}

.top_new_back{
	margin:0 0 0 210px;
	width:400px;
	height:240px;
	padding-top:10px;
	position:relative;
	background:url(/assets/templates/jpr/images/koharu/back_top_new.png) no-repeat;
}

.top_new{
	width:300px;
	height:120px;
	margin-left:35px;
	padding-top:0px;
	overflow-y:scroll;
}

.top_new li{
	background:url(/assets/templates/jpr/images/koharu/mark_triangle.png) no-repeat;
	padding:0 0 5px 20px;
	width:260px;
	_width:290px;
	font-weight:bold;

}

.mark_more{
	text-align:right;
	margin:5px 50px 0 0;

}

.bn{
	margin:20px 0px 0 150px;
	width:980px;
}

.bn img{
	margin:0px 10px 10px 0px;
	float:right;
}

.back_footer{

	background:url(/assets/templates/jpr/images/koharu/back_footer.png) no-repeat;
	margin:10px 0 0 0px;
	height:50px;
	color:#ffffff;
}

.back_footer a{
	color:#ffffff !important;
}

.back_footer .floatL{
	margin:20px 0 0 200px;
	_margin:20px 0 0 200px;
	font-weight:bold;
}

.back_footer .floatL ul li{
	float:left;
	margin-right:10px;
}

.back_footer .floatR{
	margin:10px 150px 0 0px;
	text-align:right;	
}

.back_footer .floatR ul li{
	display:inline;
	margin-right:5px;
}


/* プロフィール
------------------------------------------------- */

.prof_cont{
	width:500px;
	margin-left:175px;
	min-height:650px;
}

.mg_t50{
	margin-top:50px;
}

.mg_t60{
	margin-top:60px;
}



.prof{
	margin:20px 0 20px 10px;


}

.prof th{

	width:130px;
	text-align:left;
	background:url(/assets/templates/jpr/images/kato/mark_coron.gif) no-repeat top right;
	padding-bottom:10px;
}

.prof td{

	width:200px;
	text-align:left;
	padding-left:10px;
	padding-bottom:10px;
}

/* 更新ページ
------------------------------------------------- */

.back_news{
	width:400px;
	height:447px;
	background:url(/assets/templates/jpr/images/koharu/back_news.png) no-repeat;
	margin:50px 0 0 175px;
}

.back_news h2{
	padding:50px 20px 0;
	font-weight:bold;
	font-size:15px;
}

.news_cont{
	margin:20px;
	height:360px;
	overflow-y:scroll;
}

/* ディスコグラフィー
------------------------------------------------- */

.disco{
	width:800px;
	margin-left:175px;
	min-height:650px;
}

.disco_menu{
	float:left;
	width:250px;
	margin-top:20px;

}

.disco_menu ul{

}

.disco_menu ul li{
	width:230px;
	_width:250px;
	background:url(/assets/templates/jpr/images/koharu/mark_triangle.png) no-repeat;
	padding:0 0 5px 20px;
	font-weight:bold;
}

.gallery_cont{
	width:550px;
	float:left;
	margin-top:20px
}

.gallery_cont ul.thumbs li{
	width:150px;
	height:280px;
	font-weight:bold;
	text-align:center;
	margin-right:15px !important; 
}

.gallery_cont ul.thumbs li img{
	margin-bottom:10px !important;
}

.gallery_cont ul.thumbs li p{
	width:150px !important;
	text-align:center;
}

.gallery_cont02{
	width:550px;
	float:left;
	margin-top:20px
}

.gallery_cont02 ul.thumbs li{
	width:150px;
	height:230px;
	font-weight:bold;
	text-align:center;
	margin-right:15px !important; 
}

.gallery_cont02 ul.thumbs li img{
	margin-bottom:10px !important;
}

.gallery_cont02 ul.thumbs li p{
	width:150px !important;
	text-align:center;
}



/* ギャラリー
------------------------------------------------- */
div.gallery_photo{
	width:700px;
	margin-left:175px;
	min-height:650px;
}


div.gallery_photo div.gallery_thumb ul.thumbs li{
 	width:150px;
 	height:200px;
 	margin-left:15px !important;
 	text-align:center;
}

div.gallery_photo div.gallery_thumb ul.thumbs li a image{
	margin-bottom:10px !important;
}

div.gallery_photo div.gallery_thumb ul.thumbs li p{
	font-wdight:bold;
	text-align:center;
	width:150px !important;
}

div.gallery_photo div.pagenumbers{
	width:660px;
	text-align:center;
}


/* イベント
------------------------------------------------- */

.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;
}

/* 修正
------------------------------------------------- */
.koharu_head_bn{
	background:#3f3f3E;
	padding:10px 0 0px 200px;
}

.koharu_head_bn img{
	padding:0 10px 10px 0;
	float:left;
}

.back_top02{
	background:url(/assets/templates/jpr/images/koharu/back_top3.jpg) no-repeat #FAFBF6;
}


.koharu_top_cont{
	margin:100px 0 50px 175px;
}

.top_kenko_area{
	float:left;
	padding:0 10px 10px 15px;
	background:url(/assets/templates/jpr/images/koharu/kenko_bg.png) no-repeat;
	margin:45px 10px 0;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
}

.top_kenko_area h2{
	margin-top:-45px;
}

.top_kenko_area ul li{
	float:left;
	margin-right:10px;
}

.top_kenko_area ul li img{
	border:solid 1px #5B5B5B;
}

/* Books
------------------------------------------------- */

.koharu_book_list{

}

.koharu_book_list li{
	float:left;
	width:150px;
	margin:0 20px 0 0;
	height:300px;
	text-align:center;
	font-weight:bold;
}

.koharu_book_list li img{
	margin-bottom:5px;
}

.koharu_book_list li a{
	color:#00a0df !important;
	display:block;

}

.koharu_book_tit{
	margin:30px 0 0 175px;
	font-size:170%;
	color:#00a0df;
}

.koharu_book_tit a{
	color:#00a0df !important;
}

.koharu_book_area{
	margin:20px 0 0 175px;
	height:550px;
	overflow-y:scroll;
	width:650px;
}

.koharu_book_cont{
	float:left;
	margin-left:10px;
	width:380px;
	_width:400px;
	background:url(/assets/templates/jpr/images/koharu/book_back.png) no-repeat;
	padding:10px;
}

.koharu_book_buy{
	font-weight:bold;
	margin-top:20px;
}

.koharu_book_buy a{
	color:#00a0df !important;
}
