@charset "utf-8";

/* ************************************** */
/* *********** スタイル初期化 *********** */

html,body{
	height:100%;
	margin:0px;
	padding:0px;
}

body{
	background-color:#03747a;
	background-image: url(../images/bg_shade.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

body,h1,h2,h3,h4,h5,h6,th,td,p,div{
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#343434;
	line-height:1.5em;
}




h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

h1{
	font-size:18px;
	margin-top:24px;
	margin-bottom:10px;

}


h2{
	font-size:120%;
	width:520px;
	margin:2em 0 0.5em 0.5em;
	padding:2px 6px;
	color:#046368;
	background-repeat:no-repeat;
	background-position:0 8px;
	border-style:solid;
	border-color:#038289 #038289 #72c0c4 #038289;
	border-width:0 0 1px 4px;
}


h3{
	font-size:110%;
	line-height:1.25em;
	padding:0 0 2px 0;
	margin:1.8em 0 0.4em 0;
/*	border-bottom:solid #ccc 1px;
	background-image:url(../images/h3_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 4px;*/
}


h2.first,
h3.first
{
	margin-top:1em;
}

h2.noStyle,
h3.noStyle,
h4.noStyle{
	background-image:none;
	border-style:none;

}

h4{
	font-size:105%;
	margin:16px 0 6px 0;
	padding:0;
	color:#003366;
}

h5{
	font-size:100%;
	margin:24px 0 6px 0;
	padding:0;
	color:#003366;
}


h4.first,
h5.first
{
margin-top:6px;}

p{
	margin:0px;
	padding:0px;
	margin-bottom:0.75em;
}

ul,ol{
	margin:0 0 0.75em 24px;
	padding:0;
}
li{
	margin:0 0 3px 0;
	line-height:1.25em;
	padding:0;
}


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

a:hover{
	color:#ff0000;
	text-decoration:underline;
}

img{
	border-style:none;
}

/* ************************************** */
/* ********* 共通ID スタイル定義 ******** */
/* ************************************** */

/* ========== 大枠 ========== */
#wrapper{/*グラデーション*/

	background-image: url(../images/bg_shade_in.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height:100%;
}

#background{
	position:relative;
	z-index:1;
	width:820px;
	margin:0px auto;
	background-image: url(../images/bg_repeat_in.jpg);
	background-repeat: repeat-y;
	background-position: center;
	min-height:100%;
	height:auto;
}
#bg2{
	position:relative;
	z-index:2;
	width:820px;
	margin:0px;
	background-image: url(../images/bg_main_in.jpg);
	background-repeat: no-repeat;
	min-height:528px;
	height:auto;
	background-position: center top;
		}

* html #background,
* html #bg2{/* for IE6 */
	height:100%;
}

#mainArea{
	position:relative;
	z-index:2;
	width:800px;
	height:100%;
	min-height:100%;
	margin:0 10px;
	padding: 0;
}

/* Mac IE 5のみのスタイル定義(裏技) \*//*/
div#background{
	height:auto;
}
#mainArea{
	height:100%;
  overflow:visible;
}
/* Mac IE 5のみのスタイル定義 ここまで  */

#leftArea{
	width:176px;
	float:left;
	height: 528px;
	margin:0 0 0 0;
	padding:0 0 0 0;

}
#rightArea{
	width:624px;
	float:right;
	height: auto;
	margin:0 0 24px 0;
	padding:0 0 24px 0;
}


/* ========== ヘッダ ========== */
div#header{
	width:800px;
	height:72px;
	margin:0 auto;
/*	background-image: url(../images/header_in.jpg);
	background-repeat: no-repeat;*/
}

div#header h1,
div#header p{
	text-indent:-9000px;
}
div#header p#Toplink{
margin:0;
padding:0;

}

div#header h1{margin:0;}

div#header p#Toplink a{
	position:absolute;
	display:block;
	height:40px;
	width:420px;
	margin:0;
	padding:0;
	top:10px;
	left:10px;
}

/* ========== メニュー（中ページのみ） ========== */

