@charset "utf-8";

/*-----------------------------------------------------------

	reset default style

-----------------------------------------------------------*/

#contentsArea div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

#contentsArea table {
	border-collapse:collapse;
	border-spacing:0;
}

#contentsArea fieldset,img { 
	border:0;
}

#contentsArea address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

#contentsArea ol,ul {
	list-style:none;
}

#contentsArea caption,th {
	text-align:left;
}

#contentsArea h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

#contentsArea q:before,q:after {
	content:'';
}

#contentsArea abbr,acronym { border:0;
}

#contentsArea * {
	outline: none;
}

#contentsArea a {
	outline: none;
}

#contentsArea span.skype_pnh_print_container{display:inline !important;}
#contentsArea span.skype_pnh_container{display:none !important;}


/*-----------------------------------------------------------

	base setting

-----------------------------------------------------------*/

body {
	min-width: 910px;
}

#contentsArea {
	width: 100%;
	background: #ffffff url(../img/bg1.jpg) left top repeat;
	color: #333333;
}

#contentsArea #container {
	width: 910px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	line-height: 1.3;
	background: url(../img/bg2.png) center top no-repeat;
}


/*-----------------------------------------------------------

	anchor setting

-----------------------------------------------------------*/

#contentsArea a:link,a:visited,a:active {
	color: #6B3213;
	text-decoration: none;
}

#contentsArea a:hover {
	color: #AB7253;
}

#contentsArea a:hover img.rolloverImg{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*-----------------------------------------------------------

	h1 setting

-----------------------------------------------------------*/


#contentsArea #container .goTopBtn {
	width: 910px;
	height: 33px;
	padding: 16px 0 0 0;
	overflow: hidden;
}

#contentsArea #container .goTopBtn li {
	float: right;
	width: 70px;
}


#contentsArea #container h1 {
	width: 430px;
	height: 58px;
	margin: -1px auto 25px auto;
}


/*-----------------------------------------------------------

	content setting

-----------------------------------------------------------*/

#contentsArea #content {
	width: 910px;
	overflow: hidden;
}


/*-----------------------------------------------------------

	sideBar setting

-----------------------------------------------------------*/

#contentsArea #sideBar {
	width: 225px;
	float: left;
}

#contentsArea #sideBar #musicStaff {
	width: 190px;
	padding: 15px 15px 10px 20px;
	margin: 0 0 9px 0;
	background: url(../img/staff_bg.png) left top no-repeat;
}

#contentsArea #sideBar #musicStaff h3 {
	margin: 0 0 10px 0;
}

#contentsArea #sideBar #musicStaff #staffList {
	width: 190px;
	overflow: hidden;
}

#contentsArea #sideBar #musicStaff .staff {
	position: relative;
	width: 95px;
	height: 115px;
	float: left;
	font-size: 1px;
}

#contentsArea #sideBar #musicStaff .staff .ph {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 0;
	left: 0;
	background: url(../img/staff_tb_bg.gif) left top no-repeat;
}

#contentsArea #sideBar #musicStaff .staff .ph a,
#contentsArea #sideBar #musicStaff .staff .ph img {
	display: block;
	position: absolute;
	width: 90px;
	height: 90px;
	top: 0;
	left: 0;
	font-size: 1px;
}

#contentsArea #sideBar #musicStaff .staff .name {
	position: absolute;
	width: 58px;
	height: 20px;
	left: 0;
	top: 90px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	background: url(../img/staff_name_shadow.png) left bottom no-repeat;
}


#contentsArea #sideBar #musicStaff .staff .nameAll {
	position: absolute;
	width: 90px;
	height: 20px;
	left: 0;
	top: 90px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	background: url(../img/staff_name_shadow.png) left bottom no-repeat;
}

#contentsArea #sideBar #musicStaff .staff .name a,
#contentsArea #sideBar #musicStaff .staff .nameAll a {
	color: #ffffff;
	line-height: 1.8;
}

#contentsArea #sideBar #musicStaff .staff ul {
	position: absolute;
	width: 32px;
	top: 90px;
	left: 58px;
	*font-size: 1px;
}

