@charset "UTF-8";

*			{margin:0; padding:0;}
html, body	{height: 100%;}
img			{vertical-align: bottom;}
a img		{border: none;}
a:link		{color:#9a6250; text-decoration:none;}
a:visited	{color:#9a6250; text-decoration:none;}
a:hover		{color:#782d1e; text-decoration:none;}/*ff4d4d*/
a:active, a:focus {outline:none;}
ul, li		{list-style:none;}
textarea	{overflow:auto;}
/*h1 {font-size:1.6em;line-height:1.6em;}*/
h1 {font-size:1.2em;line-height:1.4em;}
h2 {font-size:1.1em;line-height:1.2em;}
h3 {font-size:1.0em;line-height:1.0em;}
/*h5 {font-size:0.8em;line-height:0.8em;}*/
.right {float:right;}
.left {float:left;}
.imgL {float:left; border-right:20px solid #fff;}
.imgR {float:right; border-left:10px solid #fff;}


body {
	background: url(../img/page_bg1.png) repeat-y left top;
	/*font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, 'メイリオ', "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS PMincho","ＭＳ Ｐ明朝","Times New Roman", Times, serif;
	font-size:12px;/*font-size: 62.5%;*/	/*or75%*/
	line-height:1.5em;	/*or1.6em*/
	/*color:#4b2d1e;*/
	color:#786250;
	}
	*:first-child+html body {
	font-size: 75%;	 /*62.5%or67.5%or75%*/
	vertical-align:baseline;
	}
	* html body {
	font-size: 75%;	 /*62.5%or67.5%or75%*/
	vertical-align:baseline;
	}

#page{
	background:url(../img/page_bg2.png) repeat-y right top;
	min-width:960px;
	max-width:2000px;
	position:absolute;
	top:0;
	width:100%;
	min-height:100%;
	height:auto !important;
	height: 100%;
	margin-bottom:120px;
	}
	#content {
	background:url(../img/bg_head.png) repeat-x left top;
	position:relative;
	margin:0 15px;
	
	_zoom:1;
	overflow: hidden;
	}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	height:120px;
	width:100%;
	}
	#footwrap {
	position:relative;
	background:url(../img/bg_foot1.png) repeat-x center bottom;
	height:120px;
	margin:0 15px;
	}
	body#philosophy #footwrap {
	background: url(../img/bg_foot2.png) repeat-x center bottom;
	}
	body#archive #footwrap {
	background: url(../img/bg_foot0.png) repeat-x center bottom;
	}
	body#company #footwrap {
	background: url(../img/bg_foot3.png) repeat-x center bottom;
	}
	body#contact #footwrap {
	background: url(../img/bg_foot4.png) repeat-x center bottom;
	}
	body#link #footwrap {
	background: url(../img/bg_foot5.png) repeat-x center bottom;
	}
	#copyright {
	background:#ffffd1;
	padding:1px;
	float:right;
	margin-right:15px;
	margin-top:60px;
	color:#b36b47;
	font:9px/1em Georgia, "Times New Roman", Times, serif;
	
	display:inline;
	}
	a#pagetop {
	position:absolute;
	right:10px;
	top:0;
	background:url(../img/arrow_u.png);
	/*float:right;*/
	display:block;
	width:16px;
	height:44px;
	}
	a#pagetop span {
	display:none;
	}

#header {
	position:absolute;
	top:0;
	left:0;
	/*float:left;*/
	width:500px;
	height:21px;
	margin:36px 0 0 52px;
	}
	
#sub {
	float:right;
	width:165px;
	padding-bottom:120px;
	
	display:inline;
	_zoom:1;
	overflow:hidden;
	}
	#sub #subheader {
	margin:108px 5px 26px 0;
	}
	#sub #menu {
	width:160px;
	_zoom:1;
	overflow:hidden;
	}
	#sub #menu li {
	float:right;
	clear:right;
	}
	
	#sidebar {
	background:url(../img/line_dotv.png) repeat-y left top;
	clear:right;
	margin:30px 0 0 0;
	padding:0 0 0 15px;
	
	_zoom:1;
	overflow:hidden;
	}
	#sidebar li {
	margin-bottom:15px;
	}
	#sidebar ul li {
	margin-bottom:0;
	}
	
	#sidebar h2 {
	margin-bottom:0.5em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	letter-spacing:1px;
	color:#a59681;
	}
	
	
#main {
	float:left;
	width:550px;
	margin:140px 0 0 60px;
	padding-bottom:120px;
	
	display:inline;
	_zoom:1;
	overflow:hidden;
	}
	#main h2 {
	margin-bottom:2em;
	}
	#main p {
	margin-bottom:1em;
	}
	
	#main ul {
	margin-bottom:1em;
	}

/*////////////////////////////////////////////////// INDEX */

