@charset "utf-8";
/*
Theme Name:SPEAC,inc.
Description: 
Author: yasuhito kanayama
Author URI: http://knym.net/

*/
@import url("css/tags.css");
#page_sub_contents {
	position:fixed;
	top:0px;
	width:140px;
	height:100%;
	z-index:0;
}
#container {
	position:relative;
	margin:0px auto;
	
	text-align: left;
	top:28px;
	/*min-width:980px;*/
	width:700px;
	padding-bottom:20px;
	height:100%;
}
.navigation {
	padding-top:5px;
	margin-top:0px;}
.navigation:after {
content : "";
display : block;
height : 0;
clear : both;
}
	.navigation a:link,
	.navigation a:visited {
		color:#64A523
	}
	.navigation a:hover,
	.navigation a:active {
		color:#666;
	}
	.navigation .next {
		float:left;
		
		}
		.navigation .next a {
			padding:5px 0px;
			padding-right:20px;
				display:block;
		}
		.navigation .next a:link,
		.navigation .next a:visited {
				background:url(images/icon_arrow_on.gif) no-repeat 100%  2px;
		}
		.navigation .next a:hover,
		.navigation .next a:active {
				background:url(images/icon_arrow.gif) no-repeat 100% 2px;
		}
	
	.navigation .prev {
		float:left;
		padding-right:40px;
		}
		.navigation .prev a {
			padding:5px 0px;
			
				display:block;
			padding-left:20px;
		}
		.navigation .prev a:link,
		.navigation .prev a:visited {
				background:url(images/icon_arrow_l.gif) no-repeat 0  2px;
		}
		.navigation .prev a:hover,
		.navigation .prev a:active {
				background:url(images/icon_arrow_l_on.gif) no-repeat 0  2px;
		}
	
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#999;
	margin-top:-130px;
	padding:5px;
	display:none;
	color:#fff;
	}

/*================================================*/

a.arrow {
	padding-right:13px;
	background:url(images/icon_arrow_s.gif) no-repeat 100% 3px;
}
#tooltipURL {
	display:none;
}
.text p,
p.text{
	font-size:120%;
	line-height:170%;
	
}
/*
Wordpress Stats のSMILE MARK :) を非表示
*/
#wpstats {display:none;}

body {
	color: #333;
	position:relative;
	text-align:left;
	width:100%;
	height:100%;
	}
#menu_bg {
	position:fixed;
	top:0px;
	left:50px;
	height:100%;
	width:140px;
	/*background:#000;
	z-index:-100;
	filter: alpha(opacity=0);
	-moz-opacity:0.05;
	opacity:0.05;*/
}
/*
#selected_bg {
	position:fixed;
	top:0px;
	left;0px;
	width:100%;
	background:#000;
	height:27px;
	z-index:-100;
	filter: alpha(opacity=5);
	-moz-opacity:0.05;
	opacity:0.05;
}*/

#prevPostLink {
	position:absolute;
	left:21%;
	width:40px;
}
	#prevPostLink a {
		display:block;
		width:40px;
	}
#nextPostLink {
	position:absolute;
	top:47%;
	right:20%;
	width:40px;
}
	#nextPostLink a {
		width:40px;
		display:block;
	}

#header {
	position:fixed;
	top:26px;
		_left:0px;
	z-index:200;
}
	#header .logo {
		
		_position:fixed;
		
		top:28px;
		
		margin:0px;
		margin-left:5px;
		padding:0px;
	}
	#header .description {
		position:absolute;
		left:-9999px;
		top:0px;
	}

	
#content {
	position:relative;
	left:200px;
	width:480px;
	padding-bottom:10px;
}
#content h1,
#content .pagetitle{
	line-height:100%;
	padding-bottom:20px;
	width:480px;
}
#post .header h1 {
	font-weight:normal;
	font-size:160%;
	line-height:120%;
	padding-bottom:10px;
	width:480px;
	background:url(images/line_h2.gif) repeat-x 0 100%;
	
}
#post .header h1 {
	padding-bottom:10px;
}
#post .header .description {
}
#post .header h1 .en{
	display:block;
	font-size:10px;
}
#post .header {
	position:relative;height:50px;
	padding-bottom:5px;
