@charset "UTF-8";
/*
-----------------------------------------------
templete style
version: 2007-12
----------------------------------------------- */


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


/* 1. main layout
-------------------------------------------*/
body{
color:#555;
}

#wrapper{
margin:0px auto;
}

#header{
background:#00569a;
}

#contents{
background: url(../images/back_body.gif) 0 0 repeat-x;
}

#maincol{
clear:both;
}

#subcol{
}

#footer{
padding:12px;
background:#00569a;
}

.area{
margin:0px auto;
width:800px;
}

/* 2. navigation
-------------------------------------------*/
#globalnavi{
clear:both;
background:url(../images/back_navioff.gif) 0 0 repeat-x;
}

#globalnavi li{
float:left;
font-weight:bold;
}
#globalnavi li a{
display: block;
padding: 13px 21px;
}
#globalnavi li a:link{
text-decoration:none;
color:#333;
}
#globalnavi li a:visited{
color:#333;
text-decoration:none;
}

#globalnavi li a:hover{
color:#fff;
text-decoration:none;
background:url(../images/back_navion.gif) 0 0 repeat-x;
}

#globalnavi li a:active{
color:#333;
text-decoration:none;
}
#globalnavi li a.stay{
color:#fff;
background:url(../images/back_navion.gif) 0 0 repeat-x;
}
/* 3. link style
-------------------------------------------*/

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

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

a:hover{
color:#555;
text-decoration:underline;
}

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

/* 4. common parts
-------------------------------------------*/
/* 4.1 of header
-------------------------------------------*/
#header .area{
background: url(../images/back_area.gif) center top repeat-y;
}

#logoarea{
float:left;
}
h1{
padding:5px 12px;
color:#fff;
}
#header p{
padding:5px 12px 10px;
}
#header ul.note{
float:right;
padding:50px 10px 0px 0px;
color:#fff;
}
.note li{
display:inline;
padding-right:10px;
}
.note a:link{
color:#fff;
text-decoration:underline;
}

.note a:visited{
color:#fff;
text-decoration:underline;
}

.note a:hover{
color:#fff;
text-decoration:none;
}

.note a:active{
color:#fff;
text-decoration:none;
}
p{
font-size:85%;
}
/* 4.2 of content
-------------------------------------------*/
#contents .area{
/*padding: 0px 10px;*/
padding: 10px 12px 35px;
width: 776px;
background: #fff;
/*background: url(../images/back_area.gif) center top repeat-y;*/
}
h2{
margin:0px 10px 10px;
padding:6px 10px 10px 24px;
background: url(../images/back_h3.gif) 0 bottom no-repeat;
font-size:110%;
color:#333;
}

h3{
margin:13px;
padding:3px 20px;
background:url(../images/ico_b.gif) 0 center no-repeat;
}

table{
margin:0px 0px 0px 33px;
width:530px;
border:1px solid #ccc;
}

th,td{
padding:8px;
border:1px solid #ccc;
}

th{
text-align:center;
vertical-align:middle;
}
th{
width:90px;
}
th.head{
padding:3px 6px;
text-align:left;
background:#ccedff;
}
/* 4.3 of footer
-------------------------------------------*/
#copy{
font-size:95%;
color:#fff;
}