@charset "UTF-8";
/*処理方法*/
#shori_step {
	position:relative;
	width:650px;
	height:780px;
	margin-top:10px;
	margin-left:20px;
	background:url(../images/shori/shori.gif) no-repeat 50px 0;
	border:5px solid #A4DD5D;
}

img#shori_p {clear:both;display:none;}

#toku_btn {width:250px; height:30px; margin:10px auto 0 auto; padding:0;}

.linkBtn1 {
	position: relative;
	width: 106px;
	height:33px;
	top:10px;
	left:65px;
}

.linkBtn2 {
	position: relative;
	width: 130px;
	height:37px;
	top:30px;
	left:475px;
}

.thumb01 {
	position: relative;
	top:0px;
	width: 95px;
	height:75px;
	border:1px solid #CCCCCC;
}

.thumb02 {
	position: relative;
	top:0px;
	width: 95px;
	height:85px;
	border:1px solid #CCCCCC;
}

.thumb03 {
	position: relative;
	top:0px;
	width: 95px;
	height:100px;
	border:1px solid #CCCCCC;
}

.shori1 {top:-22px; left:65px;}
.shori2 {top:-15px; left:65px;}
.shori3 {top:70px; left:65px;}
.shori4 {top:230px; left:65px;}
.shori5 {top:250px; left:65px;}
.shori6 {top:-385px; left:500px;}
.shori7 {top:-375px; left:500px;}
.shori8 {top:-155px; left:500px;}
.shori9 {top:-145px; left:500px;}
.shori10 {top:-140px; left:500px;}

.thumb01 a .large1,.thumb01 a .large2,
.thumb02 a .large1,.thumb02 a .large2,
.thumb03 a .large1
 {
	border: 0px;
	display: block;
	height: 0px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}

.thumb01 a.p1, .thumb01 a.p1:visited,
.thumb02 a.p1, .thumb02 a.p1:visited,
.thumb03 a.p1, .thumb03 a.p1:visited
{
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
}

.thumb01 a.p1:hover ,
.thumb02 a.p1:hover ,
.thumb03 a.p1:hover
 {
	border: none;
	display: block;
}
	
.thumb01 a.p1:hover .large1,
.thumb02 a.p1:hover .large1
 {
	border: 1px solid #CCCCCC;
	display: block;
	height: 240px;
	left: -50px;
	position: absolute;
	top: -200px;
	width: 360px;
}

.thumb01 a.p1:hover .large2,
.thumb02 a.p1:hover .large2
 {
	border: 1px solid #CCCCCC;
	display: block;
	height: 240px;
	left: -50px;
	position: absolute;
	top: -220px;
	width: 360px;
}

.thumb03 a.p1:hover .large1
 {
	border: 1px solid #CCCCCC;
	display: block;
	height: 360px;
	left: 0;
	position: absolute;
	top: -300px;
	width: 330px;
}


/*処理方法サブウィンドウ*/
p.comment {width:620px; text-align:center;}
p.comment2 {width:470px; text-align:center;}

/*処理方法（イラスト）*/
#shoriAni {
	position:relative;
	width:600px;
	height:760px;
	margin: 0 0 0 20px;
	padding: 20px 0 0 50px;
	background:url(../images/shori/shoriani.gif) no-repeat 20px 20px;
	border:5px solid #A4DD5D;
}

.aniBox1 { clear:both; width:550px; height:158px; padding-top:0px; }
.aniBox2 { clear:both;	width:550px; height:222px; padding-top:53px; }
.aniBox3 { clear:both; width:550px; height:177px; padding-top:0px; }
.aniBox4 { 	clear:both; width:550px; height:185px;  padding-top:0px; }
.aniImg {
	position: relative;
	top:0px; 
	float:left;
}
.ani01 { width: 118px;	height:158px; }
.ani02 { width: 160px;	height:158px; }
.ani03 { width: 125px;	height:158px; }
.ani04 { width: 147px;	height:158px; }
.ani05 { width: 143px;	height:168px; }
.ani06 { width: 204px;	height:168px; }
.ani07 { width: 203px;	height:168px; }
.ani08 { width: 267px;	height:136px; }
.ani09 { width: 283px;	height:136px; }
.ani10 { width: 223px;	height:137px; padding-left:327px;}

.ani01 a .large1,.ani02 a .large1,.ani03 a .large1,.ani05 a .large1,.ani06 a .large1,.ani07 a .large1,
.ani08 a .large1,.ani09 a .large1,.ani10 a .large1  {
	border: 0px;
	display: block;
	height: 0px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}
.ani01 a.p1, .ani01 a.p1:visited, .ani02 a.p1, .ani02 a.p1:visited, .ani03 a.p1, .ani03 a.p1:visited, 
.ani05 a.p1, .ani05 a.p1:visited, .ani06 a.p1, .ani06 a.p1:visited, .ani07 a.p1, .ani07 a.p1:visited, 
.ani08 a.p1, .ani08 a.p1:visited, .ani09 a.p1, .ani09 a.p1:visited, .ani10 a.p1, .ani10 a.p1:visited  {
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
}
.ani01 a.p1:hover, .ani02 a.p1:hover, .ani03 a.p1:hover, .ani05 a.p1:hover, 
.ani06 a.p1:hover, .ani07 a.p1:hover, .ani08 a.p1:hover, .ani09 a.p1:hover, .ani10 a.p1:hover {
	border: none;
	display: block;
}
.ani01 a.p1:hover .large1,.ani02 a.p1:hover .large1,.ani03 a.p1:hover .large1,
.ani05 a.p1:hover .large1,.ani06 a.p1:hover .large1,.ani07 a.p1:hover .large1,
.ani08 a.p1:hover .large1,.ani09 a.p1:hover .large1,.ani10 a.p1:hover .large1 {
	height: 180px;
	width: 270px;
	border: 1px solid #CCCCCC;
	display: block;
	position: absolute;
	left: -80px;
	top: -183px;
	z-index:100 ;
}
.ani07 a.p1:hover .large1, .ani06 a.p1:hover .large1 {
	left: -80px;
	top: -150px;
}
.ani08 a.p1:hover .large1, .ani09 a.p1:hover .large1 {
	left: -80px;
	top: -150px;
}
.ani10 a.p1:hover .large1 {
	height: 129px;
	width: 300px;
	left: 100px;
	top: -60px;
}