#index h1{
	}
	#index #main {
	width:auto;
	/*margin:130px 0 0 60px;*/
	margin:115px 0 0 135px;
	/*padding-bottom:15px;*/
	}
	* html #index #main {
	padding-bottom:0;
	}

	#index #menu {
	margin:30px 0 0 32px;
	}
	#recent {
	margin:35px 0 0 25px;
	_zoom: 1;
    overflow: hidden;
	}
	#recent ul {
	/*_zoom: 1;
    overflow: hidden;*/
	}
	#recent ul li{
	/*background:url(../img/line_dotv.png) repeat-y left top;*/
	position:relative;
	float:left;
	_zoom:1;
	overflow:hidden;
	/*display:inline;*/
	/*display:inline;
	zoom:1;*/
	/*display: -moz-inline-box;
	display: inline-block;*/
	}
	#recent ul li a{
	cursor: hand;/*IE6*/
	}
	#recent .thumbnail {
	background:url(../img/top_thumbbg.png);
	position:absolute;
	top:0;
	left:15px;
	width:60px;
	height:60px;
	margin-bottom:10px;
	}
	#recent img {
	background:#d2cbb3;
	padding:5px;
	}
	#recent .thumbnail a {
	display:block;
	width:60px;
	height:60px;
	}
	
	#recent .textbox {
	/*background:url(../img/line_dotv.png) repeat-y left top;
	margin-left:-1px;*/
	padding:0 15px 0 16px;
	padding-top:75px;
	/*display:none;*/
	filter:alpha(opacity=0);
  	-moz-opacity:0;
 	opacity:0;
	
	float:left;/*IE6*/
	}
	#recent .data {
	font: 0.9em/1.5em Georgia, "Times New Roman", Times, serif;
	}

/*////////////////////////////////////////////////// COMPANY */


#company table {
	margin:0 0 2em;
	table-layout:fixed;
	}
	#company th {
	width:48px;
	padding:2px 0;
	vertical-align:top;
	}
	#company th span{
	display: block;
	width:48px;
	/*font-size:0.9em;*/
	font-size:0.9em;
	font-weight:normal;
	text-align:justify;
	text-justify:distribute-all-lines;
	}
	#company td {
	padding:2px 0 2px 20px;
	}
	#company .small {
	font-size:0.9em;
	line-height:1.5em;
	}
	#company .middle {
	vertical-align:-4px;
	margin-right:5px;
	}
	#company .twitterlink {
	line-height:16px;
	}

#company #content {
	/*overflow:auto;*/
	}
	#company .pane {
	position:absolute;
	top:50%;
	left:50%;
	background:url(../img/company_paper.png);
	width:370px;
	height:530px;
	margin:-290px 0 0 -5px;
	z-index:2;
	
	display:none;
	}
	.pane .close {
	position:absolute;
	bottom:15px;
	right:15px;
	}
	a.textbtn {
	background:url(../img/company_textbtnbg.png);
	display: -moz-inline-box;
	display:inline-block;
	height:14px;
	width:37px;
	margin-left:5px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#786250;
	font-size:9px;
	line-height:14px;
	}
	a.textbtn:hover {
	background-position:bottom;
	color:#ffffe4;
	}
	#map {
	display:none;
	}
	#profile .textbox {
	position:absolute;
	bottom:25px;
	left:25px;
	width:245px;
	
	font-size:0.9em;
	line-height:1.5em;
	}
	#profile p {
	margin-top:1.5em;
	}
	#profile .title {
	/*font-size:0.9em;*/
	}
	#profile .name {
	font-size:1.2em;
	}
	#profile .photo {
	margin:0 0 0 180px;
	}
	#map {
	font-size:0.9em;
	}
	#map .photo {
	padding:5px;
	margin-bottom:1em;
	}
	#map p {
	margin:0 20px 1em;
	}

/*////////////////////////////////////////////////// CONTACT */

#contact form {
	margin-bottom:2em;
	}
	#contact label {
	display:block;
	width:80px;
	float:left;
	clear:left;
	margin-right:20px;
	font-size:0.9em;
	font-weight:normal;
	/*text-align:justify;
	text-justify:distribute-all-lines;*/
	
	}
	#contact input[type=text] {
	background:#FFFFFC;
	margin-bottom:1em;
	width:440px;
	padding:2px 0;
	border:1px solid #d2cbb3;
	border-top:1px solid #bfb6a8;
	border-bottom:1px solid #ebe2c7;
	font-size:1em;
	display:inline;
	}
	#contact textarea {
	background:#FFFFFC;
	margin-bottom:1em;
	width:440px;
	height:160px;
	padding:2px 0;
	border:1px solid #d2cbb3;
	border-top:1px solid #bfb6a8;
	border-bottom:1px solid #ebe2c7;
	
	font-size:1em;
	}

	#contact input[type=submit] {
	background:url(../img/submit_bg.png) no-repeat left top;
	width:64px;
	height:24px;
	font-size:1em;
	line-height:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:none;
	color:#786250;
	}
	#contact input[type=submit]:hover {
	background-position:left bottom;
	color:#d2cbb3;
	outline:none;
	}
	
	#contact form p {
	margin-left:100px;
	margin-bottom:1em;
	}
	#contact #errormsg {
	color:#FF0000;
	font-size:0.9em;
	}


/*////////////////////////////////////////////////// LINK */

/*#link #main {
	background: url(../img/bg_illust1.png) no-repeat center bottom;
	}*/

#link #main h2 {
	font-size:1em;
	margin-bottom:1em;
	}