/*メニュー*/
#menu{
	width:176px;
	height:auto;
	margin:0;
	padding:0;
}

#menu ul{
	line-height:1em;
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li{
	display:block;
	width:176px;
	height:30px;
	margin:0;
	padding:0;
 overflow:hidden;/* IE6用にli要素のサイズを指定し、はみ出たa要素は表示させない */ 

}

#menu li a{
	display:block;
	text-indent:-9000px;
	line-height:30px;
	width:176px;
_width: 352px; /* IE6ではa要素の幅を346px（画像サイズ）にする */ 
	height:30px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
/*\*/
overflow: hidden;/*左に果てしなく伸びる枠線抑制*/
/**/
cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */
}

/*通常時*/
#menu00 a{	background-image:url(../images/menu00.png);}
#menu01 a{	background-image:url(../images/menu01.png);}
#menu02 a{	background-image:url(../images/menu02.png);}
#menu03 a{	background-image:url(../images/menu03.png);}
#menu04 a{	background-image:url(../images/menu04.png);}
#menu05 a{	background-image:url(../images/menu05.png);}
#menu06 a{	background-image:url(../images/menu06.png);}
#menu07 a{	background-image:url(../images/menu07.png);}

/*ロールオーバー*/
#menu li a:hover{background-position:-176px 0;
	_margin-left: -176px; /* a要素を左に176px動かす */
	_padding-left: 176px; /* a要素が動いた分テキストの表示位置をずらす */ 
 _width: 176px; /* paddingの分a要素の幅を調節（標準モード） */
}

/* ===========演題募集期間（topのみ）============*/
#endai-kikan{
/*border:solid 1px #ffffff;
background-color:#ffffff;*/
width:153px;
margin:24px auto 0}

/*#endai-kikan h2{
	margin:0 0 5px;
	width:151px;
	padding:2px 0;
	text-align:center;
	color:#ffffff;
	background-color:#0078F0;
	background-image:none;
}

#endai-kikan p{
color:#0078F0;
font-weight:bold;
text-align:center;
font-size:13px;
line-height:2em;
letter-spacing: -0.1em;}*/

#endai-kikan h2{
	margin:0;
	padding:0;
	background-image:none;	}

#endai-kikan p{
	margin:0;
	padding:0;
	}

#endai-kikan span{
font-size:20px;}

/* safari only \*/
/*html:\66irst-child #endai-kikan p,
body:first-of-type #endai-kikan p {
font-size:12px;}

html:\66irst-child #endai-kikan span,
body:first-of-type #endai-kikan span {
font-size:18px;}
*/

/* ========== フッタ ========== */
div#footer{
	position:absolute;
	z-index:3;
	margin:0;
	padding:0;
	width:800px;
	height:49px;
	bottom:0px;
	_bottom:-1px;
	left: 10px;
	vertical-align:middle;
	text-align:right;
}

div#footer #page-end{
width:800px;
height:21px;
background-image:url(../images/bg_page_end.jpg);
}

div#footer #footer-main{
	margin:0;
	padding:6px 0 0 0;
	width:800px;
	height:22px;
	vertical-align:middle;
	background-color:#354664;
	text-align:right;
}

div#footer #footer-main p#copyrights{
	width:auto;
	font-size:85%;
	line-height:1em;
	margin:0;
	padding:0px 15px 0 0;
	color:#ffffff;
}
div#footer #footer-main p#copyrights img{
margin-left:10px;}

/* ========== コンテンツ収納部 ========== */

div.contents{
	position:relative;
	z-index:4;
	width:562px;
	padding-bottom:24px;
	margin: 0 auto;
	min-height:350px;
	}
* html .contents{/* for IE6 */
	height:350px;
}


/* ************************************** */
/* *********** その他いろいろ *********** */

.Left{text-align:left;}
.Center{text-align:center;}
.Right{text-align:right;}


/* リスト風表示につかうもの */
p.list,
div.list p{
	text-indent:-0.75em;
	padding-left:0.75em;
}

