div#main-image { background:url(../img/main.jpg) no-repeat left top; clear:both; }

/*<group=tags>*/

body { background:#bdbdbd; color:#333; text-align:center; font-size:80%; margin:0 auto; }

a { color:#2c23bc; text-decoration:none; background-color:#fff; background-position:0 0; background-repeat:no-repeat; /*\*/ overflow:hidden; /**/ }

body a { background-color:transparent; }
body a:hover { text-decoration:underline; }
address, em { font-style:normal; }
em, dt { font-weight:bolder; }

h1, h2 { margin:0; font-size:150%; }
h3 { margin:0; font-size:small; }
h4 { margin:0 0 10px 0;	font-size:small; }

dt, dd { margin:0; padding:0; }

/*</group>*/

/*<group=elements>*/
.dummy { height:1px; overflow:hidden; clear:both; width:100%; }
.dummy hr { margin:0; padding:0; border:0; visibility:hidden; }
.floatleft, .column { float:left; }
.floatright { float:right; }
.clearboth { clear:both; }
.hidden { display:none; }

span.back { display:block; height:1em; font-size:x-small; margin:20px 0 10px 0; }
span.back a { display:block; float:right; display:block; }

input.text { background-color:#fff; color:#333; }
input.text.default { background-color:#ccc; color:#333; }
input.text.default.novalue { background-color:#ccc; color:#999; }

dl.navi, ul.navi { list-style:none; margin:0; padding:0; float:left; }
dl.navi dd, dl.navi dt, ul.navi li { float:left; margin:0; padding:0; }
dl.navi dd a, dl.navi dt a, ul.navi li a { display:block; float:left; }

h1.title, h2.title, h3.title, h4.title, dt.title { font-size:1px; text-indent:-9999px; }
h1 a, h2 a, h3 a, h4 a, dt a { display:block; }

p.feedicon, p.feedicon a { display:block; margin:0; padding:0; height:14px; width:14px; }
p.feedicon a { height:14px; width:14px; background:url(src/icon-feed.gif) no-repeat left top; font-size:1px; text-indent:-9999px; }

span.spl { font-size:80%; }

dl.list, ul.list { margin:0; padding:0; list-style:none; }
ul.list li, dl.list dd { background:url(src/border-dotted.gif) repeat-x 0 100%; }
dl.list dd { margin:0; padding:5px 0; }
ul.list li { margin:0; padding:0 0 1px 0; }
.list .hover { background-color:#f0f0f0; color:#333; }
.list .more.hover { background-color:transparent; }
ul.list li a { display:block; }
.list .more { padding:10px 0 0 0; background-image:none; }
.more a { display:block; float:right; padding:0 0 0 12px; background:url(src/tri-blue-right.gif) no-repeat 0 50%; font-size:85%; }
.more a:hover { background-position:1px 50%; }

/*</group>*/

/*<group=layout>*/

div#wrapper {
	width:820px;
	margin:0 auto;
	text-align:left;
	background:url(src/bg-wrapper.gif) repeat-y left top;
}

div#wrapper h2#page-title,
div#wrapper div#navi,
div#wrapper div#content-body {
	margin:0 15px;
}

div#wrapper h2#page-title {
	background:url(src/bg-stripe2.gif) repeat 0 0 #ccc;
	font-size:110%;
	color:#fff;
	padding:10px;
}

div#wrapper h2#page-title.title {
	padding:0;
	height:38px;
}

div#wrapper div#main-image {
	margin:0 10px;
	background-color:#666;
	color:#fff;
}

div#wrapper div#content-body { padding:15px; }
body#yw-home div#wrapper div#content-body { padding:10px; }
div#wrapper div#navi { background-color:#000; color:#fff; }

.col2 .column { width:50%; }
.col3 .column { width:33%; }

/*</group>*/

/*<group=header>*/

div#wrapper div#header { background-color:#000; color:#fff; margin:0; padding:0; margin:0 10px; }
div#wrapper div#header a { background-color:#000; color:#ccc; text-decoration:underline; }
div#wrapper div#header a:hover { text-decoration:none; }
div#wrapper div#header h1.title a { background-image:url(src/sitetitle.gif); height:32px; width:170px; margin:12px 0 10px 5px; float:left; }
div#wrapper div#header h2.description { display:none; }
div#wrapper div#header ul.navi { float:right; padding:5px 5px 0 0; font-size:82%; }
div#wrapper div#header form { float:right; clear:right; padding:0 0 0 0; margin:0 3px 0 0; background:url(src/bg-header-search.gif) no-repeat 0 5px; width:210px; height:37px; }
div#wrapper div#header form p { margin:8px 0 0 0; height:19px; float:left; }
div#wrapper div#header form input { display:none; }
div#wrapper div#header form p input.text { padding:0; margin:0 0 0 4px; display:block; width:158px; line-height:120%; text-indent:5px; height:17px; border:1px solid #333; }
html>/**/body div#wrapper div#header form p input.text { height:19px; }
div#wrapper div#header form p.submit a {
	display:block;
	height:19px;
	width:43px;
	margin:1px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	background:url(src/btn-header-search.gif) no-repeat 0 0;
}

