@charset "utf-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
------------------------------------------------------------
SUGGESTED PROPERTY ORDER
------------------------------------------------------------
CSS property order of P_BLOG is based on the suggested 
property order of Mozilla.org Base Style Sheet.
( http://www.mozilla.org/css/base/content.css )
*/

/* 
 * display
 * list-style       disc(list-style-type) none(list-style-image) outside(list-style-position)
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background         transparent(background-color) none(background-image) repeat(background-repeat) scroll(background-attachment) left top(background-position)
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* ===== Basic Style ===== */
body {
	background: #ffffff url(img/body.png) repeat-x scroll left top;
}
a {
	color: #006699;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/******************************
  container
******************************/
#container {
	margin: 0 auto;
	width: 900px;
}
/******************************
  header
******************************/
#header {
	width:900px;
	height:80px;
}
#header p {
	padding-top:20px;
}

/******************************
  globalNavi
******************************/
#globalNavi{
	margin-bottom: 10px;
	width:900px;
	height:45px;
	background:transparent url(img/globalNavi.png) no-repeat scroll left top;
}
#globalNavi li{
    background: transparent url(img/globalNavi_separate.png) no-repeat scroll right center;
    float: left;
    padding: 8px 7px 7px 5px;
    position: relative;
}
#globalNavi li.last-child,
#globalNavi li:last-child {
    background: none;
    padding-right: 0px;
}
#globalNavi a {
    color: #333333;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	font-size: 16px;
	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
}
#globalNavi a:hover,
.index      #globalNavi a#index,
.conference #globalNavi a#conference,
.activity   #globalNavi a#activity,
.letter     #globalNavi a#letter,
.member     #globalNavi a#member,
.link       #globalNavi a#link,
.inquiry    #globalNavi a#inquiry {
    background: #666666 url(img/globalNavi_current.png) no-repeat scroll left top;
    color: #FFFFFF;
}

/******************************
  pageTitle
******************************/
#pageTitle h1 {
	background: transparent url(img/secund.png) no-repeat scroll left top;
	width: 900px;
	height: 100px;
	line-height: 100px;
	color:#006699;
	text-indent: 30px;
	font-size: 150%;
	font-weight: bold;
	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
}
.index #pageTitle h1 {
	background: transparent url(img/top.png) no-repeat scroll left top;
	width: 900px;
	height: 250px;
	text-indent: -999px;
}

/******************************
  breadCrumbs
******************************/
#breadCrumbs {
	font-size: 90%;
	height: 40px;
	line-height: 35px;
}
.index #breadCrumbs {
	height: 20px;
}
#breadCrumbs a {
	text-decoration: none;
}
#breadCrumbs a:hover {
	text-decoration: underline;
}

/******************************
  Layout
******************************/
#content {
	width: 900px;
}
#main {
    float: right;
    width: 650px;
}
#sidebar {
    float: left;
    width: 230px;
}

#main .left {
    float: left;
    width: 400px;
}
#main .left h2 {
    width: 400px;
	height:45px;
	background: transparent url(img/h2_top.png) no-repeat scroll left top;
	line-height: 45px;
	margin-bottom: 7px;
}
#main .right {
    float: right;
    width: 230px;
	background: transparent url(img/banner_back.gif) repeat;
	text-align:center;
	/*padding-top: 1em;*/
}
#main .right h2 {
    width: 230px;
	height:45px;
	background: transparent url(img/banner_title.gif) no-repeat scroll left top;
	line-height: 45px;
	margin-bottom: 7px;
	text-indent: 0;
}

/******************************
  footer
******************************/
#footer {
	clear:both;
	margin-top: 50px;
    background: transparent url(img/footer.png) repeat-x scroll left top;
    height: 97px;
	font-size: 90%;
}
#footer div.link {
    margin: 0 auto;
    width: 900px;
	position:relative;
	height: 53px;
}
#footer div.link p {
    position:absolute;
	right:0;
	top:23px;
}
#footer div.link ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
#footer div.link li {
	display: inline;
	padding-left: 0;
	padding-right: 20px;
	line-height:53px;
}
#footer p.copy {
    margin: 0 auto;
    width: 900px;

	height: 44px;
	line-height: 44px;
	text-align:center;
	color: #FFFFFF;
}

