@charset "utf-8";
/*
Theme Name: uni
Theme URI: 
Description: portfolio
Version: 1.0
Author: m
Author URI: 
*/

/*------------ Body ------------ */
/* Set all elements to zero padding and zero margins */
* {font-weight: normal; margin: 0;	padding: 0;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS',  Arial, Sans-Serif;
	font-size: 10px;
	color: #444;
	background-color: #F3F3F3;
	line-height: 16px;	
	}

body#splash { 
	color:#333;
	margin:0;
	padding:0;
	background:#FFF url(http://tatsurokiuchi.com/images/rotate.php) no-repeat center top;
}
#container	{
	width:120px;
	height:60px
	text-align:right;
	color:#666;
	font-size: 12px;
	left:80%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-left:60px;
	background:#fff;
	filter: Alpha(opacity=80);
    opacity:0.8;
	position:absolute;
	}

/*\*//*/
#container {
   position: fixed;
}
/* */	
/*------------ Layout------------ */
/* wrapper 幅を変えたらnaviの方も忘れずに*/
div#wrap {
	margin: 0px auto;
	padding: 0;
	width: 680px; 
	background-color: #e4e7e9;
	}
		
/* blog title */	
div#header {
	background-color: #F3F3F3;
	padding: 10px 0px 20px 5px; 
	margin: 0;
	text-align: left;
	border: none; 
	color: #444;
	/* the round corner background image is set in header.php */
	}

/* content area */
div#content {
	background-color: #DDD;
	margin: 0;
	padding: 0;
	border: none; /* do not delete this line */
	padding-bottom: 9em;
	}

/* site navigation */
div#headernavi {
	text-align: right;
	font-size: 9px;
	margin: 0px 40px 0px 40px;
	padding: 0;
	border-bottom: 1px solid #e4e7e9;
	}

/* site navigation text color */
#look a, #look a:link, #look a:visited, #look a:active, #look a:hover { color: #ff4500 !important; font-weight: bold !important;}	
#headernavi a, #headernavi a:link, #headernavi a:visited, #headernavi a:active { color: #333; text-decoration: none; }
#headernavi a:hover { color: #333; text-decoration: underline; }	


/*site navigation left */
#leftnav { position: fixed; margin-left: 640px; text-align: left;}
#leftnav li a span { visibility: hidden; }
#leftnav li:hover a span { visibility: visible; }
#leftnav li a { border-left: 5px solid #DDD; }
#leftnav li a:hover { border-left: 10px solid #DDD; }

#leftnav li ul.children li a { border-left: 10px solid #F3F3F3; }
#leftnav li ul.children li a:hover { border-left: 12px solid #F3F3F3; }

.flickr { position:fixed;margin-top: 240px;margin-left: 640px; text-align: left;}




/* main navigation */
.page_item {
	display: inline;
	margin-left: 8px;
	margin-bottom: 0px;
	}

/* entry navigation */
div#nav {		
  text-align:right;
  font-size: 9px;
  margin:1px 40px 0px 40px;
  padding: 0;
	} 

/* entry navigation text color */
#nav a, #nav a:link, #nav a:visited, #nav a:active { color: #333; text-decoration: none; }
#nav a:hover { color: #333; text-decoration: underline; }	

/* entry 　bodyからマージンをひいた数値がentryの幅*/
div#entry {
	margin:0px 40px 0px 40px;
	padding: 0;
	text-align: left;
	}

#entry p {
	font-size: 10px;
	}
	
#entry img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;

	}

/* post title */
.title {
	text-align:center;
	font-size: 10px;
	color: #37518c;
	font-weight: bold;
	margin-bottom: 5px;
	}

/* post meta data */
.postdata {
	padding: 3px 0px 5px 0px;
  line-height: 1.4;
  text-align: right;
  font-size: 9px;
  border-bottom: 1px solid #e4e7e9;
	}

