/* =1reset 
----------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
	margin:0;   
    padding:0;   
	}
ul,ol{
	list-style: none;
	}
fieldset,img{
	border: none;
	}
img{
	vertical-align: top;
	}
h1,h2,h3,h4,h5,h6 {  
	font-size:100%;  
	}
caption,th{  
     text-align:left;   
	 }
q:before,
q:after {  
     content:'';   
	} 
abbr,acronym {
	border:0;   
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}
th,
td{
	vertical-align: top;
	}

/* =2BODY
----------------------------- */
html{
	overflow-y: scroll;
	}
html {
	height: 100%;
	}
* html div#wrapper{
	height: 100%;
	}
body{
	height: 100%;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
	}
/*for IE7*/
*:first-child+html body{
	font-size: small;
	}
/*for IE6*/
* html body{
	font-size: small;
	}
/* line-height */
.articleContent dl dt,
.articleContent dl dd p,
.menuContent li{
	line-height: 1.6;
	}
   
/* =3link-color
----------------------------- */
a{
	color: #666;
	text-decoration: underline;
	}
a:hover{
	background: #666;
	color: #fff;
	text-decoration: none;
	}
	
/* =header
----------------------------- */
#branding{
	position: relative;
	height: 165px;
	background: url(../../images/base/bg_main_title_m.jpg) repeat-y;
	}
#brandingMiddle{
	background: url(../images/base/bg_main_title_h.gif) no-repeat top left;
	}
#brandingEnd{
	height: 6px;
	background: url(../images/base/bg_main_title_b.jpg) no-repeat bottom left;;
	}
#logo,
#blogTitle,
#staff,
#blogIntro{
	position: absolute;
	}
#logo{
	top: 25px;
	left: 30px;
	}
#blogTitle{
	top: 85px;
	left: 30px;
	color: #333;
	font-size: 130%;
	}
#blogTitle a{
	color: #333;
	text-decoration: none;
	}
#blogTitle a:hover{
	background: #fff;
	color: #666;
	text-decoration: none;
	}
#staff{
	top: 0px;
	right: 10px;
	}
#blogIntro{
	bottom: 20px;
	left: 30px;
	}
	
/* =contents
----------------------------- */	
#wrapper{
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#mainContent{
	float: left;
	width: 545px;
	}
#rightContent{
	float: right;
	width: 225px;
	}
#mainContent,
#rightContent{
	margin-top: 20px;
	}
/* footer */
#footerContainer{
	clear: both;
	margin-top: 20px;
	padding: 10px 0;
	border-top: 2px solid #666;
	text-align: center;
	}
   
/* =cleafix
----------------------------- */
.clearBoth{ 
	clear: both;
	padding-top: 1.5em;
	}
#wrapper:after,
#branding:after,
#brandingMiddle:after,
#brandingEnd:after,
#mainContent:after,
#footerContainer:after,
.articleContent:after,
.menuContent:after,
.articleInfo:after{
	content: url(../images/base/spacer.gif);
	display: block;
	clear: both;
	height: 0;
	}
#wrapper,
#branding,
#brandingMiddle,
#brandingEnd,
#mainContent,
#footerContainer,
.articleContent,
.menuContent,
.articleInfo{
	display: inline-block;
	}
#wrapper,
#branding,
#brandingMiddle,
#brandingEnd,
#mainContent,
#footerContainer,
.articleContent,
.menuContent,
.articleInfo{
	display: block;
	}
	
/* =article
----------------------------- */
.articleContainer{
	padding-top: 1px;
	background: url(../images/base/bg_article_h.jpg) no-repeat;
	}
.articleContent{
	position: relative;
	padding: 30px 35px 30px 30px;
	background: url(../images/base/bg_article_m.jpg) repeat-y;
	}
.articleEnd{
                margin-bottom: 10px;
	height: 6px;
	background: url(../images/base/bg_article_b.jpg) no-repeat;
	}
/* article-title */
.articleContent dl dt{
	min-height: 40px;
	width: 400px;
	margin-bottom: 20px;
	padding-left: 40px;
	background: url(../images/base/icon_article_title.gif) no-repeat center left;
	color: #333;
	font-size: 130%;
	}
/* article */
.articleContent dl dd p{
	margin-top: 1.4em;
	}
/* archive */
#archiveContent li{
	margin: 0.3em 0;
	}
/* tweet */
.reTweet{
	position: absolute;
	width: 70px;
	top: 15px;
	right: 0;
	}
	
/* =font-style
----------------------------- */
.fontSizeLb{
	font-size: 110%;
	font-weight: bold;
	}
	
/* =right-menu
----------------------------- */
.menuContainer{
	padding-top: 1px;
	background: url(../images/base/bg_menu_h.jpg) no-repeat;
	}
.menuContent{
	padding: 10px 20px 10px 15px;
	background: url(../images/base/bg_menu_m.jpg) repeat-y;
	}
.menuEnd{
	margin-bottom: 8px;
	height: 6px;
	background: url(../images/base/bg_menu_b.jpg) no-repeat;
	}
/* menu-title */
.menuContent h3{
	margin-bottom: 10px;
	}
/* staff-blog news */
.staff dl,
.news dl,
.news ul{
	text-align: center;
	}
.staff dt,
.news dt{
	margin-bottom: 10px;
	}
.news ul{
	margin-top: 10px;
	}
/* new */
.newEntries li{
	padding: 0.2em 0;
	}
/* archives category */
.archives ul{
	margin-left: 12px;
	}
.archives li,
.category li{
	padding-left: 16px;
	background: url(../images/menu/icon_archives.gif) no-repeat center left;
	}
/* date */
.articleInfo{
	clear: both;
	position: relative;
	margin-top: 20px;
	}
.date{
	float: left;
	width: 230px;
	}
.comment{
	float: right;
	width: 220px;
	text-align: right;
	}
.pageTop{
	position: absolute;
	right: -12px;
	bottom: 0px;
	}
.profile li,
.otherLinks li{
	margin-left: 15px;
	}
/* calendar */
#calendar table{
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}
#calendar caption{
	padding: 5px;
	background: #b3b3b3;
	border-top: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	color: #fff;
	font-weight: bold;
	}
#calendar th{
	background: #f5f5f5;
	}
#calendar th,
#calendar td{
	padding: 5px;
	border: 1px solid #b3b3b3;
	text-align: center;
	}
#calendar a{
	font-weight: bold;
	}
	
/* =search
----------------------------- */
#searchContent h3{
	margin-bottom: 2em;
	padding-left: 0.8em;
	border-left: 3px solid #999;
	font-size: 120%;
	}
#searchContent h4{
	margin: 0.8em 0;
	}
#searchContent p{
	margin: 0.6em 0;
	}
.entry-footer{
	padding-bottom: 1em;
	border-bottom: 1px dashed #ccc;
	text-align: right;
	}