@charset "utf-8";

/* **************************************************************-************************************************************** */

/***** for Javascript *****/
 
    #diarycontent{
      width: 510px;
      height: 330px;
      position: relative;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }
    #swfcontent{
      position: absolute;
      left: 0;
      top: 0;
    }
    #thumbcontent{
      position: absolute;
      left: 0;
      top: 0;
      visibility: hidden;
    }
    #tabcontent{
      
    }
  
  
  
/***** #LeftColumn *****/
    
#LeftColumn li{
    list-style-image: url(/images/icon/list_primary.png);
    margin:0 0 0 10px;
    }
   
   

   
/* **************************************************************-************************************************************** */

/***** #RightColumn *****/
/*  */
.accessLevel{
    padding:0 5px;
    color:#D61042;
    } 

/* #DiaryArea */
	
#DiaryArea{
    border:1px solid #2BA8FF;
	width:510px;
	height:330px;
	margin:0 0 0 50px;
    }



/* #DiaryList */
div.diaryList {
	text-align: left;
    }

div.diaryList p{
    margin:0;
    padding:0 10px;
    }   
div.diaryList .diaryImg{
    padding:0 5px;
    float:left;
    }
div.diaryList ul{
	background-color:#eef;
    padding:0 0 0 5px;
    }
div.diaryList li{
    display:inline;
    font-size: 1.2em;
    }

    
/* Another Diary */

#AnotherDiary{
    height:22px;
    font-size: 1.2em;
}
#AnotherDiary .nonePrev{float: left;}
#AnotherDiary .prev a{
    width:200px;
    text-align:left;
	float: left;
    padding:3px 0 3px 30px;
	background: transparent url("/images/icon/arrow_left.png") no-repeat center left;
    }

#AnotherDiary .noneNext{float: right;}
#AnotherDiary .next a{
    width:200px;
    text-align:right;
	float: right;
	padding:3px 30px 3px 0;
	background: transparent url("/images/icon/arrow_right.png") no-repeat center right;
    }



 /* DIARY Contents  << base.css */


.contentArea{
    padding:5px 0 0 0;
    }
.contentArea h1{
	text-align: left;
	background-color:#eef;
    color: #444;
    padding:3px;
    }

.contentArea .name,
.contentArea .date{
	text-align: right;
    font-size: 1.2em;
    padding:0px 10px 0px 0;
    }
.contentArea .photo{
    float:left;
    padding:0px 5px;
}
.contentArea .contents{
	text-align: left;
    font-size: 1.2em;
    padding:5px 10px 0 10px;
    }

.contentArea .photo {
	background:#FFF;
	border:1px solid;
	border-color:#EEE #999 #999 #EEE;
	padding:3px;
	margin:3px;
} 

.contentsNew{
    font-size: 1.2em;
}

/* mail */

#MailContents{
    width:310px;
    margin:0 auto 10px auto;
}
.explainTitle{
    font-size: 1.2em;
    margin-bottom:10px;
}

.explainTitle span{
    padding:4px 3px 4px 35px;
	background: #FFACF0 url("/images/menu/information.png") no-repeat 1% 50%;
}

.bgSelectColor{
    width:300px;
    margin:0 auto 5px auto;
    padding:0 3px 3px 3px;
    background-color:#ddd;
	border:1px solid;
	border-color:#DDD #777 #777 #DDD;
    }

.bgSelectColor label{
    background-color:transparent;    
    }

.bgSelectColor h3{
    margin-top:10px;
    }

/* skip diary image */
#thumbcontent img.picture{
    margin-top:5px;
}

.windowUp,
#thumbcontent img.window{
	position: relative;
	top: -325px;
}
/* blogImage */
.blogImage input{
    width:200px;
    font-size:1.0em;
}

/* Text Comments */
#CommentsArea .formexplain{
    font-size: 1.2em;
    }
   
#CommentsArea .comment{
    margin:10px 15px 15px 15px;
    border-bottom:5px solid #D1D1D1;
    }


#CommentsArea .portrait,
#CommentsArea .number,
#CommentsArea .name{
    float:left;
  	text-align: left;
    }
#CommentsArea .date{
    float:right;
  	text-align: right;
    font-size: 1.0em;
    }

#CommentsArea .photo{
    float:left;
    padding:0px 5px 5px 5px;
}
#CommentsArea .contents{
  	text-align: left;
    padding:0 10px 8px 10px;
    }
#CommentsArea .photo {
	background:#FFF;
	border:1px solid;
	border-color:#EEE #999 #999 #EEE;
	padding:3px;
	margin:3px;
}    
    
/* FORM */
form{
text-align:center;
}
textarea{
  width: 26em;
  height: 10em;
}

.imagesForm{
    margin:0 0 10px 0;
    font-size:1.2em;
}


/*********#AdArea********/
#AdAreaTop form{
    width:430px;
    margin:0 auto;    
}

#AdArea p{
    text-align:center;
    margin:3px 0;
}
#AdArea .amzn_wdgt{
    width:469px;
    margin:0 auto;
}

/* **************************************************************-************************************************************** */


/***** #LeftColumn *****/
/***** #ShopAreaLeft *****/


#ShopAreaLeft .seesaa-ds-link-widget-vbox{
    width:135px;
    margin:0 auto;
}

#ShopAreaLeft .TeamPhotoBottom{
    margin-bottom:5px;
}

#ShopAreaLeft .notice{
    margin-bottom:5px;
}

.leftAreaLogin{
    margin-top:100px;
}


/***** カレンダー *****/
.calenderArea{
    width:180px;
    margin:0 auto;
}

#DailyCalendarTitle{
    font-size: 1.4em;
	padding:5px 0;
	border-bottom:1px solid #FFF;
	width:177px;
	margin:0 3px;
	background-color:#F0F8F8;
    }	
	
#DailyCalendarTitle .prevMonth{
	float:left;
	width:17px;
	text-align:left;
	padding-left:5px
	    }	
	
#DailyCalendarTitle .nowMonth{
	float:left;
	width:130px;
	    }		
	
#DailyCalendarTitle .nextMonth{
	float:right;
	width:17px;
	text-align:right;
	padding-right:5px;
	    }
	
#DailyCalendar table{
	border:none;
	margin:0;
	font-size:0.85em;
	margin-left:3px;
	width:177px;
	    }	
	
#DailyCalendar table th{
    font-size: 1.4em;
	background-color:#F0F8F8;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:center;
	padding:6px 0;
	    }
		
#DailyCalendar table td{
    font-size: 1.4em;
	background-color:#F0F0F0;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:center;
	padding:6px 0;
	    }