@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: nav.css
 -----------------------------------------------------------*/
div#nav {
  clear:both;
  width:960px;
  margin:10px auto;}
  
/*==================================================

globalNav

==================================================*/ 

#globalNav {
  height:52px;
  width:960px;}
  
#globalNav li {
  list-style:none;
  float:left;
		}
  
#globalNav li a {
  height:52px;
  display:block;
  text-indent:-9999px;
  width:240px;
  height:52px;
  background:url(../images/header/gnavi.png) no-repeat;
  _background:url(../images/header/gnavi.gif) no-repeat;
  }
	
#globalNav li#gn-about a{
  background-position:0 0px;}


#globalNav li#gn-about a:hover,
#globalNav li#gn-about a.current {background-position:0 -52px;}

#globalNav li#gn-product a{
  width:240px;
  background-position:-240px 0px;}
  
#globalNav li#gn-product a:hover,
#globalNav li#gn-product a.current {background-position:-240px -52px;}


#globalNav li#gn-casestudies a{
  width:240px;
  background-position:-480px 0px;}
  
#globalNav li#gn-casestudies a:hover,
#globalNav li#gn-casestudies a.current{ background-position:-480px -52px;}

#globalNav li#gn-contact a{
  width:240px;
  background-position:-720px 0px;}
  
#globalNav li#gn-contact a:hover,
#globalNav li#gn-contact a.current { background-position:-720px -52px;}
  


/* メニュー追加分 */
/*
#globalNav {
  height:52px;
  width:960px;}
  
#globalNav li {
  list-style:none;
  float:left;
		}
  
#globalNav li a {
  display:block;
  text-indent:-9999px;
  height:52px;
  background:url(../images/header/gnavi.png) no-repeat;
  _background:url(../images/header/gnavi.gif) no-repeat;
  }
	
#globalNav li#gn-about a{
  width:196px;
  background-position:0 0px;}


#globalNav li#gn-about a:hover,
#globalNav li#gn-about a.current {background-position:0 -52px;}

#globalNav li#gn-product a{
  width:195px;
  background-position:-196px 0px;}
  
#globalNav li#gn-product a:hover,
#globalNav li#gn-product a.current {background-position:-196px -52px;}


#globalNav li#gn-casestudies a{
  width:194px;
  background-position:-391px 0px;}
  
#globalNav li#gn-casestudies a:hover,
#globalNav li#gn-casestudies a.current{ background-position:-391px -52px;}

#globalNav li#gn-contact a{
  width:198px;
  background-position:-585px 0px;}
  
#globalNav li#gn-contact a:hover,
#globalNav li#gn-contact a.current { background-position:-585px -52px;}

#globalNav li#gn-bp a{
  margin-left:9px;
  width:168px;
  background-position:-792px 0px;}
  
#globalNav li#gn-bp a:hover,
#globalNav li#gn-bp a.current { background-position:-792px -52px;}

*/

#globalNav a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  filter:none\9;/* IE8 */
  *+filter: none\9;/* IE7 */
  }
  
/*==================================================

pankuzu

==================================================*/ 
 
#contents #pan {
  text-align:right;
  color:#656565;
  float:right;
  padding-top:20px;
  max-width:440px;}

.home_icon {
  margin:0 5px 0 0;
  vertical-align:middle;}

#pan ul {
  margin-top:10px;
  text-align:right !important;}
  
#pan ul li {
  text-align:left;
  display:inline-block;
  min-height:15px;
  background:url(../images/icon_panarrow.gif) no-repeat 10px 3px;
  padding:0px 0 7px 25px;
  list-style:none;
  /display:inline;
  /height:15px;
  }
   
#pan ul#pan2 li {
  text-align:left;
  display:table-cell;
  /display:inline;
  /float:left;
  /height:15px;
  }

#pan a {
  text-decoration:none;
  color:#999;
  font-size:1em;
  }

  


/*==================================================

side menu

==================================================*/ 

div.side_ttl {
  display:block;
  padding:10px 0 10px 25px;
  background:url(../images/icon_arrow.gif) no-repeat 5px 12px;}
 
div.side_menu_box {
  padding:10px 0 0 0;
  background:url(../images/side/sidemenu_box_t.gif) no-repeat top;
  }

 
div.side_ttl a {
  color:#333;
  text-decoration:none;
  font-size:1.2em;
  }
  
div.side_ttl a img {
  margin:0 0 0 3px;
  vertical-align:middle;}
  
ul.side_menu  {
  
  padding:0  10px 10px 10px;
  background:url(../images/side/sidemenu_box_b.gif) no-repeat bottom #F2F5F5;
  }

div.side_ttl a:hover {
  color:#19AAEC;
  text-decoration:none;}
  
ul.side_menu li {
  color:#777;
  background:url(../images/icon_square.gif) no-repeat 3px 10px;
  padding:5px 10px 0 20px;
  list-style:none;}

img.side_banner {border:1px solid #CCC;}
img.side_banner:hover {border:1px solid #19AAEC;}
img.side_banner a:hover {border:1px solid #19AAEC;}



/*==================================================

Product tab

==================================================*/ 

ul#tab {
  width:705px;
  margin:0 0 0 7px;
  clear:both;
  position:relative;
  top:1px;}
  
ul#tab li {
  float:left;
  display:block;
  width:231px;
  height:50px;
  margin:0 2px;
  cursor:pointer;
  list-style:none;
  text-indent:-9999px;}

* html ul#tab li {margin:0 1px;}/* IE6 */
*+html ul#tab li {margin:0 1px;}/* IE7 */
 
.tab1 a {background:url(../products/images/tab_products.gif) no-repeat;}
.tab2 a {background:url(../products/images/tab_solution.gif) no-repeat;}
.tab3 a {background:url(../products/images/tab_partner.gif) no-repeat;}

.select a {background-position:0 -52px;}

ul#tab a {
  display:block;
  width:231px;
  height:50px;}
  



/*==================================================

Business Partner tab

==================================================*/ 

ul#bp_tab {
  width:705px;
  margin:0 0 0 7px;
  clear:both;
  position:relative;
  top:1px;}
  
ul#bp_tab li {
  float:left;
  display:block;
  height:50px;
  margin:0 2px;
  cursor:pointer;
  list-style:none;
  text-indent:-9999px;}

* html ul#bp_tab li {margin:0 1px;}/* IE6 */
*+html ul#bp_tab li {margin:0 1px;}/* IE7 */
 
.bp_tab1 a {
  background:url(../bp/members/images/tab_bp_faq.gif) no-repeat;
  width:155px;}
  
.bp_tab2 a {
  background:url(../bp/members/images/tab_bp_dl_photo.gif) no-repeat;
  width:116px;}
  
.bp_tab3 a {
  background:url(../bp/members/images/tab_bp_dl_illust.gif) no-repeat;
  width:116px;}

ul#bp_tab a {
  display:block;
  height:50px;}
  
ul#bp_tab li.select a {background-position:0 -52px;}