/******************************
  sidebar
******************************/
#sidebar h2 {
	width:230px;
	height:40px;
	background: transparent url(img/sidebar_h2.png) no-repeat scroll left top;
	line-height: 40px;
	text-indent: 0;
	text-align: center;
}
#sidebar h2 a {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-indent: 15px;
}
#sidebar dl {
	background:#006699;
	padding:3px;
}
#sidebar dt  {

}
#sidebar dt em,
#sidebar dt a {
	height:35px;
	line-height:35px;
	background: transparent url(img/sidebar.png) no-repeat scroll left top;
	display:block;
	padding-left: 20px;
    color: #000000;
    text-decoration: none;
	font-size: 95%;
}
#sidebar dt a.current {
	font-weight:bold;
	color: #006699;
}
#sidebar dt em {
	height:33px;
	line-height:33px;
}
.index #sidebar dt em {
	height:35px;
	line-height:35px;
	background: transparent url(img/sidebar_index.png) no-repeat scroll left top;
	font-weight: bold;
	padding-left: 25px;
}
#sidebar dd {
	margin-bottom: 3px;
	padding:7px 10px 10px;
	background-color:#fff;
	font-size: 90%;
	line-height:1.3em;
}
#sidebar dd ul li {
	margin-left: 40px;
	font-size: 90%;
	line-height:1.8;
	list-style:outside;
	list-style:disc;
	color: #006699;
}

/******************************
  main
******************************/
#main .section {
	margin-bottom: 30px;
	padding: 15px;
	font-size: 90%;
	line-height:1.3;
	/*
	height:560px;
	overflow:scroll;
	*/
}
#main .kyogi_info{
	height:500px;
	overflow:scroll;
	overflow-x:hidden;
}
#main p {
	margin-bottom:1em;
	clear: both;
}
#main p.indent {
	text-indent: 1em;
}
#main dl.shosai_txt{
	width:600px;
	padding-left:28px;
}
#main dl.shosai_txt dt{
}
#main dl.shosai_txt dd{
	text-align:left;
}
#main h2 {
	background: transparent url(img/h2.png) no-repeat scroll left top;
	height:45px;
	width:650px;
	line-height:45px;
	color:#006699;
	text-indent: 30px;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 20px;
}
#main h3 {
    color: #006699;
    font-weight: bold;
	border-bottom: solid 3px #006699;
	
	height: 30px;
	line-height: 30px;
	
	margin-bottom: 20px;
}

/* テーブル01 */
.table01  {
	width: 620px;
}
.table01 th,
.table01 td {
	vertical-align:top;
}

/* テーブル02 */
table.table02 {
	border-collapse: collapse;
	width: 100%;
}
table.table02 th,
table.table02 td {
	border: 1px solid #ccc;
	padding: 6px;
}
table.table02 th {
	background-color: #DAEAF8;
	color: #006699;
	text-align: center;
}

/*テーブル03*/
table.table03 {
	border-collapse: collapse;
	width: 100%;
}
.table03 th,
.table03 td {
	border: 0px;
	vertical-align: top;
}

/* 注意文 */
span.caution {
	color:#FF3300;
}










div.poster {
	text-align:center;
	float:left;
}
div.poster img {
	/*border: solid 3px #ddd;*/
	border:solid 2px #eee;
}

div.hyougo {
	margin-bottom: 10px;
}
div.hyougo em {
	display: block;
	color: #006699;
	font-weight: bold;
}
div.hyougo span {
	display: block;
	text-align:right;
	padding-right: 10px;
}









ul.border li {
	height: 40px;
	line-height: 40px;
	text-indent: 30px;
	background: url(img/ul_dot.png) repeat-x scroll left bottom transparent;
}
ul.border li span {
	padding-right: 15px;
	color:#006699;
}
ul.border a.pdf {
	background: url(img/pdf.png) no-repeat scroll right center transparent;
	padding-right: 20px;
}



dl.top_h2 {

}
dl.top_h2 dt {
color:#006699;
margin-top: 10px;
padding:5px 15px 0;
background: url(img/dt.png) no-repeat scroll left center transparent;
}
dl.top_h2 dd {
margin-bottom: 10px;
padding:5px 15px;
background: url(img/ul.gif) repeat-x scroll left bottom transparent;
}




















.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */














/* ===== Self Clearing ===== */

.section:after,
.layoutBlock:after,
.imgParallelUnit:after,
.thumbnailParallelUnit:after,
.unit:after,
.horizontalCaption .imgUnit:after,
#footer:after,
#footer ul:after,
#content:after,
#globalNavi:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:" ";
font-size:0;
line-height:0;
}

.section,
.layoutBlock,
.imgParallelUnit,
.thumbnailParallelUnit,
.unit,
.horizontalCaption .imgUnit,
#footer,
#footer ul,
#content,
#globalNavi{
zoom:1;
}