@charset "utf-8";

/* ====================
 * Common
 * ==================== */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,strong,em,input,textarea{
 margin: 0;
 padding: 0;
 color: #333333;
 font: normal 100% sans-serif;
}

/* ====================
 * Basic
 * ==================== */
body {
 background-color: #f5f5f5;
/* background-color: #FFF;*/
}
em{
 font-weight: bold;
}
strong,
.err{
 font-weight: bold;
 color: #FF8C00;
}

/* ====================
 * anchor
 * ==================== */
a{
 text-decoration: none;
}
a:link {
 color: #0969A2;
}
a:visited {
 color: #64A8D1;
}
a:hover{
 background-color: #D5F800;
}

/* ====================
 * page
 * ==================== */
#page {
 width: 720px;
 margin: 0 auto;
 font-size: 89%;
}


/* ====================
 * clearfix
 * ==================== */
.header:after{
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
* html .header{
 zoom: 1;
} /* IE6 */
*:first-child+html .header{
 zoom: 1;
} /* IE7 */
/* clearfix end */


/* ====================
 * header
 * ==================== */
p#tonaoj {
 font-size: 83%;
 text-align: right;
}
p#tonaoj a {
 padding: 3px 3px 3px 30px;
 background:url("/tech-sympo/2011/image/icon.png") no-repeat 2px -44px;
}
p#tonaoj a:hover {
 background-color: #D5F800;

 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

.header h1 {
 float:left;
 margin: 14px 0 28px;
	}
.header h1 a{
 display: block;
 width: 308px;
 height: 81px;
 text-indent: -9999px;
 background: url("/tech-sympo/2011/image/text.png") no-repeat 0 0;
}


/* ====================
 * content
 * ==================== */

/*
h2 {
 clear: left;
 margin: 0 0 21px;
 font-size: 150%;
 line-height: 1.1;
 text-shadow: 1px 1px 2px #666666;

 background-color: #666666;
 color: #ffffff;
 padding: 14px;
 font-size: 150%;

 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;

}
*/

#title {
 clear: left;
 margin: 0 0 21px;
 line-height: 1.1;
/* text-shadow: 1px 1px 2px #666666;*/

 background-color: #666666;
 padding: 14px;

 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;

}

#title h2 {
	color: #ffffff;
	font-size: 150%;
}
#title p {
	font-size: 85.7%;
	color: #EEE;
	margin: 0;
}

h3 {
 font-size: 120%;
 margin: 21px 0 7px;
 padding: 22px 0 0;
 line-height: 1.1;
 text-shadow: #CCCCCC 0px 1px 0px;
/* border-top: 1px solid #C1C1C1;*/
 background: url(/tech-sympo/2011/image/border.png) left top repeat-x;
}

h2 + h3 {
 border-top: none;
}

h4 {
 text-shadow: #CCCCCC 0px 1px 0px;
}
.content p{
 line-height: 1.5;
 margin: 0 0 14px;
 color: #555555;
}
.content ul{
 margin: 0 0 14px;
}
.content li {
 list-style: disc;
 margin: 0 0 3px 2em;
 padding: 0 0 0 0;
 color: #555555;
 line-height: 1.5;
/* background: url("/image/icon.png") no-repeat -41px -1px;*/
}
.content a:hover {
 color: #0969A2;
 text-decoration: underline;
 background: none;
}

dl{
}
dt {
 clear: left;
 float: left;
 width: 14em;
/* text-align: right;*/
 padding: 4px 0 0 0;
 line-height: 1.1;
/*	font-weight:bold;*/
}
dt.textarea{
	float:none;
	width: auto;
	
}
dt span{
	color:#666666
}
dd{
 margin-left: 15em;
 margin-bottom: 14px;
}
span.require {
 color: #FF8C00;
}

.sympo_form dd input,
.sympo_form dd textarea{
 padding: 3px;
 border: 1px solid #c1c1c1;

 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;

 font-size: 14px;
 -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
 -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

.sympo_form dd input:focus,
.sympo_form dd textarea:focus{
	background-color:#F7FFC0;
}

.name,
.project,
.mail,
.phone,
.sympo_title{
		width: 25em;
}
.keyword{
	width:10em;
}




/* === ボタン === */

p.button {
 clear: left;
 text-align: center;
}


/* === table === */
table{
	border-collapse:collapse; 
	text-align:left;
	width:720px;
	border-bottom:1px solid #CCC;
}
th,td{
	font-weight:normal;
	vertical-align:top;
	padding:6px;
	margin:0;
	
}
tr:nth-child(odd){
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC;
	background-color:#f9f9f9;
}
tr:nth-child(even){
	background-color:#FFF;
}

.sympo_list .list_no{
	width:2em;
}
.sympo_list .list_name{
	width:12em;
}
.sympo_list .list_abst{
}
.sympo_list .list_keyword{
    width:6em;
}

th.name {
	width: 128px;
}
th.title {
	width: 168px;
}
th.summary {
	width: 388px;
}

/* ====================
 * nav
 * ==================== */
.nav ul {
 height: 27px;
 margin:0 0 21px 0;
}
.nav ul li {
 float: left;
 list-style: none;
 padding: 0;/* article ul の指定を解除 */
 margin: 0 9px 0 0;
 background: none; /* article ul の指定を解除 */
 color: #cccccc;
	line-height: 27px;
}

.sympo_info li#info a,
.sympo_form li#form a,
.sympo_list li#list a,
.sympo_program li#program a{
 background-color: #D5F800;
}
.nav a{
	display: block;
	line-height: 27px;
 padding: 0 7px 0 25px;
}
.nav a:visited{
	 color: #0969A2;
}
.nav a,
.nav a:hover {
 background-image:url("/tech-sympo/2011/image/icon.png");
 background-repeat: no-repeat;

 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 
 text-decoration: none;
}
.nav a:hover {
	color: #0969A2;
 background-color: #D5F800;
}
.nav li#info a {
 background-position: 4px -490px;
}
.nav li#form a {
 background-position: 4px -540px;
}
.nav li#list a,
.nav li#program a {
 background-position: 4px -590px;
}



/* ====================
 * footer
 * ==================== */
.footer {
 clear: both;
 text-align: right;
 margin: 0 auto 7px;
 padding: 28px 0 0;
 font-size: 83%;
}
#home a {
 padding: 5px 0 5px 25px;
 background-image:url("/tech-sympo/2011/image/icon.png");
 background-repeat: no-repeat;
	background-position: 4px -692px;
}


/* sympo_form */
.sympo_form iframe {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
}