body {
	background:#f5f5f5;
	font-size:10px;
}
a {
	color: #000;
	text-decoration:none;
}
a:hover img {	
	-moz-opacity:0.90; /*FF*/
	opacity:0.90;
	filter:alpha(opacity=90); /*IE*/
	outline: none;
	cursor: point;
}
blockquote{
	background:#f6f6f6;
	padding:20px;
}
/*------------------------------------------------
	COMMON
------------------------------------------------*/
#wrap{
	text-align:center;
	background:#fff ;
	width:1073px;
	margin:auto;
}
#cont{
	padding:40px;
	text-align:left;
}
/*------------------------------------------------
	HEADER
------------------------------------------------*/
#top{
	overflow:hidden;
	margin-bottom:22px;
}
#top h1{
	width:413px;
	height:59px;
	float:left;
	margin-right:337px;
}
#top h1 a {
	width:100%;
	height:100%;
	background:url(../img/h1.jpg) no-repeat;
	display:block; text-indent:-99999px; overflow:hidden;
}
#siteTitle{
	width:736px;
	height:188px;
	display:block;
	float:left;
	margin-right:15px;
}
#siteTitle a {
	width:100%;
	height:100%;
	background:url(../img/title.jpg) no-repeat;
	display:block; text-indent:-99999px; overflow:hidden;
}
#nav{
	overflow:hidden;
	margin-bottom:30px;
}
#nav li{
	width:128px;
	height:34px;
	float:left;
	margin-bottom:17px;
}
#nav li a{
	width:100%;
	height:100%;
	background:url(../img/menu.jpg) no-repeat;
	display:block; text-indent:-99999px; overflow:hidden;
}
#nav li#mblog a{background-position:0 -51px;}
#nav li#mabout a{background-position:0 -101px;}
#nav li#mfacebook a{background-position:0 -152px;}

#nav a:hover {	
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
	filter:alpha(opacity=70); /*IE*/
	outline: none;
	cursor: point;
}
h2{
	display:block; text-indent:-99999px; overflow:hidden;
	background:url(../img/menu.jpg) no-repeat;
	height:34px;
}
/*------------------------------------------------
	INDEX
------------------------------------------------*/
#newWorks{
	margin-bottom:20px;
	position:relative;
}
#newWorksTitle{
	position:absolute;
	z-index:1;
	font-family: 'Abel', sans-serif;
	text-transform:uppercase;
	padding:30px 0 0 30px;
	color:#fff;
}
#newWorksTitle strong{
	display:block;
	font-size:140px;
	line-height:110px;
	letter-spacing:-8px;
}
#newWorksTitle span{
	display:block;
	font-size:40px;
	line-height:30px;
}
#newWorksTitle i{
	display:block;
	font-size:20px;
	line-height:30px;
}
/*------------------------------------------------
	ABOUT
------------------------------------------------*/
#about h2{
	margin-bottom:17px;
	background-position:0 -101px;
}
#about{
	font-size:11px;
	line-height:1.6;
}
#about #main a{
	background:yellow;
}
#about .box{
	margin-bottom:20px;
}
#about h2#project{
	margin-bottom:17px;
	background-position:0 -204px;
}
#author{
	margin-bottom:70px;
}
#link{
	margin-bottom:80px;
}
#link li{
	list-style-type:disc;
	list-style-position:inside;
}
#about #worksBox{
	margin-bottom:20px;
}
#about #worksBox div p{
	text-align:justify;
	padding:0 10px;
}
#about #main a:hover{
	border-bottom:solid 1px #333;
}
#about #worksBox div a:hover {
	border:none;
}
#about #worksBox div a:hover img{
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
	filter:alpha(opacity=70); /*IE*/
	outline: none;
	cursor: point;
}
/*------------------------------------------------
	WORKS
------------------------------------------------*/
#detail h2,
#works h2{
	margin-bottom:17px;
}
#worksBox{
	overflow:hidden;
}
#worksBox div{
	width:240px;
	float:left;
	margin:0 0 18px 11px;
}
#worksBox div a{
	background:#fff !important;
}
.first div,
.first{
	margin-left:0 !important;
}
#worksBox div strong,
#worksBox div span{
	display:block;
	line-height:14px;
}
#worksBox div span{
	color:#666;
}
/*------------------------------------------------
	DETAIL
------------------------------------------------*/
#detail h3{
	font-size:80px;
	line-height:70px;
	font-family: 'Abel', sans-serif;
	text-transform:uppercase;
	letter-spacing:-3px;
}
#detail h3 a{
	background:yellow;
}
#detail .meta{
	margin-bottom:20px;
}
#detail .jp, #detail .en{
	margin-bottom:5px;
}
#detail .jp a, #detail .en a{
	background:yellow;
}
#snsbtn {
	padding:20px 0;
	overflow:hidden;
}
#snsbtn li{
	display:inline;
	margin-right:10px;
	float:left;
}
#entryBody{
	clear:both;
	margin-bottom:60px;
}
#entryBody img{
	margin:0 10px 10px 0;
}
/*------------------------------------------------
	FOOTER
------------------------------------------------*/
footer div{
	border-top:solid 1px #333;
	margin-top:20px;
	padding:20px 0 20px;
	clear:both;
}