#contentsArea #sideBar #musicStaff .staff .fb {
	position: absolute;
	width: 16px;
	height: 20px;
	top: 0px;
	right: 16px;
}

#contentsArea #sideBar #musicStaff .staff .tw {
	position: absolute;
	width: 16px;
	height: 20px;
	top: 0px;
	right: 0px;
}


#contentsArea #sideBar #recentEntries,
#contentsArea #sideBar #archives {
	width: 225px;
	margin: 0 0 9px 0;
}

#contentsArea #sideBar #recentEntries .tit,
#contentsArea #sideBar #archives .tit {
	position: relative;
	width: 225px;
	height: 44px;
	background: url(../img/recent_arcv_tit_bg.png) left top no-repeat;
}

#contentsArea #sideBar #recentEntries h3 {
	position: absolute;
	display: block;
	width: 108px;
	height: 13px;
	top: 21px;
	left: 20px;
}

#contentsArea #sideBar #archives h3 {
	position: absolute;
	display: block;
	width: 66px;
	height: 14px;
	top: 20px;
	left: 20px;
}


#contentsArea #sideBar #recentEntries .more,
#contentsArea #sideBar #archives .more {
	position: absolute;
	display: block;
	width: 41px;
	height: 7px;
	top: 27px;
	right: 21px;
	font-size: 1px;
}

#contentsArea #sideBar #recentEntries .list,
#contentsArea #sideBar #archives .list {
	width: 225px;
	font-size: 67%;
	padding: 10px 0 0 0;
	background: url(../img/recent_arcv_bg.png) left top repeat-y;
}

#contentsArea #sideBar #recentEntries .list ul,
#contentsArea #sideBar #archives .list ul {
	width: 177px;
	padding: 0 24px 17px 24px;
	background: url(../img/recent_arcv_foot_bg.jpg) left bottom no-repeat;
}

#contentsArea #sideBar #recentEntries .list li,
#contentsArea #sideBar #archives .list li {
	display: block;
	width: 165px;
	background: url(../img/listmark1.gif) 1px 4px no-repeat;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	overflow: hidden;
}

#contentsArea #sideBar #archives .list li.old {
	background: url(../img/listmark2.gif) 0 4px no-repeat;
} 

#contentsArea #sideBar #recentEntries .list li .date {
	display: block;
	float: left;
	width: 30px;	
}

#contentsArea #sideBar #recentEntries .list li .txt {
	display: block;
	float: right;
	width: 125px;	
}

#contentsArea #sideBar #banner {
	width: 215px;
	background: url(../img/bnr_bg.png) left top no-repeat;
	padding: 5px 5px 4px 5px; 
}

#contentsArea #sideBar #banner li {
	display: block;
	width: 215px;
	height: 60px;
	margin: 0 0 1px 0;
	*font-size: 1px;
}


/*-----------------------------------------------------------

	mainArea setting

-----------------------------------------------------------*/

/*  entry ------------------------------*/

#contentsArea #mainArea {
	width: 665px;
	float: right;
}

#contentsArea #mainArea .entry {
	width: 665px;
	margin: 0 0 9px 0;
}

#contentsArea #mainArea .entry .tit {
	position: relative;
	width: 665px;
	min-height: 34px;
	padding: 20px 0 10px 0;
	color: #6B3213;
	font-size: 100%;
	background: url(../img/entry_tit_bg.png) left top no-repeat;
}

#contentsArea #mainArea .entry .tit .profImg {
	position: absolute;
	right: 15px;
	top: 20px;
	width: 60px;
	height: 60px;
}

#contentsArea #mainArea .entry .tit .profImg .ph {
	width: 46px;
	height: 46px;
	padding: 3px;
	margin: 0 auto 5px auto;
	background: url(../img/entry_profimg_bg.png) left top no-repeat;
}

#contentsArea #mainArea .entry .tit .profImg .author {
	font-size: 67%;
	text-align: center;
}

#contentsArea #mainArea .entry h2 {
	width: 615px;
	margin: 0 auto;
	padding: 0 0 11px 0;
	background: url(../img/line_vert2.png) left bottom no-repeat;
	_background: none;
	_border-bottom: 1px solid #D9C2C2;
}

