@charset "utf-8";
@import url("global.css");
@import url("signIn-reg.css");
/* Ver1.0 */


#ordinaryBodyCell {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	width:900px;
}

/* Left Block */
#ordinaryLeftBlock {
	position:relative;
	float:left;
	width:600px;
	top:4px;
}

.titleGreyLeft {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:15px;
	height:30px;
	line-height:30px;
/*
	background:#fff url(../images/d4/title_grey01_left.gif) no-repeat;
*/	
}

.titleGreyLeft .headline {
	position:relative;
	float:left;
	padding: 2px 5px;
	font-size: 160%;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
}

.titleGreyLeft .sorting {
	position:relative;
	float:left;
	width:40%;
	font-size: 110%;
}

.titleGreyLeft .sorting span {
	font-weight:bold;
	padding-left:8px;
	background:url(../images/d4/icon_redArrow.gif) no-repeat 0px 5px;
}	

.titleGreyLeft .detailInfo {
	position:relative;
	float:left;
	width:25%;
	color:#555;
	font-size:10px;
	text-align:right;
}

.titleGreyLeft .headline2 {
	position:relative;
	float:left;
	width:48%;
	left:15px;
}

.titleGreyLeft .selectBox {
	position:relative;
	float:left;
	width:45%;
	color:#555;
}

.titleGreyLeft .headline2 span {
	font-weight:bold;
	color:#222;
	padding-left:8px;
	background:url(../images/d4/icon_redArrow.gif) no-repeat 0px 5px;
}

.titleGreyLeft .headline2 a {
	color:#555;
}

.titleGreyLeft .headline2 a:hover {
	color:#ff3300;
	background:#fff;
	text-decoration:none;
}

.titleGreyLeft .rightConrner {
	text-align: right;
	padding-right: 15px;
}



/* Right Block */
#ordinaryRightBlock {
	position:relative;
	float:right;
	width:284px;
}

.titleGreyRight {
	position:relative;
	width:100%;
	height:30px;
	background:url(../images/d4/rightBlock_bg_01.gif) no-repeat;
}

.titleGreyRight dd {
}

.titleGreyRight .headline {
	position:relative;
	width:99%;	
	color:#222222;
	font-size:120%;
	font-weight: bold;
	margin:0pt;
	padding-left:10px;
	padding-top:8px;	
}

.titleGreyRight .moreBtn {
	position:relative;
	float:right;
	width:40px;
	height:18px;
	top:6px;
	right:10px;
	background:url(../images/d4/btn_moreLink.gif) no-repeat center;
}

.titleGreyRight .moreBtn img {
	width:40px;
	height:18px;
}

.midGreyRight {
	position:relative;
	width:100%;
	padding-bottom: 10px;
	background:url(../images/d4/rightBlock_bg_02.gif) repeat-y;
}

.bottomGreyRight {
	position:relative;
	width:100%;
	height:10px;
	background:#fff url(../images/d4/rightBlock_bg_03.gif) left bottom no-repeat;
}

/* ↓Recent Diary↓　*/
.recentDiary {
	position:relative;
	float:left;
	width:100%;
	
padding: 20px 0;
border-bottom: 1px dashed #aaa;

}

.rdTitleGrey {
	position:relative;
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
/*
	background:#fff url(../images/d4/rdTitleGrey_left.gif) no-repeat left;
*/	
}

.rdTitleGrey .gtHeadline {
	position:relative;
	float:left;
}

.rdTitleGrey .gtHeadline a {
	font-size:12px;
	font-weight:bold;
	color:#339933;
	padding-left:15px;
font-size: 120%;
}

.rdTitleGrey .gtHeadline a:hover {
	color:#ff3300;
}

.rdTitleGrey .addedTime {
	position:relative;
	float:left;
margin-left: 10px;
border: 1px solid #0F0;
	text-align:right;
	font-size:10px;
}

.rdTitleGrey .rightCorner {
	position:relative;
	float:right;
	width:15px;
	height:30px;
	background:#fff url(../images/d4/rdTitleGrey_right.gif) no-repeat right;
}



.contentBox_blog {
	position:relative;
	float:left;
	width:96%;
	top:10px;
	left:15px;
	color:#555;
	line-height:20px;
}

.contentBox_blog img {
	float:left;
	width:80px;
	height:60px;
	margin-right:10px;
	padding:3px 3px 12px 3px;
	border:1px solid #c5c5c5;
}

