/*====================================================
 basic 
====================================================*/

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


body {
	margin:0;
	padding:0;
	background: #e8e6db;
	color: #333;
	font: 75%/175% Osaka, Verdana, sans-serif,"メイリオ","Meiryo","ＭＳ Ｐゴシック";
	text-align:center;
}

br.clr{ margin: 0; padding: 0; clear:both; }
hr { display: none; }
h1, h2, h3, h4, h5, p, form, ul, img { margin: 0; padding: 0; }
p,li { margin-bottom: 1em; text-align: justify; line-height: 1.8em;}
ul { list-style: none; }

a{ color:#db9c03; }
a:hover{ color:#0387db; }



/*====================================================
Custom class
====================================================*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{ display:inline-block; }

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

.right {text-align:right;}


/*====================================================
Wrap
====================================================*/
#Wrap {
	position:relative;
	width:808px;
	margin:0px auto;
	text-align:left;
	background:url(../img/contentbg.gif) repeat-y;
}
.nonavi #Wrap {
	background:url(../img/contentbg2.gif) repeat-y;
}
#content {
	width:778px;
	padding-left:10px;
}
#left {
	width:217px;
	float:left;
}
#right {
	width:550px;
	float:left;
	margin-left:11px;
	_margin-left:5px;
}
.nonavi #right{
	width:770px;
}
#Wrapend {
	margin:0px auto;
	width:808px;
	height:16px;
	background:url(../img/wrapend.gif) no-repeat;
}

/*====================================================
Header
====================================================*/
#header {
	background: url(../img/headimg.gif);
	width: 788px;
	height: 133px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.nonavi #header {
	background: url(../img/headimg2.gif);
}
#headerimg a,
#headereng a,
#headerja a{
	display:block;
	position:absolute;
	font-size: 1px;
	background: transparent;
	padding: 3px;
	text-decoration: none;
	text-indent: -9000px;
}
#headerimg a {
	top: 15px;
	left: 15px;
	width:210px;
	height:80px;
}
#headereng a{
	top: 108px;
	left: 23px;
	width:80px;
	height:14px;
}
#headerja a{
	top: 108px;
	left:110px;
	width:90px;
	height:14px;
}

#headerimg a:hover,
#headereng a:hover,
#headerja a:hover {
	text-decoration: none;
}

.description {
	position: relative;
	font-size: 9px;
	background: transparent;
	text-decoration: none;
	text-indent:-9000px;
}
/*====================================================
Navi
====================================================*/
#left #sidenavi{
	margin: 0;
	padding: 0;
	width:217px;
	height:281px;
	text-align:left;
	background:url(../img/navibg.gif) no-repeat 0 0;
}

#sidenavi ul,
#sidenavi li{ margin: 0; padding: 0; }

#sidenavi li{ 
	display:block;
	width:217px;
	height:28px;
	text-indent:-10000px;
}
#sidenavi li.menu04,
#sidenavi li.menu05{
	height:24px;
}

#sidenavi li.menu01 a,
#sidenavi li.menu02 a,
#sidenavi li.menu05 a,
#sidenavi li.menu06 a,
#sidenavi li.menu07 a,
#sidenavi li.menu08 a,
#sidenavi li.menu10 a,
#sidenavi li.menu11 a{
	margin: 0;
	padding: 0;
	display:block;
	width:217px;
	height:28px;
	text-decoration:none;
	text-indent:-10000px;
}
#sidenavi li.menu05 a{
	height:24px;
}

#sidenavi li.menu01 a:hover{ background:url(../img/navibg.gif) -217px 0px; }
#sidenavi li.menu02 a:hover{ background:url(../img/navibg.gif) -217px -28px; }
#sidenavi li.menu05 a:hover{ background:url(../img/navibg.gif) -217px -80px; }
#sidenavi li.menu06 a:hover{ background:url(../img/navibg.gif) -217px -104px; }
#sidenavi li.menu07 a:hover{ background:url(../img/navibg.gif) -217px -132px; }
#sidenavi li.menu08 a:hover{ background:url(../img/navibg.gif) -217px -160px; }
#sidenavi li.menu10 a:hover{ background:url(../img/navibg.gif) -217px -216px; }
#sidenavi li.menu11 a:hover{ background:url(../img/navibg.gif) -217px -244px; }


