@charset "UTF-8";

/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
body{
color:#333;
font-size:80%;
background:url(../image/bg.gif);
}

#wrapper{
margin:0 auto;
padding:0px;
width:800px;
background:#fff;
}

#header{
margin:0px;
padding:3px 5px 3px 5px;
width:790px;
background:#000066;
}

.logo {
}

.title {
padding:6px;
text-align:center;
}

#contents{
margin:0px;
padding:10px 5px 5px 5px;
width:790px;
background:#FFFF99 url(../image/camp-bg.jpg) no-repeat 50% 0;
}

.maintop {
}

.maintop p {
padding:0px 0px 10px 0px;
}

.detail-top {
padding:7px 95px 0 95px;
}

.detail-middle {
padding:0px 10px 0px 10px;
margin:0 auto;
width:580px;
background:#FFFFFF;
}

.detail-middle p{
size:100%;
padding:5px 10px 5px 10px;
margin:0 auto;
width:560px;
background:#FFFFFF;
}


.detail-bottom {
padding:0px 95px 0 95px;
}

.kekka{

}

.kekka .shou{
padding:10px;
width:139px;
border:1px solid #000099;
background-color:#0066CC;
color:#FFFFFF;
font-weight:bold;
}

.kekka .prof{
padding:10px;
width:138px;
border:1px solid #000099;
border-right:none;
}

.kekka .sakuhin{
padding:10px;
width:240px;
border:1px solid #000099;
border-left:none;
}

#footer{
clear:both;
margin:0px auto;
padding:5px 5px 5px 5px;
width:790px;
background:#000066;
}

/* 2. navigation
-------------------------------------------*/
.shosai1{
position:relative;
text-align:center;
top:240px;
left:535px;
width:200px;
height:30px;
}

.shosai2{
position:relative;
text-align:center;
top:470px;
left:535px;
width:200px;
height:30px;
}

.shosai3{
position:relative;
text-align:center;
top:615px;
left:535px;
width:200px;
height:30px;
}

.red{
color:#c00;
}

/* 3. link style
-------------------------------------------*/
a{
overflow:hidden;
}

a:link{
color:#fff;
text-decoration:none;
}

a:visited{
color:#fff;
text-decoration:none;
}

a:hover{
color:#f33;
text-decoration:none;
}

a:active{
color:#f33;
text-decoration:none;
}

#contents a:link{
color:#f60;
text-decoration:none;
}

#contents a:visited{
color:#f60;
text-decoration:none;
}

#contents a:hover{
color:#f90;
text-decoration:none;
}

#contents a:active{
color:#f90;
text-decoration:none;
}

/* 4. common parts
-------------------------------------------*/

.pagetop{
padding:2px 5px 5px 5px;
text-align:right;
}

/* 4.1 of header
-------------------------------------------*/

/* 4.2 of content
-------------------------------------------*/

/* 4.3 of footer
-------------------------------------------*/

.link{
text-align:center;
}