/******* 基本設定 *******/

body{
line-height: 150%;
background-color: #00f0f0; /* 全体の背景色 */
margin-right:auto;
margin-left:auto;

/* background-image: ../illust/background.gif; 全体の背景画像 */
}

/******* ヘッダ *******/

#header {
text-align: center;
margin-right:auto;
margin-left:auto;
width: 660px;
}

#header h1 {
margin-top: 2%;
text-align: center;
}

/******* 内容（位置決め・写真と概略） *******/

#content span.photo-ranking1 {
font-weight: bold;
position:absolute;
top:135px;
left:20px;
}

#content p.summary-ranking1 {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 8px;
right: 5px;
width: 135px;
}

#content span.photo-ranking2 {
font-weight: bold;
position:absolute;
top:135px;
left:165px;
}

#content p.summary-ranking2 {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 158px;
right: 5px;
width: 135px;
}

#content span.photo-ranking3 {
font-weight: bold;
position:absolute;
top:135px;
left:305px;
}

#content p.summary-ranking3 {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 303px;
right: 5px;
width: 135px;
}

#content span.photo-ranking4 {
font-weight: bold;
position:absolute;
top:135px;
left:448px;
}

#content p.summary-ranking4 {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 442px;
right: 5px;
width: 135px;
}

#content span.photo-ranking5 {
font-weight: bold;
position:absolute;
top:135px;
left:601px;
}

#content p.summary-ranking5 {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 588px;
right: 5px;
width: 135px;
}

#content span.photo-ranking6 {
font-weight: bold;
font-size: small;
position:absolute;
top:336px;
left:4px;
}

#content p.summary-ranking6 {
text-align: left;
font-size: small;
position: absolute;
top: 353px;
left: 10px;
right: 6px;
width: 135px;
}

#content span.photo-ranking7 {
font-weight: bold;
position:absolute;
top: 336px;
left: 162px;
}

#content p.summary-ranking7 {
text-align: left;
font-size: small;
position: absolute;
top: 353px;
left: 154px;
right: 5px;
width: 140px;
}

#content span.photo-ranking8 {
font-weight: bold;
font-size: small;
position:absolute;
top: 336px;
left: 297px;
}

#content p.summary-ranking8 {
text-align: left;
font-size: small;
position: absolute;
top: 353px;
left: 295px;
right: 5px;
width: 135px;
}

#content span.photo-ranking9 {
font-weight: bold;
position:absolute;
top: 336px;
left: 445px;
}

#content p.summary-ranking9 {
text-align: left;
font-size: small;
position: absolute;
top: 353px;
left: 443px;
right: 5px;
width: 140px;
}

#content span.photo-ranking10 {
font-weight: bold;
position:absolute;
top: 336px;
left: 600px;
}

#content p.summary-ranking10 {
text-align: left;
font-size: small;
position: absolute;
top: 353px;
left: 590px;
right: 5px;
width: 135px;
}

#content span.photo-ranking1s {
font-weight: bold;
position:absolute;
top:135px;
left:32px;
}

#content p.summary-ranking1s {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 9px;
right: 3px;
width: 135px;
}

#content span.photo-ranking2s {
font-weight: bold;
position:absolute;
top:135px;
left:170px;
}

#content p.summary-ranking2s {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 167px;
right: 5px;
width: 135px;
}


#content span.photo-ranking3s {
font-weight: bold;
font-size: small;
position:absolute;
top:135px;
left:302px;
}

#content p.summary-ranking3s {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 304px;
right: 5px;
width: 135px;
}

#content span.photo-ranking4s {
font-weight: bold;
position:absolute;
top:135px;
left:460px;
}
#content p.summary-ranking4s {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 439px;
right: 5px;
width: 135px;
}

#content span.photo-ranking5s {
font-weight: bold;
position:absolute;
top:135px;
left:598px;
}

#content p.summary-ranking5s {
text-align: left;
font-size: small;
position: absolute;
top: 150px;
left: 596px;
right: 5px;
width: 135px;
}

/******* 内容 *******/

#content {
text-align: left;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
width:720px;
}

#content h2 {
text-align: center;
}

#content p.click{
font-weight: bold;
text-decoration: underline;
color: #000099;
}

#content table{
text-align: center;
margin-right:auto;
margin-left:auto;
}

/******* フッタ *******/

#footer {
text-align: center;
margin-right:auto;
margin-left:auto;
}

#footer h3{
width: 520px;
font-size: small;
margin-left: auto;
margin-right: auto;
}