@charset"UTF-8";


article, aside, dialog, figure, footer,header,hgroup, nav, section {
	display: block;
}

body{
	background:url(../img/bg-header.png) repeat-x 0 0 #FFF;
	font-family:"Lucida Console", Monaco, monospace;
}

#wrapper{
	margin:0 auto;
	padding:0px;
	width:940px;
}

#globalHeader{
	background:url(../img/bg-header.png) repeat-x;
	height:201px;
	width:940px;
}

#globalNavi{
	background:url(../img/bg-navi.png) repeat-x;
	color:#fff;
	height:40px;
}


#globalNavi li{
	float:left;
	text-align:center;
	width:100px;
}

#globalNavi li.onPage{
	background:url(../img/bg-btn.png) no-repeat;
	display:block;
	width:100px;
	height:60px;
}

#globalNavi li a{
	color:#FFF;
	display:block;
	padding-top:20px;
	text-decoration:none;
}

#globalNavi li a:hover{
	color:#0D6684;
}


#header-left h1{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:50px;
	letter-spacing:-3px;
	margin-top:10px;
	padding:10px 0 0 0;
	width:443px;
	text-shadow:0 2px 0 #fff;
}

#header-left h1 a{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	text-decoration:none;
}

#header-left h1 a:hover{
	color:#0D6684;
}

h2{
	color:#0D6684;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:10px;
	padding:0;
}

#globalHeader p{
	float:right;
	margin:50px 0 0 0;
}

#main{
	background:#FFF;
	clear:both;
	height:auto;
	width:940px;
	margin:0 auto;
	overflow:hidden;
}

/*-------------------------左コンテンツ---------------------------------*/


#left-contents{
	border-right:1px solid #CAE9F9;
	float:left;
	margin:0;
	width:659px;
}

.blog-box,
.blog-box-all{
	border-bottom:1px solid #CAE9F9;
	height:auto;
	margin:0 0 20px 0;
	padding:0 10px 10px 10px;
	width:639px;
}

/*.blog-box-all{
	height:auto;
	margin:0 0 20px 0;
	padding:0 10px 10px 10px;
	width:598px;
}*/

.blog-box-all h5{
	border-left:5px solid #8BB1EF;
	font-weight:400;
	margin:20px 0;
	padding-left:10px;
}

#left-contents h1{
	color:#333;
	font-size:20px;
	margin:30px 0 0 0;
	text-shadow:0 1px 0 #dcdcdc;
	x-moz-text-shadow:0 1px 0 #dcdcdc;

}

#left-contents h1 a{
	color:#333;
	text-decoration:none;
}

#left-contents h1 a:hover{
	color:#900;
	text-decoration:underline;
}


#left-contents h3{
	color:#333;
	font-size:20px;
	margin:30px 0 0 0;
}

#left-contents h3 a{
	color:#333;
	text-decoration:none;
}

#left-contents h3 a:hover{
	color:#900;
	text-decoration:underline;
}

.entry-date{
	color:#bdbdbd;
	float:left;
	font-size:12px;
	margin:5px 0 5px 0;
}

.entry-category{
	color:#bdbdbd;
	float:left;
	font-size:12px;
	margin:5px 0 5px 20px;
}


.entry-text{
	clear:left;
	font-size:14px;
	line-height:1.5;
	padding:20px 0;
	text-shadow:0 1px 0 #dcdcdc;
	border-bottom:1px solid #CAE9F9;
	margin-bottom:20px;
}

.entry-link{
	font-size:12px;
	text-align:right;
	margin-right:10px;
}

.entry-link a{
	text-decoration:none;
}

.entry-link a:hover{
	color:#900;
	text-decoration:underline;
}

/*-------------------------右コンテンツ---------------------------------*/


#right-contents{
	background:#fff;
	float:left;
	margin:0;
	width:280px;
}

/*-------------------------About Me---------------------------------*/

#profile{
	height:178px;
	width:280px;
}

#self-photo{
		border:1px solid #dedede;
		padding:2px;
		float:left;
		margin:30px 0 0 20px;
}

#self-photo img{
		border:1px solid #dedede;
}

#intro{
	float:left;
	margin:30px 0 0 10px;
	width:155px;
}

#name{
	color:#333;
	font-size:18px;
	font-weight:800;
}

#introduction{
	color:#333;
	font-size:12px;
	line-height:1.2;
	margin-top:5px;
}

#profile-contents{
	font-size:12px;
}

#profile-contents dt{
	float:left;
}

#profile-contents dd{
	margin-bottom:5px;
}

#intro ul{
	margin:10px 0 0 0;
}

#intro li{
	float:left;
	margin-right:10px;
}


/*-------------------------Archives--------------------------------*/

#archives{
	margin-top:20px;
	min-height:550px;
	width:220px;
	padding:0 0 20px 20px;

}

#archives h4,{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	color:#333;
	font-weight:normal;
	margin:25px 0;
	padding-bottom:5px;
	text-shadow:0 1px 0 #dedede;
	width:220px;
}

#entries{
	min-height:220px;
	padding-left:
}

#pages,
#category,
#monthly{
	float:left;
	margin-right:20px;
	width:220px;
}

