@charset "UTF-8";

/* blogInputArea +++++++++++++++++++++++++++++++++++++++ */
#blogInputArea{
	margin:0;
	padding:10px 0 10px 0;
	background:#fafafa;
	zoom:1;
}
#blogInputArea #blogInputHead{
	width:720px;
	margin:0 auto;
	padding:0 0 3px 0;
}
#blogInputArea #blogInputHead h4{
	width:50%;
	margin:0;
	float:left;
	background:url(../../../img/common/icon/icon_blogcomment.png) 0 4px no-repeat;
	padding:3px 0 0 20px;
}
#blogInputArea #blogInputHead h4 .countNumber{
	width:74px;
	font-size:83.3%;
	padding:2px 0 0 5px;
}
#blogInputArea #blogInputHead h4 .countNumber em{
	font-style:normal;
	font-weight:normal;
	color:#b11616;
}
#blogInputArea #blogInputHead h4 .countNumber span{
	margin:0 2px 0 3px;
}
#blogInputArea #blogInputHead .btn{
	width:40%;
	margin:0 0 0 0;
	float:right;
	text-align:right;
}
#blogInputArea #blogInputBody{
	width:720px;
	margin:0 auto;
	background:url(../../../img/mypage/profile/bg_commentinputbody.png) 0 0 no-repeat;
	padding:8px 0 0 0;
}
#blogInputArea #blogInputBody #blogInputBox{
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	background:#ffffff;
}
#blogInputArea #blogInputBody #blogInputBox textarea{
	width:700px;
	height:4em;
	padding:8px 8px 4px 8px;
	border:none;
	background:none;
	color:#9b9b9b;
}
#blogInputArea #blogInputBody #blogInputBox textarea.focus{
	color:#666666;
}
#blogInputArea #blogInputBody #blogControlBox{
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	background:#f6f5f5;
	padding:4px 0;
}
#blogInputArea #blogInputBody #blogControlBox #snsBtns{
	text-align:left;
	padding:0 0 3px 5px;
	line-height:1;
}
#blogInputArea #blogInputBody #blogControlBox #snsBtns dt{
	background:url(../../../img/common/icon/icon_triangle_lightblue_right.png) right .1em no-repeat;
	display:inline;
	padding:0 11px 0 0;
	font-size:83.3%;
}
#blogInputArea #blogInputBody #blogControlBox #snsBtns dd{
	display:inline;
	margin:0 0 0 6px;
}
#blogInputArea #blogInputBody #blogControlBox #snsBtns dd input{
	margin:0 5px 0 0;
	vertical-align:middle;
	cursor:pointer;
}
#blogInputArea #blogInputBody #blogControlBox #snsBtns dd img{
	vertical-align:middle;
	cursor:pointer;
}
#blogInputArea #blogInputBody #blogControlBox #openRange{
	line-height:1.3;
	padding:3px 0 3px 5px;
}
#blogInputArea #blogInputBody #blogControlBox #openRange dt{
	display:block;
	float:left;
	padding:3px 3px 2px 0;
	font-size:10px;
}
#blogInputArea #blogInputBody #blogControlBox #openRange dt img{
	vertical-align:middle;
	margin-left:3px;
}
#blogInputArea #blogInputBody #blogControlBox #openRange dd{
	display:block;
	float:left;
}
#blogInputArea #blogInputBody #blogControlBox #openRange dd select{
	width:150px;
	font-size:10px	;
	padding:1px 0;
}
#blogInputArea #blogInputFoot{
	width:530px;
	min-height:30px;
	margin:0 auto;
	text-align:center;
	padding:9px 0 0 0;
	background:url(../../../img/common/bg/loading_s.gif) center 17px no-repeat;
}
#blogInputArea #blogInputFoot img{
	cursor:pointer;
}
#blogInputArea #blogInputBody #blogControlBox #openRangeDisp{
	width:100%;
	line-height:1.3;
	padding:0 0 3px 5px;
}
#blogInputArea #blogInputBody #blogControlBox #openRangeDisp p{
	width:100%;
	font-size:10px;
}
#blogInputArea #blogInputBody #blogControlBox #openRangeDisp p select{
	font-size:10px;
	padding:1px 0;
	margin-left:3px;
}
#blogInputArea #blogInputBody #blogControlBox #openRangeDisp #per_info_a .perBlock{
	display:block;
	float:left;
	padding:4px 0 0 0;
}
/* /blogInputArea ++++++++++++++++++++++++++++++++++++++ */


