@charset "utf-8";

/*
こっちは静的html用のcss
*/

/* ----------------------------------------------------------

1.Universal Selector
2.Structure Module
3.Text Module
4.Table Module
5.List Module
6.Image Module
7.Link Module
8.IE6Style

------------------------------------------------------------- */


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

     Universal Salector

============================================================= */
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	zoom: normal;
}


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

     Structure Module

============================================================= */
html { width: 100%; }
body { width: 100%; background: #ffffde; }

/* clearfix */
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#container {
	background: url(images/body_back.png) repeat-y center top;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
}

#header {
	width: 800px;
	height: 125px;
	background: url(images/header_back.png) no-repeat;
}

#mainarea_i {
	width: 800px;
	background: url(images/mainarea_i_back.png) repeat-y;
	color: #242421;
}
	#main_i {
		background: url(images/main_i_back.png) no-repeat;
	}
		#maininner_i {
			padding: 15px 25px;
			background: url(images/maininner_i_back.png) no-repeat left bottom;
		}
	#leftarea {
		float: left;
		width: 450px;
	}
	#rightarea {
		margin-left: 475px;
	}

#mainarea_c {
	width: 800px;
	background: url(images/mainarea_c_back.png) repeat-y;
	color: #242421;
}
	#main_c {
		background: url(images/main_c_back.png) no-repeat;
	}
		#maininner_c {
			padding: 15px 25px;
			background: url(images/maininner_c_back.png) no-repeat left bottom;
		}
	#contents {
		float: left;
		width: 500px;
	}
	#sidebararea {
		margin-left: 550px;
	}
		.separator { background: url(images/separator.png) no-repeat center bottom; }

#mainarea_p {
	width: 800px;
	background: url(images/mainarea_p_back.png) repeat-y;
	color: #242421;
}
	#main_p {
		background: url(images/main_p_back.png) no-repeat;
	}
		#maininner_p {
			padding: 15px 25px;
			background: url(images/maininner_p_back.png) no-repeat left bottom;
		}

	#intro {
		margin-bottom: 25px;
		padding: 25px 10px 10px 10px;
		background-color: #ffffff;
	}
	.section {
		padding-bottom: 50px;
	}
		.page { margin: 0px 25px; }
		.introduction {/* for staffpage */
			margin-left:105px;
		}
			.introduction_inner {
				background-color: #ffffff;
				padding: 0.5em;
			}
	.tablearea {
		margin: 0px 50px;
		padding: 0px 25px;
		border-top: 2px solid #ccc6ad;
		border-bottom: 2px solid #ccc6ad;
	}
	
	.imgarea {
		margin: 1em 0em;
		font-size: 0.75em;
	}
	
#footer {
	clear: both;
	width: 800px;
	height: 200px;
	background: url(images/footer_back.png) no-repeat;
}

.rcle { clear: right; }
.lcle { clear: left; }
.bcle { clear: both; }


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

     Text Module

============================================================= */
h1 {
		padding: 15px 0px 0px 50px;
		height: 30px;
}

h2 {
	margin-bottom: 25px;
	height: 60px;
	background-repeat: no-repeat;
}
	h2#intro_h {
		margin: 0px;
		height: 40px;
		background: url(images/h1_it.png) no-repeat;
		text-indent: -9000px;
	}
	#h2_privacy     { width: 240px; background-image: url(images/privacy.png); text-indent: -9000px; }
	#h2_column      { width: 250px; background-image: url(images/column.png); text-indent: -9000px; }
	#h2_development { width: 240px; background-image: url(images/development.png); text-indent: -9000px; }
	#h2_service     { width: 170px; background-image: url(images/service.png); text-indent: -9000px; }
	#h2_recruit     { width: 170px; background-image: url(images/recruit.png); text-indent: -9000px; }
	#h2_profile     { width: 160px; background-image: url(images/profile.png); text-indent: -9000px; }
	#h2_staff       { width: 140px; background-image: url(images/staff.png); text-indent: -9000px; }
	#h2_cloudlab    { width: 440px; height: 80px; background-image: url(images/cloudlab.png); text-indent: -9000px; }
	#h2_3ddata      { width: 250px; background-image: url(images/3ddata.png); text-indent: -9000px; }