#contentsArea #mainArea .entry .detail {
	width: 555px;
	padding: 0 75px 0 35px;
	background: url(../img/entry_bg.png) left top repeat-y;
}

#contentsArea #mainArea .entry .detail p {
	padding: 0 0 30px 0;
	font-size: 77%;
	line-height: 1.7;
}

#contentsArea #mainArea .entry .detail .entryMore {
	font-size: 85%;
	text-align: right;
	padding: 0 5px 0 0;
}

#contentsArea #mainArea .entry .detail a img {
	float: right;
	margin: 0 5px 10px 10px;
	border: 7px solid #ffffff;
	box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
	-moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
	filter: shadow(black,135) ;/* for IE */
}


#contentsArea #mainArea .entry .music {
	width:620px;
	overflow: hidden;
	padding: 0 20px 20px 25px;
	background: url(../img/entry_bg.png) left top repeat-y;
}

#contentsArea #mainArea .entry .music .player {
	width: 270px;
	height: 60px;
	float: left;
}

#contentsArea #mainArea .entry .music .mTit {
	width: 340px;
	float: right;
	padding: 22px 0 0 0;
	margin: 0 0 0 0;
	font-size: 77%;
	color: #6B3213;
}

#contentsArea #mainArea .entry .entryFooter {
	position: relative;
	width: 665px;
	height: 61px;
	background: url(../img/entry_foot_bg.png) left top no-repeat;
}

#contentsArea #mainArea .entry .entryFooter .social {
	position: absolute;
	overflow: hidden;
	width: 172px;
	height: 17px;
	top: 23px;
	left: 33px;
	color: #6B3213;
}




/*  like button ------------------------------*/

#contentsArea #mainArea .entry .entryFooter .social iframe {
	width: 90px;
	height: 85px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	border-top: none;
	border-right: 1px solid #D9C2C2;
	border-bottom: none;	
	border-left: none;
}

.fb {
	width: 85px;
	height: 17px;
	font-size: 67%;
	overflow: hidden;
	color: #6B3213;
}

.fb .icon {
	width: 17px;
	height: 17px;
	float: left;
	cursor: pointer;
}

.fb .txt {
	width: 60px;
	margin: 0 0 0 0;
	*margin: 2px 0 0 0;
	_margin: 1px 0 0 0;
	float: right;
}


#contentsArea #mainArea .entry .entryFooter .social .tw {
	width: 72px;
	height: 17px;
	float: right;
	font-size: 67%;
	overflow: hidden;
}


#contentsArea #mainArea .entry .entryFooter .social .tw .icon {
	width: 17px;
	height: 17px;
	float: left;
}

#contentsArea #mainArea .entry .entryFooter .social .tw .txt {
	width: 50px;
	margin: 2px 0 0 0;
	float: right;
}

#contentsArea #mainArea .entry .entryFooter .info {
	position: absolute;
	overflow: hidden;
	width: 140px;
	height: 14px;
	top: 26px;
	right: 33px;
	font-size: 67%;
	color: #6B3213;
}

#contentsArea #mainArea .entry .entryFooter .info .date {
	width: 70px;
	float: left;
	border-right: 1px solid #D9C2C2;
}


#contentsArea #mainArea .entry .entryFooter .info .author {
	width: 60px;
	float: right;
	text-align: right;
}


/*  archives ------------------------------*/

#contentsArea #mainArea h2.recentTit{
	width: 665px;
	height: 60px;
	margin: 0 0 10px 0;
}


#contentsArea #mainArea .profileWrap {
	width: 665px;
	height: 114px;
	margin: 0 0 10px 0;
	padding: 0 0 22px 0;
	overflow: hidden;
	background: url(../img/profile_bg.png) left top no-repeat;
}

#contentsArea #mainArea .profileWrap .left {
	width: 506px;
	padding: 17px 0 0 25px;
	float: left;
}

#contentsArea #mainArea .profileWrap .nameWrap {
	width: 506px;
	background: url(../img/line_vert2.png) left bottom repeat-x;
	overflow: hidden;
	padding: 0 0 8px 0;
	margin: 0 0 9px 0;
}

