@charset "utf-8";

body {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Helvetica,Arial,"Lucida Grande","Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
	background-color: #ffffff;
	background-repeat: repeat;
	background-position: left top;
}

img {
	border-width: 0px;
	vertical-align: bottom;
}

table {
	table-layout: fixed;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
}

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

li {
	list-style: none;
}

form, input, textarea, select {
	margin: 0px;
	padding: 0px;
}

a {
	margin: 0px;
	padding: 2px;
	color: #666666;
	text-decoration: none;
	background-color: #ccff00;
	outline: none;
}

a:visited {
	margin: 0px;
	padding: 2px;
	color: #666666;
	text-decoration: none;
	background-color: #ccff00;
	outline: none;
}

a:hover {
	margin: 0px;
	padding: 2px;
	color: #666666;
	text-decoration: underline;
	outline: none;
}

div.clear {
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* menu */

div.menu {
	width: 166px;
	margin: 0px;
	padding: 30px;
	background-color: #ffffff;
	position: fixed;
	left: 0px;
	top: 0px;
}

a.logo {
	width: 166px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

div.menu div.group {
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

div.menu a.btn {
	width: 130px;
	height: 24px;
	margin: 0px;
	padding: 10px 0px 0px 36px;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	display: block;
}

div.menu a.passive {
	background-color: #ffffff;
}

div.menu a.passive:hover {
	color: #00cc99;
	background-color: #eeeeee;
}

div.menu a.active {
	background-color: #eeeeee;
}

div.menu a.webdesign {
	background-image: url(img/web.png);
}

div.menu a.illustration {
	background-image: url(img/illustration.png);
}

div.menu a.graphicdesign {
	background-image: url(img/graphic.png);
}

div.menu a.logodesign {
	background-image: url(img/logo.png);
}

div.menu a.about {
	background-image: url(img/about.png);
}

div.menu a.twitter {
	background-image: url(img/twitter.png);
}

div.menu a.facebook {
	background-image: url(img/facebook.png);
}

div.menu a.contact {
	background-image: url(img/contact.png);
}

div.menu a.everyday {
	background-image: url(img/everyday.png);
}

div.menu a.dolphin {
	background-image: url(img/dolphin.png);
}

div.line {
	width: 180px;
	height: 2px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-image: url(img/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* footer */

div.footer {
	width: 166px;
	margin: 0px;
	padding: 30px;
	background-color: #ffffff;
	position: fixed;
	left: 0px;
	bottom: 0px;
}

div.footer a {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-color: transparent;
}

div.footer a:visited {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-color: transparent;
}

div.footer a:hover {
	margin: 0px;
	padding: 0px;
	color: #00cc99;
	text-decoration: underline;
	background-color: transparent;
}

/* wrapper */

div.wrapper {
	margin: 0px 0px 0px 226px;
	padding: 0px 0px 30px 0px;
}

/* ad */

img.ad {
	margin: 0px;
	padding: 0px;
	float: left;
}

/* box */

div.box {
	width: 180px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}

div.box a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

div.box a:visited {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

div.box a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

/* text */

div.title {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 1.0em;
	font-weight: bold;
}

div.date {
	width: 620px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 2.0em;
}

div.comment {
	width: 620px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
}

div.copyright {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 1.5em;
}

p {
	width: 620px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
}

/* detail */

div.detail {
	width: 620px;
	margin: 0px;
	padding: 0px;
}

img.detail {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: solid 10px #eeeeee;
}

/* share */

div.share {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

div.share_wide {
	width: 580px;
	height: 20px;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	background-color: #ffffff;
	border: solid 10px #eeeeee;
}

div.share_wide a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

div.share_wide a:visited {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

div.share_wide a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

table.share_wide {
	margin: 0px;
	padding: 0px;
}

table.share_wide tr {
	margin: 0px;
	padding: 0px;
}

table.share_wide td {
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

/* move */

table.move {
	width: 620px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

table.move tr {
	margin: 0px;
	padding: 0px;
}

table.move td {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.0em;
}

table.move a.move {
	width: 164px;
	height: 22px;
	margin: 0px;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
}

table.move a.move:hover {
	color: #00cc99;
	background-color: #eeeeee;
}

table.move a.prev {
	padding: 12px 0px 0px 36px;
	background-image: url(img/prev.png);
	background-position: 5px 5px;
}

table.move a.next {
	padding: 12px 36px 0px 0px;
	background-image: url(img/next.png);
	background-position: 171px 5px;
}