@charset 'utf-8';

/* 
 Cascading Style Sheets: style.css 4.3
 last updated on 2008.05.01
 */ 


/* -------------------------------------------------- BASIC -------------------------------------------------- */

body		{ margin:0px; padding:0px; color:#000; background:#fff; font: normal normal normal 100%/150% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック", sans-serif; }
a		{ outline:0px none #fff; }
br		{ letter-spacing:0px; }
hr		{ height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; background:transparent; border:0px solid #000; font-size: 10px; }
div		{ margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; }
p		{ margin:0px; padding:0px; }
li,ul,ol		{ margin:0px; padding:0px; }
dl,dt,dd		{ margin:0px; padding:0px; }
form		{ margin:0px; padding:0px; }
input		{ color:#000; background:#fff; border:1px solid #ccc; }
textarea		{ color:#000; background:#fff; border:1px solid #ccc; }
select		{ color:#000; background:#fff; border:1px solid #ccc; cursor:hand; cursor:pointer; }
.submit		{ width:100%; color:#000; background:#fff; border:1px solid #666; cursor:hand; cursor:pointer; }

.j10		{ font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ ゴシック",sans-serif;	letter-spacing:0px; }
.j12		{ font: normal normal normal 12px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ ゴシック",sans-serif;	letter-spacing:0px; }
.j14		{ font: normal normal normal 14px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ ゴシック",sans-serif;	letter-spacing:0px; }
.e9		{ font: normal normal normal 9px/15px Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.e10		{ font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.e12		{ font: normal normal normal 12px/18px Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.e14		{ font: normal normal normal 14px/21px Verdana, Geneva, Arial, sans-serif;	letter-spacing:0px; }
.B		{ font-weight: bold; }
.gray		{ color:#999; }

/* -------------------------------------------------- ADDITON -------------------------------------------------- */

body		{ color:#333; overflow:hidden; }
body#NEWS		{ overflow-y:scroll; }


a		{ margin:0px; padding:0px; }
a:link		{ color:#333; text-decoration:underline; }
a:link:hover	{ color:#999; text-decoration:underline; }
a:link:active	{ color:#999; text-decoration:underline; }
a:visited		{ color:#333; text-decoration:underline; }
a:visited:hover	{ color:#999; text-decoration:underline; }
a:visited:active	{ color:#999; text-decoration:underline; }

a.THUMBNAIL		{ margin:0px; padding:0px; }
a.THUMBNAIL:link		{ color:#333; text-decoration:none; }
a.THUMBNAIL:link:hover	{ color:#f0831e; text-decoration:none; }
a.THUMBNAIL:link:active	{ color:#f0831e; text-decoration:none; }
a.THUMBNAIL:visited		{ color:#333; text-decoration:none; }
a.THUMBNAIL:visited:hover	{ color:#f0831e; text-decoration:none; }
a.THUMBNAIL:visited:active	{ color:#f0831e; text-decoration:none; }
a.THUMBNAIL:link img 	{ border:solid #ffffff 1px; }
a.THUMBNAIL:link:hover img	{ border:solid #f0831e 1px; }
a.THUMBNAIL:link:active img	{ border:solid #f0831e 1px; }
a.THUMBNAIL:visited img	{ border:solid #ffffff 1px; }
a.THUMBNAIL:visited:hover img	{ border:solid #f0831e 1px; }
a.THUMBNAIL:visited:active img{ border:solid #f0831e 1px; }

.M1		{ clear:both; height:1px; }
.M5		{ clear:both; height:5px; }
.M10		{ clear:both; height:10px; }
.M20		{ clear:both; height:20px; }
.M30		{ clear:both; height:30px; }
.M50		{ clear:both; height:50px; }
.M100	{ clear:both; height:100px; }

.mb10 	{ margin-bottom:10px !important;}

div#HEADER			{ width:100%; height:8px; background:url(/com/img/header.jpg) repeat-x; }
div#LOGO				{ margin:90px 0px 0px 0px; }
div#BOTTUN_PROFILE		{ position:absolute; left:162px; top:273px; z-index:8; }
div#BOTTUN_WORKS		{ position:absolute; left:162px; top:369px; z-index:8; }
div#BOTTUN_CONTACT		{ position:absolute; left:162px; top:465px; z-index:8; }

div#CONTENTS			{ position:absolute; left:125px; top:220px; z-index:6; clip:rect(0px,800px,400px,0px); }

div#TOP				{ width:600px; height:400px; }
#INFO				{ margin:50px 0px 0px 135px; }

div#PROFILE			{ margin:50px 0px 0px 135px; width:465px; height:350px; }
div#PROFILE dl		{ margin:0px; padding:0px; }
div#PROFILE dl dt		{ float:left; width:5em; margin:0px; padding:0px; }
div#PROFILE dl dd		{ margin-left:6em; padding:0px;}

div#WORKS				{ margin:50px 0px 0px 135px; width:600px; height:350px; }
div#WORKS a			{ display:block; float:left; width:180px; height:auto; margin:0px 20px 15px 0px; padding:0px 0px 0px 0px; }
div#WORKS a img		{ display:block; float:left; margin:0px 10px 0px 0px; }
div#WORKS a small		{ color:#999; font-size:inherit; }

div#CONTACT			{ margin:50px 0px 0px 135px; width:465px; height:350px; }
div#CONTACT dl		{ margin:0px; padding:0px; }
div#CONTACT dl dt		{ float:left; width:6em; margin:0px; padding:0px; }
div#CONTACT dl dd		{ margin-left:7em; padding:0px; }

div#COPYRIGHT			{ position:absolute; right:30px; bottom:5px; }

body#NEWS dl			{ margin:0px 0px 20px 0px; padding:0px; width:400px;}
body#NEWS dl dt		{ float:left; width:6em; margin:0px; padding:0px; }
body#NEWS dl dd		{ margin-left:7em; padding:0px; }
body#NEWS dl img		{ display:block; margin:10px 0px 10px 0px; }




dd			{ _height: 1% }
*:first-child+html dd	{ _height: 1% }