@charset "utf-8";
/* blog */

/*--------------------------------------------- |  AREA  */

#Base {
	margin: 0px auto;
	width: 950px;
	text-align: center;
	overflow: hidden;
	background-color:#FFFFFF;
 }
	
#areaHeader {
	width: 950px; }
	
#areaSide{
	width: 300px;
	background-color:#FFFFFF;
	float: left;
	padding-bottom: 32768px;
	margin-bottom: -32768px;}
	
#areaProfile {
 	width: 280px;
	height: 200px;	
	margin-top: 50px;
	margin-left: 20px;}

#areaProfileLeft {
	width: 135px;
	float: left;}
	
#areaProfileRight {
	width: 125px;
	float: left;
	text-align:left; }
	
#areaCalendar {
	width: 150px;
	height: 150px;
	margin-top: 20px;
	margin-left: 20px; }

#areaRecentEntry {
 	width: 200px;
	height: auto;	
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;  }
	
#areaRecentEntryTitle {
	text-align:center;
	margin-bottom: 10px; }

#areaRecentEntryItem {
	text-align:left;
	margin-bottom: 10px;
	margin-left: 30px;  }
	
#areaArchive {
 	width: 200px;
	height: auto;	
	margin-top: 20px;
	margin-left: 20px }
	
#areaArchiveTitle {
	text-align:center;
	margin-bottom: 10px; }

#areaArchiveItem {
	text-align:center;
	margin-bottom: 10px;  }
	
#areaContents {
	width: 650px;
	background-color:#FFFFFF;
	float: right;
	padding-bottom: 32768px;
	margin-bottom: -32768px; }

#areaBlogEntry {
    width: 580px;
    border:1px dotted #CCCCCC; 
	margin-top: 50px;}

#areaBlogTitle {
	width: 580px;}

#areaBlogTitleLeft {
	float: left;
	width: 370px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: left; }
	
#areaBlogTitleRight {
    float: right;
	width: 190px;
	margin-top: 10px;
	margin-right: 10px;
	text-align:right;}

#areaBlogBody {
	width: 540px;
	margin: 20px;
	text-align: left;}
		
#areaPageNavi {
	width: 160px;;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px; }

#areaPageNaviLeft {
	width: 80px;;
	height: 30px;
	float:left;
	text-align: center;
	padding-top: 30px; }

#areaPageNaviCenter {
	width: 50px;;
	height: 30px;
	float:left;
	text-align: center;
	padding-top: 30px; }

#areaPageNaviRight {
	width: 80px;;
	height: 30px;
	float:left;
	text-align: center;
	padding-top: 30px; }
	
#areaFooter {
	width: 900px;
	height: 30px;
	text-align: center;
	padding-top: 30px; }
	
/*--------------------------------------------- |  Font */

.txtProfile {
	font-size: 0.8em;
	color: #999999;
	line-height: 1.4em;
}

.txtEntryTitle {
	font-size: 0.8em;
	color: #FF6666;
	line-height: 1.4em;
}


.txtEntryItem {
	font-size: 0.8em;
	color: #4D4D4D;
	line-height: 1.4em;
}

.txtBlogTitle {
	font-size: 0.9em;
	color: #333333;
	line-height: 1.4em;
}

.txtBlogDate {
	font-size: 0.8em;
	color: #4D4D4D;
	line-height: 1.4em;
}

.txtBlogBody {
	font-size: 0.8em;
	color: #4D4D4D;
	line-height: 1.4em;
}

.txtPageNavi {
	font-size: 0.8em;
	color: #4D4D4D;
	line-height: 1.4em;
}

.txtCopyright {
	font-size: 0.7em;
	color: #666666;
	line-height: 1.4em;
}

.txtHeader {
	font-size: 0.7em;
	color: #999999;
	line-height: 1.4em;
    text-align: left;
}




/*--------------------------------------------- |  Line */

.titleLine {
    width: 560px;
	border-bottom: 1px solid #FF9900;
	margin-left: 10px;
	
}
	

#calendar {
 line-height: 140%;
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 
 padding: 2px;
 text-align: center;
 margin-bottom: 30px;
 }
#calendar table {
 padding: 2px;
 border-collapse: collapse;
 border: 0px;
 width: 100%;
 }
#calendar caption {
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 
 text-align: center;
 font-weight: bold;
 
 text-transform: uppercase;
 
 letter-spacing: .3em;
 }
#calendar th {
	text-align: center;
	font-weight: normal; }
#calendar td {
	text-align: center; }
 
/*--------------------------------------------- |  BASE  */

* {
	margin: 0;
	padding: 0; }
body {
	font-size: 16px;
	font-family:  "Lucida Grande", sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	color: #000;
	background-color:#FFFFFF;
	background-image:   url(../img_blog/back.jpg);
    background-repeat:  repeat-x; }
;
	text-align: center;
}

/* for WinIE6*/

* html body {
	font-size: 100%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
	font-weight: normal;
	line-height: 1.3em;
	color: #000;
	text-align: center;
}

/* for WinIE7*/

*:first-child+html body { 
	font-size: 100%;
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	color: #000;
	text-align: center;
}

/*--------------------------------------------- |  HEADINGS  */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal; }

/*--------------------------------------------- |  LINKS  */
a {
	text-decoration: underline;
	color: #FF9900; }
a:hover {
	text-decoration: none;
	color: #FF6666; }

a img {
	border: none; }
	
#areaRecentEntryItem a {
	text-decoration: none;
	color: #666666; }
#areaRecentEntryItem a:hover {
	text-decoration: none;
	color: #FF9900; }
 
#areaArchiveItem a {
	text-decoration: none;
	color: #666666; }
#areaArchiveItem a:hover {
	text-decoration: none;
	color: #FF9900; }
	
#areaPageNavi a {
	text-decoration: underline;
	color: #4D4D4D; }
#areaPageNavi a:hover {
	text-decoration: none;
	color: #999999; }
  
  
/*--------------------------------------------- |  TAG SETTINGS  */

td, th, img {
	vertical-align: top;
	padding: 0;
	margin: 0; }
th {
	font-size: 100%;
	font-weight: normal; }
ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	vertical-align: top;
	overflow: hidden; }
hr {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: black; 
   height: 1px; }
  
/*--------------------------------------------- |  OPTIONS  */

.clear {
	  clear: both; }
.clearL {
	  clear: left; }

/*Text Align*/
.txtAR {
	text-align: right; }
.txtAL {
	text-align: left; }
.txtAC {
	text-align: center; }

/*Text Indent*/
.noIndent {
	text-indent: 0; }

/*Vertical Align*/
.vAT {
	vertical-align: top; }
.vAM {
	vertical-align: middle; }
.vAB {
	vertical-align: bottom; }

/*Float*/
.left {
	float: left; }
.right {
	float: right; }