@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-color:#8C8C8C;
	line-height:1.4em;
	color:#333333;
	font-family: Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
	font-size:93%;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p,span,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,nav,section,summary {
	margin: 0;
	padding: 0;
}
img{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ol, ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
table{
	border-collapse:collapse;
	}

/*HTML5*/
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,nav,section,summary {
	display: block
}

#all {
	background-color:#FFFFFF;
}
#contents {
    margin : auto ;
	padding-top:10px; 
	width: 900px;
	background-color:#FFFFFF;
}
#header_all{
   background: url(../images/bg_head.gif) repeat-x 0 0;
}
header{
	position: relative;
	margin:0 auto;
	width:900px;
}
/*ヘッダー 右リンク */
div.head_link{
	position: absolute;
	top: 0;
	right: 0;
}
div.head_link ul{
	width:360px;
	height:110px;
}
div.head_link li {
	float:left; 
	display:table-cell;  
	*display:inline;  
	*zoom:1;   
	margin:0;  
	padding:0;   
}  
div.head_link li a { 
	padding-left:10px;   
}  

header h1{
	margin:0 auto;
	width:900px;
}

.clearfix:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

#contents_l{
	float:left;
	width:190px;
}

/* ロゴマーク */
.logo {
	text-align: center;
	margin-bottom: 10px;
}
/* nav */
nav{
	width:190px;
}
nav ul {
	width:190px;
}
nav ul li a{
	display:block;
	width:190px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align: bottom; 
}
nav ul li.menu00{
   background: url(../images/menu00.gif) no-repeat 0 0;}
nav ul li.menu01{
   background: url(../images/menu01.gif) no-repeat 0 0;}
nav ul li.menu02{
   background: url(../images/menu02.gif) no-repeat 0 0;}
nav ul li.menu03{
   background: url(../images/menu03.gif) no-repeat 0 0;}
nav ul li.menu04{
   background: url(../images/menu04.gif) no-repeat 0 0;}
nav ul li.menu05{
   background: url(../images/menu05.gif) no-repeat 0 0;}
nav ul li.menu06{
   background: url(../images/menu06.gif) no-repeat 0 0;}
nav ul li.menu07{
   background: url(../images/menu07.gif) no-repeat 0 0;}
nav ul li.menu08{
   background: url(../images/menu08.gif) no-repeat 0 0;}
nav ul li.menu09{
   background: url(../images/menu09.gif) no-repeat 0 0;}
nav ul li.menu10{
   background: url(../images/menu10.gif) no-repeat 0 0;}
nav ul li.menu11{
   background: url(../images/menu11.gif) no-repeat 0 0;}

nav ul li.menu00 a.active,
nav ul li.menu00 a:focus,
nav ul li.menu00 a:hover{
   background: url(../images/menu00.gif) no-repeat -190px 0;}
nav ul li.menu01 a.active,
nav ul li.menu01 a:focus,
nav ul li.menu01 a:hover{
   background: url(../images/menu01.gif) no-repeat -190px 0;}
nav ul li.menu02 a.active,
nav ul li.menu02 a:focus,
nav ul li.menu02 a:hover{
   background: url(../images/menu02.gif) no-repeat -190px 0;}
nav ul li.menu03 a.active,
nav ul li.menu03 a:focus,
nav ul li.menu03 a:hover{
   background: url(../images/menu03.gif) no-repeat -190px 0;}
nav ul li.menu04 a.active,
nav ul li.menu04 a:focus,
nav ul li.menu04 a:hover{
   background: url(../images/menu04.gif) no-repeat -190px 0;}
nav ul li.menu05 a.active,
nav ul li.menu05 a:focus,
nav ul li.menu05 a:hover{
   background: url(../images/menu05.gif) no-repeat -190px 0;}
nav ul li.menu06 a.active,
nav ul li.menu06 a:focus,
nav ul li.menu06 a:hover{
   background: url(../images/menu06.gif) no-repeat -190px 0;}
nav ul li.menu07 a.active,
nav ul li.menu07 a:focus,
nav ul li.menu07 a:hover{
   background: url(../images/menu07.gif) no-repeat -190px 0;}
nav ul li.menu08 a.active,
nav ul li.menu08 a:focus,
nav ul li.menu08 a:hover{
   background: url(../images/menu08.gif) no-repeat -190px 0;}
nav ul li.menu09 a.active,
nav ul li.menu09 a:focus,
nav ul li.menu09 a:hover{
   background: url(../images/menu09.gif) no-repeat -190px 0;}
