@charset "utf-8";

/*-------------------------------
contents
-------------------------------*/
#conts{
	width:770px;
	margin:10px 20px 20px 20px;
}

/* c-1 */
#conts #c1 h2{
	width:770px;
	height:26px;
	margin:0 auto;
	background: url("../images_jp/diary/ttl_viewdiarynews.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

#conts #c1 .bgarea{
	width:236px;
	text-align:left;
	margin:15px 30px 0 0;
	float:left;
	word-break:break-all;
}

#conts #c1 .bgarea02{
	width:236px;
	text-align:left;
	margin:15px 0 0 0;
	float:right;
	word-break:break-all;
}

#conts #c1 .bgarea a, #conts #c1 .bgarea02 a{
	color:#0099cc;
	text-decoration:underline;
}

#conts #c1 .bgarea a:hover, #conts #c1 .bgarea02 a:hover{
	color:#0099cc;
	text-decoration:none;
}

#conts #c1 .smlarea{
	width:170px;
	font-size:x-small;
	text-align:left;
	margin:15px 30px 0 0;
	float:left;
}

#conts #c1 .smlarea02{
	width:170px;
	font-size:x-small;
	text-align:left;
	margin:15px 0 0 0;
	float:right;
}

#conts #c1 span.date{
	color:#330066;
	font-weight:bold;
}

#conts #c1 span.date02{
	color:#006699;
	font-size:x-small;
	font-weight:bold;
}

#conts #c1 .line{
	clear:both;
	width:500px;
	height:20px;
	border-bottom:1px solid #0099cc;
	margin:20px 135px 10px 135px;
}

/* InputComment */
#conts #blog01 h2.inputcomment{
	width:420px;
	height:26px;
	background: url("../images_jp/diary/ttl_inputcomment.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/* ConfirmComment */
#conts #blog01 h2.confirmcomment{
	width:420px;
	height:26px;
	background: url("../images_jp/diary/ttl_confirmcomment.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/* ResultComment */
#conts #blog01 h2.resultcomment{
	width:420px;
	height:26px;
	background: url("../images_jp/diary/ttl_resultcomment.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/* InputDiary */
#conts #blog01 h2.inputdiary{
	width:420px;
	height:26px;
	background: url("../images_jp/diary/ttl_inputdiary.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/* ConfirmDiary */
#conts #blog01 h2.confirmdiary{
	width:420px;
	height:26px;
	background: url("../images_jp/diary/ttl_confirmdiary.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/* ResultDiary */
#conts #blog01 h2.resultdiary{
	width:420px;
	height:26px;
	background: url("../images_jp/diary/ttl_resultdiary.jpg") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/*-------------------------------
base
-------------------------------*/
#conts #blog01{
	width:770px;
	margin:0;
	padding:0;
}

#conts #blog01 #leftarea{
	width:146px;
	text-align:left;
	margin:0 19px 0 0;
	padding:0;
	float:left;
	overflow: hidden;
}

#conts #blog01 #centerarea{
	width:420px;
	text-align:left;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	overflow: hidden;
}

#conts #blog01 a.icon{/* つづきを読む */
	background: url("../images_jp/diary/icon_detail.jpg") no-repeat;
	padding:0 0 0 16px;
	/*color:#669900;*/
}

#conts #blog01 a.icon:hover{/* つづきを読む */
	/*color:#669900;*/
	text-decoration:none;
}

#conts #blog01 #rightarea{
	width:165px;
	text-align:left;
	margin:0;
	padding:0;
	float:right;
	overflow: hidden;
}

#conts #blog01 h2.c3{
	height:25px;
	background: url("../images_jp/diary/ttl_diary.gif") no-repeat;
}
#conts #blog01 h2.c3{
	font-size:small;
	color:#fff;
	padding:4px 38px 0 38px;
}

#conts #blog01 h3#profile{
	width:146px;
	height:26px;
	background: url("../images_jp/diary/ttl_profile.gif") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

#conts #blog01 h3#calendar{
	width:146px;
	height:26px;
	margin:10px 0 0 0;
	background: url("../images_jp/diary/ttl_calender.gif") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

#conts #blog01 h4{
	width:165px;
	height:26px;
	margin:0 auto;
	background: url("../images_jp/diary/ttl_other.gif") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

#conts #blog01 h5{
	width:165px;
	height:26px;
	margin:0 auto;
	background: url("../images_jp/diary/ttl_dokisei.gif") no-repeat;
	text-indent: -999999px;
	font-size: 1px;
}

/* #conts #blog01 .smlarea{
	width:165px;
	height:50px;
	font-size:x-small;
	text-align:left;
	margin:10px 0 0 0;
}
*/

