/****** メインページ用 *******/
@import url(./common.css);

/****** ページ全体 *******/
#page,#pagebox{
  margin: 0 auto;
}

/****** ページトップ *******/
#pagetop{
  margin-top: 10px;
  width: 150px;
}




/****** ページメイン *******/
#pagemain{
  margin-top: 10+10px;
  width: 150px;

}


#side_left {
	position: absolute;
	left: 405px;
	top: 22px;
	width: 100px;
    height: 300px;
}
#side_right {
  float: left;
	position: absolute; 
	top: 25px;
left: 510px;
	right: 100px;
	width: 280px;
}

#side_twit {
  float: right;
	position: absolute; 
	top: 23px;
left: 750px;
	right: 160px;
	width: 250px;
}




#mainback{
	position: absolute;
  float: left;
 left:2px;
  width: 400px;
	top: 45px;
}










/****** メイン *******/
#main{
	position: absolute;
  float: left;
 left:100px;
  width: 400px;
	top: 155px;
}

/****** 日記メインボックス *******/
.diarybox{
  margin: 0 0 2px 0;
  padding: 1px;
  font-size: 90%;	
  line-height: 1.2em;
  border: solid 1px #999999;
  background-color: #ffffff;
/*  background-color: black;*/
}
.diarybox h1{
  margin: 0 0 1px;
  padding: 2px 0 2px 1px;
  font-size: 180%;
/*  background-color: #007788; */
  background-color: cornsilk; 
/*  color: white;*/
  color: #007788;
  text-align: left;
}
.diarybox h2 {
  margin: 0 0 4px;
  padding: 2px 0 2px 4px;
  font-size: 120%;
  background-color: #FF4500;
  color: white;
  text-align: left;
}
.diarybox p{
  margin: 0px 10px 10px 10px;
  border-top: solid 1px #ccccff;
/*  border-bottom: solid 1px #ccccff;*/
  padding: 0px 0px 15px 0px;

}
.diarybox hr{
  margin: 0 10px;
  height: 1px;
  color: #ccccff;
}
.diarybox img {
	float: left;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
  border: 1; 
  border-spacing: 0;
}

/******左ボックス****/
.leftbox p{
  margin: 0px 10px 10px 10px;
  border-top: solid 1px #ccccff;
  padding: 0px 0px 20px 0px;
}
.leftbox h1{
  margin: 0 0 1px;
  padding: 1px 0 1px 1px;
  font-size: 120%;
  background-color: cornsilk; 
  color: #007788;
  text-align: left;
}




/****** メインボックス *******/
.mainbox{
  margin: 0 0 2px 0;
  padding: 1px;
  font-size: 90%;	
  line-height: 1.2em;
  border: solid 1px #999999;
  background-color: #ffffff;
}
.mainbox h1{
  margin: 0 0 4px;
  padding: 2px 0 2px 4px;
  font-size: 120%;
  background-color: #007788;
  color: white;
  text-align: left;
}
.mainbox h2 {
  margin: 0 0 4px;
  padding: 2px 0 2px 4px;
  font-size: 120%;
  background-color: #FF4500;
  color: white;
  text-align: left;
}



.mainbox h3 {
	margin-left: 1px;	
}
.mainbox p{
  margin: 0px 10px 0px 10px;
  border-top: solid 1px #ccccff;
}

.mainbox hr{
  margin: 0 10px;
  height: 1px;
  color: #ccccff;
}

.mainbox ul.bold{
  color: #333333;
  font-weight: bold;
}

.mainbox .mlist,.mainbox .mlist2{
}
.mainbox .mlist dt{
  margin: 0 0 0 10px;
  font-weight: bold;
}
.mainbox .mlist dd{
  margin: 0 0 0 0;
}

.mainbox .mlist ul,.mainbox .mlist2 ul{
  margin: 10px 0 20px 0;
  padding: 0 0 0 0;
}
.mainbox .mlist li,.mainbox .mlist2 li{
  margin: 0 0 0 30px;
  padding: 0 0 0 0;
}
.mainbox .mlist2{
  width: 290px;
  float: left;
  margin: 4px 0 0 0;
  border-right: solid 1px #999999;
}
.mainbox .mlist dd ul{
  margin: 0 0 0 10px;
}
.mainbox .mlist3 ul{
  margin: 10px 0 20px 15px;
  padding: 0;
}
.mainbox .mlist3 li{
  list-style-type: none;
}

.mainbox dl.mdl1{
  margin: 10px 0 0 0;
}
.mainbox .mdl1 dt{
  display: list-item;
  list-style: outside disc;
  margin: 0 0 0 30px;
}
.mainbox .mdl1 dd{
  margin: 0 0 10px 30px;
}

.mainbox .mdl2 dt{
  margin: 0 0 0 10px;
  font-weight: bold;
}
.mainbox .mdl2 dd{
  margin: 0 0 0 30px;
}
.mainbox .mdl2 dd ul{
  margin: 0 0 0 0;
  padding: 0;
}
.mainbox .mdl2 dd li{
  margin: 0 0 0 0;
}

.mainbox .mdiv1{
  float: left;
  width: 290px;
  margin: 0 1px;
  padding: 1px;
  border: solid 1px #999999;
}
.mainbox .mdiv1 h1{
  padding: 4px 0;
  background-color: #3366cc;
  text-align: center;
}
.mainbox .mdiv1 dt{
  margin: 0 0 0 10px;
}
.mainbox .mdiv1 dd{
  margin: 0 0 0 24px;
}
.mainbox .mdiv1 .dt1{
  margin: 0 0 8px 0;
  padding: 2px 0;
  background-color: #cc33cc;
  color: white;
  text-align: center;
  font-weight: bold;
}

.mainbox .mdl3{
  margin: 0 0 4px 0;
  padding: 1px;
  border: solid 1px #999999;
}
.mainbox .mdl3 dt{
  padding: 4px 0 2px;
  background-color: #3366cc;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 100%;
}
.mainbox .mdl3 dd{
  margin: 4px 0 10px 10px;
  font-size: 90%;
}
.mainbox .mdl3 dd ul{
  margin: 0 0 0 20px;
  padding: 0;
}
.mainbox .mdl3 dd li{
}
.mainbox .mdl3 hr{
  margin: 4px 2px 4px;
  height: 1px;
  color: #ccccff;
}