.userInfoBox_blog {
	position:relative;
	float:left;
	top:20px;
	left:15px;
	width:96%;
	height:20px;
	line-height:20px;
}

/* ↓Video List↓　*/
#videoList {
	position:relative;
	float:left;
	width:100%;
}
/*
.videoCell {
	position:relative;
	float:left;
	width:25%;
	margin-bottom:10px;
	border-bottom:1px dashed #c8c8c8;
}

.videoCell .thumbnail {
	text-align:center;
}

.videoCell .thumbnail img {
	width:130px;
	height:90px;
	padding:2px;
	border:1px solid #c8c8c8;
}

.videoCell .videoTitle {
	padding:0px 20px 10px 20px;
	line-height:18px;
	height:36px;
	overflow:hidden;
}

.videoCell .videoDetail {
	padding:0px 20px 10px 20px;
	font-size:10px;
}

.videoCell .videoDetail p {
	height:18px;
	line-height:18px;
} 

.videoLabel {
	position:absolute;
	z-index:1;
	width:23px;
	height:25px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d4/mov_btn_s.png');	
}
.videoLabel[class] {
	 background:url(../images/d4/mov_btn_s.png) no-repeat center;
}
*/
/* ↑Video List↑ */


/* ↓Featured Videos↓　*/
.featuredVideos {
	position:relative;
	float:left;
	left:12px;
	padding:10px 0px 10px 0px;
	width:90%;
	border-bottom:1px dashed #c8c8c8;
}

.featuredVideos .videoST {
	float:left;
	display: inline;
}

.featuredVideos .fvDetail {
	position:relative;
	margin-left: 8px;
	line-height:20px;
}
/* ↑Featured Videos↑ */


/* ↓Photo List↓　*/
#photoList {
	position:relative;
	float:left;
	width:100%;
}

.photoCell {
	position:relative;
	float:left;
	width:25%;
	margin-bottom:10px;
	border-bottom:1px dashed #c8c8c8;
}

.photoCell .photoTitle {
	padding:0px 20px 10px 20px;
	line-height:18px;
	height:36px;
	overflow:hidden;
}

.photoCell .photoDetail {
	padding:0px 20px 10px 20px;
	font-size:10px;
}

.photoCell .photoDetail p {
	height:18px;
	line-height:18px;
} 

/* ↑Photo List↑ */


/* ↓Featured Photos↓　*/
.featuredPhotos {
	position:relative;
	float:left;
	display: inline;
	left:13px;
	width:90%;
	padding:10px 0px 10px;
	border-bottom:1px dashed #c8c8c8;
}

.featuredPhotos .imageST {
	float:left;
	display: inline;
}
.featuredPhotos .fpDetail {
	position:relative;
	margin-left: 8px;
	line-height:20px;
}
/* ↑Featured Photos↑ */



/* ↓Page Turning↓　*/
#pageTurning {
	position:relative;
	float:right;
	display:inline;
}

#pageTurning hr {
	color:#c8c8c8;
	height:1px;
}

#pageTurning dl {
	padding:5px 10px 0px 10px;
}


#pageTurning dd {
	float: left;
	display: inline;
	height:18px;
	padding-right:5px;
	line-height:18px;
}

#pageTurning .btnPrev {
	width:54px;
	height:18px;
	background:url(../images/d4/btn_ptPrev.gif) no-repeat;
}

#pageTurning .btnPrev img {
	width:54px;
	height:18px;
}

#pageTurning .btnNext {
	width:54px;
	height:18px;
	background:url(../images/d4/btn_ptNext.gif) no-repeat;
}

#pageTurning .btnNext img {
	width:54px;
	height:16px;
}

#pageTurning .linkNum a {
	float:left;
	display:inline;
	width:22px;
	border:1px solid #9e9e9e;
	color:#555;
	text-align:center;
	text-decoration:none;
	margin:0px 5px 0px 5px;
}

#pageTurning .linkNum a:hover {
	color:#FFFFFF;
	border:1px solid #339933;
	background:#339933;
}

#pageTurning .first a, #pageTurning .last a {
	float:left;
	display:inline;
	border:1px solid #9e9e9e;
	color:#555;
	text-align:center;
	text-decoration:none;
	margin:0px 5px 0px 5px;
	padding: 0px 5px;
}

#pageTurning .first a:hover, #pageTurning .last a:hover {
	color:#FFFFFF;
	border:1px solid #339933;
	background:#339933;
}


#pageTurning .linkNum a#currentPage {
	color:#ff3300;
	border:none;
	background:none;
}

/* Page Turning */