nav ul li.menu10 a.active,
nav ul li.menu10 a:focus,
nav ul li.menu10 a:hover{
   background: url(../images/menu10.gif) no-repeat -190px 0;}
nav ul li.menu11 a.active,
nav ul li.menu11 a:focus,
nav ul li.menu11 a:hover{
   background: url(../images/menu11.gif) no-repeat -190px 0;}


/* ここからmain部分*/
#contents_r {
	float: right;
	width: 690px;
	background-color:#FFFFFF;
}
#news {
	float:left;
	width:480px;
	margin:20px 0;
}
#news_flame{
	width:480px;
    height:650px;
    height:330px;
    height:480px;
	overflow:auto;
	margin-top:10px;
	font-size: 13px;
	line-height: 1.4em;
}
#news_flame table{
	font-size: 13px;
	line-height: 1.2em;
	margin-right:0.5em;
}
#news_flame table th{
	border-bottom:1px solid #CCC;
	padding:0.75em 1em 0.75em 0;
	font-weight:normal;
	vertical-align:top;
}
#news_flame table tr td{
	border-bottom:1px solid #CCC;
	padding:0.75em 0;
	vertical-align:top;
}
#info_right {
	float:right;
	width:190px;
	margin:20px 0;
	}
div.kaiin{
	margin-bottom:20px;
}
div.kaiin p {
	margin-bottom: 10px;
}
div.topbook{
	background:#F2F2F2;
	margin-bottom:20px;
}
div.topbook p{
	padding:10px 0;
	text-align:center;
}
div.topbook p.booktitle{
	padding:0;
	text-align:center;
	font-weight:bold;
}
#footer_all{
	background: url(../images/bg_foot.gif) repeat-x 0 top;
	background-color:#8C8C8C;
}
footer {
	margin-left : auto ; 
    margin-right : auto ;
	clear:both;
	width: 900px;
}
footer p {
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	padding:20px 0;
}
footer p.copy {
	padding:0;
	text-align:right;

}
footer a:link, footer a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
footer a:hover, footer a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#breadcrumb{
	padding:5px 0;
	font-size:11px;
}

#breadcrumb a:link, #breadcrumb a:visited{
	color:#666666;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active {
	color:#666666;
	text-decoration: underline;
}
#main {
	width: 690px;
	margin-bottom: 20px;
    min-height: 450px;  
}
#main p {
	margin-bottom: 1em;
}
#main p.han {
	margin-bottom: 0.5em;
}
#main p.zero {
	margin-bottom: 0;
}
div.box{
	margin:0 20px;
	overflow: hidden;
}
div.box_syushi{
	background-color:#EFE7E0;
	margin:0 20px 1em;
	padding:1em;
}
div.box_syushi{
	background-color:#DFEDF0;
	margin:0 20px 1em;
	padding:1em;
}
div.box_syushi p {
	margin-bottom:1em;
}
#main h2 {
	margin-bottom:20px;
}
#main h3 {
	background:url(../images/bg_h3.gif) repeat-x left bottom;
	font-size:110%;
	font-weight: bold;
	padding:13px 0 0 10px;
	margin-top:1.5em;
	margin-bottom:1.5em;
	height:26px;
	width:680px;
}
#main h4 {
	margin-bottom:0.25em;
	font-size:100%;
	font-weight: bold;
	color:#006666;
}

