@charset "utf-8";
/* CSS Document */

* {
	font-family: "メイリオ", Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:1.5em;
	color:#333333;
	}

a:link { color:#000066;}
a:visited {color:#999999;}
a:active, a:hover {color: #006699;}

/* Page Layout */

div#container { width: 80%; margin: 10px auto; padding:0;}
div#header {}
div#content {}
div#works {
	width:48%;
	float:left;
}
div#service {
	width:48%;
	float:right;
}
div.left {
	width:48%;
	float:left;
}
div.right {
	width:48%;
	float:right;
}
div#footer {
	clear:both;
}

/* Navigation */
ul#nav {
	list-style:none;
	text-align:right;
	font-weight:bold;
	}
	
ul#nav li {
	margin: 0px 5px;
	display:inline;
	}

ul#nav a {
	text-decoration:none;
	border-bottom:4px solid #DDD;
	color:#AAA;
	}
	
ul#nav a#current, ul#nav a:hover {
	border-color:#000066;
	color: #000066;
	}

/* Bread List */

ul#breadlist {
	list-style:none;
	margin:0;
	padding:0 10px;
	}
	
ul#breadlist li {
	margin: 0;
	display:inline;
	}
	
ul#breadlist a {
	text-decoration:underline;
	}
	
/* Works */

div#works ul.thumbnail {
	margin: 0;
	padding:0;
	list-style-position:outside;
	list-style:none;
}

div#works ul.thumbnail li {
	display:inline;
	margin: 0px 2px;
}
	
div#works ul.thumbnail img {
	background-color:#000066;
	width:75px;
	height:75px;
	padding: 3px;
}

div#works ul.thumbnail img:hover  {
	background-color:#006699;
	width:75px;
	height:75px;
	padding: 3px;
}

div#twitter ul {
	margin: 0;
	padding:0;
	list-style-position:outside;
	list-style:none;
}

div#tumblr p, div#twitter p, #blog .link {
	display:block;
	text-align:right;
}

div#tumblr .tumblr_posts {
	width:auto;
	height:350px;
	overflow:scroll;
	margin:0 0 10px 0;
	}

div#tumblr ul,div#tumblr ol {
	margin: 0;
	padding:0;
	list-style-position:outside;
	list-style:none;
}

div#tumblr .tumblr_caption {
	margin: 5px 0 15px 0;
}
div#works h2, div#blog h2, div#twitter h2, div#tumblr h2, .delicious-banner a{
	border-left: 4px solid #333333;
	padding: 0 0 0 5px;
	color:#333333;
	text-decoration:none;
}

/* Flickr Style Sheet */
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner { color:#CCCCCC; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#0063dc; background:inherit !important; text-decoration:none !important;}

/* Footer Section */
#copyright {text-align:center;}
.pagetop {text-align:right;}

#tumblr-link, #twitter-link,#blog-link, .pagetop a {
	background-color:#000066;
	margin:0;
	padding: 3px 5px;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	}