@charset "UTF-8";
@import url("common.css");
@import url("blogparts.css");


/* blogDetailArea ++++++++++++++++++++++++++++++++++++++++ */
#blogDetailArea{
	padding:9px 8px 4px 8px;
	background:#ffffff;
}
#blogDetailArea #blogDetailArea-inner{
	border:1px solid #ffffff;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox{
	padding:8px 0;
	border-bottom:1px solid #dbdbdb;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox.sharedComment{
	background:#edf0f7 url(../../../img/mypage/blog/bg_sharedcomment.png) right top no-repeat;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox.last{
	border-bottom:none;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner{
	margin:0 7px;
}
/* blogDetailBox-head */
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-head{
	padding:0 0 .6em 0;
	background:url(../../../img/common/bg/line_dot_x_gray.png) left bottom repeat-x;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-head h4{
	width:476px;
	margin:0 auto 0 0;
	font-weight:bold;
}
/* blogDetailBox-body */
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body{
	padding:0 0 9px 0;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentHead{
	padding:4px 0 0 0;
	border-top:1px solid #cccccc;
	border-left:4px solid #cccccc;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentHead .commentTit{
	width:450px;
	margin:0 auto 0 0;
	padding:0 0 2px 5px;
	float:left;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentCategory{
	width:100%;
	padding:.7em 0 0 0;
	font-size:83.3%;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentHead .commentShareBtn{
	width:44px;
	float:right;
	cursor:pointer;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentBody{
	margin:0 0 0 0;
	padding:6px 0 7px 0;
	_zoom:1;
	overflow:hidden;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentBody p{
	_zoom:1;
	overflow:hidden;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentBody img{
	max-width:560px;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentBody .commentThumb{
	float:left;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentBody .commentText{
	padding:0 0 0 10px;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .commentBody a.more{
	font-size:83.3%;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox{
	width:100%;
	height:56px;
	min-height:56px;
	position:relative;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .recommentThumb{
	width:50px;
	padding:3px;
	border:1px solid #f3f3f3;
	position:absolute;
	left:0;
	top:0;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .recommentThumb img{
	width:50px;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .recommentName{
	margin:0 160px 0 64px;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .recommentName a{
	color:#c51919;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .recommentName a.my{
	color:#c51919;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .hideFeed{
	position:absolute;
	right:0;
	top:0;
	font-size:83.3%;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .hideFeed a img{
	vertical-align:middle;
	margin-right:2px;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .snsBtns{
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .snsBtns li{
	display:inline;
	text-align:right;
}
#blogDetailArea #blogDetailArea-inner .blogDetailBox .blogDetailBox-inner .blogDetailBox-body .recommentBox .snsBtns li img{
	margin-left:4px;
}
/* detail sns btn */
#blogDetailArea .snsBtnsWp{
	width:100%;
	padding:4px 0 0 0;
}
#blogDetailArea .snsBtnsWp .snsBtns{
	width:232px;
	float:right;
	text-align:right;
	padding:0 6px 0 0;
	line-height:1;
}
#blogDetailArea .snsBtnsWp .snsBtns dt{
	background:url(../../../img/common/icon/icon_triangle_lightblue_right.png) right .2em no-repeat;
	display:inline;
	padding:0 11px 0 0;
	font-size:83.3%;
}
#blogDetailArea .snsBtnsWp .snsBtns dd{
	display:inline;
	margin:0 0 0 2px;
}
#blogDetailArea .snsBtnsWp .snsBtns dd a{
	margin:0 3px 0 0;
	vertical-align:middle;
}
#blogDetailArea .snsBtnsWp .snsBtns dd img{
	vertical-align:middle;
}

/* iineBtnBox  */
#blogDetailArea .iineBtnBox{
	width:100%;
	font-size:83.3%;
	padding:3px 0 0 0;
}
#blogDetailArea .iineBtnBox .btnIine{
	margin-right:5px;
}
#blogDetailArea .iineBtnBox .beforeIine .btnIine{
	cursor:pointer;
}
#blogDetailArea .iineBtnBox .afterIine{
}

/* blogDetailBox-foot */
#blogDetailArea .blogDetailBox .blogDetailBox-foot{
	width:100%;
	margin:0;
	padding:7px 0 10px 0;
	background:url(../../../img/common/bg/line_dot_x_gray.png) left top repeat-x;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDetailBox-footR{
	width:170px;
	padding:0;
	float:right;
	text-align:right;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDate{
	font-size:83.3%;
	text-align:right;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDate img{
	vertical-align:middle;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogReport{
	font-size:83.3%;
	text-align:right;
	padding:4px 0 0 0;
}
#blogDetailArea .blogDetailBox .blogDetailBox-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;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogReport a:hover{
	text-decoration:underline;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDate .openRangeStatus{
	margin-left:8px;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDate .clock{
	margin-right:3px;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDetailBox-footL{
	width:400px;
	float:left;
	text-align:left;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .blogDetailBox-footL p{
	font-size:83.3%;
	text-align:left;
	padding-bottom:2px;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .resNumber{
	width:100%;
	font-size:83.3%;
	text-align:left;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .resNumber li{
	display:inline;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .resNumber li a{
	margin-right:2px;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .resNumber .good{
	background:url(../../../img/common/icon/icon_heart.png) 0 .2em no-repeat;
	padding:0 0 0 14px;
}
#blogDetailArea .blogDetailBox .blogDetailBox-foot .resNumber .comment{
	background:url(../../../img/common/icon/icon_comment.png) 0 .2em no-repeat;
	padding:0 0 0 14px;
}
#blogDetailArea .blogDetailBox .shareBlogBtn{
	width:100%;
	margin:0;
	padding:7px 0 0 0;
	text-align:center;
}
/* blog more */
#blogDetailArea .btnBlogMore{
	width:530px;
	height:34px;
	margin:0 auto;
}
#blogDetailArea .btnBlogMore a{
	width:530px;
	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;
}
#blogDetailArea .btnBlogMore a:hover{
	background:url(../../../img/mypage/common/btn/white/bg_btn_long.png) left bottom no-repeat;
}

/* blogControlBtns */
#blogDetailArea .blogControlBtns{
	width:100%;
	min-height:30px;
	padding:0 0 0 0;
	text-align:center;
}
#blogDetailArea .blogControlBtns.loding{
	background:url(../../../img/common/bg/loading_s.gif) center 8px no-repeat;
}
#blogDetailArea .blogControlBtns li{
	margin:0 9px 0 0;
	display:inline-block;
	*display:inline;
	*zoom: 1;
	padding:0;
	text-align:center;
}
#blogDetailArea .blogControlBtns li img{
	cursor:pointer;
}
/* blogNav */
#blogDetailArea .blogFootNav{
	width:100%;
	padding:11px 0 0 0;
	text-align:center;
}
#blogDetailArea .blogFootNav li{
	display:inline-block;
	*display:inline;
	*zoom: 1;
	padding:0;
	border-right:1px solid #2288dd;
}
#blogDetailArea .blogFootNav li.last{
	border-right:none;
}
#blogDetailArea .blogFootNav li a{
	font-size:83.3%;
	margin:0 11px 0 10px;
}
/* recommentSetting */
#blogDetailArea .recommentSetting{
	width:100%;
	padding:11px 0 0 0;
	font-size:83.3%;
}
#blogDetailArea .recommentSetting select{
	font-size:83.3%;
	margin-left:5px;
}

/* /blogDetailArea +++++++++++++++++++++++++++++++++++++++ */


/* blogCommentArea +++++++++++++++++++++++++++++++++++++++ */
#blogCommentArea{
	padding:9px 8px 8px 8px;
	background:#ffffff;
}
#blogCommentArea .commentInputBox{
	padding:11px 0;
	border:1px solid #dbdbdb;
	background:#f6f6f6;
	text-align:center;
}
#blogCommentArea .commentInputBox  textarea{
	width:430px;
	height:83px;
	margin:0 auto;
	border:1px solid #dbdbdb;
	background:#ffffff;
}
#blogCommentArea .commentInputBox  .commentCount{
	width:430px;
	margin:0 auto;
	padding:3px 0 3px 0;
	text-align:right;
	font-size:83.3%;
}
#blogCommentArea .commentInputBox  .commentCount em{
	color:#f10000;
}
#blogCommentArea .commentInputBox  .commentSubmit{
	width:430px;
	margin:0 auto;
	text-align:center;
}
#blogCommentArea .commentInputBox  .commentSubmit img{
	cursor:pointer;
}
/* /blogCommentArea ++++++++++++++++++++++++++++++++++++++ */