/*	background:url(images/line_h2.gif) repeat-x 0 100%;
	padding-bottom:15px;*/
	}
		#post .header h1{
			text-align:center;
			font-size:16px;
			position:absolute;
			}
		#post .nextPostLink{
			display:block;
			position:absolute;
			top:0px;
			right:0px;
		}
		#post .prevPostLink{
			display:block;
			position:absolute;
			top:px
			left:0px;
		}
		#post .nextPostLink a,
		#post .prevPostLink a {
			display:block;
			width:30px;
			height:30px;
		}
		#post .nextPostLink a{
			background:url(images/arrow_l_r.gif) no-repeat 100% 2px;
		}
		#post .prevPostLink a{
			background:url(images/arrow_l_l.gif) no-repeat 0px 2px;
		}
	
#post .footer {
	margin-top:30px;
	background:url(images/line_h2.gif) repeat-x 0 0;
	padding-top:15px;
	position:relative;
}

#post .footer p {
	font-size:12px;
	text-align:center;
	line-height:120%;
}
#post .footer p .ja {
	display:block;
}
#post .footer p .en {
	font-size:10px;
	display:block;
}

#post .footer .nextPostLink,
#post .footer .prevPostLink {
	top:17px;
}
#content h2 {
	font-weight:normal;
	font-size:140%;
}
#content .header {
	position:relative;
}
	#content .header .description {
		font-size:120%;
		margin-bottom:20px;
		line-height:140%;
		margin:0px 0px 25px 0px;
	}
#posts {
}
#content #projects {
	width:600px;
}
#project_imgs,
#projects .posts {
}
#projects .header .pagetitle{
	padding-bottom:26px;
}
#project_imgs .category {
	visibility:hidden;
	position:absolute;
	top:0px;
}


#project_imgs .img {
	width:200px;
	position:fixed;
	left:65%;
	top:70px;
}
	#projects .posts {
		width:600px;}
	#projects .posts .post {
		width:100px;
		margin-right:0px;
		float:left;
		font-size:9px;
		margin-bottom:20px;
	}
		#projects .posts .post img {
			margin-bottom:5px;
			display:block;
		}
	
	#posts {
		border-top:1px dotted #CCC;
		padding-top:10px;}
	#posts .post {
		float:left;
		margin-bottom:10px;
		width:480px;
		position:relative;
		padding-bottom:10px;
		border-bottom:1px dotted #CCC;
	}
	#posts .post .type {
		position:absolute;
		right:0px;
		top:20px;
		text-align:right;
		color:#999;
	}
	#projects .post .img,
	#posts .post .img  {
		width:80px;
		float:left;
	}
		#projects .post .img a,
		#posts .post .img a {
			display:block;
			height:80px;
			width:80px;
			background:#EEE;
		}
	
	#projects .post h3{
		float:right;
		width:240px;
		background:#FFF;
		font-weight:normal;
		margin-top:20px;
		line-height:120%;
		font-size:120%;
	}
	#posts .post h3 {
		float:right;
		width:380px;
		margin-top:20px;
		font-size:120%;
		line-height:140%;
		font-weight:normal;
	}
	#posts .post h3 .en {
		font-size:10px;
		display:block;}
	#posts .post a.post-edit-link {
		display:block;
		width:380px;
		float:right;
		margin-top:5px;
	}
#post {
	width:480px;
	float:left;
}
	#post .header .post-edit-link {
		position:absolute;
		top:-20px;
		right:0px;
	}
	#post .header #printBtn{
		position:absolute;
		bottom:10px;
		right:0px;
		width:17px;
		height:17px;
		background:url(images/icon_print.gif) no-repeat;
		background-position:0 0;
		cursor:pointer;
	}
		#post .header #printBtn:hover {
			background-position:-17px 0px;
		}