/* blogDisplayArea +++++++++++++++++++++++++++++++++++++ */
#blogDisplayArea{
	margin:0 1px;
	padding:9px 0 6px 0;
	background:#ffffff;
	border-top:1px solid #dbdbdb;
}
#blogDisplayArea .blogDisplayBox{
	width:530px;
	margin:0 auto;
	padding:5px 0 0 0;
	background:#ffffff;
	border-top:1px solid #dbdbdb;
}
/* blogDisplayBox-head */
#blogDisplayArea .blogDisplayBox .blogDisplayBox-head{
	width:100%;
	margin:0 auto;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-head .thumbnail{
	width:40px;
	height:40px;
	padding:1px;
	border:1px solid #e1e1e1;
	float:left;
	margin:2px 0 0 0;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-head .nameAndCategory{
	width:430px;
	padding:0 0 0 6px;
	float:left;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-head .nameAndCategory .name{
	color:#c51919;
	padding-bottom:6px;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-head .nameAndCategory .category{
	font-size:83.3%;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-head .openRangeStatus{
	width:39px;
	float:right;
}
/* blogDisplayBox-body */
#blogDisplayArea .blogDisplayBox .blogDisplayBox-body{
	margin:0 0 0 44px;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-body .blogTitle{
	margin:0 0 10px 6px;
	border-left:2px solid #dcdcdc;
	padding:0 0 0 10px;
	font-size:116.6%;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-body .blogText{
	margin:0 0 0 4px;
	padding:0 0 10px 0;
}
/* blogDisplayBox-foot */
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot{
	margin:0 0 0 44px;
	padding:6px 0 8px 0;
	background:url(../../../img/common/bg/line_dot_x_gray.png) left top repeat-x;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot .blogDate{
	width:130px;
	background:url(../../../img/common/icon/icon_clock.png) 0 .2em no-repeat;
	padding:0 0 0 13px;
	font-size:83.3%;
	float:left;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot .resNumber{
	width:300px;
	float:right;
	font-size:83.3%;
	text-align:right;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot .resNumber li{
	display:inline;
	margin-left:9px;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot .resNumber li a{
	margin-right:2px;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot .resNumber .good{
	background:url(../../../img/common/icon/icon_heart.png) 0 .2em no-repeat;
	padding:0 0 0 14px;
}
#blogDisplayArea .blogDisplayBox .blogDisplayBox-foot .resNumber .comment{
	background:url(../../../img/common/icon/icon_comment.png) 0 .2em no-repeat;
	padding:0 0 0 14px;
}

/* /blogDisplayArea ++++++++++++++++++++++++++++++++++++ */


/* blogListArea ++++++++++++++++++++++++++++++++++++++++ */
#blogListArea{
	padding:9px 8px 4px 8px;
	border-top:1px solid #dbdbdb;
	background:#ffffff;
}
#blogListArea #blogListArea-inner{
	border:1px solid #dbdbdb;
}
/* title */
#blogListArea #blogListArea-title{
	border-top:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}
#blogListArea #blogListArea-title .title-inner{
	padding:10px 4px 10px 12px;
	border-bottom:1px solid #ffffff;
	background:url(../../../img/mypage/common/ctl/bg_username.png) left bottom repeat-x;
}
#blogListArea #blogListArea-title h4{
	width:120px;
	float:left;
}
#blogListArea #blogListArea-title p{
	width:300px;
	float:right;
	text-align:right;
	font-size:83.3%;
	padding-top:2px;
}
#blogListArea #blogListArea-inner .blogListBox{
	padding:8px 0;
	border-bottom:1px solid #dbdbdb;
}
#blogListArea #blogListArea-inner .blogListBox.sharedComment{
	background:#fcf9ee;
}
#blogListArea #blogListArea-inner .blogListBox.last{
	border-bottom:none;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner{
	margin:0 7px;
}
/* blogListBox-head */
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-head{
	padding:0 0 .6em 0;
	background:url(../../../img/common/bg/line_dot_x_gray.png) left bottom repeat-x;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-head h4{
	width:476px;
	margin:0 auto 0 0;
	font-weight:bold;
}
/* blogListBox-body */
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body{
	padding:0 0 9px 0;
}
/* sharedHead */
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .sharedHead{
	padding:4px 0 6px 0;
	position:relative;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .sharedHead .sharedTit{
	margin:0 180px 0 0;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .sharedHead .sharedTit a{
	color:#c51919;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .sharedHead .sharedTit a.my{
	color:#C51919;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .sharedHead .sharedIcon{
	position:absolute;
	right:0;
	top:0;
	font-size:83.3%;
	line-height:17px;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .sharedHead .sharedIcon img{
	margin-left:2px;
}

#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentHead{
	padding:4px 0 0 0;
	border-top:1px solid #cccccc;
	border-left:4px solid #cccccc;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentHead .commentTit{
	width:450px;
	margin:0 auto 0 0;
	padding:0 0 2px 5px;
	float:left;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentHead .commentShareBtn{
	width:98px;
	float:right;
	cursor:pointer;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody{
	margin:0 0 0 0;
	padding:6px 0 7px 0;
	_zoom:1;
	overflow:hidden;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody p{
	_zoom:1;
	overflow:hidden;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody .commentThumb{
	float:left;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody .commentThumb img{
	width:60px;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody .commentThumbPosted{
	max-width:180px;
	float:left;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody .commentThumbPosted img{
	width: 100%;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody .commentText{
	padding:0 0 0 10px;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .commentBody a.more{
	font-size:83.3%;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox{
	width:100%;
	height:56px;
	min-height:56px;
	position:relative;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .recommentThumb{
	width:50px;
	padding:3px;
	border:1px solid #f3f3f3;
	position:absolute;
	left:0;
	top:0;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .recommentThumb img{
	width:50px;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .recommentName{
	margin:0 160px 0 64px;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .recommentName a{
	color:#c51919;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .recommentName a.my{
	color:#c51919;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .hideFeed{
	position:absolute;
	right:0;
	top:0;
	font-size:83.3%;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .hideFeed a img{
	vertical-align:middle;
	margin-right:2px;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .snsBtns{
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .snsBtns li{
	display:inline;
	text-align:right;
}
#blogListArea #blogListArea-inner .blogListBox .blogListBox-inner .blogListBox-body .recommentBox .snsBtns li img{
	margin-left:4px;
}
/* blogListBox-foot */
#blogListArea .blogListBox .blogListBox-foot{
	width:100%;
	margin:0;
	padding:7px 0 0 0;
	background:url(../../../img/common/bg/line_dot_x_gray.png) left top repeat-x;
}
#blogListArea .blogListBox .blogListBox-foot .blogListBox-footR{
	width:170px;
	padding:0;
	float:right;
	text-align:right;
}
#blogListArea .blogListBox .blogListBox-foot .blogDate{
	font-size:83.3%;
	text-align:right;
}
#blogListArea .blogListBox .blogListBox-foot .blogReport{
	font-size:83.3%;
	text-align:right;
	padding:4px 0 0 0;
}
#blogListArea .blogListBox .blogListBox-foot .blogReport a{
	text-align:right;
	color:#666666;
	text-decoration:none;
	background:url(../../../img/common/icon/icon_triangle_red.png) left 50% no-repeat;
	padding-left:7px;
}
#blogListArea .blogListBox .blogListBox-foot .blogDate img{
	vertical-align:middle;
}
#blogListArea .blogListBox .blogListBox-foot .blogDate .openRangeStatus{
	margin-left:8px;
}
#blogListArea .blogListBox .blogListBox-foot .blogDate .clock{
	margin-right:3px;
}
#blogListArea .blogListBox .blogListBox-foot .blogListBox-footL{
	width:300px;
	float:left;
	text-align:left;
}
#blogListArea .blogListBox .blogListBox-foot .blogListBox-footL p{
	font-size:83.3%;
	text-align:left;
	padding-bottom:2px;
}
#blogListArea .blogListBox .blogListBox-foot .resNumber{
	width:100%;
	font-size:83.3%;
	text-align:left;
}
#blogListArea .blogListBox .blogListBox-foot .resNumber li{
	display:inline;
}
#blogListArea .blogListBox .blogListBox-foot .resNumber li a{
	margin-right:2px;
}
#blogListArea .blogListBox .blogListBox-foot .resNumber .good{
	background:url(../../../img/common/icon/icon_heart.png) 0 .2em no-repeat;
	padding:0 0 0 14px;
}
#blogListArea .blogListBox .blogListBox-foot .resNumber .comment{
	background:url(../../../img/common/icon/icon_comment.png) 0 .2em no-repeat;
	padding:0 0 0 14px;
}

/* blog more */
.btnBlogMore{
	width:532px;
	height:34px;
	margin:0 auto;
	padding-bottom:4px;
}
.btnBlogMore a{
	width:532px;
	height:34px;
	display:block;
	background:url(../../../img/mypage/common/btn/white/bg_btn_long.png) left top no-repeat;
	line-height:34px;
	font-size:83.3%;
	text-align:center;
}
.btnBlogMore a:hover{
	background:url(../../../img/mypage/common/btn/white/bg_btn_long.png) left bottom no-repeat;
}
/* /blogListArea +++++++++++++++++++++++++++++++++++++++ */


#ct .notExistArea{
	padding:9px 8px 8px 8px;
	border-top:1px solid #dbdbdb;
	background:#ffffff;
}
#ct .notExistArea .notExistArea-inner{
	margin:0;
	padding:1px;
	border:1px solid #dbdbdb;
}
#ct .notExistArea .notExistArea-inner .notExistBox{
	padding:2.6em 0;
	border:1px solid #dbdbdb;
	background:#ffffff;
}
#ct .notExistArea .notExistArea-inner p{
	text-align:center;
}
#ct .notExistArea .notExistArea-inner .firstTimeBox{
	padding:.6em 0 1em 0;
	border:1px solid #dbdbdb;
	background:#ffffff;
}
#ct .notExistArea .notExistArea-inner .firstTimeBox h4{
	font-size:116.6%;
	font-weight:bold;
	text-align:center;
	line-height:2.6em;
}
#ct .notExistArea .notExistArea-inner .firstTimeBox p{
	margin:0 auto 0 70px;
	text-align:left;
	line-height:2.6em;
}
#ct .notExistArea .notExistArea-inner .firstTimeBox ul{
	margin:0 auto 0 70px;
	text-align:left;
	line-height:2.6em;
}
#ct .notExistArea .firstEntryBox{
	width:520px;
	height:150px;
	margin:0 auto;
	background:url(../../../img/mypage/blog/bg_firstentry.jpg) left top no-repeat;
	text-align:center;
}
#ct .notExistArea .firstEntryBox p{
	padding:36px 0 0 0;
	font-size:14px;
}