h3 {
	line-height: 25px;
	font-size: 0.75em;
	vertical-align: middle;
}
	.h3_column  {
		padding: 0.5em 1em;
		background-color: #ffffff;
		color: #007fd3;
		line-height: 1.1;
		font-size: 1em;
	}
	.h3_development { padding-left: 1em; background: url(images/h3_dvlp_back.png) no-repeat right top; color: #ffffff;	}
	.h3_service     { padding-left: 1em; background: url(images/h3_service_back.png) no-repeat right top; color: #ffffff;	}
	.h3_recruit     { padding-left: 1em; background: url(images/h3_recruit_back.png) no-repeat right top; color: #ffffff;	}
	.h3_profile     { padding-left: 1em; background: url(images/h3_profile_back.png) no-repeat right top; color: #ffffff;	}
	.h3_staff {
		height: 25px;
		background: url(images/h3_staff_back.png) no-repeat right top;
		color: #ffffff; 
		line-height: 25px;
		vertical-align: text-bottom;
	}
	.page-title { margin-bottom: 25px; }
	.h3_lab     { padding-left: 1em; background: url(images/h3_lab_back.png) no-repeat right top; color: #ffffff;	}
		
h4 {
	margin: 0em 0em 1em 1em;
	padding-left: 5px;
	font-size: 0.75em;
}
	h4.dvlp { border-left: 5px solid #009c46; }
	h4.serv { border-left: 5px solid #7fc31c; }
	h4.recr { border-left: 5px solid #fabf00; }
	h4.prof { border-left: 5px solid #fb5501; }
	h4.lab  { border-left: 5px solid #242421; }

	.introduction h4 {
		margin: 0em 0em 1em 1em;
		font-size: 0.75em;
	}

h5 {
	margin: 0em 0em 0.5em 25px;
	font-size: 0.75em;
}

em { font-style: normal; }
strong { margin: 0px 2px; font-size: 1.2em; }
	.more_em { font-size: large; }

pre {
	padding: 1em;
	width: 450px;
	overflow: auto;
	background-color: #fffefa;
	line-height: 1.5;
	font-size: 0.75em;
}
code {
	display: block;
	padding: 1em;
	width: 450px;
	overflow: auto;
	background-color: #fffefa;
	line-height: 1.5;
}
blockquote {
	margin: 1em;
	padding: 1em 1em 0em 1em;
	border-top: 1px solid #ccc6ad;	
	border-bottom: 1px solid #ccc6ad;	
}
.strike { text-decoration: line-through; }

#intro p {
	margin: 0px 25px 10px 25px;
	line-height: 1.5;
	font-size: 0.75em;
}

.section p {
	margin-left: 25px;
	padding-bottom: 1em;
	line-height: 1.5;
	font-size: 0.75em;
}
	.more { text-align: right; }
	.introduction p { margin-left: 0em; }
	
#rightarea p { margin: 0px 25px; }

address {
	margin-top: 25px;
	font-style: normal;
	font-size: 0.65em;
	text-align: center;
}

#copyright {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 800px;
	font-size: 0.65em;
	text-align: center;
}

.align_r { text-align: right; }

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

     Table Module

============================================================= */
.tablearea table {
	border-collapse: collapse;
	font-size: 0.75em;
}

.tablearea table tr {
	height: 50px;
}

.tablearea table th {
	padding: 5px 25px 5px 25px;
	border-bottom: 1px dashed #ccc6ad;
	white-space: nowrap;
	text-align: right;
	font-weight: normal;
	vertical-align: bottom;
}

.tablearea table td {
	padding: 5px 5px 5px 0px;
	border-bottom: 1px dashed #ccc6ad;	
	vertical-align: bottom;
}
	.lastcell { border: none; }
	
	table.servicelist {
		_margin-top: 20px;
	}
	
	table.servicelist caption {
		margin-top: 20px;
		margin-left: 80px;
		padding-left: 3px;
		text-align: left;
		font-weight: bold;
	}
	
	table.servicelist th {
		width: 150px;
	}
	
	table.servicelist td {
		text-align: right;
	}
	
	table.servicelist td.item {
		text-align: left;
	}

.article table {
	margin: 1em 0em;
	border-collapse: collapse;
	border: 1px solid #ccc6ad;
	font-size: 0.75em;
}
	.article th {
		padding: 0.3em 1em;
		border: 1px solid #ccc6ad;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
	}
	.article table td {
		padding: 0.5em;
		border: 1px solid #ccc6ad;
	}	

#wp-calendar {
	font-size: 0.8em;
	vertical-align: middle;
}
	#wp-calendar caption { margin-bottom: 1em; }
	#wp-calendar td { padding: 0.2em 0.3em; }


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

     List Module

============================================================= */
#hmenu {
	margin-top: 30px;
	height: 25px;
	list-style: none;
}
	#hmenu li {
		width: 133px;
		float: left;
		text-indent: -9000px;
	}
#hmenu2 {
	font-weight: bold;
	font-size: 0.65em;
	text-align: right;
	vertical-align: middle;
}
	#hmenu2 li {
		display: inline;
		margin-right: 25px;
		line-height: 25px;
	}

#feedlist {
	margin-bottom: 25px;
	line-height: 1.2;
	font-size: 0.75em;
	list-style: none;
}
	#feedlist dt {
		margin-bottom: 0.25em;
	}
	#feedlist dd {
		margin: 0em 0em 1em 1em;
		text-indent: 10px;
		background: url(images/column_listmark.png) no-repeat left 3px;
		border-bottom: 1px solid #ccc6ad;
	}

