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


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


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

#wrapper{
margin:0px;
width:100%;
font-size:80%;
background:url(../imgs/bg_body_cont.gif) 0 0 repeat-x;
}

#home #wrapper{
margin:0px;
width:100%;
font-size:80%;
background:url(../imgs/bg_body.gif) 0 0 repeat-x;
}


#header{
position:relative;
width:804px;
}

#contents{
}

#maincol{
float:right;
width:604px;
line-height:1.4;
color:#333;
}

#home #maincol{
margin-top:-2px;
width:804px;
}

#wide #maincol{
width:804px;
}

#subcol{
float:left;
padding-left:11px;
width:189px;
}

#footer{
margin-top:35px;
height:50px;
background:url(../imgs/bg_footer.gif) 0 0 repeat-x;
}

/* 2. navigation
-------------------------------------------*/
#globalnavi-area{
clear:both;
margin-bottom:1px;
width:800px;
border-left:2px solid #fff;
border-right:2px solid #fff;
height:56px;
}

#home #globalnavi-area{
}

#globalnavi-area li{
float:left;
height:56px;
}
#globalnavi-area li img{
display:block;
}

#header-navi{
margin:0px 0px 13px 0px;
background:url(../imgs/bg_headnavi.gif) 0 0 repeat-x;
}

#header-navi p.contarea{
padding:9px 14px 8px 14px;
width:772px;
background:url(../imgs/bg_headnavi_cont.gif) 0 100% repeat-x;
border-left:2px solid #fff;
border-right:2px solid #fff;
font-size:95%;
}

#header-navi p,
#header-navi p a{
color:#fff;
}

#localnavi-area ul{
width:137px;
padding:3px 13px 40px 13px;
background:url(../imgs/bg_ln_body.gif) 0 0 no-repeat;
}

#localnavi-area li{
padding:10px 0px 9px 5px;
background:url(../imgs/line_top.gif) 0 100% repeat-x;
}

#localnavi-area li span,
#localnavi-area li a{
padding-left:18px;
background:url(../imgs/arrow_blue_sq.gif) 0 2px no-repeat;
}
#localnavi-area li span{
padding-left:18px;
background:url(../imgs/arrow_orange.gif) 0 2px no-repeat;
}
#localnavi-area li a{
display:block;
color:#333;
text-decoration:none;
}
#localnavi_foot{
margin-top:-1px;
height:12px;
overflow:hidden;
background:url(../imgs/bg_ln_foot.gif) 0 100% no-repeat;
}
.stay{
display:block;
}
/* 3. link style
-------------------------------------------*/

a:link{
color:#06c;
}

a:visited{
color:#06c;
}

a:hover{
color:#06c;
}

a:active{
color:#06c;
}

/* 4. common parts
-------------------------------------------*/
.contarea{
margin:0px auto;
width:804px;
}
.fontbold{
font-weight:bold;
}
/* 4.1 of header
-------------------------------------------*/
#logo{
float:left;
}
#logo p{
float:left;
}
h1{
float:left;
padding-left:5px;
padding-top:20px;
font-size:80%;
font-weight:bold;
color:#666;
}

#header p{
padding:0px;
border:none;
}

ul#headmenu{
position:absolute;
bottom:5px;
right:0px;
float:right;
padding-top:66px;
width:400px;
}

#headmenu li{
/*display:inline;*/
float:right;
margin-right:24px;
padding-left:12px;
background:url(../imgs/arrow_blue.gif) 0 2px no-repeat;
font-size:90%;
}

#headmenu li a{
color:#666;
text-decoration:none;
}

/* 4.2 of content
-------------------------------------------*/
#about #maincol h2,
#information #maincol h2,
#staff #maincol h2{
margin:10px 0px 21px 2px;
}

#wide #maincol h2{
margin:10px 0px 21px 2px;
}


h3{
padding-left:7px;
padding-bottom:8px;
background:url(../imgs/bg_h3.gif) 0 bottom no-repeat;
font-weight:bold;
font-size:110%;
line-height:1.3;
}

div.t_h3{
padding-top:2px;
width:579px;
background:url(../imgs/bg_h3_head.gif) 0 0 no-repeat;
}

.t_h3 span{
display:block;
margin-top:-1px;
padding:4px 8px 0px 22px;
background:url(../imgs/m_h3.gif) 0 0 no-repeat;
}

h4{
margin:18px 0px 10px 8px;
padding:0px 0px 11px 0px;
background: url(../imgs/bg_h4.gif) 0 bottom no-repeat;
font-weight:bold;
}

h4 span{
padding-left:18px;
background:url(../imgs/arrow_blue.gif) 2px 2px no-repeat;
}

p.nomal{
margin-top:18px;
margin-left:20px;
}


/* 4.3 of footer
-------------------------------------------*/
#footer .contarea{
margin:0px auto;
width:880px;
}
#footerlogo{
float:left;
}
#copy{
float:left;
margin-top:19px;
padding-left:9px;
color:#fff;
}
#footer ul{
float:right;
padding:19px 49px 0px 0px;
}
#footer li{
display:inline;
padding:0px 5px 0px 8px;
background:url(../imgs/line_footnavi.gif) 100% 50% no-repeat;
}
#footer li a{
text-decoration:none;
color:#fff;
}

#footer li.lastchild{
background:none;
}