@charset "utf-8";
/* CSS Document */
p#icon {
text-align:left;
padding:2px;
}

p#icon img{
vertical-align:middle;
}

p#icon span.icon2{
float:right;
text-align:left;
}
p#icon span.icon2 img{
vertical-align:middle;
margin-left:2px;
}

h2{
text-align:left;
font-size:20px;
		  padding:5px;
}
h2 span{
font-size:12px;
padding:5px;
}

h3 span{
display:block;
border: solid 1px #a9abae;
border-radius: 8px;
background-color: #fff;
padding:5px;
margin-right:4px;
margin-left:4px;
min-width:5em;
text-align:center;
}
h3 span.back{
float:left;
}
h3 span.prev{
float:right;
}
h3 span.next{
float:right;
}

h3 span a{
display:block;
}

h4 {
/*
background-image:-moz-linear-gradient(0% 0% -90deg,#b0bccd 0%,#6d84a2 99%); 
background-image:-webkit-linear-gradient(-90deg,#b0bccd 0%,#6d84a2 99%);
background-image:linear-gradient(-180deg,#b0bccd 0%,#6d84a2 99%);
*/
          border-top: 2px solid rgba(0,0,0,1);
          border-bottom: 1px solid rgba(0,0,0,0.5);
          font-family: HiraKakuProN-W6;
          font-size: 14px;
          color: #333333;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  text-align:left;
		  padding:5px;
		  margin-top:4px;
		  margin-bottom:4px;
		  }


dl{
          font-family: HiraKakuProN-W3;
}
dt{
text-align:right;
min-height:20px;
width:35%;
float:left;
font-size:13px;
border-right:1px dotted #cccccc;
border-top:1px dotted #cccccc;
padding:2px;
clear: both;  
}
dd{
width:60%;
min-height:20px;
text-align:left;
float:left;
font-size:13px;
border-top:1px dotted #cccccc;
border-left:1px dotted #cccccc;
padding:2px;
}


dt.commentdt{
text-align:left;
height:20px;
width:95%;
float:left;
font-size:13px;
border-right:none;
border-top:1px dotted #cccccc;
padding:2px;
}
dd.commentdd{
width:95%;
height:auto;
text-align:left;
float:left;
font-size:13px;
border-top:1px dotted #cccccc;
padding:2px;
}


#photospace{
width:290px;
margin:auto;
border:1px solid #cccccc;
padding:4px;
-webkit-box-shadow: 3px 3px 3px gray;
margin-bottom:10px;
margin-top:5px;
}
#photospace img.photo{
display:block;
float:left;
}
#thumbspace{
width:50px;
float:left;
text-align:center;
}
#thumbspace img{
display:block;
margin:4px;
}
table{
width:98%;
margin:auto;
          font-family: HiraKakuProN-W3;
}
th{
width:14%;
text-align:center;
border:1px solid #cccccc;
/*background-color:#efefef;*/
font-size:12px;
padding-top:5px;
padding-bottom:5px;
}

table .sunday{
background-color:#efefef;
color:#cc0000;
}
table .saturday{
background-color:#efefef;
color:#0000cc;
}


td{
width:14%;
text-align:center;
border:1px solid #cccccc;
font-size:12px;
vertical-align:middle;
padding-top:5px;
padding-bottom:5px;
}

p.diary_bt{
text-align:center;
border: solid 1px #a9abae;
border-radius: 8px;
padding:10px;
margin:5px;
font-size:14px;
font-family: HiraKakuProN-W6;
}
p.diary_bt a{
display:block;
}

#myContainer{
}
#myContainer ul{
max-width:430px;
height:410px;
margin:auto;
text-align:center;
position:relative;
}

#myContainer ul li{
display:inline-block;
vertical-align:middle;

box-shadow:0px 0px 5px rgba(255,255,255,1);
border-radius:10px;
overflow:hidden;
}

#myContainer ul li#prevImg{
    width: 50px;
	height:auto;
	position:absolute;
	left:5px;
	top:150px;
	top:calc(50% - 34px);
}
#myContainer ul li#nextImg{
    width: 50px;
	height:auto;
	position:absolute;
	right:5px;
	top:150px;
	top:calc(50% - 34px);
}

#myContainer ul li#mainImg{
	width:300px;
	height:400px;
	text-align:center;

box-shadow:none;
border-radius:0px;
}

#myContainer ul li img{
/*    width: 60px;*/
	opacity:0.75;
    max-width: 100%;
    max-height: 100%;
	display:block;
	margin:auto;
}
#myContainer ul li#mainImg img{
	opacity:1;
    max-height: 100%;
    height: auto;
    width: auto;
}

#thumbnailNavi{
}
#thumbnailNavi ul{
}
#thumbnailNavi ul li{
vertical-align:top;
display:inline-block;
}
#thumbnailNavi ul li img{
width:46px;
height:auto;
}