/*------------------------------------------------
	BLOG
------------------------------------------------*/
#blog .container{
	width:753px;
	float:left;
}
#blog .sidebar{
	padding-top:83px;
	width:237px;
	float:left;
}
#blog .container .entry-title{
	font-size:60px;
	line-height:50px;
	font-family: 'Abel', sans-serif;
	text-transform:uppercase;
}
#blog .entry-meta{
	margin-bottom:20px;
}
#blog .post{
	width:700px;
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:solid 1px #333;
}
#blog .post a,
#blog .sidebar a{
	background:yellow;
}
#blog .navigation{
	padding-bottom:40px;
}
#blog .sidebar h2{
	background-position:0 -50px;
	margin-bottom:17px;
}
#blog .sidebar h3{
	font-family: 'Abel', sans-serif;
	font-size:20px;
	line-height:30px;
}
#blog .sidebar #categories,
#blog .sidebar #archives{
	margin-bottom:17px;
}
#blog .sidebar li{
	margin-bottom:5px;
}
#blog #bnr a {
	background:#fff;
}
/********************************************************************
THUMBNAIL
*********************************************************************/
#thumb{
	padding:0 0 0px 40px;
	overflow:hidden;
	width:1005px;
}
#thumb h1{
	border-bottom:dotted 1px #999;
	margin:0 0 20px 20px;
	padding-bottom:10px;
	width:985px;
}
#thumb .entry-contents{
	background:none;
}
#thumb {
	padding-top:30px;
}
#thumb article {
	float:left;
	width:180px;
	margin:0 0 20px 21px;
}
#thumb article a{
	width:180px;
	height:180px;
}
#thumb article strong{
	font-size:10px;
	font-weight:100;
}
#thumb article span.category{
	display:block;
	color:#999;
	font-size:9px;
}
/********************************************************************
TWEET
*********************************************************************/
.topsy_widget_data {
	padding:40px 0 40px 0;
}
#twitterer_anywhere{
	padding:0 0 40px 0px;
	width:700px;
}
#twitterer_anywhere h3{ 
	padding:5px 0 5px 10px;
	margin-bottom:10px;
	background:#efefef;
}
#twitterer_anywhere ul .tweet_box {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #ccc;
	overflow:hidden;
	clear:both;
}
.tweet_box_left{
	width:68px;
	float:left;
}
.tweet_box_right {
	float:left;
	width:600px;
}
.twitter_name{
	padding-right:10px;
}
.twitter_posttime{
	color:#999;
}
	.wordpress  #twitterer_anywhere {
		padding-top:10px;
	}
	.wordpress  #twitterer_anywhere ul .tweet_box {
		padding-left:0px;
		width:700px;
	}
	.wordpress .tweet_box_right {
		width:630px;
	}
	.wordpress   #twitterer_anywhere h3{ 
		width:690px;
		padding:5px 0 5px 10px;
		margin-bottom:10px;
		background:#efefef;
	}

/********************************************************************
BLOG FACEBOOK
*********************************************************************/
#blogFacebook{
    width: 520px;
		background:#fff;
		overflow:hidden;
}
#blogFacebook #wrapper{
	margin:0;
    width: 520px;

}
#blogFacebook .container {
    width: 520px;
}
#blogFacebook .container .post {
    width: 520px;
		padding-bottom:10px;
		margin-bottom:40px;
}
#blogFacebook .post .entry-content {
    text-align: justify;
    width: 520px;
}
#blogFacebook .container .post img,
#blogFacebook .container .post embed,
#blogFacebook .container .post iframe {
    max-width: 520px;
}
#blogFacebook .post .entry-title {
    font-family: sans-serif;
		font-weight:bold;
    letter-spacing: 3px;
    position: static;
    margin-bottom: 5px;
		font-size:14px;
		border-top:solid 1px #ddd;
    color: #212121;
		background:#f6f6f6;
		padding: 5px;
		display: block;
    height: 18px;
    text-indent: 0;
}
}
#blogFacebook .post .entry-title a{
		border:none;
}
#blogFacebook .post .entry-title a:hover{
		text-decoration:underline;
}
#blogFacebook .post .entry-meta {
    clear: both;
    display: block;
    font-family: sans-serif;
    margin-bottom: 10px;
    padding-left: 0px;
    width: 520px;
		text-align:left;
}
#blogFacebook .more{
	display:block;
	background:#333;
	color:#fff;
	padding:20px;
	text-align:center;
	font-weight:bold;
}