/* -----------------------------------------
Project Name : technomaterial
Date: 2008/01/29
Version: 
Description: 
Designed by: 
----------------------------------------- */


/* font
----------------------------------------- */

h1,h2,h3 {
	display:none;
}

p {
	letter-spacing:3px;
}

p.head {
	font-size:130%;
	margin:15px 0;
	font-weight:bold;
}

p.dist {
	font-size:120%;
	text-align:justify;
	text-justify:inter-ideograph;
}

p.w_head {
	font-size:100%;
	margin:0 0 10px 0;
	font-weight:bold;
}


p.w_dist {
	font-size:80%;
	letter-spacing:2px;
	text-align:justify;
	text-justify:inter-ideograph;
}

li{
	font-size:14px;
	line-height:350%;
	font-weight:bold;
}

/* link
----------------------------------------- */
a,
a:link,
a:visited,
a:active {
	color: #000;
	text-decoration:none;
	background:none;
}

a:hover {
	color: #000;
	text-decoration:none;
	background-color:#ECEA29;
}

/* basic layout
----------------------------------------- */

body {
        margin:0;
	padding:0;
	font-size:78%;
	color:#000;
	line-height:145%;
	background:#EFEFDF;
	text-align:left;
	width:6400px;
}

#container {
	width:6400px;
}

.c-left {
	float:left;
	width:3200px;
}

.top {
	background-image:url("../b-ten/back.jpg");
	background-repeat:no-repeat;
	width:1600px;
	height:590px;
	float:left;
}

.outline {
	width:1520px;
	float:right;
	padding:55px 0 0 80px;
}

.c-right {
	float:right;
	width:3200px;
}

.detail {
	width:1520px;
	float:left;
	padding:55px 0 0 80px;
}

.work {
	width:1520px;
	float:right;
	padding:55px 0 0 80px;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}

/* contents lauout
----------------------------------------- */

.menu {
	padding:275px 0 0 735px;
}

.arrow {
	margin-top:50px;
	width:80px;
	letter-spacing:10px;
	font-weight:bold;
}

img {
	margin:15px 0;
}

.o_title {
	background-image:url("../b-ten/outline.gif");
	background-repeat:no-repeat;
	width:76px;
	height:77px;
}

.o_container {
	width:720px;
	padding:10px 0 0 5px;
}

.o_contents{
	width:400px;
	float:left;
}

.o_pic{
	width:320px;
	float:right;
	text-align:center;
}

.d_title {
	background-image:url("../b-ten/detail.gif");
	background-repeat:no-repeat;
	width:76px;
	height:77px;
}

.d_container {
	width:720px;
}

.d_pic{
	width:460px;
	float:left;
	padding-top:18px;
}

.d_contents{
	width:240px;
	float:right;
}

.w_title {
	background-image:url("../b-ten/work.gif");
	background-repeat:no-repeat;
	width:76px;
	height:77px;
}

.w_container {
	width:760px;
	padding:10px 0 0 5px;
}

.w_contents_l {
	width:350px;
	padding:5px 30px 5px 0;
	float:left;
}

.w_contents_r {
	width:350px;
	padding:5px 30px 5px 0;
	float:right;
}

img.w {
	float:left;
	margin:0 10px 25px 0;
}

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

	01: apply to all
	02: default value
	03: headding
	04: structured text
	05: font style elements
	06: list
	07: clear floating
	08: hide/delete

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

/* 01: apply to all
----------------------------------------- */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
	}

body {
	font-family:
	
		"Baskerville",
		"MS UI Gothic",
		"MS Gothic",
		"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",
		"\FF2D\FF33\20\30B4\30B7\30C3\30AF",
		sans-serif;
}

/* 02: default value
----------------------------------------- */
a {
	text-decoration: underline;
	}

a img {
	text-decoration: none;
	}

img, table {
	border-width: 0;
	border-style: none;
	border-color: #fff;
	}

img {
	vertical-align: bottom;
	background-color: transparent;
	}

td {
	text-align: left;
	vertical-align: top;
	}

sup {
	vertical-align: super;
	}

input {
	vertical-align: baseline;
	color: #000;
	}

textarea {
	color: #000;
	}

button {
	border: 0;
	}


/* 03: headding
----------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	}


/* 04: structured text
----------------------------------------- */
em, strong, dfn, code, samp, kbd, var, blockquote, q, cite, pre, abbr, acronym, ins, th {
	font-weight: normal;
	font-style: normal;
	}


/* 05: font style elements
----------------------------------------- */
b, strong { font-weight: bold; }
i, em { font-style: italic; }
del { text-decoration: line-through; }


/* 06: list
----------------------------------------- */
ul, ol, dl, menu, dir, li, dt, dd {
	list-style: none;
	}
	

/* 07: clear floating
----------------------------------------- */
.x:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.x {
	display: inline-table;
	}

/* hide from ie-mac \*/
* html .x { height: 1%; }
.x { display: block; }
/* end hide from ie-mac */

.z {
	clear: both;
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	}


/* 08: hide/delete
----------------------------------------- */
.alt {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent: -50000px;
	}

.dlt {
	display: none;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent: -50000px;
	}