/***************************************************
 *
 * 世界遺産の旅人 共通 css
 * UTF-8
 * Target win IE6,7 FF2 Opera9 / mac FF2 Safari3
 *
 ***************************************************/

@import "clearfix.css";
@import "navi.css";



html {
	overflow-y: scroll;
}


body { /* mac.css override */
	margin: 0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana,sans-serif;
	font-size:0.80em;
	/*font-size:12px;*/
	color :#666666;
	line-height:1.5;
	background:#ffffff;
}

/*
a:link		{color: #897756; text-decoration: underline;}
a:visited	{color: #897756; text-decoration: underline;}
*/
a:link		{color: #666666; text-decoration: underline;}
a:visited	{color: #666666; text-decoration: underline;}
a:hover		{color: #a29274; text-decoration: none;}
a:active	{color: #a29274; text-decoration: none;}

hr {
	height:1px;
	background:#a29274;
	border:none;
}


#header {
	display:block;
	width:955px;
	height:59px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position: relative;
}

#header h1 {
	display:none;
}


#header .returntop {
	display:block;
	width:400px;
	height:28px;
	margin:15px 0 0 0;
	padding:0;
	overflow:hidden;
}
#header .returntop a {
	display:block;
	width:400px;
	height:28px;
	text-indent:-9000em;
	background:url(../images/dummy.gif) no-repeat 0 0;
//for opera
	overflow:hidden;
}
#header img.splash {
	z-index:-999;
	position:absolute;
	top:3px;
	border:0;
}

.container {
	display:block;
	width:955px;
	margin:0 auto;
	padding:13px 0 0 0;
}

.container_splash {
	display:block;
	width:955px;
	margin:0 auto;
	padding:0 0 0 0;
}

.container .leftcontainer {
	float:left;
	display:block;
	width:185px;
	margin:36px 0;
	padding:0 16px 0 24px;
}
.container .imgcontainer {
	float:right;
	display:block;
	width:405px;
	margin:36px 0;
	padding:0;
}
.container .sidebarcontainer {
	float:right;
	display:block;
	width:194px;
	margin:36px 0;
	padding:16px;
	background:#f1f0ea;
	border-right:24px solid #ffffff;本来はmarginで対処すべきですがその場合IE6ハック併用になります
}

.container .sidebarcontainer2 {
	float:right;
	display:block;
	width:194px;
	margin:36px 0;
	padding:16px;
	border-right:24px solid #ffffff;本来はmarginで対処すべきですがその場合IE6ハック併用になります
}

.container .maincontainer {
	width:907px;
	display:block;
	margin:34px 0;
	padding:0 24px;
}
.container .maincontainer.columnmain {
	float:left;
	width:682px;
}
.container .maincontainer.whlistmain {
	float:left;
/*	width:479px;*/
	width:440px;
}
.container .maincontainer.blogmain {
	float:left;
	width:640px;
}


.container .imgcontainer img {
	display:block;
	margin:0 0 0 0;
	padding:0;
}

.container .imgcontainer_cap {
	margin:0 0 24px 0;
	padding:0;
	font-size:80%;
	text-align:right;
}

.container .maincontainer h2,
.container .maincontainer h3 {
clear:both;
	display:block;
	min-height:35px;
	_height:35px;
	*height:35px;
	margin:2px auto 30px;
	padding:0;
	font-size:1.5em;
	font-weight:normal;
	line-height:1;
	letter-spacing:0.2em;
	color:#897756;
	border-bottom:1px solid #bbb698;
}
.container .maincontainer.whlistmain h2 {
	height:auto;
	padding:0 0 13px 0;
	margin:2px 0 0 0;
}
.container .maincontainer h4 {
	display:block;
	margin:0;
	padding:0;
	font-size:1.5em;
	font-weight:normal;
	line-height:1;
	letter-spacing:0.2em;
	color:#897756;
}


.container .maincontainer .caption {
	font-size:0.67em;
	letter-spacing:0;
	margin-left:1em;
}
.container .maincontainer .captionlong {
	display:block;
	font-size:0.67em;
	letter-spacing:0;
	margin-top:2px;
}



