@charset "UTF-8";


/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
  :title "livedoor lab EDGE Co.Lab stylesheet";
  :shortdesc "Common stylesheet for XHTML pages of this site";
  :created "2008-10-30";
  :release [:revision "0.1"; :created "2008-10-30"];
  :author [:name "hamashun"] .
*/


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

table of contents
1 all
2 header
3 main
4 side
5 footer
6 coLab fix

7 IPv6

memo


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






/* =1 all
全体的な指定
-------------------------------------------------------- */

/* ==reset
----------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,object {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

a img {
	border: none;
}

img {
	vertical-align: bottom;
}



/* ==bg
----------------------------------------- */
body {
	background: #fff url(../img/common/bg_stripe.gif);
	color: #000;
	font-family: sans-serif;
	font-size: 83%;
	line-height: 1.3;
}


/* ==link
----------------------------------------- */
a:link {
	color: #5ec6fb;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #808283;
}



ul.edgeLink a:visited,
div.serviceList a:visited {
	color: #5ec6fb;
}



div.footer ul li a {
	color: #fff;
	text-decoration: none;
}

div.footer ul li a:visited {
	color: #fff;
}

div.footer ul li a:hover {
	text-decoration: underline;
}








/* =2 header
-------------------------------------------------------- */
h1 {
	height: 120px;
	text-align: center;
	background: url(../img/common/bg_header.jpg) repeat-x top left;
}

	div.header p {
		position: relative;
		left: -95px;
		width: 680px;
		height: 54px;
		margin: -33px auto 0;
		background: url(../img/common/header_triangle.gif) no-repeat 105px 33px;
	}

		div.header p img {
			margin-left: 120px;
		}









/* content befor */
div.section {
	width: 820px;
	margin: 23px auto 0;
	background: #fff;
}



/* =3 aboutCoLab
-------------------------------------------------------- */
div.introduction {
	position: relative;
	float: left;
	width: 500px;
	padding-top: 310px;
}

	div.introduction h2 {
		position: absolute;
		top: 25px;
/* 		padding-bottom: 195px; */
		padding-left: 25px;
		background: url(../img/colab/main.jpg) no-repeat right bottom;
	}

	div.introduction h3,
	div.introduction p {
		margin-bottom: 15px;
		padding-left: 25px;
	}

	div.introduction p {
		margin-right: 50px;
	}

	div.introduction p.epexegesis {
		padding-top: 10px;
		margin-right: 0;
		margin-bottom: 0;
		color: #999;
		font-size: 75%;
	}

	div.introduction p.application {
		margin-right: 0;
	}









/* =4 aside
-------------------------------------------------------- */
div.aside {
	float: left;
	width: 288px;
	margin-top: 310px;
	margin-left: 7px;
	padding-bottom: 70px;
	background: url(../img/colab/project_bottom.gif) no-repeat left bottom;
/* for ie6 */ display: inline;
}

	div.aside ul {
		padding: 15px 10px 0 18px;
		background: url(../img/colab/project_bg.gif) repeat-y left bottom;
	}

		div.aside ul li{
			margin-bottom: 3px;
			padding-left: 10px;
			color: #d83a7e;
			background: url(../img/common/dot_b.gif) no-repeat left center;
			font-weight: bold;
		}













/* =5 Co.Lab list
-------------------------------------------------------- */
div.serviceList {
	clear: left;
	margin-right: 25px;
	margin-left: 25px;
	padding: 30px 0 50px;
	padding-top: 30px;
	background: url(../img/colab/line.gif) repeat-x left top;
/* hasLayout */ zoom: 1;
}

	div.serviceList h2 {
		margin-bottom: 10px;
		font-size: 120%;
	}