#main ul {
	margin-left:1em;
}
#main ul li {
	list-style:disc;
}
#main ul.aki li {
	margin-bottom:0.3em;
}
#main ol {
	margin-left:1.5em;
}
#main ol li {
	list-style:decimal;
}
#main blockquote{
	border:1px solid #CCCCCC;
	padding:0.5em;
}
#main ul.list{
	width:690px;
	margin: 0 10px 10px 10px;
	font-size:95%;
}
#main ul.list li {
	float:left;
	list-style:none;
	margin-right: 5px;
	padding: 3px 3px 3px 17px;
	background:url(../images/icon_sitemap.gif) no-repeat center left;
	white-space: nowrap;
}
#main ul.list+h3{
	clear:both;
}
/* 研究会 */
table.hyou_society{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	width:100%;
}
table.hyou_society tr td{
	border:1px solid #CCCCCC;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}
table.hyou_society tr td.kai{
	text-align:center;
}

table.hyou_society th{
	border:1px solid #CCCCCC;
	background-color:#D9ECFF;
	padding:0.5em;
	vertical-align:top;
	font-weight:normal;
}
/* 次回大会 */
#main h3.next {
	background:none;
	background-color:#e0ebaf;
	border-bottom:1px solid #CCCCCC;
	padding:13px 0 5px 0;
	text-align:center;
}
table.next_prog{
	border-collapse:collapse;
	border:none;
	margin-bottom:1.5em;
}
table.next_prog2{
	border-collapse:collapse;
	border:none;
}
table.next_prog td{
	padding:0.25em 0;
	vertical-align:top;
}
table.next_prog td.time{
	padding-right:1.5em;
	white-space: nowrap;
}
table.next_prog th{
	padding:0.25em 0;
	text-align:left;
	vertical-align:top;
	white-space: nowrap;
	font-weight:normal;
}
table.next_prog th.zacho{
  padding:0.25em 0.5em 0.25em 1em
}
table.next_prog td table.title td {
	padding:0;
}
table.next_prog td table.title th {
	padding:0 1em 0 0;
}
table.web_sanka {
	border-collapse:collapse;
	border:none;
	margin-bottom:1em;
}
table.web_sanka th{
	text-align:left;
	vertical-align:top;
	white-space: nowrap;
	font-weight:normal;
	padding:0.25em 0.5em 0.25em 0;
}
table.web_sanka td{
	padding:0.25em 0;
	vertical-align:top;
}
#main div.next_waku {
	border:1px solid #aaa;
	padding:0.5em 1em;
	margin:1em 0;
}
#main div.next_waku p {
	margin-bottom:0;
	line-height:1.6em;
}
#main div.box_notice {
	background-color:#DFEDF0;
	margin:0 20px;
	padding:1em 2em;
}
#main div.box_notice p {
	margin-bottom:0.5em;
}
.shime {
	background-color:#F2AFB7;
	padding: 0 0.2em;
	margin: 0 0.2em;
	font-weight: bold;
}
/* 関連書籍 */
table.hyou_book{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-collapse:collapse;
	width:400px;
	margin-bottom:1em;
}
table.hyou_book tr td{
	border-bottom:1px solid #CCCCCC;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}
table.hyou_book th{
	border-bottom:1px solid #CCCCCC;
	background-color:#D9ECFF;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
/* sitemap */
.sitemap p {
	  border-bottom:1px solid #DDD;
	  padding-bottom:3px;
    }
.sitemap p {
	  background:url(../images/icon_sitemap.gif) no-repeat left center;
	  padding-left:20px;
    }
.sitemap a:link, .sitemap a:visited{
	color:#333333;
	text-decoration: none;
}
.sitemap a:hover, .sitemap a:active{
	color:#333333;
	text-decoration: underline;
}
/* text */
a:link, a:visited {
	color:#0066CC;
	text-decoration: none;
}
a:hover, a:active {
	color:#0066CC;
	text-decoration:underline;
}
/*pagetop*/
.pagetop{
	clear:both;
	margin: 20px;
	text-align: right;
}
.pagetop2{
	clear:both;
	margin: 20px;
	text-align: right;
	font-size:90%;
}
/* 外部リンク */
a.external {
	  background:url(../images/external.gif) no-repeat right center;
	  padding-right:20px;
    }

/* テンプレート */
table.hyou_aaa{
	border:1px solid #999999;
	border-collapse:collapse;
	width:100%;
	margin-bottom:1em;
}
table.hyou_aaa td{
	border:1px solid #999999;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}
table.hyou_aaa th{
	border:1px solid #999999;
	background-color:#D9ECFF;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	width:20%;
}
table.hyou_aaa tr{
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}
/* table line_none */
table.none{
	border-collapse:collapse;
	border:none;
}
table.none td{
	padding:0.25em;
	vertical-align:top;
}
table.none th{
	padding:0.25em 1em 0.25em 0;
	text-align:left;
	vertical-align:top;
	white-space: nowrap;
	font-weight:normal;
}
blockquote{
	background-color:#EEEEEE;
	padding:0.5em;
	margin:0 0 1em;
}
.side_r{
	float:right;
	padding-left:1em;
}
.kome{
	padding-left:1em;
	text-indent:-1em;
}

/* 動画 */
.video {
  margin-left: 20px;
  margin-bottom: 20px;
}

.oshirase{
	background:#FBE6E9;
	margin-bottom:20px;
	padding:10px;
	border: 2px solid #ED5466;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
}

