@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 {
padding:0;
}

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

.maintop {
height:1080px;
}

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

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

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

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

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

.shosai4{
position:relative;
text-align:center;
top:800px;
left:504px;
width:260px;
height:59px;
}

.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;
}

/* 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;
}