@charset "utf-8";

/**************************************
Blog - Reset
***************************************/
*{
margin:0;
padding:0;
}

body{
text-align:center;
color:#303030;
}

li{
list-style:none;
}




/**************************************
Blog - General
***************************************/
#page{
width:720px;
margin:0 auto;
text-align:left;
background:#fff;
}

.hide{
display:none;
}

/**************************************
Blog - Main
***************************************/
#main{
margin:0 5px;
}
/**************************************
Blog - Entry
***************************************/
#entryContent{
float:right;
width:720px;
margin-top:20px;
}

/**************************************
Blog - Entry - Entry
***************************************/
#entryContent #entry{
float:left;
width:511px;
}
#entryContent #main{
float:left;
width:511px;
}

#entryContent #entry h2{
min-height:24px;
_height:24px; /*IE6*/
margin:0 20px 10px 0;
padding:10px 0 10px 18px;
border-left:3px solid #111;
font-weight:normal;
font-size:13px;
background: #ccc;
line-height: 1.4em;
color: #333;
}

/*#about*/
#entryContent #about{
height:143px;
margin-bottom:25px;
}

#entryContent #about dt{
margin:0 0 15px 15px;
}

#entryContent #about dd{
margin-left:15px;
}

/*.entryBox*/
#entryContent #entry .entryBox{
margin:0 20px 20px 0;
padding:15px 10px 5px;
background:#fff;
}
#entryContent #entry .entryBox a {
color: #0096ff;
text-decoration: underline;
}
#entryContent #entry .entryBox a:hover {
text-decoration: none;
}

#entryContent #entry .entryBox p{
line-height:1.5em;
margin-bottom:2em;
font-size: 12px;
color: #333;
}

#entryContent #entry .entryBox .photo01{
margin-bottom:10px;
text-align:right;
}

#entryContent #entry .entryBox .photo02{
margin-bottom:10px;
text-align:center;
}

#entryContent #entry .entryBox .date{
margin:0;
text-align:right;
}

/*.pageNavi*/
#entryContent #entry .pageNavi{
margin:0 20px 20px 0;
padding:16px;
text-align:center;
background: #222;
color: #FFFFFF
}

#photo-gallery #entryContent #entry {
	width: 720px;
}

#photo-gallery #entryContent #entry .pageNavi{
width: 680px;
margin: 0 auto;
padding:16px;
text-align:center;
background: #222;
color: #FFFFFF
}

#entryContent #entry .pageNavi li{
display:inline;
margin-left:1em;
font-size: 11px;
padding: 10px;
}

#entryContent #entry .pageNavi a {
	color: #ccc
}
#entryContent #entry .pageNavi a:hover {
	color: #fff
}

#entryContent #entry .pageNavi .start {
padding: 0 10px 0 0;
border-right: 1px dotted #ccc;
_border-right: 1px solid #ccc;

}

#entryContent #entry .pageNavi .end {
padding: 0 0 0 10px;
border-left: 1px dotted #ccc;
_border-left: 1px solid #ccc;

}
/**************************************
Blog - Entry - Navi
***************************************/
#entryContent #navi{
float:right;
width:189px;
margin: 0 3px 0 0;
}

/*#calendar*/
#entryContent .calendar{
margin-bottom:21px;
background:#222;
}

#entryContent .calendar div{
position:relative;
margin:2px 2px 1px;
background:#df0039;
}

#entryContent .calendar p{
padding:4px 0;
text-align:center;
}

#entryContent .calendar li{
position:absolute;
top:7px;
}

#entryContent .calendar li.prev{
left:10px;
}

#entryContent .calendar li.next{
right:10px;
}

#entryContent .calendar table{
margin:3px auto;
width:183px;
border-collapse:collapse;
}

#entryContent .calendar th{
padding: 0;
border:1px solid #444;
text-align:center;
color:#fff;
}

#entryContent .calendar td{
padding: 7px 0;
border:1px solid #444;
text-align:center;
font-size:10px;
}

#entryContent .calendar td.entry{
color: #3333CC;
background: #efefef;
}

#entryContent .calendar td.current{
font-weight:bold;
background:#0096ff;
}

#entryContent .calendar td.current a{
color: #fff;
}

/*.recent*/
#entryContent #navi .recent{
height:100%;
margin-bottom:21px;
padding-bottom:13px;
background: #222;
}

#entryContent #navi .recent dt{
padding-left:15px;
}

#entryContent #navi .recent dd{
width:189px;
}

#entryContent #navi .recent li{
padding:7px 0 7px 18px;
margin:0 15px;
font-size: 12px;
border-bottom: 1px dotted #444;
_border-bottom: 1px solid #444;
background: url(../images/icon_arrow_report.gif) no-repeat left center;
}

#entryContent #navi .recent li.end{
background:none;
}

#entryContent #navi .recent a {
	color: #CCCCCC
}

#entryContent #navi .recent a:hover {
	color: #fff
}

/*.archives*/
#entryContent #navi .archives dt{
padding-left:15px;
}

#entryContent #navi .archives dd{
min-height:96px;
_height:96px; /*IE6*/
}

#entryContent #navi .archives dd li{
padding:15px 60px 0 15px;
}

#entryContent #navi .rss {
	background: #222;
	margin:21px 0;
	padding:13px;
	font-size: 11px;
}

#entryContent #navi .rss a {
	color: #CCCCCC
}

#entryContent #navi .rss img {
vertical-align:middle;
margin: 0 10px 0 0;
}

#entryContent #navi .rss a:hover {
	color: #fff
}

#entryContent #navi .newmedia li {
display: inline;
margin: 0 0 0 6px;
}

/**************************************
Blog - Information
***************************************/
#infoContent{
float:left;
width:220px;
margin:24px 0 100px;
}

#infoContent #profile{
margin:0 0 15px 20px;
padding-bottom:3px;
background:#fff;
}

#infoContent #profile dt{
padding:10px 0;
text-align:center;
}

#infoContent #profile dd{
padding:0 15px;
}

#infoContent #profile dd p{
margin-bottom:15px;
text-align:center;
}

#infoContent #profile dd dt{
float:left;
width:90px;
height:20px;
padding:0;
text-align:left;
}

#infoContent #profile dd dd{
float:right;
width:80px;
height:20px;
padding:0;
text-align:right;
}

#infoContent #banner{
clear:both;
margin:0 0 0 20px;
}

#infoContent #banner dt{
margin-bottom:5px;
padding-left:4px;
}

#infoContent #banner ul{
padding-bottom:5px;
}

#infoContent #banner li{
margin-bottom:5px;
}

#infoContent #banner p{
line-height:1.5;
}

/**************************************
Blog - Copyright
***************************************/
#copyright{
clear:both;
margin:0 5px;
padding:9px 15px 5px;
text-align:right;
background:#df0039;
}

/**************************************
Clearfix
***************************************/
.cf{
display:inline-block;
}

.cf:after{
content:".";
clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
}

/* MacIE \*/
* html .cf{
height:1%;
}

.cf{
display:block;
}
/* end MacIE */