@charset "UTF-8";
/* CSS Document */

/*opencampus*/

h3#open-txt
{
	margin: 50px 0 50px 50px;
	display: block;
	width: 385px;
	height: 98px;
}

h3#open-txt.mb
{
	margin-bottom: 0;
}

p#open
{
	display: block;
	float: left;
	padding: 5px 0 0 50px;
	margin: 0 20px 50px 0;
	width: 200px;
	line-height: 2.0;
}

p#open-p
{
	float: left;
	display: block;
	width: 390px;
	height: 301px;
}

#open-area
{
	clear: both;
	margin: 50px 0 50px 50px;
	width: 555px;
	color: #0E63A3;
}

div#open-area h4
{
	margint: 30px 0 0 30px;
	font-size: 130%;
}

#open-area dl.open-block
{
	clear: both;
	padding: 30px 0 0 30px;
	margin-bottom: 30px;
	width: 525px;
	height: auto;
	border: 1px dotted #A7C2E2;
	border-right: none;
	border-bottom: none;
}

#open-area dl.open-block dt
{
	clear: both;
	margin-bottom: 30px;
	font-size: 180%;
	line-height: 1.0;
}

#open-area dd.open-body
{
	float: left;
	margin: 0 20px 0 0;
	width: 195px;
	line-height: 1.8;
}

#open-area dd.open-photo
{
	float: left;
}

#open-area h5
{
	clear: both;
	display: block;
	padding: 15px 0 0 20px;
	margin: 0 0 0 0;
	width: 536px;
	height: 28px;
	background: url(../images/open-m-bkg_01.png) top no-repeat;
	font-size: 140%;
	line-height: 1.0;
}

#open-area h5.open-flow
{
	background: url(../images/open-m-bkg_02.png) top no-repeat;
}

#open-area div.open-block2,
#open-area div.open-block3
{
	border: 1px solid #A7C2E2;
	border-top: none;
	width: 554px;
}

#open-area div.open-block2
{
	margin-top: 0;
	padding-bottom: 30px;
	border-bottom: none;
}

/*for IE8*/

html>/**/body div#open-area div.open-block2
{
	margin-top /*\**/: -30px\9;
}

#open-area div.open-block3
{
	padding-top: 50px;
}

#calendar
{
	margin: 30px 0 30px 0;
	width: 90%;
}

#calendar th,td
{
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
}

#calendar th
{
	font-size: 210%;
}

#calendar th.month,
#calendar td.date
{
	border-bottom: 1px dotted #A7C2E2;
}

#calendar td.date
{
	font-size: 150%;
}

#open-area p.notice
{
	margin: 0 0 0 30px;
}

#open-area dl.flow
{
	clear: both;
	display: block;
	margin: 20px 0 0 50px;
	width: 505px;
	height: auto;
}

#open-area dt.flow-step
{
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 120%;
	border-bottom: 1px dotted #A7C2E2;
	line-height: 1.0;
}

#open-area dd.flow-title
{
	clear: both;
	margin-bottom: 20px;
	font-size: 150%;
	line-height: 1.0;
}

#open-area dd.flow-body
{
	float: left;
	width: 255px;
}

#open-area dd.flow-p
{
	float: right;
	width: 210px;
	height: 155px;
}

/*festival*/

h3#open-txt
{
	margin: 50px 0 50px 50px;
	display: block;
	width: 516px;
	height: 162px;
}

#fes-area
{
	clear: both;
	margin: 50px 0 50px 50px;
	width: 550px;
	color: #0E63A3;
} 

#fes-area h5
{
	clear: both;
	display: block;
	padding: 15px 0 0 20px;
	width: 530px;
	height: 28px;
	background: url(../images/open-m-bkg_02.png) left no-repeat;
	font-size: 140%;
	line-height: 1.0;
}

#fes-area div.fes-block
{
	width: 549px;
	padding-top: 50px;
	border: 1px solid #A7C2E2;
	border-top: none;
}

#fes-area h6
{
	margin: 0 0 0 30px;
	font-size: 230%;
}

#fes-area h6.contest
{
	font-size: 210%;
}

#fes-report
{
	padding: 30px;
}

#fes-report dd.date
{
	font-size: 150%;
}

#fes-report .mini
{
	font-size: 77%;
}

#fes-report dd.rep-body
{
	padding-top: 30px;
	color: #333333;
	line-height: 1.8;
}

#fes-area p.photo
{
	display: block;
	margin: 0 auto 30px auto;
	width: 505px;
	height: auto;
}

#contest-block
{
	padding: 20px 0 0 30px;
}

#fes-contest
{
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 30px;
	width: 225px;
}

#fes-contest dt
{
	margin-bottom: 20px;
	font-size: 180%;
	line-height: 1.0;
}

#fes-contest dd.contest-body
{
	padding-top: 10px;
	color: #333333;
	line-height: 1.8;
}

#contest-block p.conetest-p
{
	float: left;
	display: block;
	padding: 0;
	width: 255px;
	height:195px;
}

#fes-area h3.next-fes
{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#next-fes-col
{
	margin: 50px 0 30px 50px;
}

#next-fes-col dt
{
	margin-bottom: 30px;
	font-size: 150%;
}

#next-fes-col dd
{
	margin-bottom: 20px;
}

#next-fes-col p.fes-date
{
	padding-top: 5px;
	padding-right: 10px;
	width: 490px;
	height: 35px;
	color: #FFFFFF;
	font-size: 150%;
	text-align: right;
	background: url(../images/fes-next-bkg.png) left no-repeat;
}

#next-fes-col p.description
{
	color: #333333;
	line-height: 1.5;
}

#next-fes-col address
{
	font-size: 120%;
	color: #333333;
}

/*seminor*/

h3#seminor-txt
{
	margin: 0 0 50px 50px;
	display: block;
	width: 539px;
	height: 98px;
}

/*seminor*/

#main h4.seminor
{
	display: block;
	clear: both;
	margin: 50px 0 10px 50px;
	width: 635px;
	height: 52px;
}

p#seminor-p
{
	float: left;
	display: block;
	margin-bottom: 50px;
	width: 390px;
	height: 301px;
}

#seminor-block
{
	margin: 0 0 50px 50px;
	padding: 30px 0 30px 30px;
	width: 470px;
	border: 1px dotted #A7C2E2;
	border-bottom: none;
	border-right: none;
}

#seminor-block dl.seminor
{
	clear: both;
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	width: 470px;
	height: auto;
	color: #0E63A3;
	border-bottom: 1px dotted #A7C2E2;

}

#seminor-block dl.last-block
{
	border-bottom: none;
}


#seminor-block dt
{
	font-size: 180%;
	line-height: 1.0;
	margin-bottom: 20px;
}

#seminor-block dd.seminor-photo
{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 215px;
	height: 150px;
}

#seminor-block dd.seminor-body
{
	float: right;
	width: 235px;
	color: #333333;
}

#seminor-block dd.name
{
	clear: both;
}

#seminor-block p.works
{
	font-size: 100%;
}

#seminor-block p.teacher
{
	font-size: 240%;
}

#seminor-block p.alph
{
	font-size: 77%;
}

#ro02seminor-welcome a
{
	margin-left: 20px;
	margin-top: 30px;
	display:block;
	width:501px;
	height:40px;
	background:url(../images/seminor-welcome.png) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

#ro02seminor-welcome a:hover
{
	background-position:left bottom;
}

#ro02seminor-welcome2 a
{
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	display:block;
	width:501px;
	height:40px;
	background:url(../images/seminor-welcome.png) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

#ro02seminor-welcome2 a:hover
{
	background-position:left bottom;
}