.postdata a, .postdata a:link, .postdata a:visited, .postdata a:active { color: #333; text-decoration: none; }
.postdata a:hover { color: #333; text-decoration: underline; }	

.comment { float: left; width: 100%; border-bottom: 3px solid #4D4840; text-align: left;}
.author { background: #CCCCCC; padding: 5px; width: 490px; }
.author img { border: 1px solid #BBBBBB; }
.comment_text { }
.comment_meta { float: left; width: 100%; border-top: 1px solid #CCCCCC; }
.author .comment_meta { border-top: 1px solid #BBBBBB; }
.comment_meta p { float: left; }
.comment_meta img { float: right; }
.comment-author { font-size: 12px; font-weight: bold;} 
.reply{text-align: right; border-bottom: 1px solid #fff;}

/* footer */
#footer {
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	font-family: 'Lucida Grande', 'Trebuchet MS', verdana, geneva, tahoma, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #A4A7B3;
	background-color: #F3F3F3;
	/* the round corner background image is set in header.php */
	}

#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #A4A7B3; text-decoration: none; }
#footer a:hover { color: #A4A7B3; text-decoration: underline; }


/*Basics*/	
h1 {font-size: 12px; font-weight: bold;	}
h2 {font-size: 10px; font-weight: bold;	}
h3 {margin-bottom: 10px; margin-top: 30px; border-bottom: 2px solid #CCCCCC; }
	
p { margin-top: 7px; margin-bottom: 5px; }
img p { margin-: 0px; }


a, a:link, a:visited, a:active { color: #37518c; text-decoration: none; }
a:hover { color: #37518c; text-decoration: underline; }

input, textarea, option, select, radio { color: #333; font-size: 10px; padding: 3px; border:1px solid #e4e7e9; width:450px;}

	
option, select { color: #333; font-size: 10px; padding: 1px; border:1px solid #e4e7e9; }	

.clear {
	clear: both;
	visibility: hidden;
	height:0;
	content: ".";
	}	



ul { margin: 0; padding: 0; }
ul li { list-style: none; }
ul li a { list-style: none; }



ul li .page_item,#rsidebar ul li .page_item{list-style-type:none;border:0;margin:0 0 1px;padding:0 0 0 10px;}
ul li ul li ul .page_item,#rsidebar ul li ul li ul .page_item{list-style-type:none;border:0;border-bottom:#b7b7b7 dashed 1px;margin:0 0 1px;padding:0 0 0 10px;}



	
/* ------------ images ------------ */
img {margin:0; padding:0;}
a img {border: none; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.p {
	background-color: #f6f6f6;
	border-width: 2px;
	margin: 5px 10px 4px 5px;
	padding: 7px 7px 40px 7px;
	border-style: solid;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}



#entry .tegaki {
	margin: 0;
	padding: 0;
	text-align: left;
	}


.alignright {float: right; clear:both;}
.alignleft {float:left; clear:both; }

ul.gallery {
	display: inline;
	margin: 0;
}
ul.gallery li {
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	width: 70px;
	height: 70px;
}
ul.gallery li img	{
	margin: 0;
	border:none;
	}

.viewer{
height: 100%;
}

/*------------ thumbnails ------------*/

ul.thumb_list{
	list-style: none;
	display: inline;
}

ul.thumb_list li{
	float: left;
	width : 150px;
	height : 150px;
	margin : 0px;
	color : #68A027!important;
}

a.illust_thumb:hover {
	text-decoration : none;
}

li.view_all {
  clear : left;
  display : block;
}

li.view_all .guide {
  display : inline;
}



#photo-box ul#thumbnail {
	margin: 20px 0px 0px 30px;
	list-style: none;
}
#photo-box ul#thumbnail li {
	margin: 0px 10px 7px 0px;
	display: inline;
	float: left;
} 

#th-container {
	padding:7px 0px 5px 39px;
	}


.thumbnails a img, .thumbnails a:link img, .thumbnails a:visited img, .thumbnails a:active img {
 border: 1px solid #FFFFFF; padding: 1px;
 } 
	
.thumbnails a:hover img {
 border: 1px solid #cad2d8; padding: 1px;
 }

.current-thumbnail a img, .current-thumbnail a:link img, .current-thumbnail a:visited img, .current-thumbnail a:active img { border: 1px solid #FFFFFF; padding: 1px; } 

.current-thumbnail a:hover img { border: 1px solid #cad2d8; padding: 1px; }






/*------------ Comment Pop Up ------------*/

#commentspopup {
	margin: 10px;
	padding:10px 15px 20px 15px;
	text-align: left;
	line-height: 16px;
	font-size: 10px;
	background-color: #FFF;
	}

#commentform p {font-size: 9px;	}

#commentform #author, #commentform #email ,#commentform #url, #commentform #comment { padding:3px; border:1px solid #e4e7e9; font-size:10px; font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;}	

#commentspopup img {
	border: 1px solid #e4e7e9;
	padding: 3px;
	margin-right: 7px;
	float:left;
	}

#commentspopup  h2  { 
	margin-top: 5px; 
	padding-top: 2px;
	border-top: 1px solid #e4e7e9;
	} 

.post_info a, .post_info a:link, .post_info a:visited, .post_info a:active { color: #333; text-decoration: none; }
.post_info a:hover { color: #333; text-decoration: none; }	

#trackback {
	text-align: left; 
	border: 1px solid #DDD; 
	font-size: 10px; 
	color: #37518c; 
	width:100%; 
	margin-top: 7px; 
	margin-bottom: 4px;
	}

input#tb_url {
	text-align: left; 
   font-family: "courier new", courier, monospace;
   background-color: #CCC;
   font-size: 1em;
   padding: 0.2em;
   width: 50%;
}

#commentlist {list-style: none; }
	
.comment_meta {margin-top: 0px;	font-size: 9px; }

.nor {border-bottom: 1px dotted #e4e7e9; border-top: 1px dotted #e4e7e9; }
	
.alt {border: 1px solid #DDD;}

/*------------ Pages ------------*/

#page_entry {
	height: 350px;
	padding:20px 40px 20px 40px;
	min-height: 450px;
	/* IE Hack */
	height:auto !important;
  height:450px;
  text-align: left;
	}

.page_title { 
	color: #37518c;
	font-weight: bold;
	}


.ar {float: right; }
.al {float:left; }


.table {
	width: 100%;
	display : table;
}
.cv{
	display : table-row;
	vertical-align: top;
	}

.cv_year{
	display : table-cell;
	width: 50px;
	background-color: #fff;
	vertical-align: top;
	}

.cv_title {
	display : table-cell;
	width: 600px;
	background-color: #fff;
	vertical-align: top;
}



/* used only in 404.php */
.center {
	text-align: center;
	}