/*====================================================
Member
====================================================*/
#left #member{
	margin: 0;
	padding: 0;
	width:217px;
	height:96px;
	text-align:left;
	background:url(../img/kaiin.gif) no-repeat 0 0;
}

#memberregi a,
#memberlogin a,
#memberwhats a{
	display:block;
	position:absolute;
	font-size: 1px;
	background: transparent;
	padding: 3px;
	text-decoration: none;
	text-indent: -9000px;
}

#memberregi a{
	top: 447px;
	left: 28px;
	width:87px;
	height:11px;
}

#memberlogin a{
	top: 447px;
	left: 128px;
	width:87px;
	height:11px;
}

#memberwhats a{
	top: 476px;
	left: 128px;
	width:87px;
	height:9px;
}


/*====================================================
Footer
====================================================*/

#footer{
	position:relative;
	border-top:1px dotted #ccc;
	height:80px;
}


#footer .copyright{
	margin: 0;
	padding:10px 0;
	text-align:right;
	font-size:10px;
	line-height:1.7;
	color:#9A9678;
}



/*====================================================
Main
====================================================*/
#main{
position:relative;
margin: 12px 0;
padding: 0;
width:550px;
text-align:left;
}
.nonavi #main {
	width:770px;
}

#main h2{
	margin:0 0 12px 0;
}
#main h2.text{
	margin:0 0 12px 0;
	background:url(../img/title_text.gif) no-repeat;
	height:26px;
	padding:10px 0 0 46px;
	font-size:18px;
	color:#454E89;
}
#main h3{
	font-size:14px;
}
#main h5{
	margin:12px 0 6px 0;
}
#main p {
	padding:0 8px 16px 8px;
}
#main h4 {
	font-size:medium;
	border-left:3px solid #FFB401;
	border-bottom:1px solid #dedede;
	padding:1px 0 1px 8px;
}
#main p.inq {
	border:1px solid  #dedede;
	background:#F9F2D4;
	padding:30px 20px;
	font-size:14px;
	font-weight:bold;
	color:#577A01;
	width:420px;
	margin:20px 46px;
}
#main p.nocontent {
	background:#efefef;
	padding:30px 20px;
	width:420px;
	margin:50px 46px;
}
#main p.data {
	margin:18px 0;
	padding:12px;
	background:#f3f3f3;
	/*border:1px solid #ccc;*/
	width:500px;
}
#main .control {
	margin:8px 0;
	padding:4px;
	text-align:center;
}
#main a.close {
	text-decoration:none;
	color:#fff;
	background:#669900;
	border:1px solid #FF9900;
	padding:3px 14px;
} 

/*====================================================
Table
====================================================*/
.table1,
.table2 {
	margin:0 0 18px 12px;
	border-collapse:collapse;
}
.table1 th {
	text-align:left;
	padding:2px;
	font-weight:normal;
	border-bottom:1px dotted #999;
	color:#5F8200;
}
.table1 td {
	padding:2px;
	border-bottom:1px dotted #999;
}

.table2 th {
	text-align:left;
	padding:4px;
	font-weight:normal;
	border:1px solid #fff;
	background:#EAEAEA;
	color:#5F8200;
}
.table2 td {
	padding:4px;
	border:1px solid #fff;
	background:#F3EDD5;
}
.table3 th {
	text-align:left;
	font-weight:normal;
	color:#5F8200;
	border-right:2px solid #ccc;
}
.table3 td {
	padding-left:8px;
}
.waku1 {border:1px solid #ccc;}
/*====================================================
Toppage
====================================================*/
#infobox {
	
}
#infobox h3 {
	margin:0 0 12px 0;
}

#infobox ul{
	margin:0;
	padding:0;
}
#infobox li{
	margin:0 0 8px 30px;
	padding:0 12px 0 18px;
	_margin-left:20px;
	list-style-position : inside;	
	list-style-image : url(../img/arw-or.gif);
}
.red {
	color: #FF3333;
}

/*====================================================
symposium
====================================================*/
#schedule {
	margin:2px 0;
	padding:12px;
	background:#ffffff;
	border:1px solid #ccc;
	width:500px;
}
#schedule ul{
	margin:0;
	padding:0;
}
#schedule li{
	margin:0 0 8px 30px;
	padding:0 12px 0 18px;
	_margin-left:20px;
	list-style-position : inside;	
	list-style-image : url(../img/arw-or.gif);
}