@charset "utf-8";

/* CSS Document */

/*-----------------------------------------------------
atelier SPINOZA

Sep.25.07

designed by N E U T & C O.
-----------------------------------------------------*/

/* --------------------------------------------------------
	1.Setting
	2.Header
	3.Navigation
	4.Main
	5.Footer
-------------------------------------------------------- */


/* --------------------------------------------------------
	1.Setting
-------------------------------------------------------- */

/*/////SETTING/////*/
*{ margin: 0px; padding: 0px; }
h1,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
}

.clear { clear: both; }

/*/////BORDER/////*/
img { 
	border-width:0;
	line-height:0;
	vertical-align:top;
}
hr { display:none; }

/*/////FONT WEIGHT/////*/
strong,
strong a { font-weight:bolder; }
em,
em a { font-weight:bolder; }

/*/////LIST-STYLE-TYPE/////*/
ul { list-style-type:none; }
ol { list-style-type:decimal; }

/*/////LINK/////*/
a:link { color:#336699;}
a:visited { color:#336699;}
a:hover { color:#3366FF;}
a:active { color:#3366FF;}

/*LAYOUT*/
body {
	background: #E9E9E9;
	font-size: 80%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #999999;
	text-align:center;
	margin:0 auto;
	line-height:1.4em;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}


/* --------------------------------------------------------
	2.Header
-------------------------------------------------------- */
#header { 
	width:800px;
	height:101px;
}

#logo h1 {
	float:left;
	width:205px;
	height:101px;
	background:url(../image/logo.gif) no-repeat 31px 45px;
	text-indent:-9999px;
}

#logo a {
	display:block;
	width:205px;
	height:101px;
}

/* --------------------------------------------------------
	3.Navigation
-------------------------------------------------------- */
#navigation {
	width:595px;
	height:101px;
	margin:0 auto;
	padding:0;
	float:right;
	background:#FFFFFF;
}

#navigation ul {
	margin:0;
	padding:0;
	height:10px;
	margin-top:48px;
	width:595px;
}

#navigation li {
	float:left;
	margin-left:38px;
	height:10px;
	text-decoration:none;
}

#navigation li p{
	display:none;
}

#navigation a:hover {
	background-position:0px -10px;
	text-decoration:none;
}

li.navigation-01 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:29px;
	height:10px;
	background:url(../image/navi_home.gif) no-repeat left top;
}

li.navigation-02 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:30px;
	height:10px;
	background:url(../image/navi_news.gif) no-repeat left top;
}

li.navigation-03 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:38px;
	height:10px;
	background:url(../image/navi_works.gif) no-repeat left top;
}

li.navigation-04 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:49px;
	height:10px;
	background:url(../image/navi_address.gif) no-repeat left top;
}

li.navigation-05 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:41px;
	height:10px;
	background:url(../image/navi_profile.gif) no-repeat left top;
}

li.navigation-06 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:26px;
	height:10px;
	background:url(../image/navi_blog.gif) no-repeat left top;
}

li.navigation-07 a{
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:49px;
	height:10px;
	background:url(../image/navi_contact.gif) no-repeat left top;
}

/*ON*/
li.navigation-01-on { 
	background:url(../image/navi_home.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	height:10px;
	width:29px;
}

li.navigation-02-on a{ 
	background:url(../image/navi_news.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	height:10px;
	width:30px;
}

li.navigation-03-on a{ 
	background:url(../image/navi_works.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	width:38px;
	height:10px;
}

li.navigation-04-on a{ 
	background:url(../image/navi_address.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	height:10px;
	width:49px;
}

li.navigation-05-on a{ 
	background:url(../image/navi_profile.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	height:10px;
	width:41px;
}

li.navigation-06-on a{ 
	background:url(../image/navi_blog.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	height:10px;
	width:26px;
}

li.navigation-07-on a{ 
	background:url(../image/navi_contact.gif) no-repeat 0 -10px;
	clear:none;
	text-decoration:none;
	font-size:50%;
	display:block;
	height:10px;
	width:49px;
}



/* --------------------------------------------------------
	4.Main
-------------------------------------------------------- */
#container {
	width:800px;
	background:#FFFFFF;
	margin:12px auto;
	text-align:center;
}

#maginimg {
	width:800px;
}

/*address*/
#address-content {
	background:url(../image/address_bg.gif) no-repeat left top;
	width:800px;
	margin:0 auto;
	text-align:right;
}

#address-content h3 {
	margin-bottom:20px;
}

#address-content .main{
	float:right;
	text-align:left;
	margin:30px 40px;
	width:220px;
}

/*profile*/
#news-content {
	background:url(../image/news_bg.gif) no-repeat left top;
	width:800px;
	margin:0 auto;
	text-align:right;
	font-size:85%;
}

#news-content .main{
	float:right;
	text-align:left;
	margin:30px 40px;
	width:430px;
}

#news-content .main dt{
	float: left;
	width: 6em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#news-content .main dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 6em;
	padding: 0;
}

/*profile*/
#profile-content {
	background:url(../image/profile_bg.gif) no-repeat left top;
	width:800px;
	margin:0 auto;
	text-align:right;
}

#profile-content .main{
	float:right;
	text-align:left;
	margin:30px 40px;
	width:250px;
}

#profile-content h3 {
	margin-bottom:10px;
}

#profile-content .main dl{
	margin-bottom:20px;
}

#profile-content .main dt{
	float: left;
	width: 5em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#profile-content .main dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 5.5em;
	padding: 0;
}

/*works*/
#works-content {
	background:url(../image/works_bg.gif) no-repeat left top;
	width:800px;
	margin:0 auto;
	text-align:left;
}

#works-content .main{
	text-align:left;
	padding:60px 40px 30px 40px;	
}

#works-content .main img {
	float:left;
	padding:0px 10px 15px 0px;
}

#works-content .main .list {
	padding-bottom:10px;
}


/* --------------------------------------------------------
	5.Footer
-------------------------------------------------------- */
#footer {
	width:800px;
	height:29px;
	text-align:center;
	margin:0 auto;
	background:url(../image/copyright.gif) no-repeat left top;
}

address {
	text-indent:-9999px;
}