/* CSS Document */


/*========= 共通_上のタイトルバー ===============*/

#title{background-image:url(../images/common/h_title_back.gif);
       height:62px;
	   width:760px;
	   margin:0px;
	   padding:0px;
		position:relative;
		clear:both;}
	   
h1{float:left;
   width:510px;
   margin:0px;
   background:url(../images/common/h_title.gif) no-repeat;}
   
h1 a{display:block;
     width:inherit;	 
	 height:55px;
	 text-indent:-9999px;
	 overflow:hidden;}
	 
div#ti01{float:left;
         width:243px;
	     margin:0px 0px 0px 6px;
		 padding:0px;
		 height:62px;}			      

#title ul{
	height:20px;
	width:243px;
	background:url(../images/common/h_bt.gif) no-repeat;
	margin:9px 0px 0px 0px;
    }

#title ul li{float:left; list-style:none; text-indent:-9999px; overflow:hidden; margin:0px; font-size:9px; height:20px;}
			   
#title ul a{height:20px; width:81px; display:block;}

#title ul a:hover{background:url(../images/common/h_bt_o.gif) no-repeat;}
#title ul li.h_bt01 a:hover{background-position:0px 0px;}
#title ul li.h_bt02 a:hover{background-position:-81px 0px;}
#title ul li.h_bt03 a:hover{background-position:-162px 0px;}

div#ti02{text-indent:-9999px; background:url(../images/common/h_bt04.gif) no-repeat;
		 margin:0px 0px 0px 113px; padding:0px; font-size:9px; line-height:100%;}
		 
div#ti02 a{display:block; width:130px; height:26px; overflow:hidden;}		 

div#ti02 a:hover{background-image:url(../images/common/h_bt04o.gif);}	

/*=========== 共通_上　メニューバー ===========*/
ul#kyoutu{font-size:6px;
          line-height:100%;
          width:760px;
		  margin:0px 0px;
		  padding:0px;
		  height:35px;
		  border-bottom:#26425f 5px solid;
		  background:url(../images/common/m_bt.gif) no-repeat;}

ul#kyoutu li{float:left;
             font-size:6px;
             line-height:100%;
			 list-style:none;
			 margin:0px;
			 text-indent:-999px;
			 overflow:hidden;}
			 
ul#kyoutu li a{display:block;
               height:35px;
               width:108px;}

ul#kyoutu li a:hover{background:url(../images/common/m_bt_o.gif) no-repeat;}  
ul#kyoutu li.m_bt01 a:hover{background-position:0px 0px;}
ul#kyoutu li.m_bt02 a:hover{background-position:-110px 0px;}
ul#kyoutu li.m_bt03 a:hover{background-position:-218px 0px;}
ul#kyoutu li.m_bt04 a:hover{background-position:-326px 0px;}
ul#kyoutu li.m_bt05 a:hover{background-position:-434px 0px;}
ul#kyoutu li.m_bt06 a:hover{background-position:-542px 0px;}
ul#kyoutu li.m_bt07 a:hover{background-position:-650px 0px;}

ul#kyoutu li.m_bt01_now a{background:url(../images/common/m_bt_o.gif) no-repeat 0px 0px;}  
ul#kyoutu li.m_bt02_now a{background:url(../images/common/m_bt_o.gif) no-repeat -110px 0px;}  
ul#kyoutu li.m_bt03_now a{background:url(../images/common/m_bt_o.gif) no-repeat -218px 0px;}  
ul#kyoutu li.m_bt04_now a{background:url(../images/common/m_bt_o.gif) no-repeat -326px 0px;}  
ul#kyoutu li.m_bt05_now a{background:url(../images/common/m_bt_o.gif) no-repeat -434px 0px;}  
ul#kyoutu li.m_bt06_now a{background:url(../images/common/m_bt_o.gif) no-repeat -542px 0px;}
ul#kyoutu li.m_bt07_now a{background:url(../images/common/m_bt_o.gif) no-repeat -650px 0px;}  

ul#kyoutu li.m_bt01_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat 0px 0px;}  
ul#kyoutu li.m_bt02_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat -110px 0px;}  
ul#kyoutu li.m_bt03_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat -218px 0px;}  
ul#kyoutu li.m_bt04_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat -326px 0px;}  
ul#kyoutu li.m_bt05_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat -434px 0px;}  
ul#kyoutu li.m_bt06_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat -542px 0px;}
ul#kyoutu li.m_bt07_now a:hover{background:url(../images/common/m_bt_o.gif) no-repeat -650px 0px;}  

ul#kyoutu li.m_bt01 a,ul#kyoutu li.m_bt01_now a,ul#kyoutu li.m_bt07 a,ul#kyoutu li.m_bt07_now a{
width:110px!important;}


h2{margin:0px 0px 15px 0px;}

/*===========  右側_メニューバー 基本部分=============*/
#menu ul{margin:0px;
		 padding:0px;}
		
#menu ul li{list-style:none;
            display:inline; /* ie5.x専用*/
            voice-family: "\"}\"";
            voice-family: inherit;
            display:block; /* ie5.x以外の設定}*/}
			
ul#other li{margin:0px; list-style:none; padding:3px 5px}

ul#other li a{height:40px; width:123px; display:block;}

ul#other li.feature{overflow:hidden;}
ul#other li.feature a{background:url(../products/images/side/s_bn01.gif) no-repeat; text-indent:-9999px;}
ul#other li.feature a:hover{background:url(../products/images/side/s_bn01o.gif) no-repeat;}

ul#other li.wide {overflow:hidden;}
ul#other li.wide a{background:url(../products/images/side/s_bn02.gif) no-repeat; text-indent:-9999px;}
ul#other li.wide a:hover{background:url(../products/images/side/s_bn02o.gif) no-repeat;}

ul#other li.pjnavi {overflow:hidden;}
ul#other li.pjnavi a{background:url(../products/images/side/s_bn05.gif) no-repeat; text-indent:-9999px;}
ul#other li.pjnavi a:hover{background:url(../products/images/side/s_bn05o.gif) no-repeat;}

ul#other li.dlp {overflow:hidden;}
ul#other li.dlp a{background:url(../products/images/side/s_bn04.gif) no-repeat; text-indent:-9999px;}
ul#other li.dlp a:hover{background:url(../products/images/side/s_bn04o.gif) no-repeat;}

ul#other li.lcd {overflow:hidden;}
ul#other li.lcd a{background:url(../products/images/side/s_bn03.gif) no-repeat; text-indent:-9999px;}
ul#other li.lcd a:hover{background:url(../products/images/side/s_bn03o.gif) no-repeat;}

.sen{background-color:#333333; height:1px; width:128px; margin:15px 3px;}

#index_top #title .txtlink {
	position:absolute;
	left: 200px;
	top: 20px;
	z-index: auto;
	height: 15px;
	width: 67px;
	clear: both;
}