.container .maincontainer p {
	display:block;
	margin:20px 0 26px 0;
	padding:0;
}


.container .maincontainer dl {
	display:block;
	margin:0;
	padding:0;
}
.container .maincontainer dt {
	display:block;
	margin:0;
	padding:0;
	font-size:1.5em;
	line-height:1.5;
}
.container .maincontainer dd {
	display:block;
	margin:0.5em 0 1em 0;
	padding:0 0 0 1.5em;
	font-size:1em;
	line-height:1.5;
}

.container .maincontainer dl .caption {
	font-size:0.67em;
	letter-spacing:0;
	margin-left:1em;
}

.container .maincontainer dl a:link	{color: #897756; text-decoration: none;}
.container .maincontainer dl a:visited	{color: #897756; text-decoration: none;}
.container .maincontainer dl a:hover	{color: #a29274; text-decoration: underline;}
.container .maincontainer dl a:active	{color: #a29274; text-decoration: underline;}



.container .maincontainer ol li {
	margin-bottom:1em;
}



.container .maincontainer p.pretext {
	margin:0;
	padding:0 0 4px 0;
	font-size:1em;
	line-height:1;
}
.container .maincontainer p.locationdata {
	display:block;
	margin:0 0 30px 0;
	padding:12px 0 12px 0;
	line-height:1;
	border-bottom:1px solid #bbb698;
}


.container .maincontainer img.bigpicture {
	display:block;
	margin:0 auto;
	padding:0;
	border:0;
}



.container .maincontainer ol.roman {
	list-style-type:lower-roman;
}
.container .maincontainer ol.roman li {
	margin-bottom:1em;
}




.container .maincontainer .detaildata h3 {
	display:block;
	margin:0;
	padding:8px 0 0 0;
	font-size:1em;
	font-weight:normal;
	line-height:1;
}

.container .maincontainer .detaildata p {
	margin:0;
	padding:4px 0 0 0;
}









.wide {
	letter-spacing:1em;
	padding-left:1em;
	_padding-left:0em;/*IE6*/
	*padding-left:0em;/*IE7*/
}



#footer {
	display:block;
	width:955px;
	margin:32px auto 0 auto;
	padding:0;
	letter-spacing:0.1em;
}

#footer.toppage {
	margin-top:17px;
}

#footer .copyright{
	margin-top:20px;
	text-align:right;
	}

#footer img.splash {
	float:right;
	display:block;
	margin:0;
	padding:7px 0 17px 0;
}









.sidebarcontainer dl,
.sidebarcontainer dd,
.sidebarcontainer ul {
	margin:0;
	padding:0;
}

.sidebarcontainer li {
	margin:0 0 0 1em;
	padding:0;
}

/*090701リニューアル*/

.riji{margin-bottom:20px;}

.corp img{border:0;}

#sosiki{
padding-left:30px;
}

#act{
padding-left:10px;
}

.member table{
font-size:90%;
padding:0 20 20 0;
margin-top:15px;

}

.member th{
font-weight:bold;
padding:0px 20px 15px 0px;
text-align:center;
}


.member td{
font-weight:normal;
padding:0px 20px 15px 0px;
}

/*
20090701リニューアル追加
*/
.top-btn{
	display:block;
	position: absolute;
	top: 5px;
	right: 190px;
	border: 0;
	margin: 0;
	padding: 0;
}
.top-btn2{
	display:block;
	position: absolute;
	top: 9px;
	right: 0px;
	border: 0;
	margin: 0;
	padding: 0;
}

.top-btn3{
	display:block;
	position: absolute;
	top: 22px;
	right: 210px;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.clear{clear:both;}

img{border:0;}


#h3{ color:#000000; font-weight:bold; border-left:5px solid #CC0033; border-bottom:1px solid #CC0033; padding-left:10px; padding-bottom:5px; 	min-height:0px;
	_height:0px;
	*height:auto;} 
#h4{ color:#CC0033; font-weight:bold;}


/*
世界遺産講座
*/

.kouza ul {
	margin:14px 0 0 15px;
	padding:0;
}
.kouza ul li {
	padding:0 0 1em 1em;
	margin:0;

}


.bold {
	font-weight:bold;
}

