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

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



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

#header {
position: relative;
width: 960px;
height: 95px;
padding: 0;
background-color: transparent;
}
#header h1 {
position: absolute;
top: 15px;
left: 0;
}

/*--*/

#header ul.langnav {
position: absolute;
top: 15px;
left: 350px;
}
#header ul.langnav li {
display: inline;
float: left;
margin: 0 0px 0 15px;
padding: 1px 0 0 17px;
}
#header ul.langnav li.L-JP {
background: transparent url(../images/icon_arwnext.gif) left top no-repeat;
	text-indent: 5px;
}
#header ul.langnav li.L-EN {
background: transparent url(../images/icon_arwnext.gif) left top no-repeat;
	text-indent: 5px;
}
#header ul.langnav li.L-CH {
background: transparent url(../images/icon_arwnext.gif) left top no-repeat;
	text-indent: 5px;
}
#header ul.langnav li.L-KR {
background: transparent url(../images/icon_arwnext.gif) left top no-repeat;
	text-indent: 5px;
}

#header ul.langEnav{
position: absolute;
top: 35px;
left: 350px;
}

#header ul.langEnav li {
display: inline;
float: left;
margin: 0 0px 0 15px;
padding: 1px 0 0 17px;
}
#header ul.langEnav li.L-ej {
background: transparent url(../images/icon_arwnext.gif) left top no-repeat;
	text-indent: 5px;
}

#header ul.langnav li a,
#header ul.langEnav li a{
color: #00F;
text-decoration: none;
}
#header ul.langnav li a:hover,
#header ul.lanEgnav li a:hover {
color: #F00;
text-decoration: underline;
}
/*--*/


#header ul.supplenav {
position: absolute;
top: 15px;
right: 3px;
}
#header ul.supplenav li {
display: inline;
float: left;
margin: 0 0 0 15px;
padding: 1px 0 0 17px;
background: transparent url(../images/icon_arwnext.gif) left top no-repeat;
}
#header ul.supplenav li a {
color: #007fb9;
text-decoration: none;
}
#header ul.supplenav li a:hover {
color: #b8c300;
text-decoration: underline;
}

#header form.search-box {
position: absolute;
top: 35px;
right: 0;
}

#header form.search-box input#search {
float: left;
border: 1px solid #f1f1f1;
margin: 10px 0 0 11px;
padding: 4px 1px 3px 1px;
width: 235px;
vertical-align: top;
}
* html #header form.search-box input#search { /* -- This is for IE6 and below -- */
width: 241px;
height: 23px;
}
#header form.search-box input:hover {
background-color: #f9f9f9;
}
#header form.search-box input:focus {	
background-color: #f9f9f9;
}
#header form.search-box input.btn-search {
float: left;
margin: 10px 0 0 7px;
vertical-align: top;
}



/*--------------------------------------
  Global Navigation
---------------------------------------*/

#globalnav {
width: 960px;
_width: 960px; /* WinIE6 */
\_width: 960px; /* WinIE5.5/5.0x */
margin: 0;
padding: 0 0 0 0;
border-bottom: 1px solid #ececec;
background: #ffffff;
}
#globalnav li {
display: inline;
}

#globalnav li a,
#globalnav li a:visited {
float: left;
margin: 0;
padding: 10px 20px 7px 20px;
color: #0000FF;
text-decoration: none;
font-weight: normal;
}
#globalnav li a:hover,
#globalnav li.on a {
color: #FF0000 !important;
text-decoration: none;
background-color: #d2df00 !important;
}



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

.sidenavbox {
width: 200px;
margin: 0 0 20px 0;
padding: 0 0 1px 0;
background-color: #ffffff;
}
.sidenavbox h2 {
margin: 0;
padding: 0;
line-height: 1.6;
text-align: left;
border: none;
}
.sidenavbox h2 a {
display: block;
padding: 9px 0 5px 0;
color: #444444;
text-decoration: none;
}
.sidenavbox h2 a:hover {
color: #b8c300;
text-decoration: underline;
}

ul.sidenav,
ul.sidenav2 {
width: 200px;
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: 200px;
line-height: 120%;
}
ul.sidenav2 li h3 {
margin: 0;
padding: 10px 0 7px 14px;
border: none;
font-weight: normal;
background: #FFF url(../images/nav2_secheader.gif) 2px 15px no-repeat;
}
ul.sidenav ul,
ul.sidenav2 ul {
margin: 0;
border-bottom: none;
}

ul.sidenav li a,
ul.sidenav li a:visited,
ul.sidenav2 li a,
ul.sidenav2 li a:visited {
display: block;
width: 191px;
margin: 0;
padding: 9px 0 6px 9px;
color: #007fb9;
text-decoration: none;
background: #ffffff url(../images/nav_secbg.gif) left 15px 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: 181px;
padding: 9px 0 6px 19px;
background: #FFF url(../images/nav_secbg.gif) 10px 15px 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: 172px;
padding: 9px 0 6px 28px;
background: #FFF url(../images/nav_secbg.gif) 20px 15px no-repeat;
}

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

ul.sidenav li a:hover,
ul.sidenav2 li a:hover,
ul.sidenav li a#selected,
ul.sidenav2 li a#selected {
width: 191px;
margin: 0;
padding: 9px 0 6px 9px;
color: #b8c300;
text-decoration: underline;
}
ul.sidenav li ul li a:hover,
ul.sidenav li ul li a#selected,
ul.sidenav2 li ul li a:hover,
ul.sidenav2 li ul li a#selected {
width: 181px;
padding: 9px 0 6px 19px;
}
ul.sidenav li ul li ul li a:hover,
ul.sidenav2 li ul li ul li a:hover,
ul.sidenav li ul li ul li a#selected,
ul.sidenav2 li ul li ul li a#selected {
width: 172px;
padding: 9px 0 6px 28px;
}

* html ul.sidenav li a:hover,
* html ul.sidenav li ul li a:hover,
* html ul.sidenav li ul li ul li a:hover,
* html ul.sidenav2 li a:hover,
* html ul.sidenav2 li ul li a:hover,
* html ul.sidenav2 li ul li ul li a:hover,
* html ul.sidenav li a#selected,
* html ul.sidenav2 li a#selected,
* html ul.sidenav li ul li a#selected,
* html ul.sidenav2 li ul li a#selected,
* html ul.sidenav li ul li ul li a#selected,
* html ul.sidenav2 li ul li ul li a#selected { /* -- This is for IE6 and below -- */
width: 200px;
}



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

#footer {
clear: both;
margin: 0 auto; /* -- This setting is for IE6 and below -- */
background: #ffffff;
}
#footer ul {
width: 960px;
margin: 0 auto;
padding: 15px 0 5px 0;
background: #ffffff;
border-top: 1px solid #ececec;
}
* html body #footer ul { /* -- This is for IE6 and below -- */
margin: 0;
}
#footer ul li {
float: left;
word-break: keep-all;/* Only for IE*/
margin: 0;
padding: 1px 20px 10px 0;
}
#footer address {
width: 952px;
margin: 0 auto;
padding: 20px 4px 21px 4px;
line-height: 1.8;
font-style: normal;
text-align: right;
background-color: transparent;
}
* html #footer address { /* -- This is for IE6 and below -- */
width: 960px;
}

#footer a { color: #007fb9; text-decoration: none; }
#footer a:hover { color: #b8c300; text-decoration: underline; }