div#wrapper div#header form p.submit a:hover {
	background-position:0 100%;
}

div#wrapper div#header div.dummy {
	height:1px;
	background:url(src/bg-grad-ywblue.jpg) repeat-y left top;
}

body#yw-home div#wrapper div#header div.dummy {
	height:10px;
}

/*</group>*/

/*<group=footer>*/

div#wrapper div#footer {
	background:url(src/bg-footer.gif) no-repeat left bottom #bdbdbd;
	padding:7px 0 15px 0;
	color:#999;
	font-size:82%;
	letter-spacing:1px;
	width:100%;
}

div#wrapper div#footer a {
	color:#ccc;
	background-color:#000;
	text-decoration:underline;
}


div#wrapper div#footer dl {
	margin:0;
	padding:0 15px 0 20px;
}

div#wrapper div#footer a:hover,
div#wrapper div#footer address a,
div#wrapper div#footer dl dt a {
	text-decoration:none;
}

div#wrapper div#footer dl dt {
	width:16%;
	padding:2px 0 3px 0;
	float:left;
}

div#wrapper div#footer dl dd {
	margin:0;
	padding:0;
}

div#wrapper div#footer dl dd.address {
	width:84%;
	padding:2px 0 3px 0;
	float:left;
}

div#wrapper div#footer dl dd.link {
	float:left;
}

div#wrapper div#footer dl dd.link a {
	display:block;
	float:left;
}

div#wrapper div#footer dl dd.copyright {
	float:right;
}

div#wrapper div#footer dl dd.copyright adress {
	white-space:nowrap;
	display:block;
}

div#wrapper div#footer dl dd adress a {
	display:inline;
	float:none;
}

/*</group>*/

/*<group=navi>*/

div#wrapper div#navi p.home {
	margin:0;
	float:left;
}

div#wrapper div#navi { border:0; }

div#wrapper div#navi div.dummy { background-color:#fff; color:#333; }

div#wrapper div#navi p.home a { width:64px; }
div#wrapper div#navi a {
	height:23px;
	background:url(src/btn-navi.gif) no-repeat 0 0;
	display:block;
	float:left;
	font-size:1px;
	text-indent:-9999px;
	cursor:pointer;
}

div#wrapper div#navi em a { cursor:default; }

div#wrapper div#navi p.home a:hover { background-position:0 -23px; }

div#wrapper div#navi dl dt.title {
	background:url(src/btn-navi.gif) no-repeat;
	height:23px;
	float:left;
}

div#wrapper div#navi dd { float:left; }

div#wrapper div#navi dl { float:left; margin:0; }

div#wrapper div#navi dl.works dt { background-position:-64px 0; width:81px; }

div#wrapper div#navi dl.works dd.portfolio a { background-position:-145px 0; width:135px; }
div#wrapper div#navi dl.works dd.portfolio a:hover { background-position:-145px -23px;  }
body#yw-system #wrapper div#navi dl.works dd.portfolio a,
body#yw-system div#wrapper div#navi dl.works dd.portfolio a:hover,
div#wrapper div#navi dl.works dd.portfolio em a,
div#wrapper div#navi dl.works dd.portfolio em a:hover { background-position:-145px -46px;  }

div#wrapper div#navi dl.works dd.products a { background-position:-280px 0; width:68px; }
div#wrapper div#navi dl.works dd.products a:hover { background-position:-280px -23px;  }
body#yw-products div#wrapper div#navi dl.works dd.products a,
body#yw-products div#wrapper div#navi dl.works dd.products a:hover,
div#wrapper div#navi dl.works dd.products em a,
div#wrapper div#navi dl.works dd.products em:hover { background-position:-280px -46px;  }

div#wrapper div#navi dl.company dt { background-position:-348px 0; width:75px; }
div#wrapper div#navi dl.company dd.company a { background-position:-423px 0; width:66px; }
div#wrapper div#navi dl.company dd.company a:hover { background-position:-423px -23px;  }
body#yw-outline div#wrapper div#navi dl.company dd.company a,
body#yw-outline div#wrapper div#navi dl.company dd.company a:hover,
div#wrapper div#navi dl.company dd.company em a,
div#wrapper div#navi dl.company dd.company em a:hover { background-position:-423px -46px;  }


