﻿@charset "utf-8";

/*********************************
 *
 * ABOUT STYLES
 *
 *********************************/

body#about div#wrapper {
	background-color:#fff;
	/* background-image: url(../common/images/bg_wrapper.gif), url(../images/top/top_mainimg23.jpg); */
	background-repeat: repeat-x, repeat-y;
	background-position: center top, center 0px;
	width:100%;
}

/* #wrapper {width:100%; background:#fff url(../common/images/bg_wrapper.gif) center top repeat-x;} */

/* body#about #main {background:url(../common/images/bg_contents_top.gif) right 38px no-repeat;} */
/* body#about #contents {margin-top:10px; background:url(../common/images/bg_contents.gif) right top repeat-y;} */
/*  body#about #contents {margin-top:10px; 
	background-color:#100000;
	background-image: url(../images/top/top_mainimg23.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;} */



/* aboutBox */
div.aboutBox {float:left; width:540px; padding-left:10px; font-size:13px;}
	div.aboutBox h4 { font-size:16px; font-weight:bold;}
	div.aboutBox p{margin-top: 25px;}
	
/* tbl_recent */
table.tbl_recent {width:285px; margin:7px 0 0 20px;}
	table.tbl_recent td {padding:7px 0; border-bottom:1px solid #dcdddd;}
		table.tbl_recent td p.date {font-size:10px;}
		table.tbl_recent td h4 {width:220px; margin-top:2px; font-weight:bold; line-height:1.3;}
		table.tbl_recent td img {float:right;}

/*********************************
 *
 * CNAC LAB [Exhibition Space] STYLES ?ﾋ ?l?N?X?t?@?[???Ƃ́A?・ﾘ?ﾂ???闝?R
 *
 *********************************/

/* ?A?o?E?g?y?[?W?ﾌGNAVI?Ή? */

ul.gnavi {position:relative; width:900px; height:38px; line-height: 38px; background-color: #eae1d8;}
	ul.gnavi li a {display:block; position:absolute; height:38px;}
	ul.gnavi li h2 a {width:130px;}
	ul.gnavi li h2 a:hover {}
	ul.gnavi li.m1 a {left:158px; width:45px; }
	ul.gnavi li.m1 a:hover {}
	ul.gnavi li.m2 a {left:158px; width:220px;}
	ul.gnavi li.m2 a:hover {}
	
	ul.gnavi li.m3 a {left:378px; width:178px;}
	ul.gnavi li.m3 a:hover {}
	
	ul.gnavi li.m4 a {left:395px; width:61px; background:url(../images/about/header_submenu_a.gif) -488px 0px no-repeat;}
	ul.gnavi li.m4 a:hover {background:url(../images/about/header_submenu_b.gif) -488px 0 no-repeat;}
	
	ul.gnavi li.m5 a {left:491px; width:48px; background:url(../images/about/header_submenu_a.gif) -589px 0px no-repeat;}
	ul.gnavi li.m5 a:hover {background:url(../images/about/header_submenu_b.gif) -589px 0 no-repeat;}

/* tbl_aboutnf */
table.tbl_aboutnf {float:left; width:870px;}
	table.tbl_aboutnf th, table.tbl_aboutnf td {padding:25px 0; border-bottom:1px solid #999; font-size:13px; line-height:1.3;}
	table.tbl_aboutnf th {width:350px;}
		table.tbl_aboutnf td h3 {margin:8px 0; font-size:14px; font-weight:bold;}
		table.tbl_aboutnf td p a {color:#ea6000;}
		table.tbl_aboutnf td p a:hover {text-decoration:underline;}


/*********************************

 * index
 
 *********************************/

body#lab #contents {margin-top:25px;}

/* topBox */
div.topBox {width:900px; padding-bottom:35px;}

/*for static*/
div.topLeft {float:left; width:433px; margin-top:5px; padding-left:12px; font-size:108%;}
	div.topLeft h3 {font-size:116%;}
	div.topLeft p {margin-top:25px;}
div.topRight {float:right; width:400px; margin-top:5px; font-size:13px;}
	div.topRight .alignR{text-align:right;}


/* newsBox */
div.topBox div.newsBox {float:left; width:450px;}

/* rBox */
div.rBox {float:right; width:423px;}

/* sympoBox */
/* div.sympoBox {background:url(../common/images/bg_contents.gif) right top repeat-y; border-bottom:1px solid #666;} */
	div.sympoBox h3.title {background:#323333;}
	div.sympoDetailBox .left h3.sub_title {font-size:13px; font-weight:bold;}

/* futureBox */
div.futureBox {float:right; width:305px;}

/* dl.feature */
dl.feature {width:285px; margin-left:20px;}
	dl.feature dt {padding:15px 0; font-weight:bold;}
		dl.feature dt p {display:table-cell; margin:0; vertical-align:middle;}
		* html dl.feature dt p {display:inline; zoom:1;}
		*:first-child+html dl.feature dt p {display:inline; zoom:1;}
			dl.feature dt p img {padding-right:20px;}
	dl.feature dd {padding-bottom:17px; border-bottom:1px solid #999; font-size:11px; line-height:1.3;}
	
	div.bnBox{margin:0 0 0 20px;}

/*********************************

 * symposium?ﾋtechnology?????????轤ﾄ?驪Z?p
 
 *********************************/

body#technology div#wrapper {
	background-color:#fff;
	/* background-image: url(../common/images/bg_wrapper.gif), url(../images/top/top_mainimg23.jpg); */
	background-repeat: repeat-x, repeat-y;
	background-position: center top, center 0px;
	width:100%;
}

/* tbl_technology */
table.tbl_technology {float:left; width:870px;}
	table.tbl_technology th, table.tbl_technology td {padding:25px 0; border-bottom:1px solid #999; font-size:12px; line-height:1.3;}
	table.tbl_technology th {width:185px;}
		table.tbl_technology td h3 {margin:8px 0; font-size:14px; font-weight:bold;}
		table.tbl_technology td p a {color:#ea6000;}
		table.tbl_technology td p a:hover {text-decoration:underline;}

td.tbl_technology_1 {width:386px;};

/* sympoBox */
/* div.sympoBox {background:url(../common/images/bg_contents.gif) right top repeat-y; border-bottom:1px solid #666;} */

/* div#archive */
div#archive {padding-bottom:11px; border-bottom:1px solid #666;}
h4.archiveT{color:#333; margin-top:7px; font-weight:bold;font-size:12px;}


/*********************************

 * event/list
 
 *********************************/
 
body#event_list #main {background:url(../common/images/bg_contents_top.gif) right 38px no-repeat;}
body#event_list #contents {margin-top:10px; background:url(../common/images/bg_contents.gif) right top repeat-y;}

body#event_list table.tbl_arhCmn th, table.tbl_arhCmn td {border-bottom:1px solid #999 !important;}


/*********************************

 * lecturer/list
 
 *********************************/

dl.arhCmnLst {margin-top:25px;}
	dl.arhCmnLst dd {float:left; width:160px; padding:0 25px 25px 0;}
		dl.arhCmnLst dd h3 {color:#333; margin-top:7px; font-weight:bold;}


 /*********************************

 * detail

 *********************************/

/* contents */
/*div#contents{background:url(../common/images/bg_contents.gif) right top repeat-y;}*/
#ev_detail div#contents{background:url(../common/images/bg_contents.gif) right top repeat-y;}

/* exDBox */
div.labDBox {float:left; width:550px; font-size:13px;}

/* tbl_d_lab */
table.tbl_d_lab {width:550px; margin-top:30px;}
	table.tbl_d_lab th {width:450px; padding-bottom:30px; color:#3E3A39; font-size:16px;}
		table.tbl_d_lab th h3 {font-weight:bold;}
		table.tbl_d_lab th h4 {margin-top:15px; font-weight:bold;}
	table.tbl_d_lab td {width:100px; padding-bottom:35px; text-align:right; vertical-align:bottom;}

/* sympoDetailBox */
div.sympoDetailBox {padding:0 3px 0 10px;margin-top:33px;}
	div.sympoDetailBox .left {width:360px; font-size:13px;}
		div.sympoDetailBox .left h3.title {font-size:15px; font-weight:bold;}
		div.sympoDetailBox .left h4.sub_title {font-size:15px; font-weight:bold;}
	div.sympoDetailBox .right {width:470px;}

/* tbl_sympoDetail */
table.tbl_sympoDetail {width:470px; background:#dcdddd;}
	table.tbl_sympoDetail th {width:80px;}
	table.tbl_sympoDetail td {padding:18px 30px; color:#454241; font-size:11px; line-height:1.8;}
		table.tbl_sympoDetail td h5 {color:#2d2d2e; font-size:12px; font-weight:bold;}
	table.tbl_sympoDetail th.gray,
	table.tbl_sympoDetail td.gray {background:#b5b5b6;}


/* Link contents */
body#lab_link div#contents {background:url(../common/images/bg_contents.gif) right top repeat-y;}

body#lab_link div#contents h4.subtitle{font-size: 13px; margin: 0pt;}
/* contentsDBox */
/*div.contentsDBox {float:left; width:550px; font-size:13px;}*/
div.contentsDBox {float:left; width:550px; font-size:13px;}
/*div.contentsDBox p.pankuzu {margin-top:15px; font-size:12px;}*/
div.contentsDBox p.pankuzu {margin-top:0;float:left; width:80%; font-size:12px;}
div.contentsDBox p.date {float:right; width:20%; font-size:12px;text-align:right;}

/* tbl_d_contents */
table.tbl_d_contents {width:550px; margin-top:30px;}
	table.tbl_d_contents th {padding-bottom:30px; color:#3E3A39; font-size:16px;}
		table.tbl_d_contents th h3 {font-weight:bold;}
		table.tbl_d_contents th h4 {margin-top:15px; font-weight:bold;}
	table.tbl_d_contents td {width:100px; padding-bottom:35px; text-align:right; vertical-align:bottom;}












/* table.archive */
/*table.archive {margin-top:35px;}
	table.archive td {width:435px;}
		table.archive td table {width:100%;}
			table.archive td table th, dl.archive dd table td {padding-bottom:25px;}
			table.archive td table th {width:185px;}
			table.archive td table td {width:250px; font-size:11px;}
				table.archive td table td h4 {font-size:14px; font-weight:bold;}
					table.archive td table td h4 a {color:#333;}
					table.archive td table td h4 a:hover {color:#0b4075;}
				table.archive td table td p {margin-top:1em;}
*/