@charset "utf-8";
.linkA{
	color:#FFF;
}
#diaryMain{
	/*margin-left:40px;*/
}

.dIndex{
	marin-left:-20px;
}
.layDiaryBox {
	background-color: #FDF3D0;
	margin-top:14px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
	display:block;
}
@media only screen and (max-width : 768px) {

	#diaryMain img{
		width:100%;	
	}
	.layDiaryBox {
		width:98%;	
	}
}

.layDiaryBoxBottom {
	background-color: #FDF3D0;
	height: 22px;
	margin-bottom: 16px;
}
.layDiaryBottomLine {
	float: right;
	height: 6px;
	width: 260px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.layDiaryPhotoBox {
	height: 196px;
	width: 300px;
	margin-left: 10px;
	padding-top: 6px;
	float: left;
}
.diaryTitleBar {
	font-size: 14px;
	width:779px;
	float:left;
	height: 28px;
	color: #FFFFFF;
	background-image: url(./diary/bgTitle.jpg);
	margin-top: 10px;
}

.layDiaryTxtBox {
	width:460px;
	margin-left:00px;
	padding-top: 6px;
	float: right;
	padding-right: 6px;
	color:#666666;
	line-height:1.7em;
}
.layDiaryImage1 {
	background-color: #FFFFFF;
	height: 194px;
	width: 194px;
	border: 1px solid #666666;
	float: left;
}
.layDiaryImage2 {
	background-color: #FFFFFF;
	height: 94px;
	width: 94px;
	border: 1px solid #666666;
}
.layDiaryImage3 {
	background-color: #FFFFFF;
	height: 94px;
	width: 94px;
	border: 1px solid #666666;
	margin-top: 4px;
}
@media only screen and (max-width : 768px) {
	.diaryTitleBar {
		width:98%;
		background-size: 100% 28px ;
	}
	.layDiaryTxtBox {
		clear:both;
		width:90%;
		margin-left:5%;
	}
}

.layMailComplete {
	background-color: #FEFAEE;
	margin: auto;
	padding: 10px;
	width: 400px;
	color: #996600;
	margin-bottom: 20px;
}

.layPhotoFrame {
	height: 770px;
	width: 770px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.layDiaryListBg{
	background-image:url(../img/diary/bg_list.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:732px;
	margin-left:70px;
	margin-top: 4px;
}
.layDiaryListBox {
	width: 723px;
	margin-bottom: 60px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #40BCB6;
	border-left-color: #40BCB6;
}
.layDiaryBox2 {
	background-color: #FFF7E0;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dsInner {
    margin-left: 0px;
    width: 790px;
    margin-top: 0px;
    margin-bottom: 0px;
	background-color:#000;
}
@media only screen and (max-width : 768px) {
	.dsInner{
		width:100%;
	}
}
.layDiaryBox {
	background-color: #f0e8c5;
}
#topImageNarrowHalf {
	margin-left: 40px;
	padding-top: 20px;
}
.reportButtom {
	clear: both;
	margin-left: 10px;
}
.layContents {
	width: 790px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.diaryTitle{
	float:left; width:590px; margin-left: 20px; padding-top: 4px;
}
.diaryDate{
	float:right;padding-top:4px;
}

@media only screen and (max-width : 768px) {
	.layContents {
		width: 100%;
	}
	.diaryTitle{
		float:left;
		width:90%; 
		margin-left: 20px; 
		padding-top: 4px;
	}
	.diaryDate{
		font-size:0.7rem;
		width:0%;
	}
}
.mblBarDate{
	margin-right:5%;
	text-align:right;
	font-size:0.8rem;
	color:#666666;
}
.naviNew{
		width:100px;
		float:left;

	}
.naviPrev{
	width:150px;
	float:left;
	text-align:left;
}
@media only screen and (max-width : 768px) {
	.naviNew{
		width:30%;
		float:left;

	}
	.naviPrev{
		width:30%;
		float:left;
		text-align:center;
	}
}