/* =================================================
PAGES 
====================================================*/
#content .entry {
	width:480px;
	}
	#content .entry h2 {
		margin-bottom:10px;
		padding-bottom:10px;
		background:url(images/line_h2.gif) repeat-x 0 100%;
	}
	
	#content .entry h3 {
		font-size:120%;
		line-height:140%;
		font-weight:normal;
		margin-bottom:5px;
	}
		#content .entry h3 .caption {
			display:block;
			font-size:10px;
			margin-top:2px;
			color:#999;
		}
	#content .entry p {
		line-height:150%;
		color:#666;
		margin-bottom:1em;
	}
		#content .entry p a {
			padding-bottom:1px;
			border-bottom:1px dotted #666;
		}
			#content .entry p a:hover,
			#content .entry p a:active {
				border-bottom:1px solid #64A523;
			}
	#content .entry  th {
		color:#999;
		width:80px;
	}
	#content .entry .description {
		font-size:120%;
		line-height:170%;
	}
	
	/* BUSINESS
	------------------------------------------*/
	#content #business_concept {
		margin-bottom:35px;
	}
	#content #business_concept ul.description {
		margin-bottom:15px;
	}
		#content #business_concept ul.description li {
			margin-bottom:5px;
		}
		#content #business_concept ul.description li span {
			display:block;
			font-size:10px;
		}
	
	#content #vision h3,
	#content #business_concept h3 {
		margin-bottom:5px;
		font-weight:normal;
		background:url("images/icon_bar.gif") no-repeat 0 50%;
		padding-left:14px;
	}
	#content #business_concept .img {
		margin:15px 0px;
	}
	#content #partners_profile,
	#content #business_perspective,
	#content #business_concept,
	#content #vision{
		
		/*border-top:1px solid #DDD;*/
		padding-top:15px;
	}
	#content #business_perspective ul.link li {
		margin-bottom:10px;
		width:400px;
	}
	#content #select_shop h3 {
		margin-bottom:15px;
	}
		#content #select_shop .labelBox {
			margin-bottom:20px;
			width:400px;
		}
			#content #select_shop .labelBox .info {
				float:left;
				width:200px;
			}
			#content #select_shop .labelBox .img {
				padding-top:0.5em;
				text-align:right;
				float:right;
				width:190px;
			}
			#content #select_shop .labelBox p.subtitle {
				margin-bottom:5px;
			}
				#content #select_shop .labelBox h4 {
					margin:0px;
					font-weight:normal;
					font-size:120%;
				}