table ul {
	margin-left: 10px;
	list-style: none;
}

#stafficonlist {
	margin-left: 25px;
}
	#stafficonlist li {
		display: inline;
		margin-right: 5px;
	}

.articleinfo {
	padding: 0em 1em;
	height: 15px;
	background: url(images/articleinfo_back.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.7em;
	list-style: none;
}
	.articleinfo li {
		line-height: 15px;
		vertical-align: middle;
	}
		.date { float: left; }
		.category { float: right; }

.posted {
	padding: 25px 0px;
	font-size: 0.75em;
	list-style: none;
}
	.posted li {
		margin-left: 1em;
		float: right;
		text-align: right;
	}

ol {
	margin: 0px 50px 25px 50px;
	font-size: 0.75em;
	list-style-type: decimal;
	list-style-position: inside;
}
	ol li {
	margin-bottom: 1em;
	}
	
#privacylist {
	margin: 0px 50px;
}

.widget ul {
	margin-left: 1em;
	list-style: none;
	font-size: 0.75em;
}
	.widget ul li {
		margin-bottom: 0.5em;
		background: url(images/sidebar_listmark.png) no-repeat left top;
		text-indent: 10px;/* listmarkの分 */
	}
		#recent-posts li {
			background: url(images/column_listmark.png) no-repeat left top;
		}

#dvlp_list {
	margin-left: 25px;
	font-size: 0.75em;
	list-style: none;
}
	#dvlp_list li {
		margin-bottom: 1em;
		line-height: 1.3;
		vertical-align: middle;
		padding-left: 10px;/* listmarkの分 */
		background: url(images/sidebar_listmark.png) no-repeat 0px 0.3em;
	}
	#dvlp_list_top li {/* Deveropmentのindex.html用。サムネイル付きのもの。 */
		float: left;
		margin: 0 0 0 1px;
		padding: 0;
		width: 160px;
		height: 160px;
		background: none;
	}

div.page ul, #intro ul, .introduction ul {
	margin: 0px 25px 10px 25px;
	line-height: 1.5;
	font-size: 0.75em;
	list-style: none;
}
	div.page ul li, #intro li, .introduction li {
		padding: 0 0 8px 8px;
		background: url(images/listmark.png) no-repeat left center;
	}
	
#fmenu {
	padding-top: 25px;
	color: #ffffff;
	list-style: none;
	font-size: 0.65em;
	text-align: center;
	vertical-align: text-top;
}
	#fmenu li {
		display: inline;
		padding: 0px 5px;
	}


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

     Image Module

============================================================= */
img { border: none; vertical-align: top; }

#syunlogo {
	width: 120px;
	height: 30px;
}

.staffimg {
	float: left;
	margin-right: 10px;
}
	h3.h3_staff img.stafficon {
		margin: 0px 5px;
		line-height: 25px;
		vertical-align: text-bottom;
	}

.imgarea img {
	margin-bottom: 5px;
}


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

     Link Module

============================================================= */
a { color: #007fd3; outline: none; }

#hmenu li a {
	display: block;
	width: 133px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: top center;
}
	#hmenu_colm a { background-image: url(images/hmenu_column.png); }
	#hmenu_dvlp a { background-image: url(images/hmenu_dvlp.png); }
	#hmenu_serv a { background-image: url(images/hmenu_service.png); }
	#hmenu_prof a { background-image: url(images/hmenu_profile.png); }
	#hmenu_recr a { background-image: url(images/hmenu_recruit.png); }
	#hmenu_staf a { background-image: url(images/hmenu_staff.png); }
	#hmenu li a:hover { background-position: bottom center; }

#hmenu2 a {
	color: #ffffff;
	text-decoration: none;
}

h1 a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(images/syun.png) no-repeat;
	line-height: 30px;
	text-indent: -9000px;
}

h2 a {
	display: block;
	height: 60px;
	background-repeat: no-repeat;
}

.h3_column a {
	clear: both;
	background-color: #ffffff;
	color: #007fd3;
	line-height: 1.1;
	font-size: 1em;
	text-decoration: none;
}

