@charset "shift_jis";

@import url(../basic.css);

/* Common Format ------------------------- */

body {
	color			: #211815;
	background		: #ffffff;
}

a {
	color			: #0087AF;
	text-decoration	: none;
}
a:hover {
	color			: #8c3c00;
	text-decoration	: underline;
}
a:visited {
	color			: #26A3BF;
	text-decoration	: none;
}
a:active {
	color			: #0087AF;
	text-decoration	: none;
}

.pagecontainer {
	clear			: both;
	width			: 830px;
	height			: 415px;
	margin			: 0 auto;
	text-align		: left;
}
.pagecontainer:after {
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}
/* doeheader ----------------------------- */

#doeheader {
	height			: 105px;
	zoom			: 1;
	text-align		: left;
	border-bottom	: 1px solid #040000;
}
#doeheader:after {
	content		: "."; 
	display		: block; 
	height		: 0;
	clear		: both; 
	visibility	: hidden;
}
#doeheader h1 {
	float		: left;
	padding-top	: 48px;
	padding-left: 38px;
}

#doeheader h2 {
	float			: right;
	padding-top		: 30px;
	padding-right	: 28px;
}

/* doefooter ----------------------------- */

#doefooter {
	clear			: both;
	zoom			: 1;
	text-align		: left;
	border-top		: 1px solid #040000;
}
#doefooter:after {
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}
#doefooter ul li.copyright {
	float		: right;
	width		: 242px;
	height		: 10px;
	margin-top	: 10px;
	background	: url(img/copyright.gif) 0 0 no-repeat;
	overflow	: hidden;
	text-indent	: -9999px;
}
#doefooter ul li.cafe8 {
	float		: left;
	margin-top	: 10px;
	margin-left	: 35px;
}
#doefooter ul li.cafe8 a {
	display		: block;
	width		: 147px;
	height		: 43px;
	background	: url(img/cafe8.gif) 0 0 no-repeat;
	overflow	: hidden;
	text-indent	: -9999px;
}
#doefooter ul li.cafe8 a:hover {
	background-position	: 0 -43px;
}

/* Common Menu --------------------------- */

#doemenu {
	height		: 52px;
	margin		: 0 18px;
}
#doemenu:after {
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}
#doemenu ul {
	margin-top	: 18px;
	float		: right;
}
#doemenu ul li {
	float		: left;
	padding		: 0 14px;
	border-left	: 1px solid #040000;
}
#doemenu ul li.menu01 {
	border-left	: 0;
}
#doemenu ul li a {
	display				: block;
	height				: 14px;
	text-indent			: -9999px;
	overflow			: hidden;
}
#doemenu ul li.menu01 a { width:68px; background:url(img/menu_about.gif)   0 0 no-repeat; }
#doemenu ul li.menu02 a { width:48px; background:url(img/menu_works.gif)   0 0 no-repeat; }
#doemenu ul li.menu03 a { width:62px; background:url(img/menu_contact.gif) 0 0 no-repeat; }
#doemenu ul li.sel a    { background-position:0 -14px; }
#doemenu ul li a:hover  { background-position:0 -14px; }

/* Profile(index.html) ------------------- */

#profile {
	height			: 390px;
	margin-top		: 40px;
	margin-bottom	: 30px;
}
#profile h1 {
	float			: left;
	width			: 140px;
	margin-left		: 45px;
}
#profile .leftrow {
	float			: left;
	width			: 390px;
	height			: 390px;
	border-right	: 1px solid #211815;
}
#profile p {
	line-height		: 1.5;
}
#profile .leftrow p.catch {
	margin-top		: 0;
	margin-bottom	: 25px;
	line-height		: 1.8;
	font-size		: 10pt;
}


#profile .rightrow {
	float			: left;
	padding-left	: 30px;
}
#profile .rightrow h3 {
	margin-bottom	: 5px;
}
#profile .rightrow p {
	margin:0;
}
#profile .rightrow #relation {
	margin-top		: 40px;
}

/* works(works/) ----------------------- */

#works {
	height			: 430px;
	margin-bottom	: 30px;
}
#works img {
	float:right;
}
#works #cate {
	height			: 40px;
}
#works #cate a {
	padding			: 0 15px;
	border-left		: 1px solid #040000;
}
#works #cate a         { color:#040000;  text-decoration:none; }
#works #cate a:visited { color:#444444;  text-decoration:none; }
#works #cate a:active  { color:#040000;  text-decoration:none; }
#works #cate a:hover   { color:#0087AF;  text-decoration:underline; }
#works #cate a#sel     { color:#0087AF;  text-decoration:none; }

#works h1 {
	font-size		: 24pt;
	padding-bottom	: 15px;
	font-weight		: bold;
}
#works h2 {
	font-size		: 20pt;
	padding-bottom	: 15px;
}
#works h3 {
	font-size		: 11pt;
	padding-bottom	: 15px;
	font-weight		: bold;
}
#works p {
	margin			: 0;
	font-size		: 10pt;
}

#works #navi {
	clear			: both;
	float			: right;
	padding-top		: 10px;
}
#works #navi a {
	float			: left;
	margin-left		: 5px;
	padding			: 10px;
	background-color:#f0f0f0;
}