#business_perspective h3 a {
		background:url("images/icon_arrow.gif") no-repeat 0 50%;
		padding-left:20px;
	}
		#business_perspective  ul.link li a {
			font-size:12px;
		}
		
	
	/* PROFILE
	------------------------------------------*/
	#content #contact_form table{
		border-top:1px dotted #DDD;
	}
	#content #contact_form p {
		font-size:12px;
		line-height:170%;
	}
	#content #contact_form th,
	#content #contact_form td,
	#content #profile th,
	#content #profile td {
		padding:6px 0px;
		border-bottom:1px dotted #DDD;
	}
	#content #contact_form th {
		padding-top:8px;
	}
	#content #contact_form textarea{
		width:320px;
		font-size:12px;
	}
	
	#content #contact_form td input {
		font-size:12px;
	}
	#content #profile
	#content #profile #about_speac {
		margin-bottom:30px;
	}
	#content #profile #about_speac p {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:1em;
	}
	#content #contact_form th {
		width:150px;
	}
	#content #contact_form .submit {
		margin-left:150px;
		margin-top:5px;
	}
	#content #contact_form .submit input {
		padding:5px 20px;
	}
	/*
	#content #services {
	}
		#content #services .service {
			margin-bottom:12px;
			width:480px;
		}
		
		#content #services .service .img {
			width:160px;
			float:left;
		}
		
		#content #services .service .text {
			width:310px;
			padding-top:10px;
			float:right;
		}*/
	
	#content #services {
		margin-bottom:30px;
		position:relative;
	}	
	#content #services .map {
		text-align:center;
		margin:40px 0px;
	}
	#content #services .img{
		position:absolute;
		right:-250px;
		top:-50px;
	}
	#content #our_vision {
		margin-bottom:30px;
	}
	
	#content #perspectives h3 {
		background:url(images/icon_arrow.gif) no-repeat 0px 50%;
		cursor:pointer;
		color:#999;
		padding:4px 18px;
	}
	#content #perspectives .myAccordionHover{
		background:url(images/icon_arrow_on.gif) no-repeat 0px 50%;
		color:#64A523;
	}
	#content #perspectives p {
		margin-bottom:1em;
		font-size:12px;
		line-height:170%;
	}
	#content #perspectives .img {
		margin-top:20px;
	}
	#content #perspectives  .myAccordionActive {font-weight:bold;
		color:#64A523;
	}
	#content #perspectives .perspective {
	}
	#content #service_caption {
		margin-bottom:30px;
	}
		#content #service_caption h2{
			margin-bottom:15px;
		}
		#content #services  {
			margin-top:15px;
			padding-top:0px;
		}
		#content #services .service {
			margin-bottom:20px;
			background:url(images/line_h2.gif) repeat-y;
			padding-left:12px;
		}
		#content #services .service h3 {
			color:#64A523;
		}
		
		#content #services .service .text {
			width:480px;
		}
	#content #company_profile {
		margin-bottom:35px;
	}
	#content #company_profile h3 {
		margin-bottom:10px;
		margin-top:5px;
	}
	
	#content #partners_profile {
		margin-bottom:20px;
		position:relative;
	}
		
	#content #boathouse_img{
		position:absolute;
		right:-250px;
		top:70px;
		visibility:hidden;
	}
		#content #partners_profile .img {
			position:absolute;
			right:-230px;
			top:100px;
		}
		#content  #partners_profile .member {
			padding-bottom:15px;
		}
			#content  #partners_profile .member h3 {
				padding-left:12px;
				background:url(images/line_h2.gif) repeat-y;
			}
			#content  #partners_profile .member p {
				font-size:10px;
				margin-bottom:0px;
			}
	#content td li {
		background:url("images/icon_bullet.gif") no-repeat 0 5px;
		padding-left:10px;
		margin-left:3px;
		margin-bottom:3px;
	}
	#content th
	{
		color:#999;
		width:100px;
	}
	#content th,
	#content td {
		padding-bottom:3px;
	}

#photo_slideshow
{
	width: 480px;
	height: 380px;
	border: 1px solid #FFF;
	margin-bottom:10px;
	position:relative;
}
#photo_slideshow .pagelinks {
	text-align:center;
	
	margin-top:20px;
}
*html #photo_slideshow .pagelinks{
}

	.pagelinks a
	{
		padding:5px;
		color:#BBB;
	}
.slideCaption
{
}
.pagelinks a.activeSlide,
.pagelinks a:hover
{
	color: #64A523;
}
a.slideshowNextSlide,
a.slideshowPrevslide
{
	/*background-image: url(images/spacer.gif);*/
	height:380px;
}
.nextSlide {
	position:absolute;
	right:0px;
	width:30px;
	background:url(images/icon_nextslide.gif) no-repeat 100% 100%;
}
.prevSlide {
	position:absolute;
	left:0px;
	width:50px;
	background:url(images/icon_prevslide.gif) no-repeat 0% 100%;
}
/*
.nextSlide:hover
{
	background:url(images/icon_nextslide.gif) no-repeat 100% 50%;
}
.prevSlide:hover
{
	background:url(images/icon_prevslide.gif) no-repeat 0% 50%;
}*/



