/*
--------------------------------------------------------------------------------
name          : Comunica Templates Original001
author        : Comunica Templates
author_url    : http://www.comunicatemplates.com/

File Name     : /css/navs.css
Description   : サイトのナビゲーション用CSSファイル。
--------------------------------------------------------------------------------
*/



/*--------------------------------------
  Header
---------------------------------------*/

#header {
position: relative;
width: 900px;
height: 118px;
padding: 0;
}
#header h1 {
position: absolute;
top: 21px;
left: 0;
}

#header ul.supplenav {
position: absolute;
top: 30px;
right: 0;
width: 550px;
}
#header ul.supplenav li {
float: right;
padding: 0 10px;
line-height: 1.1;
background: #FFF url(../images/footer_dot.gif) right top no-repeat;
}

#header form.search-box {
position: absolute;
top: 60px;
left: 606px;
}
* html body #header form.search-box { /* -- This is for IE6 and below -- */
left: 603px;
}

#header form.search-box input#search {
float: left;
border: 1px solid #cdc6a2;
padding: 2px;
width: 230px;
vertical-align: top;
}
* html body #header form.search-box input#search { /* -- This is for IE6 and below -- */
width: 236px;
height: 23px;
}
#header form.search-box input.btn-search {
float: left;
margin: 1px 0 0 7px;
vertical-align: top;
}

#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }



/*--------------------------------------
  Local Navigation
---------------------------------------*/

.sidenav-box {
background-color: #a79253;
}

ul.sidenav,
ul.sidenav2 {
width: 220px;
margin: 0 0 15px 0;
padding: 0 0 1px 0;
background: #a79253 url(../images/nav_bottom.gif) left bottom repeat-x;
}
ul.sidenav2 {
margin: 0;
}

ul.sidenav li,
ul.sidenav2 li {
margin: 0;
_margin: 0; /* WinIE6 */
\_margin: 0 0 0 -16px; /* WinIE5.5/5.0x */
vertical-align: top;
width: 220px;
line-height: 110%;
}
ul.sidenav li ul,
ul.sidenav2 li ul {
margin: 0;
padding: 0;
background-color: #a79253;
}

ul.sidenav li a,
ul.sidenav li a:visited,
ul.sidenav2 li a,
ul.sidenav2 li a:visited {
display: block;
width: 205px;
margin: 0;
padding: 11px 0 8px 15px;
color: #FFF;
text-decoration: none;
background: #a79253 url(../images/nav_secbg.gif) left top no-repeat;
}

ul.sidenav li ul li a,
ul.sidenav li ul li a:visited,
ul.sidenav2 li ul li a,
ul.sidenav2 li ul li a:visited {
width: 200px;
padding: 11px 0 8px 20px;
background: #b2a376 url(../images/nav_sec2bg.gif) left top no-repeat;
}

ul.sidenav li ul li ul li a,
ul.sidenav li ul li ul li a:visited,
ul.sidenav2 li ul li ul li a,
ul.sidenav2 li ul li ul li a:visited {
width: 195px;
padding: 11px 0 8px 25px;
background: #b2a376 url(../images/nav_sec2bg.gif) left top no-repeat;
}

* html body ul.sidenav li a,
* html body ul.sidenav li a:visited,
* html body ul.sidenav li ul li a,
* html body ul.sidenav li ul li a:visited,
* html body ul.sidenav li ul li ul li a,
* html body ul.sidenav li ul li ul li a:visited,
* html body ul.sidenav2 li a,
* html body ul.sidenav2 li a:visited,
* html body ul.sidenav2 li ul li a,
* html body ul.sidenav2 li ul li a:visited,
* html body ul.sidenav2 li ul li ul li a,
* html body ul.sidenav2 li ul li ul li a:visited { /* -- This is for IE6 and below -- */
width: 220px;
}


ul.sidenav li a:hover,
ul.sidenav2 li a:hover {
color: #FFF;
background-position: 0 -150px;
}

ul.sidenav li ul li a:hover,
ul.sidenav2 li ul li a:hover {
background-position: 0 -150px;
}

ul.sidenav li ul li ul li a:hover,
ul.sidenav2 li ul li ul li a:hover {
background-position: 0 -150px;
}


ul.sidenav li a#selected,
ul.sidenav2 li a#selected,
ul.sidenav li ul li a#selected,
ul.sidenav2 li ul li a#selected,
ul.sidenav li ul li ul li a#selected,
ul.sidenav2 li ul li ul li a#selected {
background-position: 0 -150px;
}



/*--------------------------------------
  Footer
---------------------------------------*/

#footer {
clear: both;
margin: 0 auto; /* -- This setting is for IE6 and below -- */
color: #413f36;
background: #cec819;
}
#footer ul {
width: 900px;
margin: 0 auto 1px auto;
}
* html body #footer ul { /* -- This is for IE6 and below -- */
margin: 0 0 1px 0;
}
#footer ul li {
float: left;
word-break: keep-all;/* Only for IE*/
margin: 0;
padding: 1px 10px 15px 10px;
background: transparent url(../images/footer_dot.gif) left top no-repeat;
}
#footer address {
text-align: left;
width: 900px;
margin: 0 auto;
padding: 0 0 35px 0;
line-height: 1.6;
font-style: normal;
}

#footer a { color: #413f36; text-decoration: none; }
#footer a:hover { color: #413f36; text-decoration: underline; }