/* commentListArea +++++++++++++++++++++++++++++++++++++++ */
#ct .commentListArea{
	padding:0 8px 8px 8px;
	background:#ffffff;
}
#ct .commentListArea .commentListBox{
	padding:0;
	margin:0 0 8px 0;
	border:1px solid #dbdbdb;
	background:#f6f6f6;
	position:relative;
}
#ct .commentListArea .commentListBox .commentListBox-inner{
	padding:6px 6px 6px 6px;
}
#ct .commentListArea .commentListBox .commentListBox-inner.approve{
	border-bottom:none;
}
#ct .commentListArea .commentListBox .commentListBox-inner .collectThumb a{
	width:50px;
	height:50px;
	padding:3px;
	background:#ffffff url(../../../img/common/bg/bg_defaultavatar5050.png) 3px 3px no-repeat;
	border:1px solid #f0f0f0;
	display:block;
	text-align:left;
	float:left;
}
#ct .commentListArea .commentListBox .commentListBox-inner .collectThumb a img{
	width:50px;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta{
	width:647px;
	margin:0 0 0 0;
	float:left;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl{
	width:98%;
	margin:0 0 0 auto;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl dt{
	width:270px;
	line-height:1.3;
	padding-bottom:6px;
	float:left;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl dt a{
	font-weight:bold;
	color:#c51919;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl dt a.my{
	color:#c51919;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl dd{
	width:260px;
	padding-bottom:6px;
	float:right;
	text-align:right;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl dd .blogReport{
	color:#666666;
	text-decoration:none;
	background:url(../../../img/common/icon/icon_triangle_red.png) left 50% no-repeat;
	padding-left:5px;
	margin-left:10px;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentMeta dl dd .blogReport:hover{
	text-decoration:underline;
}
#ct .commentListArea .commentListBox .commentListBox-inner .loginMeta{
	font-size:83.3%;
}
#ct .commentListArea .commentListBox .commentListBox-inner dd img{
	vertical-align:middle;
	margin-right:2px;
}
/* commentBalloon */
#ct .commentListArea .commentListBox .commentListBox-inner .commentBalloon{
	width:100%;
	background:url(../../../img/mypage/common/bg/bg_commentballoon4_bot.png) left bottom no-repeat;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentBalloon .commentBalloon-inner{
	width:100%;
	background:url(../../../img/mypage/common/bg/bg_commentballoon4_up.png) left top no-repeat;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentBalloon .commentBalloon-inner .comment{
	padding:10px 5px 10px 13px;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentBalloon .commentBalloon-inner p{
	width:100%;
	line-height:1.2;
	border:none;
}
/* commentStatus */
#ct .commentListArea .commentListBox .commentListBox-inner .commentBottom{
	width:100%;
	padding:6px 0 0 0;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentBottom .commentBottomL{
	width:300px;
	padding:0 0 0 8px;
	float:left;
	font-size:83.3%;
}
#ct .commentListArea .commentListBox .commentListBox-inner .commentBottom .commentBottomR{
	width:68px;
	float:right;
}
/*inputあるとき*/
#ct .commentListArea .commentListBox.hasCheck .commentListBox-inner{
	padding:6px 6px 6px 23px;
}
#ct .commentListArea .commentListBox.hasCheck .commentCheckbox{
	position:absolute;
	left:5px;
	top:27px;
}
#ct .commentListArea .commentListBox.hasCheck .commentListBox-inner .commentMeta{
	width:630px;
}
#ct .commentListArea .commentListBox.hasCheck .commentListBox-inner .commentBalloon{
	background:url(../../../img/mypage/common/bg/bg_commentballoon4_s_bot.png) left bottom no-repeat;
}
#ct .commentListArea .commentListBox.hasCheck .commentListBox-inner .commentBalloon .commentBalloon-inner{
	background:url(../../../img/mypage/common/bg/bg_commentballoon4_s_up.png) left top no-repeat;
}
/* commentListBottom */
#ct .commentListArea .commentListBottom{
	width:518px;
	margin:0 auto;
	padding:0 0 0 0;
}
#ct .commentListArea .commentListBottom input,
#ct .commentListArea .commentListBottom select,
#ct .commentListArea .commentListBottom img{
	vertical-align:middle;
}
#ct .commentListArea .commentListBottom .commentListBottomL{
	width:188px;
	padding:6px 0 0 0;
	float:left;
}
#ct .commentListArea .commentListBottom .commentListBottomL input{
	margin-right:2px;
}
#ct .commentListArea .commentListBottom .commentListBottomR{
	width:330px;
	float:right;
	text-align:right;
}


/* iineCounntBox  */
#ct .commentListArea .iineBtnBox .iineCountBox{
	float: right;
	margin: 5px 0 0 0;
	padding: 4px 5px;
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 91.6%;
}
/* /commentListArea ++++++++++++++++++++++++++++++++++++++ */