@charset "utf-8";

html{
	height:100%;
	margin-bottom:1px
}

.out02{
 visibility:hidden
}

.spring2010read{
 margin:0px;
	padding:0px
}
.spring2010read ul{
 list-style:none;
	margin-top:8px;
	text-align:left;
	float:left;
	width:420px;
	height:auto
}
.spring2010read li{
 margin:0px;
	padding-left:0px;
	line-height:140%
}

#spring2010type{
 width:740px;
	height:260px;
	margin:0px;
	padding:0px
}

#spring2010type ul{
 list-style:none;
 margin:10px 2px
}

#spring2010type li.plan01{
 width:180px;
 height:250px;
 margin:0px 2px;
	float:left;
	background:transparent url(/2010spring/img/plan1.jpg) no-repeat left
}
#spring2010type li.plan01 a{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan1.jpg) no-repeat left
}
#spring2010type li.plan01 a:hover{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan1on.jpg) no-repeat left
}

#spring2010type li.plan02{
 width:180px;
 height:250px;
 margin:0px 2px;
	float:left;
	background:transparent url(/2010spring/img/plan2.jpg) no-repeat left
}
#spring2010type li.plan02 a{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan2.jpg) no-repeat left
}
#spring2010type li.plan02 a:hover{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan2on.jpg) no-repeat left
}

#spring2010type li.plan03{
 width:180px;
 height:250px;
 margin:0px 2px;
	float:left;
	background:transparent url(/2010spring/img/plan3.jpg) no-repeat left
}
#spring2010type li.plan03 a{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan3.jpg) no-repeat left
}
#spring2010type li.plan03 a:hover{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan3on.jpg) no-repeat left
}

#spring2010type li.plan04{
 width:180px;
 height:250px;
 margin:0px 2px;
	float:left;
	background:transparent url(/2010spring/img/plan4.jpg) no-repeat left
}
#spring2010type li.plan04 a{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan4.jpg) no-repeat left
}
#spring2010type li.plan04 a:hover{
 text-decoration:none;
 width:180px;
 height:250px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/plan4on.jpg) no-repeat left
}

.boardin{
	position:relative;
	top:0px;
	left:0px; 
	width:740px;
	height:auto;
	margin:0px;
	padding:0px
}
#board{
	position:absolute;
	top:0px;
	left:0px; 
	visibility:hidden;
	background-color:#ddd;
	border-width:1px;
	border-color:#eee #4c;
	border-style:solid;
	padding:0px;
	margin:-1000px auto 0px -300px;
	padding:0px;
	width:580px;
	height:auto;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	overflow:scroll;
	z-index:10
}
#bar,
#bar2{
	background-color:#ccc;
	border-top:1px solid #eee;
	border-right:1px solid #4c;
	border-bottom:1px solid #4c;
	border-left:1px solid #eee;
	text-align:right;
	width:550px;
	margin:0px;
	padding:0px;
}

.f10,
#close{
	font-size:10px
}
#content{
	color:#000;
	padding:0px;
	margin:0px;
	width:550px;
	height:auto;
}


h2.in01{
	margin:0px 0px 0px 18px;
	text-indent:-18px;
	padding-left:15px;
	line-height:130%;
	font-size:14px;
	font-weight:bold
	}
h3 {
	line-height: 150%;
	font-weight: normal;
}
h4 {
	line-height: 140%;
	font-weight: normal;
}
.text_01{
	line-height:160%;
	background-color:#FDE1BA;
	font-weight:bold;
	vertical-align:middle;
	text-align: center;
	color:#000;
}
.text_01b{
	line-height:160%;
	background-color:#71b5f0;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	color:#000;
	padding-left:20px
}
.text_02{
	line-height:160%;
	background-color:#fff;
	font-weight:normal;
	vertical-align:middle;
	text-align: center;
	color:#000
}
.text_02b{
	line-height:160%;
	background-color:#fff;
	font-weight:normal;
	vertical-align:middle;
	text-align:left;
	color:#000
}
.text_03{
	line-height:160%;
	background-color:#f9f8b5;
	font-weight:normal;
	vertical-align:middle;
	text-align:center;
	color:#000
}
.text_04{
	line-height:130%;
	background-color:#fff;
	font-weight:normal;
	vertical-align:middle;
	text-align:left;
	color:#000;
}
.t04ajst{
 margin:1px 1px 1px 2px
}
.text_05{
	line-height:160%;
	background-color:#fff;
	font-weight:normal;
	vertical-align:top;
	text-align: center;
	color:#000
}
.text_05b{
	line-height:160%;
	background-color:#fff;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	color:#000
}
.fb{font-weight:bold}
.fs{font-weight:normal}

.backcolor{
 clear:both;
 background-color:#f9f8b5;
	width:550px;
	height:auto;
	text-align:left;
	margin:0px;
	padding:0px;

}
.popwrap{
	border:solid 1px #ccc;
	margin:0px auto;
	text-align:left;
	width:550px;
	height:auto
}
.ind01{
 font-size:10px;
	line-height:130%;
	margin:0px;
	padding:0px 0px 0px 12px;
	text-indent:-12px
}

.str01{
 color:#ff6600;
	font-size:12px
}


ul.btnarea01{
 list-style:none;
 margin:6px auto 0px auto;
	width:350px;
	height:23px
}
ul.btnarea02{
 list-style:none;
 margin:6px auto 0px auto;
	width:200px;
	height:23px
}
ul.btnarea03{
 list-style:none;
 margin:6px auto 0px auto;
	width:135px;
	height:23px
}

li.progbtn{
 width:200px;
 height:23px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/progbtn.gif) no-repeat left
}
li.progbtn a{
 text-decoration:none;
 width:200px;
 height:23px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/progbtn.gif) no-repeat left
}
li.progbtn a:hover{
 text-decoration:none;
 width:200px;
 height:23px;
 margin:0px;
	float:left;
	background:transparent url(/2010spring/img/progbtnon.gif) no-repeat left
}

li.taikenbtn{
 width:135px;
 height:23px;
 margin:0px;
	float:right;
	background:transparent url(/2010spring/img/taikenbtn.gif) no-repeat left
}
li.taikenbtn a{
 text-decoration:none;
 width:135px;
 height:23px;
 margin:0px;
	float:right;
	background:transparent url(/2010spring/img/taikenbtn.gif) no-repeat left
}
li.taikenbtn a:hover{
 text-decoration:none;
 width:135px;
 height:23px;
 margin:0px;
	float:right;
	background:transparent url(/2010spring/img/taikenbtnon.gif) no-repeat left
}