body {
	margin: 0;
    padding: 0;
}

img {
    border: none;
}


#targetarea01,
#targetarea02 {
	float: left;
	width: 980px;
	height: auto;
}

/*
 * 動作に必要な定義はここから
 */

.showbox {
    width: 980px;
		height:auto;
	width:700px;
	float:left;

}

.box {
	display: none;
	height:auto;
	width:700px;
	float:left;
	margin:10px 0 50px 0;
}


.box img {
	float: left;
	padding: 0px;
	margin:0 30px 0 0;
	border: solid 1px #666666;
	position: static;
}

.box div {
	float: right;
	height:auto;
	width:650px;
	float:left;
	line-height: 130%;
}

.thumb {
    margin:0 auto;
    padding:0;
    border-top: dashed 1px #cabf97;
	height:auto;
	float:right;
	
}


.thumb ul{
   margin:0 auto; 
   padding:0;
   
   
}
.thumb li {
   ngle ul li{
	list-style-type: none;
	margin:10px 0px 0px 7px;
	padding:0px;
	font-size:12px;
	text-align:left;
	width:60px;
	height:60px;
	float:right;
}


.thumb li a{
	margin:0px 5px 7px 0px; /* 各項目周囲の余白 */
	padding:0px; /* 枠線と内容の距離をゼロに */
	font-size:12px;
	text-align:center;
	width:60px;
	height:60px;
	border-style:none;
}




.thumb li a img{
    list-style-type: none;
	margin:10px 0px 0px 7px;
	padding:0px;
	font-size:12px;
	text-align:center;
	width:60px;
	height:60px;
}



#album ul li{
	list-style-type: none;
	margin:10px 0px 0px 7px;
	padding:0px;
	font-size:12px;
	text-align:center;
	width:60px;
	height:60px;
	float:right;
}
#album ul li a{
   margin:0px 10px 30px 10px; /* 各項目周囲の余白 */
   padding:0px; /* 枠線と内容の距離をゼロに */
   font-size:12px;
   text-align:center;
   width:60px;
   height:60px;
   border-style:none;
}




.thumb li.lastChild {
    margin-right: 0;
		width:60px;
	height:60px;

}

.thumb li.active {
    border: solid 1px #719a48;
		width:60px;
	height:60px;

}

.thumb li.active a {
    cursor: text;
		width:60px;
	height:60px;

}

.thumb a {
    display: block;
	width:60px;
	height:60px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: auto;
    visibility: hidden;
}