@import url(../css/base.css);

#rightspace {
	position:relative;
}

#coswindow {
	position:absolute;
	width:250px;
	height:450px;
	left:50%;
	top:50%;
	margin-left:-125px;
	margin-top:-225px;
	border:1px solid #999;
}

#windowcostume {
	float:left;
	width:250px;
	height:430px;
	margin:0;
	padding:0;
	display:block;
}

#costumename {
	float:left;
	width:246px;
	height:16px;
	text-align:center;
	font-size:14px;
	line-height:16px;
	background-color:#fff;
	margin:0;
	padding:2px;
	display:block;
}

img {
	border-width:0;
}

.cl {
clear:both;
}

#contentoutline {
width:569px;
height:460px;
margin:0;
padding:0;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

#contentoutline2 {
width:569px;
margin:0;
padding:0;
border-right:1px solid #000;
}

#leftcontent {
float:left;
width:306px;
height:460px;
margin:0;
padding:0;
text-align:left;
}

#leftcontent2 {
float:left;
width:280px;
margin:10px;
padding:0;
text-align:left;
}

#listleft {
float:left;
width:140px;
margin:0;
padding:0;
text-align:left;
font-size:12px;
line-height:14px;
font-family:Osaka,Verdana,sans-serif;
}

#listright {
float:left;
width:140px;
margin:0;
padding:0;
text-align:left;
font-size:12px;
line-height:14px;
font-family:Osaka,Verdana,sans-serif;
}

#rightcontent {
float:left;
width:263px;
height:460px;
margin:0;
padding:0;
text-align:left;
background-image:url("./images/mapa_02.jpg");
}

#rightcontentb {
float:left;
width:263px;
height:460px;
margin:0;
padding:0;
text-align:left;
background-image:url("./images/mapb_02.jpg");
}

#mainphoto {
margin:15px 0 0 0;
padding:0;
}

#mainphotolist {
position:fixed;
float:right;
width:250px;
margin:10px 9px 0 0;
padding:0;
}

#costumenavi {
clear:both;
width:559px;
margin:0;
padding:5px;
border-top:1px #000 solid;
border-right:1px #000 solid;
text-align:center;
font-size:12px;
line-height:14px;
font-family:Osaka,Verdana,sans-serif;
}

#schoolnavi {
width:569px;
margin:0;
padding:0;
border-right:1px #000 solid;
}

#agtd {
width:289px;
border-right:solid 1px #000;
}

#agreement{
margin:0;
padding:0 0 0 10px;
}

#agreementtext {
width:269px;
margin:0;
padding:10px 0 10px 20px;
}

#nstd {
width:265px;
vertical-align:top;
}

#nowschool{
margin:0;
padding:10px 0;
line-height:20px;
text-align:center;
font-size:18px;
font-weight:bold;
}

#costume {
margin:0 0 0 30px;
padding:0 0 5px 0;
}


#headguide {
width:569px;
height:29px;
margin:0;
padding:0;
border-bottom:1px solid #000;
}

#footguide {
width:569px;
height:29px;
margin:0;
padding:0;
}

#headguide li {
float:left;
height:29px;
margin:0;
padding:0;
list-style-type:none;
}

#headguide li a img {
margin:0;
padding:0;
display:block;
}

#footguide li {
float:left;
height:29px;
margin:0;
padding:0;
list-style-type:none;
}

#footguide li a img {
margin:0;
padding:0;
display:block;
}

#contheadspace {
float:right;
margin:0 18px 0 0;
padding:0;
width:535px;
height:60px;
border-bottom:1px solid #666;
}

.thumbnailarea {
float:right;
margin:0;
padding:10px 5px 10px 0;
width:548px;
}

#shot {
float:left;
margin:15px 5px 5px 0;
padding:0;
}

.thumbnail {
float:left;
margin:0 6px 6px 0;
padding:0;
background-color:#fee;
}

.thumbnail a {
float:left;
width:80px;
height:130px;
margin:0;
padding:0;
text-decoration:none;
display:block;
border:2px solid #faa;
}

.thumbnail a:hover {
float:left;
width:80px;
height:130px;
margin:0;
padding:0;
text-decoration:none;
display:block;
border:2px solid #f06;
}

.thumbnailtext {
font-size:10px;
line-height:12px;
width:80px;
text-align:center;
}

#contentanothernavi {
float:right;
width:545px;
margin:0;
padding:20px 6px 5px 18px;
border-top:1px solid #000;
font-size:12px;
line-height:14px;
}

/* ranking css _______________________ */

div.rankingarea {
	clear:both;
	width:554px;
	margin:0 0 0 15px;
	padding:5px 0 0 0;
	position:relative;
	left:0;
	top:0;
	height:510px;
}
div#rankphotoarea {
	position:absolute;
	right:15px;
	top:180px;
	width:190px;
	height:327px;
	padding:0;
}
img#rankphoto {
	width:190px;
	height:327px;
	margin:0;
	padding:0;
}

img#rankcover {
	position:absolute;
	right:0;
	top:0;
	width:190px;
	height:327px;
	padding:0;
}

ul.ranknofive {
	position:absolute;
	top:180px;
	left:0;
	width:330px;
	margin:0;
	padding:0;
}
ul.ranknofive li {
	width:330px;
	height:60px;
	margin:5px 0 0 0;
	padding:0;
}