#feedlist a { color: #007fd3; text-decoration: none; }
	#feedlist a:hover { color: #ccc6ad; }

#dvlp_list a, #dvlp_list_top a { color: #007fd3; text-decoration: none; }
	#dvlp_list a:hover, #dvlp_list_top a:hover { color: #ccc6ad; }

.more a { color: #007fd3; text-decoration: none; font-size: 0.9em; border-bottom: 1px solid #ccc6ad;  }
	.more a:hover { color: #ccc6ad; }
	
.articleinfo li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.articleinfo li a:hover { color: #ccc6ad; }

.posted li a { color: #007fd3; text-decoration: none; }
	.posted li a:hover { color: #ccc6ad; text-decoration: underline; }

.widget ul li a { color: #007fd3; text-decoration: none; }
	.widget ul li a:hover { color: #ccc6ad; text-decoration: underline; }

#armSwitch {
	position: relative;
	top: 47px;
	left: 50px;
}
#lightSwitch {
	position: relative;
	top: 131px;
	left: -5px;
}

#fmenu li a {
	color: #ffffff;
	line-height: 25px;
	vertical-align: top;
	text-decoration: none;
}

address a {
	text-decoration: none;
	color: #000000;
}


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

     IE6Style (IE6がこの星から消えますように。)

============================================================= */
*html #container { background-image: url(images/ie6/body_back.png); }

*html #header {	background-image: url(images/ie6/header_back.png); }

*html #mainarea_i {	background-image: url(images/ie6/mainarea_i_back.png); }
	*html #main_i {	background-image: url(images/ie6/main_i_back.png); }
		*html #maininner_i { background-image: url(images/ie6/maininner_i_back.png); }

*html #mainarea_c { background-image: url(images/ie6/mainarea_c_back.png); }
	*html #main_c {	background-image: url(images/ie6/main_c_back.png); }
		*html #maininner_c { background-image: url(images/ie6/maininner_c_back.png); }
		*html .separator { background-image: url(images/ie6/separator.png); }

*html #mainarea_p {	background-image: url(images/ie6/mainarea_p_back.png); }
	*html #main_p {	background-image: url(images/ie6/main_p_back.png); }
		*html #maininner_p { background-image: url(images/ie6/maininner_p_back.png); }

*html h1 a { background-image: url(images/ie6/syun.png); }

*html h2#intro_h      { background-image: url(images/ie6/h1_it.png); }
*html #h2_privacy     { background-image: url(images/ie6/privacy.png); }
*html #h2_column      { background-image: url(images/ie6/column.png); }
*html #h2_development { background-image: url(images/ie6/development.png); }
*html #h2_service     { background-image: url(images/ie6/service.png); }
*html #h2_recruit     { background-image: url(images/ie6/recruit.png); }
*html #h2_profile     { background-image: url(images/ie6/profile.png); }
*html #h2_staff       { background-image: url(images/ie6/staff.png); }
*html #h2_cloudlab    { background-image: url(images/ie6/cloudlab.png); }

*html .h3_development { background-image: url(images/ie6/h3_dvlp_back.png); }
*html .h3_service     { background-image: url(images/ie6/h3_service_back.png);	}
*html .h3_recruit     { background-image: url(images/ie6/h3_recruit_back.png); }
*html .h3_profile     { background-image: url(images/ie6/h3_profile_back.png); }
*html .h3_staff       {	background-image: url(images/ie6/h3_staff_back.png); }
*html .h3_lab         { background-image: url(images/ie6/h3_lab_back.png); }

*html #feedlist dd { background-image: url(images/ie6/column_listmark.png); }

*html .articleinfo { background-image: url(images/ie6/articleinfo_back.png); }

*html .widget ul li { background-image: url(images/ie6/sidebar_listmark.png); }
*html #recent-posts li { background-image: url(images/ie6/column_listmark.png); }

*html #dvlp_list li { background-image: url(images/ie6/sidebar_listmark.png); }

	*html #intro li, *html .introduction li { background-image: url(images/ie6/listmark.png); }

	*html #hmenu_colm a { background-image: url(images/ie6/hmenu_column.png); }
	*html #hmenu_dvlp a { background-image: url(images/ie6/hmenu_dvlp.png); }
	*html #hmenu_serv a { background-image: url(images/ie6/hmenu_service.png); }
	*html #hmenu_prof a { background-image: url(images/ie6/hmenu_profile.png); }
	*html #hmenu_recr a { background-image: url(images/ie6/hmenu_recruit.png); }
	*html #hmenu_staf a { background-image: url(images/ie6/hmenu_staff.png); }