#contentsArea #mainArea .profileWrap .nameWrap h2 {
	display: block;
	width: 300px;
	float: left;
	font-size: 100%;
}

#contentsArea #mainArea .profileWrap .nameWrap h2 span {
	font-size:67%;
}

#contentsArea #mainArea .profileWrap .nameWrap ul {
	width: 146px;
	font-size: 77%;
	padding: 4px 0 0 0;
	float: right;
	text-align: right;
}

#contentsArea #mainArea .profileWrap .left p {
	font-size: 70%;
	line-height: 1.4;
}

#contentsArea #mainArea .profileWrap .profImg {
	width: 90px;
	float: right;
	padding: 23px 25px 0 0;
}

#contentsArea #mainArea .archivesTitWrap {
	width: 665px;
	height: 60px;
	overflow: hidden;
	margin: 0 0 10px 0;
}


#contentsArea #mainArea .archivesTitWrap h2 {
	float: left;
	width: 450px;
	height: 60px;
	margin: 0 0 10px 0;
	font-size: 1px;
}

#contentsArea #mainArea .archivesTitWrap .yearLink {
	position: relative;
	width: 215px;
	height: 60px;
	float: right;
	background: url(../img/arcv_tit_bg.png) left top no-repeat;
}

#contentsArea #mainArea .archivesTitWrap .yearLink .prev {
	position: absolute;
	width: 22px;
	height: 23px;
	top: 18px;
	right: 76px;
	font-size: 1px;
}


#contentsArea #mainArea .archivesTitWrap .yearLink .prev2 {
	position: absolute;
	width: 22px;
	height: 23px;
	top: 18px;
	right: 106px;
	font-size: 1px;
}

#contentsArea #mainArea .archivesTitWrap .yearLink .next {
	position: absolute;
	width: 22px;
	height: 23px;
	top: 18px;
	right: 20px;
	font-size: 1px;
}

#contentsArea #mainArea .archivesTitWrap .yearLink .nowYear {
	position: absolute;
	width: 34px;
	height: 19px;
	top: 21px;
	right: 42px;
	font-size: 77%;
	text-align: center;
	color: #EECF6E;
}


#contentsArea #mainArea .archivesTitWrap .yearLink .nowMonth {
	position: absolute;
	width: 64px;
	height: 19px;
	top: 21px;
	right: 42px;
	font-size: 77%;
	text-align: center;
	color: #EECF6E;
}

#contentsArea #mainArea .archivesWrap {
	width: 665px;
	background: url(../img/entry_bg.png) left top repeat-y;
}

#contentsArea #mainArea .archivesWrap .archivesInner1 {
	width: 665px;
	background: url(../img/arcv_hd_bg.jpg) left top no-repeat;
	padding: 9px 0 0 0;
}

#contentsArea #mainArea .archivesWrap .catTopInner1 {
	width: 665px;
	background: url(../img/arcv_hd_bg2.jpg) left top no-repeat;
	padding: 9px 0 0 0;
}


#contentsArea #mainArea .archivesWrap .archivesInner2 {
	width: 665px;
	padding: 0 0 50px 0;
	min-height: 60px;
	background: url(../img/arcv_foot_bg.jpg) left bottom no-repeat;
}

#contentsArea #mainArea .archivesWrap .item {
	width:614px;
	margin: 0 auto;
	padding: 12px 0;
	background: url(../img/line_vert2.png) left bottom repeat-x;
	_background: none;
	_border-bottom: 1px solid #D9C2C2;
}

#contentsArea #mainArea .archivesWrap .item .info {
	overflow: hidden;
	width: 145px;
	font-size: 67%;
	color: #6B3213;
	margin: 0 0 7px 0;
}

#contentsArea #mainArea .archivesWrap .item .date {
	width: 70px;
	float: left;
	border-right: 1px solid #D9C2C2;
}


#contentsArea #mainArea .archivesWrap .item .author {
	width: 60px;
	float: right;
}

#contentsArea #mainArea .archivesWrap .item h3 {	
	color: #6B3213;
	font-size: 100%;
}

#contentsArea #mainArea .archivesWrap .pagenation {
	float: right;
	padding: 16px 25px 0 0;
	overflow: hidden;
}