.kouza li.list-red {
	background-image:none;
	color:#FF0000;
	list-style:none;
}

.detaile img{
	width:211px;
	margin:auto;
	margin-left:200px;
	padding-bottom: 20px;
}

/*
講師派遣
*/

.haken ul {
	margin:14px 0 0 15px;
	padding:0;
}
.haken ul li {
	padding:0 0 1em 1em;
	margin:0;

}


.bold {
	font-weight:bold;
}

.haken li.list-red {
	background-image:none;
	color:#FF0000;
	list-style:none;
}


.haken .att{
color:
#999999;
}


/* お問い合わせフォーム */

.maincontainer form{width:590px;
margin:auto;}

#form-table {
	/* width:675px; */
 margin:10px 0;
	border:1px #CCC solid;
	width:581px;

}

#form-table td, #form-table th {
 padding:3px;
 vertical-align:top;
 text-align:left;
 font-size:12px;
 border-bottom:1px #CCC solid;
 border-left:1px #CCC solid;
}

#form-table th {
	background-color:#e5e5e5;
	text-align:justify;
	width:27%;
	vertical-align:middle;
}

.other{
	font-size:12px;
	width:90%;
	height:70px;

}

.wide-input{
	width:90%;
}

#form-table td {
	padding: 16px 10px 16px 6px;
	line-height:1.5em;
	border-right:1px #CCC solid;
}

#form-table  .forminput2{
	padding: 16px 32px 16px 32px;
	line-height:1.5em;
	border-right:1px #CCC solid;
}

#form-table .subheader {
	background-color:#f5f5f5;
	text-align:justify;
	width:20%;
	vertical-align:middle;
}

#form-table .subheader2 {
 background-color:#f5f5f5;
 text-align:left;
 width:10%
}

.agreement {
  font-size:12px;
}

#agreement_text {
	width: 573px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 4px;
	height: 100px;
	text-align: left;
}

.require {
 text-align:right;
 color:#cc0000;
 margin:5px 0;
 font-size:18px;
}

.what ul {
 margin: 0px;
 padding: 0px;
 clear: both;
}

.what ul li {
 list-style-type: none;
 float: left; 
}


.errorlist li {
 list-style-type: none;
 color:#FF6600;
 float: none; 
}

#textbook-input li {
 float: none; 
}

#course-table {
  border: 0px solid #ccc;
}

#course-table th, #course-table td {
  border: 0px solid #ccc;
  font-weight: normal;
  background-color: transparent;
  text-align: left;
  border-bottom-width: 1px;
  padding: 0px 4px 0px 4px;
}

#course-table th {
  border-top-width: 1px;
  border-bottom-width: 3px;
  border-bottom-style: double;
  padding-left: 1em;
}

#course-table th.place-header {
  font-weight: bold;
  border-width: 0px;
  padding-left: 0.3em;
}

#course-table .course {
  border-left-width: 1px;
  width: 25%;
}

#course-table .time {
  width: 20%;
}

#course-table .place {
  width: 55%;
  border-left-width: 1px;
  border-right-width: 1px;
  vertical-align: middle;
}

#final-date {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

#final-date div {
  margin-left: 0.5em;
}

ul.normail-indent {
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}

ul.normail-indent li {
  float: none;
}

table#fee-list {
  border: 0px solid;
}

table#fee-list td {
  border: 0px solid;
}

table#fee-list td.numeric {
  text-align: right;
}

table#fee-list tr.total td {
  border-top: 1px solid gray;
}

#inquiry-obi{
	margin-bottom:20px;
}

.appli img{
	width:500px;
	height:43px;
	margin-top:10px;
	margin-left: 60px;
	 }

#transmit{
	width:92px;
	height:43px;
	margin:15px 0 0 240px;
}

.spcontents-back{
	margin-top: 15px;
	text-align: right;
}

.back-title{
	color:#990000;
	padding-left:10px;
	padding-bottom:5px;
	border-left:#990000 solid 5px;
	font-weight: bold;
	font-size: 14px;
	border-bottom:#990000 solid 1px;
}

.spcontents-back ul{margin:15px 0 0 15px;
padding:0;
list-style:circle}