@charset "utf-8";

/*
Theme Name: SPINOZA
Theme URI: 
Description: 
Version: 1.0
Author: N E U T & C O.
Author URI: http://www.neut.net/
*/

/* CSS Document */

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

May.21.09

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,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:"lr oSVbN", Osaka, "qMmpS 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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/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(http://atelier-spinoza.com/image/navi_contact.gif) no-repeat left top;
}

/*ON*/
li.navigation-01-on { 
	background:url(http://atelier-spinoza.com/image/navi_home.gif) no-repeat 0 -10px;
	width:29px;
}

li.navigation-02-on { 
	background:url(http://atelier-spinoza.com/image/navi_news.gif) no-repeat 0 -10px;
	width:30px;
}

li.navigation-03-on { 
	background:url(http://atelier-spinoza.com/image/navi_works.gif) no-repeat 0 -10px;
	width:38px;
}

li.navigation-04-on { 
	background:url(http://atelier-spinoza.com/image/navi_address.gif) no-repeat 0 -10px;
	width:49px;
}

li.navigation-05-on { 
	background:url(http://atelier-spinoza.com/image/navi_profile.gif) no-repeat 0 -10px;
	width:41px;
}

li.navigation-06-on { 
	background:url(http://atelier-spinoza.com/image/navi_blog.gif) no-repeat 0 -10px;
	width:26px;
}

li.navigation-07-on { 
	background:url(http://atelier-spinoza.com/image/navi_contact.gif) no-repeat 0 -10px;
	width:49px;
}



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

#maginimg {
	width:800px;
}

/*/////////blog//////*/

/*sidebar*/
#sidebar {
	width:200px;
	float:left;
	text-align:left;
	margin:5px 10px 20px 20px;
	display:inline;
}


#menu h2 {
	margin:15px 0px 5px 0px;
	font-size:110%;
	font-weight:bold;
}



/*main*/
#main-content {
	width:550px;
	float:left;
	text-align:left;
	margin:20px 20px 20px 0px;
	display:inline;
}

#main-content .post {
	text-align:left;
	margin-bottom:20px;
}

#main-content img {
padding: 15px 0px;
}

#main-content h3 {
	font-size:120%;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px 0px 15px 0px;
	border-left:4px #EEEEEE solid;
	padding-left:8px;
}

#main-content h3 a:link,
#main-content h3 a:visited {
        text-decoration:none;
        color:#336699;
}

#main-content h3 a:hover,
#main-content h3 a:active {
        text-decoration:none;
        color:#3366FF;
}

#main-content .entry {
	text-align:left;
	margin-top:10px;
}

#main-content .postday {
	padding:2px;
	background:#CC3300;
	color:#FFFFFF;
	font-size:10px;
}

#main-content .postmetadata {
	text-align:right;
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #CCCCCC;
}

#main-content .more-link02 {
	padding:10px 10px 10px 16px;
	background:url(http://atelier-spinoza.com/image/arrow.gif) no-repeat 4px 16px;
}


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

address {
	text-indent:-9999px;
}