p.list1em,
div.list1em p{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
}

p.list1-5em,
div.list1-5em p{
	text-indent:-1.5em;
	padding-left:1.5em;
	margin-bottom:0.5em;
}

p.list2em,
div.list2em p{
	text-indent:-2em;
	padding-left:2em;
	margin-bottom:0.5em;
}

/* 記事ひとくくり用 */
.unit{
	margin-left:24px;/*IE対策*/
	width: 524px;
}

/*.Unitより下の階層で使う字下げ*/
.padding{
	margin-left:12px;
}

.attention{
color:#ff0000;
}

.redbold{
color:#ff0000;
font-weight:bold;
}
/*下マージンなしのパラグラフ*/
p.noMargin{
margin:0;}

/* 点線 */
div.line{
	border-style:dotted;
	border-width:0px 0px 2px 0px;
	border-color:#666;
/*	width:80%;
	margin-top:0px;
	margin-bottom:12px; */
}

/* 巻き戻しリンク */
div.rollUp{
	margin:0;
	padding:0;
	width:100%;
	height:14px;
/*	text-align:right;*/
}

div.rollUp p{
	display:block;
	/*	text-indent:-10000em;*/
	text-decoration:none;
	text-align:right;
	width:146px;
	height:14px;
	margin:0 0 0 auto;

}

div.rollUp img{
vertical-align:middle;
margin: 0 4px 0 0;}


div.rollUp a span{
	visibility:hidden;
}


/* 隠したいもの */
span.hidden,
p.hidden{
 visibility:hidden;
}

.ps{
	font-size:90%;
	line-height:1.3em;
}

/* 改ページ(IE only) */
div.print{
	page-break-before:always;
}

.blockRight{
	float:right;
	margin:0 0 6px 10px;
}

p.underConst{
	margin-top:50px;
	font-weight:bold;
}
/*インライン画像*/
img.inlineIMG{
vertical-align:middle;}


.clearfix:after {/* 段組float解除用スタイル */
content: ".";
font-size: 0.1em;
line-height: 0;
display: block;
height: 0.1px;
visibility: hidden;
clear: both;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 汎用テーブルスタイル */

table.normal{
	margin-bottom:12px;
	border:1px solid #ccc;
	border-width:1px 0 0 1px ;
}

table.normal th,
table.normal td{
	line-height:1.3em;
	padding:4px 8px;
	
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
}

table.normal tr.header th{
	background-color:#00484D;
}


table.normal th{
	background-color:#6AACAE;
	color:#ffffff;
}

table.normal td{
	text-align:left;
}

table.normal th,
table.normal td{}


/*汎用ボックススタイル*/
div.subBox,
p.subBox{
padding:4px 8px;
border:solid 2px #015ab4;
}

div.subBox.Red,
p.subBox.Red{
border-color:#900000;
background-color:#900000;
}

div.subBox.Blue,
p.subBox.Blue{
border-color:#015ab4;
background-color:#EEF7FF;
}

div.subBox.Yellow,
p.subBox.Yellow{
border-color:#999999;
background-color:#fffeee;
}


div.subBox.Long,
p.subBox.Long{
width:90%;
}

div.subBox.Middle,
p.subBox.Middle{
width:75%;
}

div.subBox.Small,
p.subBox.Small{
width:50%;
}
div.subBox.floatC{
margin-left:auto;
margin-right:auto;}


/* ************************************** */
/* *************透過PNG指定************** */
/* ************************************** */

/*img→imgタグにPING24セレクタをクラス指定する*/
/*背景→ここにセレクタを追加する*/
@media screen{

* html #menu li a,
* html #topmenu li a,
* html div#whatsnew div.wrap,
* html div#whatsnew h2,
* html div#secretariat div.wrap,
* html div#secretariat #logo,
* html div#secretariat h2,
* html img.PNG24{
 behavior: expression(IEPNGFIX.fix(this));
}
}

/* ************************************** */
/* *********** 印刷用スタイル *********** */

@media print{


}