div#wrapper div#navi dl.company dd.recruit a { background-position:-489px 0; width:65px;  }
div#wrapper div#navi dl.company dd.recruit a:hover { background-position:-489px -23px;  }
body#yw-recruit div#wrapper div#navi dl.company dd.recruit a,
body#yw-recruit div#wrapper div#navi dl.company dd.recruit a:hover,
div#wrapper div#navi dl.company dd.recruit em a,
div#wrapper div#navi dl.company dd.recruit em a:hover { background-position:-489px -46px;  }

div#wrapper div#navi dl.office dt { background-position:-554px 0; width:75px; }
div#wrapper div#navi dl.office dd.office a { background-position:-629px 0; width:73px; }
div#wrapper div#navi dl.office dd.office a:hover { background-position:-629px -23px;  }
body#yw-office div#wrapper div#navi dl.office dd.office a,
body#yw-office div#wrapper div#navi dl.office dd.office a:hover,
div#wrapper div#navi dl.office dd.office em a,
div#wrapper div#navi dl.office dd.office em a:hover { background-position:-629px -46px;  }

div#wrapper div#navi dl.office dd.members a { background-position:-702px 0; width:88px; }
div#wrapper div#navi dl.office dd.members a:hover { background-position:-702px -23px;  }
body#yw-staff div#wrapper div#navi dl.office dd.members a,
body#yw-staff div#wrapper div#navi dl.office dd.members a:hover,
div#wrapper div#navi dl.office dd.members em a,
div#wrapper div#navi dl.office dd.members em a:hover { background-position:-702px -46px;  }

/*</group>*/

/*<group=home>*/

body#yw-home div#wrapper div#navi {
	background:url(src/bg-grad-ywblue.jpg) repeat-y left top;
	padding:2px 0 0 0;
	margin:0 0 0 15px;
	width:791px;
	border:0;
}

body#yw-home div#wrapper div#navi dl.column {
	background:url(src/bg-stripe1.gif) repeat 0px 1px #000;
	color:#fff;
	margin:0 0 0 1px;
	border-bottom:2px #000 solid;
	padding:0;
	width:262px;
}

body#yw-home div#wrapper div#navi dl.column.right {
	margin:0 1px;
}

body#yw-home div#wrapper div#navi dl.column dt.title {
	background-color:#000;
	height:36px;
	float:none;
	width:100%;
	color:#fff;
	
}

body#yw-home div#wrapper div#navi dl.column.works dt { background:url(src/title-homenavi-works.gif) no-repeat left top; }
body#yw-home div#wrapper div#navi dl.column.company dt { background:url(src/title-homenavi-company.gif) no-repeat left top; }
body#yw-home div#wrapper div#navi dl.column.office dt { background:url(src/title-homenavi-office.gif) no-repeat left top; }

body#yw-home div#wrapper div#navi dl.column dd {
	border:2px #000 solid;
	border-width:0 2px;
	float:none;
}

body#yw-home div#wrapper div#navi dl.column dd a {
	height:26px;
	background:url(src/btn-homenavi.gif) no-repeat;
	float:none;
	width:100%;
}

body#yw-home div#wrapper div#navi dl.column.works dd.portfolio a { background-position:0 0; }
body#yw-home div#wrapper div#navi dl.column.works dd.portfolio a:hover { background-position:-262px 0; }
body#yw-home div#wrapper div#navi dl.column.works dd.products a { background-position:0 -25px; }
body#yw-home div#wrapper div#navi dl.column.works dd.products a:hover { background-position:-262px -25px; }
body#yw-home div#wrapper div#navi dl.column.company dd.company a { background-position:0 -50px; }
body#yw-home div#wrapper div#navi dl.column.company dd.company a:hover { background-position:-262px -50px; }
body#yw-home div#wrapper div#navi dl.column.company dd.recruit a { background-position:0 -75px; }
body#yw-home div#wrapper div#navi dl.column.company dd.recruit a:hover { background-position:-262px -75px; }
body#yw-home div#wrapper div#navi dl.column.office dd.office a { background-position:0 -100px; }
body#yw-home div#wrapper div#navi dl.column.office dd.office a:hover { background-position:-262px -100px; }
body#yw-home div#wrapper div#navi dl.column.office dd.members a { background-position:0 -125px; }
body#yw-home div#wrapper div#navi dl.column.office dd.members a:hover { background-position:-262px -125px; }

body#yw-home div#wrapper div#navi div.dummy { height:2px; background-color:transparent; }

body#yw-home div#wrapper div#content-body div#latest {
	width:570px;
	margin:0;
}