#photo_copyright {
	padding:5px 0px 10px;
	color:#999;
}
#photo_copyright ul {
	text-align:center;
}
#photo_copyright li{
	display:inline;
	margin:5px;
}

#column {
	margin-top:15px;
	margin-bottom:20px;
}
	#column h3{
		
		margin-bottom:10px;
		font-weight:normal;
		padding-bottom:5px;
	border-bottom:1px solid #DDD;
	}
	#content #column p {
		line-height:170%;
		font-size:120%;
		color:#666;
		margin-bottom:1.5em;
	}

#project_details {
	padding-top:15px;
	margin-bottom:15px;
}
#project_details h3 {
	font-size:12px;
	border-bottom:1px solid #DDD;
	padding-bottom:5px;
}
#workflow,#fact_sheet {
	margin-bottom:15px;
}
	#content #workflow h3{
		margin-bottom:8px;
	}
	#content #workflow th {
		color:#BBB;
		width:150px;
	}
		#workflow th.arrow {
			/*padding-bottom: 10px;
			background:url(images/icon_arrow_bottom.gif) no-repeat 32px bottom;
			*/
		}
	#content #workflow .selected th {
		color: #64A523;
	}
	
	
	#content #fact_sheet h3 {
		margin-bottom:8px;
	}
	#fact_sheet dt,
	#fact_sheet caption
	{
		color:#999;
	}
	
	#fact_sheet dl{
		float:left;
		width:230px;
	}
	#fact_sheet dt {
		margin-bottom:3px;
	}
	#fact_sheet table{
		float:right;
		width:230px;
	}
	#fact_sheet dd,
	#fact_sheet caption
	{
		padding-bottom:5px;
	}
	#content #contact_info{
		margin:15px 0px 35px;
	}
	#content #contact_info p {
		margin-bottom:0px;
	}
	#contact_form h2 {
		font-size:12px;
		color:#333;
		font-weight:normal;
	}
#copyright {
	background:url(images/line_h2.gif) repeat-x 0 0%;
	padding-top:12px;
	position:absolute;
	bottom:6px;
	left:0px;
	width:480px;
	left:200px;
	text-align:center;
}
	#copyright img {
		margin-right:20px;
	}

#sidebar_post {
	float:right;
	width:170px;
}
#same_category_projects {
	position:absolute;
	padding-left:5px;
	top:155px;
	width:100px;
}
#same_category_projects li {
		margin-bottom:6px;
		padding-left:0px;
}
#same_category_projects li#selected {
}
#same_category_projects li#selected a {
			color:#64A523;
		}
	#same_category_projects h2 {
		/*background:url("images/t_categories.gif") no-repeat;*/
		width:100px;
		margin-bottom:22px;
	}
	#same_category_projects li a {
		padding-bottom:20px;
		display:block;
		float:left;
	}
	#same_category_projects li {
	}

#sidebar {
	position:fixed;
	top:90px;
	width:110px;
	z-index:100;
}
	#page_menu {
		padding-left:0px;
		margin-left:5px;
		margin-bottom:20px;
	}
		#page_menu .page_item {
			margin-bottom:20px;
		}
			#page_menu li {
				width:112px;
				/*background:url(images/bg_page_menu.gif) repeat-x 0px 0px;*/
				clear:both;
				height:12px;
				padding-left:16px;
			}
			#page_menu li#selected {
				/*background:url(images/bg_page_menu_selected.gif) repeat-x 0px 0px;*/
			
			}
			#page_menu li a {
				padding:0px 0px 0px 0px;
				background:#FFF;
				height:12px;
				width:100px;
				display:block;
				float:left;
			}
			#page_menu li a:after {
				clear:both;
			}
			#page_menu .page_item li a {
				display:block;
				height:18px;
				width:120px;
				vertical-align:middle;
				background-position:0px 0px;
			}
				#page_menu .page_item ul li a,
				#page_menu .page_item ul li a:hover {
					background:none;
					text-indent:0px;
					width:110px;
					height:auto;
				}
				#page_menu .page_item ul {
					margin:10px 0px;
				}
				#page_menu .page_item ul li {
					
					background:url("images/icon_arrow_s.gif") no-repeat 0 4px;
					padding-left:10px;
					margin-bottom:6px;
				}
				#page_menu .page_item ul li a {
					color:#BBB;
				}
					#page_menu .page_item ul li a:hover,
					#page_menu .page_item ul li a:active {
						color:#64A523;
					}
				#page_menu .page_item ul li.selected a {
					color:#64A523;
				}
		