div.serviceList ul {
	margin-right: -30px;
	padding-top: 15px;
/* hasLayout */ zoom: 1;
}

	div.serviceList ul li {
		display: inline-block;
		width: 380px;
		margin-right: 16px;
		margin-bottom: 10px;
		vertical-align: top;
	}
	/* for ie \*/
	* html div.serviceList ul li {
		display: inline;
	}
	*:first-child+html div.serviceList ul#coLabList li {
		display: inline;
	}/* end */

		div.serviceList ul li h3 {
			position: relative;
			padding-left: 115px;
			padding-bottom: 5px;
			font-size: 100%;
/* hasLayout */ zoom: 1;
		}

			div.serviceList ul li img {
				position: absolute;
				top: 0;
				left: 0;
			}
div.serviceList ul li.comingSoon img {
/* style cancel */ position: static;
}

		div.serviceList ul li p {
			padding-left: 115px;
		}




ul.edgeLink {
	clear: both;
	padding-top: 30px;
	padding-bottom: 35px;
	text-align: center;
/* for ie */ zoom: 1;
}

	ul.edgeLink li {
		display: inline-block;
		margin-right: 10px;
		padding-left: 10px;
		border-left: solid 1px #333;
	}

	ul.edgeLink li:first-child {
		padding-right: 0;
		border: none;
	}

* html ul.edgeLink li {
	display: inline;
}
*:first-child+html ul.edgeLink li {
	display: inline;
}










/* =6 footer
-------------------------------------------------------- */
div.footer {
	clear: both;
	width: 100%; /* hasLayout */
	margin: 52px auto 0;
	padding: 20px 0 50px;
	background: url(../img/edge/bottom_bg.png);
	color: #fff;
}



div.footer p,
div.footer ul {
	width: 820px;
	margin: 0 auto;
}

	div.footer ul li {
		float: left;
		margin-left: 8px;
		padding-left: 7px;
		border-left: solid 1px #fff;
	}

	div.footer ul li:first-child {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}

div.footer p#copyright {
	clear: left;
	padding-top: 5px;
	text-align: left;
}

div.footer p {
	position: relative; /* position base */
}

	div.footer p a {
		position: absolute;
		top: -43px;
		right: 0;
	}



















/* =6 coLab fix
-------------------------------------------------------- */

/* clearfix
* html 
*:first-child+html 
:after,
*/

/* ie \*/
* html div.section {
	height: 1%;
}
*:first-child+html div.section {
	height: 1%;
}
/* modern brow */
div.section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* MacIE only \*//*/
div.section {
	display: inline-table;
	width: 100%;
}/* end */




















/* =7 IPv6
-------------------------------------------------------- */
/* ==main
----------------------------------------- */
body#datasets div.introduction {
	width: 569px;
	padding-top: 110px;
}

body#datasets div.introduction p {
	margin-right: 10px;
	color: #333;
}

body#datasets div.introduction h2 {
	background: none;
}

body#datasets div.introduction p.description {
	position: absolute;
	top: 85px;
}



h4.holdout,
h4.feedback {
	margin-left: 25px;
}

body#datasets ul.holdout,
body#datasets ul.feedback {
	margin-left: 25px;
	padding-top: 5px;
	background: url(../img/colabv6/waku_bg.gif) repeat-y;
}

	body#datasets ul.holdout li,
	body#datasets ul.feedback li  {
		margin-left: 25px;
		padding-bottom: 3px;
		padding-left: 10px;
		background: url(../img/common/dot_b.gif) no-repeat 0 8px;
	}


body#datasets ul.holdout {
	padding-bottom: 20px;
}

	body#datasets ul.holdout li {
		color: #d58200;
		font-weight: bold;
	}

body#datasets ul.feedback {
	padding-bottom: 5px;
}


body#datasets div.introduction p.epexegesis {
	margin-right: 0;
	padding-top: 30px;
	background: url(../img/colabv6/waku_bottom.jpg) no-repeat 25px 0;
	color: #999;
}



/* ==sub
----------------------------------------- */
body#datasets div.aside {
	position: relative;
	width: 207px;
	margin-top: 165px;
	margin-left: 11px;
	padding-bottom: 0;
	background: url(../img/colabv6/side_bg.gif) repeat-y;
}