#conts #blog01 .smlarea{
	width:165px;
	height:50px;
	font-size:small;
	text-align:left;
	margin:10px 0 0 0;
}

#conts #blog01 span.date02{
	color:#003300;
	font-size:x-small;
	font-weight:bold;
}

#conts #blog01 .border{
	border:1px solid #003300;
}

/* ----- font ----------------------- */

#conts #blog01 .hira02, #conts #blog01 p.calender{
	color:#003300;
}

#conts #blog01 .hira02 a, #conts #blog01 p.calender a{
	color:#003300;
	text-decoration:underline;
}

#conts #blog01 .hira02 a:hover, #conts #blog01 p.calender a:hover{
	color:#003300;
	text-decoration:none;
}


/* ----- 追加 ----------------------- */

.diary_line{
	margin:10px 0px 10px 0px;
	padding: 0;
	width:420px;
	border-bottom:1px dashed #0099cc;
}

/* ----- 追加2011/04 ----------------------- */


.diary_comment_line{
	margin:10px 0px 10px 0px;
	padding: 0;
	width:420px;
	border-bottom:1px solid #ffbc74;
}

.area_photo_list{
position:relative;
width:420px;
margin:auto;
}
.area_photo_list .ttl{
margin-left:-6px;
margin-bottom:2px;
}
.photo_list_page li{
background:none!important;
}
.diary_list li,
.area_photo_list .photo_comment_list li,
.area_photo_list .photo_list li{
background:url(../images_jp/diary/bg_dot.gif) repeat-x left bottom;
overflow:hidden;
position:relative;
padding:4px 0 5px;
height:1%;
}
.area_photo_list .photo_list li .img{
float:left;
width:149px;
}
.area_photo_list .photo_list li .txt{
float:right;
width:248px;
}
.area_photo_list .photo_list li .comment{
clear:right;
position:absolute;
bottom:5px;
right:0;
}

.diary_list li .more{
text-align:right;
}
.diary_list li .date{
color:#ad7827;
font-size:80%;
}

.diary_list li .d_ttl{
font-size:180%;
color:#fb9108;
margin-bottom:15px;
}
.diary_list li .txt{
padding-bottom:;
}
.more_other_diary{
text-align:right;
}
.more_other_diary a{
background:url(../images_jp/diary/icon_o_diary.gif) no-repeat left center;
padding:0 0 0 18px;
}

.pager{
text-align: center;
margin:12px 0;
}
.pager li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/margin-right: 3px;
/zoom: 1;
padding:0 0.2em;
}


.diary_detail .detail_header{
background:url(../images_jp/diary/bg_hd_diary_detail.jpg) no-repeat center top;
padding-top:10px;
}
.diary_detail .detail_footer{
background:url(../images_jp/diary/bg_ft_diary_detail.jpg) no-repeat center bottom;
padding-bottom:25px;
padding-right:12px;
}
.diary_detail .detail_body{
background:url(../images_jp/diary/bg_diary_detail.jpg) repeat-y center ;
padding:0px 33px 25px;
}
.diary_detail {
background:url(../images_jp/diary/bg_diary_detail.jpg) repeat-y center;
}
.diary_detail .detail_body p{
margin-bottom:10px;
}
.diary_detail .detail_body img{
vertical-align:middle;
}
.diary_detail .detail_header .date{
background:url(../images_jp/diary/bg_diary_date.gif) bottom center no-repeat;
padding:10px 33px 5px;
color:#ad7827;
}
.diary_detail .detail_header .dt_ttl{
padding:10px 33px 40px;
font-size:180%;
color:#fb9108;
}
.btn_good{
text-align:right;
}

#entry_txtarea{
background:#f0f9e6;
border:1px solid #7d9bb5;
padding:16px 8px 11px;
}

#entry_txtarea .fsize{
width:86px;
float:left;
margin-right:9px;
display:inline;
}
#entry_txtarea .btnset1{
width:183px;
float:left;
}
#entry_txtarea .btnset2{
width:106px;
float:right;
}
#entry_txtarea .btnset2 .btnsetlist{
border-left:3px solid #c6d2de;
padding-left:8px;
overflow:hidden;
line-height:2px;
zoom:1;
}
#entry_txtarea .btnset2 .btnsetlist li{
line-height:2px;
margin-bottom:0px;
}
#entry_txtarea .btnsetlist li{
display:inline;
float:left;
margin-right:2px;
padding-bottom:2px;
}
#entry_txtarea .w420{
width:398px;
margin-top:5px;
}
.diary_preview{
padding-top:27px;
zoom:1;
}
.btn_diary_preview{
text-align:center;
margin-bottom:10px;
}
.diary_preview .detail_body{
background:#fffbef!important;
zoom:1;
}