#links {
	text-align:left;
	padding-bottom:0px;
	position:fixed;
	padding-left:10px;
	bottom:8px;
	z-index:1200;
}
	#links h3 {
		margin-bottom:8px;
	}
	#links a:link,
	#links a:visited {
		color:#999;
	}
		#links a:hover {
			color:#64A523;
		}
	.linkcat h2 {
		text-indent:-9999px;
		width:120px;
		height:14px;
		/*background:url("images/m_links.png") no-repeat;*/
		margin-bottom:8px;
	}
	ul.link li,
	#content td ul.link li, 
	.linkcat li {
		background:url("images/icon_arrow_s.gif") no-repeat 0 4px;
		padding-left:10px;
		margin-bottom:3px;
		width:100%;
	}
	.copyright {
		padding-top:30px;
		text-align:right;
	}
#content #projects {
	width:530px;
}

#content #projects .category{
	padding-bottom:32px;
	height:80px;
	text-align:left;
	position:relative;
	z-index:1000;
}
#content #projects .category .img,
#content #projects .category .img_on {
	position:absolute;
	top:30px;
	width:650px;
	z-index:1px;
	overflow:hidden;
}

#content #projects .category .img_on {
	visibility:hidden;
}
#content #projects .category h2 {
	font-size:140%;
	padding:8px 0px;
	color:#333;
	width:480px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
	position:absolute;
	top:0px;
	background:url(images/line_h2.gif) repeat-x 0 50%;
	z-index:100;
}
#content #projects .category h2 .ja {
	background:#FFF;
	padding-left:18px;
	padding-right:5px;
	background:#FFF url(images/icon_arrow.gif) no-repeat;
}
#content #projects .category h2 .en {
	background:#FFF;
	font-size:10px;
	position:absolute;
	right:0px;
	padding-left:5px;
	text-align:right;
}
/*
#content #projects .category{
	padding-bottom:10px;
	height:70px;
	text-align:left;
	position:relative;
	z-index:1000;
}
#content #projects .category .img {
	position:absolute;
	visibility:hidden;
	top:0px;
	width:650px;
	z-index:1px;
}
#content #projects .category h2 {
	font-size:140%;
	padding:5px 0px;
	color:#333;
	font-weight:normal;
	margin-bottom:10px;
	position:absolute;
	top:30px;
	background:url(images/bg_wht_alpha.png);
	z-index:100;
}*/
	#content #projects .category h2 a {
	}
#content #projects .category .description {
	font-size:120%;
	line-height:150%;
	margin-bottom:10px;
	visibility:hidden;
	padding-left:5px;
}

/*==============================================
別ウィンドウで開かれるページ
ex BOAT PEOPLE
=================================================*/
#blank_page {
	width:480px;
	padding:10px;
	text-align:left;
}
	#blank_page .logo {
		margin-bottom:8px;
	}
	#blank_page h1 {
		font-weight:normal;
		font-size:140%;
		margin-bottom:5px;
	}

* html #links .linkcat h2,
* html #same_category_projects h2 {
	behavior: expression(
		this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
	);
	
}