@charset "utf-8";

html {
	height: 100%;
	background: url(../images/bg.gif) center top repeat;
}

body {
	text-align: center;
	line-height: 1.6;
	font-size: 108%;
	color: #222;
}

a {  
	color: #222;
	text-decoration: underline; 
}

a:link {
	color: #222;
	text-decoration: underline;
}

a:visited {
	color: #222;
	text-decoration: underline;
}

a:hover {
	color: #999;
	text-decoration: underline;
}

a:focus {
	color: #222;
	text-decoration: underline;
}

a:active {
	color: #222;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
#container {
	text-align: center;
}

#contents {
	width: 888px;
	margin: 0 auto;
	background: url(../images/contentsBg.gif) 0 0 repeat-y;
	border: #222 solid 6px;
	*zoom: 1;
}
/* for ie6 */
*html #contents {
	width: 900px;
}
/* for ie6/7 */
#contents:after {
  content: "";
  display: block;
  clear: both;
}

/* sideMenu */
#sideMenu {
	width: 168px;
	float: left;
}
#nav {
	text-align: center;
	background: #222;
	padding: 20px 0 30px;
}
#logo {
	margin-bottom: 20px;
}
#nav li {
	height: 45px;
	overflow: hidden;
}
#nav li a:hover img {
	margin-top: -90px;
}
#subMenu {
	text-align: left;
	font-size: 77%;
	margin: 20px;
}
#subMenu dl {
	margin-bottom: 15px;
}
#subMenu dt {
	font-weight: bold;
}
#subMenu li {
	line-height: 1.3;
	margin-bottom: 6px;
}
#content {
	width: 714px;
	float: right;
}
#title {
	position: relative;
	text-align: left;
	padding: 24px 0 0 30px;
}
#butterfly {
	position: absolute;
	top: 0;
	right: -15px;
}
#mainContent {
	text-align: left;
	margin: 0;
}
.pagetop {
	text-align: right;
	margin: 30px 35px 0;
}

#footer {
	text-align: left;
	margin-top: 60px;
	height: 105px;
	background: url(../images/img_footer.gif) right bottom no-repeat;
}
#footer img {
	margin: 60px 0 0 35px; 
}

/* ------------------------------------------------
/  home
/  ------------------------------------------------ */
.home {
	text-align: center;
	height:97%;
	border: #222 solid 12px;
	overflow: hidden;
	background: url(../images/contentBg.gif);
}
.home #contents {
	width: 820px;
	margin: 150px auto auto;
	background: none;
	border: none;
}
.home #leftBlock{
	float: left;
	width: 320px;
}
.home #rightBlock{
	float: right;
	width: 453px;
}
.home h1 {
	margin-bottom: 20px;
}
.home .nav li {
	float: left;
	height: 29px;
	margin-right: 35px;
	overflow: hidden;
}
.home .nav li.profile {
	width: 79px;
}
.home .nav li.portfolio {
	width: 99px;
}
.home .nav li.blog {
	width: 68px;
	margin-right: 0;
}
.home .nav li a:hover img {
	margin-top: -29px;
}
.home .update {
	clear: both;
	margin: 20px auto 30px;
	font-size: 77%;
}
.home .update span {
	margin-right: 5px;
}

/* 展示情報 */
.home #exhibition {
	clear: both;
	width: 320px;
	height: 166px;
	padding-bottom: 20px;
}
.home #exhibition p.img {
	float: left;
	width: 120px;
}
.home #exhibition div {
	float: right;
	width: 190px;
	text-align: left;
}
.home #exhibition h2 {
	font-weight: bold;
}
.home #exhibition div p {
	font-size: 80%;
}


/* ------------------------------------------------
/  profile
/  ------------------------------------------------ */
.profile li.profile img,
.profile #nav li.profile a:hover img {
	margin-top: -90px;
}
.profile #mainContent {
	margin: 30px 126px 0;
}
.profile h2 {
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 10px;
}
.profile #mainContent img {
	margin-top: 15px;
}
.profile #mainContent p.photo2 {
	float: left;
	width: 143px;
}
.profile #mainContent p.photo3 {
	float: right;
	width: 304px;
}
.profile #mainContent ul.information {
	margin-top: 20px;
	margin-left: 1em;
}
.profile #mainContent ul.information li {
	margin-bottom: 5px;
	list-style: circle;
}

/* ------------------------------------------------
/  blog
/  ------------------------------------------------ */
.blog li.blog img,
.blog #nav li.blog a:hover img {
	margin-top: -90px;
}
.blog #mainContent {
	margin: 30px 65px 0;
}
.blog .article {
	margin-bottom: 50px;
}
.blog .title {
	margin-bottom: 20px;
}
.blog .title h2 {
	font-size: 138.5%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../images/line_blogtitle.gif) left bottom no-repeat;
}
.blog .title h2 a {
	text-decoration: none;
}
.blog .title .date {
	font-size: 77%;
}
.blog .article p {
	margin-bottom: 1em;
}
.blog .feedback {
	clear: both;
	text-align: right;
	margin-top: 20px;
}
.blog #comments,
.blog #postcomment {
	margin-bottom: 40px;
}
.blog #comments h3,
.blog #postcomment h3 {
	clear: both;
	font-size: 77%;
	color: #FFF;
	font-weight: bold;
	background: #222;
	padding: 5px;
	margin-bottom: 20px;
}
.blog #comments ol {
	margin-left: 2em;
}
.blog #comments li {
	list-style: decimal;
	margin-bottom: 20px;
}
.blog #comments .meta {
	font-size: 77%;
	margin-top: 5px;
}
.blog #postcomment input,
.blog #postcomment textarea {
	border: #222 solid 2px;
	margin: 5px 0;
	padding: 2px;
}
.blog #postcomment p.submit input {
	border: none;
	padding: 4px;
	background: #222;
	color: #FFF;
}

/* ------------------------------------------------
/  portfolio
/  ------------------------------------------------ */
.portfolio li.portfolio img,
.portfolio #nav li.portfolio a:hover img {
	margin-top: -90px;
}
.portfolio h2 {
	font-weight: bold;
	padding: 10px 15px;
	background: #222;
	color: #FFF;
}
.portfolio #portfolioNav {
	background: #222;
	*zoom: 1;
}
/* for ie6/7 */
.portfolio #portfolioNav:after {
  content: "";
  display: block;
  clear: both;
}

.portfolio #portfolioImage {
  width: 714px;
  height: 474px;
  background: #FFF;
  overflow: hidden;
}
.portfolio #portfolioNav {
	height: 36px;
	overflow: hidden;
}
.portfolio #portfolioNav .title {
	float: left;
	color: #FFF;
	padding: 5px 15px;
}
.portfolio #portfolioNav .title span {
	font-size: 77%;
}
.portfolio #portfolioNav ul {
	float: right;
	width: 265px;
	margin-right: 15px;
	border-left: #393939 solid 1px;
}
.portfolio #portfolioNav li {
	float: left;
	width: 131px;
	height: 36px;
	border-right: #393939 solid 1px;
}

/* =Images
-------------------------------------------------------------- */

#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}