#contentsArea #mainArea .archivesWrap .pagenation .prev {
	width: 79px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #D9C2C2;
}

#contentsArea #mainArea .archivesWrap .pagenation .prev li {
	width: 79px;
	overflow: hidden;
}

#contentsArea #mainArea .archivesWrap .pagenation .prev .arrow {
	width: 10px;
	height: 9px;
	float: left;
	font-size: 1px;
	padding: 3px 0 0 0;
}

#contentsArea #mainArea .archivesWrap .pagenation .prev .txt {
	width: 69px;
	float: right;
	font-size: 65%;
}

#contentsArea #mainArea .archivesWrap .pagenation .pages {
	text-align: center;
	float: left;
	overflow: hidden;
	padding: 0 12px;
	*padding: 3px 12px 0 12px;
	font-size: 65%;
}

#contentsArea #mainArea .archivesWrap .pagenation .pages span,
#contentsArea #mainArea .archivesWrap .pagenation .pages a {
	 display: -moz-inline-box;
	 display: inline-block;
	 /display: inline;
	 /margin-right: 5px;
	 line-height: 1.1;
	 /zoom: 1;
	 width: 14px;
}


#contentsArea #mainArea .archivesWrap .pagenation .next {
	width: 79px;
	overflow: hidden;
	float: left;
	border-left: 1px solid #D9C2C2;
}

#contentsArea #mainArea .archivesWrap .pagenation .next li {
	width: 79px;
	overflow: hidden;
}

#contentsArea #mainArea .archivesWrap .pagenation .next .arrow {
	width: 10px;
	height: 10px;
	float: right;
	text-align: right;
	font-size: 1px;
	padding: 2px 0 0 0;
}

#contentsArea #mainArea .archivesWrap .pagenation .next .txt {
	width: 69px;
	float: left;
	text-align: right;
	font-size: 65%;
}

/*  top pagenation ------------------------------*/

#contentsArea #mainArea .topPagenation {
	width: 665px;
	height: 54px;
	margin: 36px 0 0 0;
	overflow: hidden;
	background: url(../img/bg_pagenation.png) left top no-repeat;
}

#contentsArea #mainArea .topPagenation .pagenation {
	float: right;
	padding: 20px 25px 0 0;
	overflow: hidden;
}

#contentsArea #mainArea .topPagenation .pagenation .prev {
	width: 79px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #D9C2C2;
}

#contentsArea #mainArea .topPagenation .pagenation .prev li {
	width: 79px;
	overflow: hidden;
}

#contentsArea #mainArea .topPagenation .pagenation .prev .arrow {
	width: 10px;
	height: 9px;
	float: left;
	font-size: 1px;
	padding: 3px 0 0 0;
}

#contentsArea #mainArea .topPagenation .pagenation .prev .txt {
	width: 69px;
	float: right;
	font-size: 65%;
}

#contentsArea #mainArea .topPagenation .pagenation .pages {
	text-align: center;
	float: left;
	padding: 0 12px;
	*padding: 3px 12px 0 12px;
	font-size: 65%;
}

#contentsArea #mainArea .topPagenation .pagenation .pages span,
#contentsArea #mainArea .topPagenation .pagenation .pages a {
	 display: -moz-inline-box;
	 display: inline-block;
	 /display: inline;
	 /margin-right: 5px;
	 line-height: 1.1;
	 /zoom: 1;
	 width: 14px;
}


#contentsArea #mainArea .topPagenation .pagenation .next {
	width: 79px;
	overflow: hidden;
	float: left;
	border-left: 1px solid #D9C2C2;
}

#contentsArea #mainArea .topPagenation .pagenation .next li {
	width: 79px;
	overflow: hidden;
}

#contentsArea #mainArea .topPagenation .pagenation .next .arrow {
	width: 10px;
	height: 10px;
	float: right;
	text-align: right;
	font-size: 1px;
	padding: 2px 0 0 0;
}

#contentsArea #mainArea .topPagenation .pagenation .next .txt {
	width: 69px;
	float: left;
	text-align: right;
	font-size: 65%;
}