body#datasets div.aside h3 {
	padding: 13px 15px;
	background: url(../img/colabv6/side_top.gif) no-repeat;
	font-size: 100%;
}


body#datasets div.aside p.comment {
	padding: 0 15px;
}





/* ==list
----------------------------------------- */
body#datasets div.serviceList ul {
	padding-top: 0;
}






















/* =8 datasets
-------------------------------------------------------- */
body#datasets div.introduction {
	width: 494px;
	padding-top: 95px;
}


div#aboutDatasets div.description {
	margin-left: 23px;
	padding-bottom: 5px;
	padding-right: 10px;
	background: url(/img/datasets/bluebox_bottom.gif) no-repeat left bottom;
	zoom: 1;
}

div#aboutDatasets h3 {
	margin-bottom: 5px;
	padding-left: 20px;
	padding-top: 13px;
	background: url(/img/datasets/bluebox_top.gif) no-repeat left top;
}

	div#aboutDatasets h3 span {
		padding-left: 25px;
		background: url(/img/datasets/icon_pinktriangle.gif) no-repeat; left top;
		color: #f60091;
	}



div#aboutDatasets div.description p {
	padding-left: 20px;
}




/* side */
body#datasets div.aside {
	width: 300px;
	margin-top: 95px;
	margin-left: 0;
	background: url(/img/datasets/subcolumn_middle.gif) repeat-y left top;
}

	body#datasets div.aside div.intro {
		background: url(/img/datasets/subcolumn_top.gif) no-repeat left top;
	}

	body#datasets div.aside h3 {
		margin: 0 13px;
		padding-bottom: 5px;
		padding-left: 5px;
		border-bottom: solid 1px #ccc;
		background: none;
		color: #f60091;
		font-size: 120%;
	}

	body#datasets div.aside div.intro p {
		margin: 7px 13px;
	}





div#set {
	position: relative;
	z-index: 100;
	width: 195px;
	margin: 0 24px 0 16px;
	padding-bottom: 8px;
	background: url(/img/datasets/baloon1_bottom.gif) no-repeat left bottom;
}

div#set img {
	float: right;
	position: absolute;
	top: 0;
	right: -60px;
	z-index: -100;
}

div#set h4 {
	padding: 7px 15px 7px 5px;
	background: url(/img/datasets/baloon1_top.gif) no-repeat left top;
}

div#set p {
	padding: 0 25px 20px 10px;
	background: url(/img/datasets/baloon1_top.gif) no-repeat left bottom;
}

div#set p span {
	color: #3571b0;
	font-weight: bold;
}





div#dita {
	margin: 60px 17px 0 16px;
}

div#dita h4 {
	padding: 10px 10px 15px 16px;
	color: #f60091;
	font-size: 110%;
}


div#dita img {
	float: left;
}


div#dita div {
	position: relative;
	z-index: 100;
	padding: 7px 0 10px 110px;
	background: url(/img/datasets/baloon2_top.gif) no-repeat right top;
}

div#dita div p {
	position: relative;
	left: -15px;
	padding-bottom: 10px;
}

p.future {
	padding-top: 8px;
	background: url(/img/datasets/baloon2_bottom.gif) no-repeat 88px 0;
}



/* bottom */
div#datasetsSpec {
	clear: both;
	margin-left: 40px;
}

div#datasetsSpec h3 {
	margin-bottom: 5px;
	padding-left: 20px;
	border-bottom: solid 1px #ccc;
	color: #f60091;
	background: url(/img/datasets/icon_pinktriangle.gif) no-repeat; left center;
}

div#datasetsSpec ul {
	margin-left: 10px;
	padding-bottom: 30px;
}



div#datasetsSpec ul li {
	padding-left: 10px;
	background: url(/img/common/dot_b.gif) no-repeat left center;
}






p.epexegesis {
	padding-top: 5px;
	text-align: center;
}









ul.secret {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}