#pages h4,
#category h4,
#monthly h4{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	color:#fff;
	font-weight:normal;
	margin:25px 0;
	padding-bottom:5px;
	text-shadow:0 1px 0 #dedede;
	width:220px;
}



#list-entries,
#list-archives,
#pages-archives,
#category-archives{
	color:#fff;
	font-size:12px;
}

#pages-archives li,
#list-entries li,
#list-archives li,
#category-archives li{
	border-bottom:1px solid #CAE9F9;
	display:block;
	width:220px;
	padding:0 0 5px 0;
	margin:10px 0 5px 0px;
}

#list-entries li a{
	color:#0000FF;
	text-decoration:none;
	height:20px;
	width:196px;
}

#list-entries li a:hover{
	color:#900;
}

#pages-archives li a,
#category-archives li a,
#list-archives li a{
	color:#dfdfdf;
	text-decoration:none;
}

#pages-archives li a:hover,
#category-archives li a:hover,
#list-archives li a:hover{
	color:#00f;
}

#more-link{
	font-size:12px;
	padding:5px 40px 0 0;
	text-align:right;
}

.archive-comments{
	border-top:1px solid #CAE9F9;
	margin-top:10px;
	padding-top:10px;
}

.archive-comments p{
	font-size:12px;
	text-align:right;
}

/*-------------------------Footer---------------------------------*/



#footer{
	border-top:1px solid #215A81;
	background:url(../img/bg-footer.png) repeat;
	clear:left;
	min-height:350px;
	height:auto; !important
	height:350px;
	margin-top:10px;
	padding-bottom:20px;
}

#footer-inn{
	background:url(../img/bg-footer.png) repeat;
	margin:0 auto;
	width:940px;
}

#copy{
	color:#efefef;
	font-size:12px;
	text-align:right;
	margin:0 10px 0 0;
	padding-top:15px;
}


/*----------------------Archive index------------------------------*/

#archive-list-all dt{
	font-size:18px;
	font-weight:400;
	border-left:5px solid #8BB1EF;
	padding-left:10px;	
	margin:20px 0;
}

#archive-list-all dd{
	line-height:2;
	font-size:12px;
}

.separate{
	margin-bottom:10px;
}

/*-------------------------twitter---------------------------------*/

#sidebar-title{
	margin:20px 0 20px 15px;
	clear:left;
}

#twitter_div{
	width:278px;
	background:#FFF;
	border:1px solid #dedbd1;
	padding:10px;
	margin:10px 0 20px 0;
	-webkit-box-shadow:0px 3px 3px #dedede; 
	-moz-box-shadow:0px 3px 3px #dedede;  
	
}

#twitter_update_list{
	font-size:12px;
}

#twitter_update_list li{
	display:block;
	background:#efefef;
	border:1px solid #dedbd1;
	margin:10px;
	padding:10px;
}

#twitter-link{
	font-size:10px;
	color:#0000FF;
}


/*-------------------------comments---------------------------------*/

.comments-header h4,
#comments-open h4{
	border-left:5px solid #8BB1EF;
	font-weight:400;
	margin-bottom:20px;
	padding-left:10px;
}


#comments{
	background:#f4f4f4;
	border:1px solid #bfbfbf;
	margin-top:20px;
	padding:20px;
	width:555px;
}

.comment{
	background:#FFF;
	border:1px solid #bfbfbf;
	margin-bottom:10px;
}

.author{
	font-size:14px;
	font-weight:800;
}


.comment-header{
	margin-top:10px;
	padding:5px;
}

.published{
	font-size:10px;
}

#comment-name,
#comment-content{
	xmargin:20px 0 0 0;
}

#comment-text{
	margin:20px 0 0 0;
}

.comment-box{
	width:400px;
	padding:10px;
	font-size:12px;
	line-height:1.5;
}


#comments-open{
	margin-top:20px;
}

#fomrarea{
	width:550px;
	padding:14px;
}

.label-name{
	display:block;
	font-size:14px;
	text-align:right;
	width:80px;
	float:left;
	padding-top:3px;
}

#comment-author{
	background:#FFF;
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #bfbfbf;
	width:200px;
	margin:2px 0 20px 10px;
}

#comment-text{
	background:#FFF;
	border:1px solid #bfbfbf;
	float:left;
	font-size:12px;
	height:80px;
	margin:2px 0 20px 10px;
	padding:4px 2px;
	width:390px;
}

#comment-preview{
	clear:both;
	margin-left:410px;
	width:75px;
	height:31px;
	text-align:center;
}

.spacer{
	clear:left;
}

#comment-submit{
	clear:both;
	margin-left:410px;
	width:75px;
	height:31px;
	text-align:center;
}
	
.select{
	background:#fc0;
}

blockquote{
	background:#ddd;
	margin:20px 20px 20px 0;
	padding:5px;
}


/*----------------------Work------------------------------*/
.newsPhoto{
position:relative;
height:200px;
width:600px;
margin-top:20px;
border:1px solid #efefef;
}

.newsPhoto img{
position:absolute;
clip:rect(0 600px 200px 0);
}

.detail-text{
	clear:left;
	font-size:14px;
	line-height:1.5;
	padding-top:20px;
	text-shadow:0 1px 0 #dcdcdc;
	margin-bottom:20px;
}


.detail-link{
	font-size:12px;
	margin-left:50px;
	}