body#yw-home div#wrapper div#content-body div#latest dl.column dt,
body#yw-home div#wrapper div#content-body div#latest dl.column dd {
	margin:0 10px 0 0;
	position:relative;
	top:0;
	left:0;
}

body#yw-home div#wrapper div#content-body div#latest dl.column dt strong { z-index:-100; }
body#yw-home div#wrapper div#content-body div#latest dl.column dt strong a { height:23px; }
body#yw-home div#wrapper div#content-body div#latest dl.column#news dt strong a { background:url(src/title-home-news.gif) no-repeat left top; }
body#yw-home div#wrapper div#content-body div#latest dl.column#information dt strong a { background:url(src/title-home-information.gif) no-repeat left top; }
body#yw-home div#wrapper div#content-body div#latest dl.column dt p.feedicon {
	z-index:100;
	position:absolute;
	top:4px;
	left:256px;
}

body#yw-home div#wrapper div#content-body div#ads {
	width:200px;
}

body#yw-home div#main-image {
	height:149px;
}

/*</group>*/

/*<group=content-body>*/
/*
body#yw-system div#wrapper h2#page-title { background-image:url(src/h2-pagetitle-portfolio.gif); }
body#yw-products div#wrapper h2#page-title { background-image:url(src/h2-pagetitle-products.gif); }
body#yw-outline div#wrapper h2#page-title { background-image:url(src/h2-pagetitle-company.gif); }
body#yw-recruit div#wrapper h2#page-title { background-image:url(src/h2-pagetitle-recruit.gif); }
body#yw-office div#wrapper h2#page-title { background-image:url(src/h2-pagetitle-office.gif); }
body#yw-members div#wrapper h2#page-title { background-image:url(src/h2-pagetitle-members.gif); }
*/
/*</group>*/

/*<group=entry-list>*/

div.entry { margin:0 0 10px 0; }
div.entry h3 { margin:0 10px 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; }
div.entry div.body { padding:0 10px 0 0; }
div.entry p { margin:0 0 10px 0; }
div.entry p.pict { float:left; width:107px; height:200px; margin:0; }
div.entry p.text { width:260px; float:left; }
div.entry p.timestamp { float:right; margin:5px 12px 0 0; font-size:90%; }

div.entry div#main-column { float:left; margin:0; width:540px; }

div.entry div#left-column {
	float:left;
	margin:0 10px 0 0;
	width:190px;
}

div.entry div#left-column ul {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

div.entry div#left-column ul li {
	margin:0;
	padding:0;
}

div.entry div#left-column ul li a {
	display:block;
	margin:0;
	padding:2px 2px 2px 15px;
	background:url(src/tri-blue-right.gif) no-repeat 2px 50%;
}

div.entry div#left-column ul li a:hover {
	background-color:#f0f0f0;
	color:#006;
}

/*</group>*/

table { border-collapse:collapse; }

table.info {  }

table.info th, table.info td { border:1px solid #000; padding:5px; }
table.info th { background-color:#ccc; color:#666; }

div.prspec { border:1px solid #000; width:90%; margin:0 auto 20px auto; padding:20px 0; }
div.prspec table th { padding-right:10px; }

div.member { padding:0 0 10px 0; margin:0 0 10px 0; }
div.member p.pict { width:160px; float:left; margin:0; }
div.member div.text { width:599px; float:left; }
div.member div.text h3 { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; }
div.member div.text dl { margin:0; }
div.member div.text dl dt { color:#666; background-color:#fff; float:left; clear:both; margin:0 5px 5px 0; }
div.member div.text dl dd { margin-bottom:5px; }

body.blog div#main-column { width:560px; float:left; margin:0 10px 0 0; }
body.blog div#right-column { width:190px; float:left; }
body.blog div#right-column div.module { border:1px solid #000; }
body.blog div#right-column div.module h2.header, body.blog div#right-column div.module h2.header a { background:#000; color:#fff; }
body.blog div#right-column div.module h2.header { width:100%; font-size:100%; }
body.blog div#right-column div.module h2.header a { padding:2px 2px 3px 2px; }
body.blog div#right-column div.module ul.list li a { padding:2px 2px 2px 17px; background-image:url(src/tri-blue-right.gif); background-position:2px 50%; }

body.blog div#main-column dl.entries { margin:0; padding:0; }
body.blog div#main-column dl.entries dt { margin:0; padding:0 10px 0 0; float:left; color:#666; background:#fff; font-weight:normal; }
body.blog div#main-column dl.entries dd.entry { margin:0 0 3px 0; }
body.blog div#main-column dl.entries dd.excerpt { margin:0 0 15px 0; font-size:90%; padding:0 0 10px 5px; border-bottom:1px solid #eee; }