/* ページ全体にかかわる事項。レイアウト、全体の設定など */

body {	background: url(images/img1.jpg) repeat-x;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	margin: 20px 0px}

a {color: #1B4978;}
a:hover {text-decoration: none;
}


/* Content */
#content1 {
	background: #FFFFFF;
	width: 860px;
	margin: 0 auto;
	text-align: center;
}

#colOne {
	float: right;
	width: 660px;
	padding: 0 0 0 0;
}

#colTwo {
	float: left;
	width: 200px;
	text-align: justify;
}

#colTwo ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

#col3 {
	float: left;
	width: 690px;
	text-align: justify;
}

#col4 {
	margin-top:50px;
	float: right;
	width: 170px;
	text-align: justify;
}

#colcontent { /* 各コンテンツ用雛形ボックス */
	width:860px;
	margin:-1px auto;
}


/* Footer */

#footer {/* Footerボックス指定 */
	background:  #3C6BA6;
	width: 860px;
	margin: 0 auto;
	height: 200px;
	line-height:1.2;
}

.fcenter {/* Footer全体書式指定 */
	margin: 0 70px 0 70px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}

#footer a {/* Footer P 書式指定 */
   color: #FFF;
}

/* Footerここまで */


/* Header */
#header {
	width: 860px;
	height:98px; /* 大理石背景の位置 */
	margin:0px auto 1px auto;
}
/* Headerここまで */


/* メインメニュー */
.ddsmoothmenu{
font: bold 12px ＭＳ ゴシック;
width: 860px;
margin:1px auto 1px auto;
padding-bottom: 1px; /* 内容と線との間隔量 */
text-align: center;
background: #2D2B2B;
}
.ddsmoothmenu ul{
z-index:120;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #2d2b2b; /*background of menu items (default state)*/
color: white;
padding: 6px 38px 6px 30px; /*メニューバーの太さ,単語ごとの間隔*/
border-right: 1px solid silver;
color: #EEEEEE;
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #EEEEEE;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #2D2B2B; 
color: white;
}
.ddsmoothmenu ul li a:hover{
background: #305685; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
.ddsmoothmenu ul li ul li a{
font: normal 11.5px Verdana;
width: 170px; /*width of sub menus*/
padding: 8px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* メインメニューここまで */
/* ページ全体にかかわる事項ここまで */
/* Footerについては#footerに別途記入 */



/* サブメニュー */
/* サブメニュー上の「情報」 */
.subinfo {　/* サイドメニュー */
	margin:0 0 10px;
}

.subinfo .label { /* サイドメニュー:情報。入会案内。題背景はイメージ*/
	padding:5px 0px 5px 8px;
	color: #333;
	font-weight: bold;
	background-image:url(images/blue.gif); right top no-repeat;
	background-position: left top;
	margin: 0; 　/* 上テーブルマージン */
	height: 14px;
}

.subinfo ul{ /* サイドメニュー:リスト 上レイアウト*/
	margin: 0;
}


.subinfo li {
    background-image:url(images/www003.gif); left top no-repeat;
	padding: 0px;
	margin: 0px 0;
	font-size: 90%;
	color: #666666;
	list-style-type: none;
}

.subinfo li a{/* アクション*/
	padding: 5px 8px 5px 20px;
	border-left: 5px solid #BCDCC7;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	display: block;
}

.subinfo li a:hover{
	border-left: 5px solid #395173;
	color: #000066;
	background-color: #BCDCC7;
}
/* サブメニュー上の「情報」ここまで */



/* サブメニュー下の「研究会・シンポジウムなど」 */
.menuInfo { 
	margin: 0 0 0 0;
}

.menuInfo .label1 { /* テーブルトップラベル*/
	padding:8px 0 8px 6px;
	color: #333;
	font-weight: bold;
	background-position: left top;
	background: url(images/yy.png)right top no-repeat;
	border-bottom: 0px;
	margin: 0px;
	height: 15px;
}

.menuInfo p {/* リンクス */
	padding: 0 0 0 18px;
	font-weight: bold;
	text-align: left top;
	margin: 1em 12px 1em 5px;
}

.menuInfo ul{ /* テーブル列*/
	margin: 0px;
	background-image:url(images/silver.png); right;
	list-style:none;
}
.menuInfo  li{
	text-indent:1em;
	margin: 0px 0 0 5px;
	background-repeat:no-repeat;
    	background-position:left center;
}

.list1 {background-image:url(images/triangle0108g.png);}
.list2 {background-image:url(images/triangle0105g.png);}
.list3 {background-image:url(images/triangle0113g.png);}

.menuInfo li a{
	padding: 8px 0 8px 2px;
	border-bottom: 1px dotted #333;
	text-decoration: none;
	display: block;
	color: #333;
}

.menuInfo li a:hover{
	color: #000066;
	background-color: #C1C1A4;
}

/* サブメニュー下の「LINKS」ここまで */
/* サブメニューここまで */



/*コンテンツ 書式*/

#content { /* 枠設定*/
	width: 860px;
	margin: 0 auto;
}

#content h1 {
	padding: 5px 0 0 5px;
	color: #173E68;
}

#content h2 {
	padding: 5px 0 5px 20px;
	color: #173E68;
}

#content h3 {/* 過去のお知らせ文字*/
	color: #2F73B8;
	font-size: 12px;
	padding: 0 15px 0 0;
    background: url(images/triangle0206.gif)right top no-repeat;
	text-align: right;
	line-height:1.6;
}

.dd p {/* お知らせ box*/
	padding: 5px 2px 5px 10px;
    background: url(images/bar.gif);
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:6px;
	border-width: 1px 1px 1px 7px;
	border-color: #1675E9;
	border-style: solid;
	text-align: left;
	font-size: 15px;
	color: #FFFFFF;
	width: 11%;
	margin: 10px 10px 10px 10px;
}

.dd ul{ /* テーブル列*/
	margin: 0;

}

.dd li {/*文字書式*/
	padding: 0 2px 2px 30px;
	border-bottom: 1px dashed #9D9EAC;
	display: block;
	background: url(images/arrow35-010.gif)left no-repeat;
	margin: 10px 2px 4px 0;
	font-size: 100%;
	color: #666666;
	list-style-type: none;
}

.dd li a{/*ニュース書式*/

}

code{
  white-space:pre;
}


/* 各コンテンツの囲み用ボックス*/

#box {
background: #FFFFFF;
width: 720px;
margin: 0 auto;
box-shadow:2px 2px 5px black;
-moz-box-shadow:2px 2px 5px black;  
-webkit-box-shadow:2px 2px 5px black;

}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.5;
}
/* End */