@charset "UTF-8";
/* CSS Document */
html,body,div,span,img,applet,embed,canvas,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,s,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}

a{text-decoration:none; color:#000;}
h1,h2,h3,h4,h5,a {font-family:"Arial Black",Gadget,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック",sans-serif;}
p {font-size:14px; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック",Arial,Gadget,sans-serif;}


/***************************
 * WRAPPER
 ***************************/
#wrapper {
	margin:0px auto;
	padding:10px 0px;
	position:relative;
}
#wrapper.top{
	width:1024px;
	background-image:url(images/top_bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
}
#wrapper.content{
	width:800px;
}

/***************************
 * HEADER
 ***************************/
#header{
	widith:800px;
	height:60px;
}
.header_l{
	width:300px;
	height:45px;
	margin-top:15px;
	line-height:45px;
	font-size:45px;
	float:left;
}
.header_r{
	width:480px;
	height:20px;
	margin:40px 0px 0px 20px;
	font-size:14px;
	float:left;
}
a.nowpage {
	color:#666;
	text-align:center;
}
a.navi{
	color:#BBB;
	text-align:center; 
}
a.navi:hover{
	color:#F0F;
}

#contents{
	margin:10px 0px 0px;
	padding-top:270px;
	background-position:top;
	background-repeat:no-repeat;
}
#contents p{
	padding-left:10px;
}
#contents h2{
	font-size:20px;
	padding-top:10px;
}
#contents h3.headline{
	padding-top:12px;
	font-size:16px;
}
#contents h3.outline{
	font-size:16px;
	padding-top:5px;
	padding-left:10px;
}
#contents h5{
	font-size:14px;
	padding-top:8px;
	padding-left:10px;
}
#contents h5.timeline{
	font-size:20px;
}
#contents p.ol_txt{
	font-size:14px;
	padding-left:20px;
}
#contents .links a,#contents .links p{
	padding-bottom:3px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック",Arial,Gadget,sans-serif;
}
#contents .links a:hover{
	border-bottom:dashed 1px #F0F;
}

/************ Top ************/
a.top_nav {
	line-height:20px;
	font-size:20px;
}
a.top_nav:hover {
	color:#F0F;
}
#toptitle {
	width: 1024px;
	height: 136px;
}
#topnews{
	width: 300px;
	margin: 30px 20px 20px 664px;
	padding: 10px;
}
#tweets{
	width: 320px;
	margin: 10px 20px 20px 664px;
	padding: 10px;
}
#viewposts{
	width:320px;
	max-height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
}
#topnews h1, #tweets h1{
	font-size:16px;
	width:320px;
	border-bottom:solid 1px #BBB;
	color:#666;
}
#topnews p.date, #tweets p.iddate {
	font-size: 10px;
	line-height: 10px;
	padding: 4px 0px 2px 0px;
	margin: 0px;
	color: #F0F;
}
#topnews .topic, #tweets p.post {
	font-size: 12px;
	line-height: 12px;
	padding: 0px 0px 4px 14px;
	margin: 0px;
	display: block;
}
#topnews .dotted, #tweets .dotted {
	width: 320px;
	height: 3px;
	background: no-repeat top url(images/dotted.gif);
	display: block;
}

/************ Concept ************/
#contents p.concept {
	padding: 8px 10px;
}
/************ Symposium ************/
#contents p.sympo {
	padding-bottom:8px;
}
#contents h5.sympo-cont{
	font-size:14px;
	padding-bottom:4px;
	padding-left:18px;
}
#guestlist {
	width:782px;
	margin:10px 9px 0px 9px;
	line-height:18px;
	font-size:12px;
	vertical-align:top;
}
#guestlist p.name {
	width:140px;
	height:100px;
	margin:0px 8px 8px 0px;
	padding:0px;
	text-align:right;
	border:1px solid #666;
	float:left;
}
#guestlist img.pic {
	width:100px;
	height:100px;
	margin:0px 8px 8px 0px;
	border:1px solid #F0F;
	float:left;
}
#guestlist p.status {
	width:510px;
	min-height:100px;
	margin:0px 0px 8px 0px;
	line-height:16px;
	border:1px solid #888;
	float:left;
}

/************ Link ************/
#cooperation {
}

#support {
}

/***************************
 * FOOTER
 ***************************/

#footer{
	border-top:1px solid #BBB;
	margin:20px 0px 0px;
	padding:10px 0px;
	width:800px;
}
#footer p{
	font-size:10px;
	text-align:center;
	color:#666;
}

.clear{clear:left;}