/*
    File Name: style.css
*/

/* body */
    body {
        margin:0px auto;
        padding:0px;
        font-family: 'ＭＳＰゴシック', 'Verdana', Helvetica san-serif;
        font-size:13px;
        position:relative;
     color:#333;
     
    }

a:hover.titleyokota img{
  opacity:0.6;
  filter: alpha(opacity=60);

}

    a.more {
			float: left;
			display: block;
			background: url(../images/ww.gif) 0px 0px no-repeat;
			padding: 1px 0px 13px 19px;
			color: #46710c;
text-decoration:underline;
				font: 1.0em;
		}
    
    
    
 
h2.yokota{
background:url("../images/h1.jpg") no-repeat;
font-size:17px;
padding:3px 0 0 25px;
height:40px;
font-weight:bold;
margin-bottom:7px;
color:#383838; 
}   
    
    
    
    
    
a.arrow1 {


	background-image: url(../images/arrow7_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

    a.more {
			float: left;
			display: block;
			background: url(../images/let5.gif) 0px 0px no-repeat;
			padding: 1px 0px 13px 19px;
			color: #46710c;
text-decoration:underline;
				font: 1.0em ;
		}
    
    
    
    
    
    
    
    

.migihasimenu {
	position: absolute;
	top: 38px;
	left: 724px;
}



/* Reset */
    ul, ol,li, h1,h2,h3,h4,h5,h6,form,p,a,img{
        margin:0;
        padding:0;
        border:0;
    }
    .clear{
        clear:both;
    }
    
    a{
        outline: none;
    }

/* Layout general*/
		
    /* header */
    #header{
        clear:both;
        width:966px;
        margin:0 auto 0 auto;
        display: block;
        padding-top:30px;
    }

    /* logo */
    #logo{
        overflow:hidden;
        float:left;
        margin-left:0px;

    }

    #logo .png{
        margin:0;
        padding:0;
        line-height:0px;
        font-size:0px;
    }












div#navi ul{
clear:both;
width:966px;
margin:6px 0 0 1px;
}

div#navi img{
vertical-align:bottom;
}

div#navi ul li{
list-style:none;
float:left;
}









    /* header right area */
        #header_right{
    }

/* Backgrounds */
    #container{
    }  

    #container1{
        clear:both;
        display:block;
        padding-top:15px;
    }
    
    #container2{
        clear:both;
        display:block;
        min-height:194px;
    }

    #container3{
        width:966px;
        margin:0 auto;
    }        
 
/* main layout */















    /* page curv top */
    .page_curv_top{
        height:24px;
        width:966px;
        position:absolute;
        z-index:960;
        margin:0 auto;
        clear:both;
        display:block;
    }
    
    .content_con{
        width:966px;
        
    }

    .content_con2{
        display:block;
        position:relative;
        width:960px;
        margin:0 auto;
        padding-top:25px;
    }
    
    .content{
        width:635px;
        float:left;
        display:inline;
        margin:0 auto;
    }


.contentyokota{
        width:735px;
        float:left;
        display:inline;
        margin:0 auto;
    }


    /* content area for two columns sub pages */
    .content.sub{
        width:615px;
        float:left;
        margin:0 10px;
    }

    /* content area for full width sub pages */
    .content.sub.fullwidth{
        width:940px;
        clear:both;
        margin:0 10px;
    }        

    /* content area for product list */
    .content.productlist{
        width:630px;
        float:left;
        margin:0;
    }        

    /* sidebar */
    .sidebar{
        width:325px;
        float:right;
        overflow:hidden;

    }

    /* layers for side shadow */
    .sidebars1{ 
        min-height:220px;
        padding-bottom:5px;
        overflow:hidden;

    }

    .sidebars2{ 
        padding-left:10px;
    }
    
     .sidebars2 .box.small{
        float:none;
        clear:both;
        padding-bottom:0px;
    }
 
 
 
 
 
 
 
 
 
 
     /* yokota_sidebar */
    .yokota_sidebar{
        width:250px;
        float:right;
    }

    /* layers for side shadow */
    .yokota_sidebars1{ 
        min-height:20px;
        padding-bottom:5px;
    }

    .yokota_sidebars2{ 
        padding-left:0px;
    }
    
     .yokota_sidebars2 .box.small{
        float:none;
        clear:both;
        padding-bottom:0px;
    }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* Paging */

    .paging {
        display:block;
        clear:both;
        padding:10px 10px 0 10px;
        overflow:hidden;
    }
        
    .paging.blog {
	padding:0;
    }
	
    .paging ul, .paging ul li{
	margin:0;
	padding:0;
	list-style-type:none;
    }
        
    .sub.content .paging li, .sub.content .paging ul{
	border:0;
    }
        
    .paging ul li{
	display:inline;
	margin-right:5px;
	float:left;
	font-size:12px;
	line-height:11px;
    }

    /* paging link*/
   .paging ul li a, .paging ul li.active a{
       border:0;
       padding:8px 0px;
       overflow:hidden;
       width:28px;
       display:block;
       text-align:center;
       text-decoration:none;
   }
   
    /* paging mouseover*/
    .paging ul li.active a, .paging ul li a:hover{
       text-decoration:none;
    }
     
    /* Arrow Left */   
    .paging ul li.arrowleft a{
    }
        
    /* Arrow Left Hover State */
    .paging ul li.arrowleft a:hover{
    }        

    /* Arrow Right  */
    .paging ul li.arrowright a{
    }
    
    /* Arrow Right Hover State */    
    .paging ul li.arrowright a:hover{
    } 
 
/* News Box */
    .news_line{
        height:2px;
        width:auto;
        margin:6px 0;
    }

    .news_date{
        letter-spacing:1.5px;
        font-size:9px;
    }

    a.news {
        text-decoration:none;
        position:relative;
        display:inline;
    }

    a.news:hover {
        text-decoration:underline;
    }
    
        
/* Home Page Slider */
    #slider_con{
        display:block;
        clear:both;
        padding:0px;
        margin:0;
        width:960px;
        margin:0 auto;
        height:350px;
        position:relative;
    }
    
    
        #slider_con_yokota_1{
        display:block;
        clear:both;
        padding:0px;
        margin:0;
        width:960px;
        margin:0 auto;
        height:200px;
        position:relative;
    }
        
        
        
    #slider_area{
        overflow:hidden;
        width:940px;
        margin:0 auto;
        position:relative;
        z-index:1;
        height:350px;
    }
        
    .slide{
        margin-top:13px;
        width:940px;
    }

    .slide .image{
        margin:0;
        padding:0;
        border:0;
        position:relative;
        top:0;
        left:0;
    }
        
    /* slider right side */
    #slider_area .right_side{
        height:260px;
        width:290px;
        padding:70px 10px 10px 10px;
        position:absolute;
        left:610px;
        z-index:6;
        right:0;
        top:0;
        margin:0px 10px;
        font-size:12px;
        overflow:hidden;
    }
        
    .slider_curv{
        height:56px;
        position:absolute;
        top:300px;
        z-index:940;
        width:960px;
        clear:both;
    }
        
    /* slider numbers*/
    #numbers{
        z-index:999;
        padding:0px 0 0 0px ;
        position:absolute;
        bottom:50px;
        left:13px;
        width:14px;
    }

    #numbers img{
        padding:2px 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
    /* active number style*/
    #numbers a { 
        display:block;
        outline: none;
    }


    /* slider numbers*/
    /* active number style*/
    #numbers    a{ 
    }
    
    #numbers   a:hover{ 
    }
    
    #numbers   a.activeSlide{ 
    }


/* sub navigation */
    #sub_menu, #sub_menu li{	
        padding:0;
        list-style-type:none;
        margin:0;
    }
    
    /*Sub page list*/
    #sub_menu  li{	
        padding:5px 0 4px 0;
        border:0;  
    }
    
    /*Sub page menu*/
    #sub_menu  li a{
        line-height:18px;	
        padding-left:20px;
        text-decoration:none;
        border:0;
    			color: #46710c;
				font: 17px; 
        
        
                
    }
    
    #sub_menu  li a:hover{
    }
        

/* Footer */
    #footer {
        min-height:120px;
        clear:both;
        position:relative;
    }
    
    #footer .footer_con{
        margin: 0px auto;	
        min-height:120px;
        clear:both;
        text-align:left;             
    }
    
    #footer .footer_con2{
        margin: 0px auto;
        width:940px;
    }
    
    /* footer1 copyright text */
    #footer .part1{
        float:left;
        margin:55px 15px 20px 0;
        font-size:11px;
        line-height:14px;
    }
    
    #footer .part2 {
        float:left;
        margin:65px 15px 0 0;
    }
    
    
    /* footer1 navigation */
    #footer .part3{
        float:right;
        margin-top:58px;
        font-size:11px;
        line-height:14px;
    }
    /* footer1 links */
    #footer  a{
        text-decoration:none;
    }
    #footer  a:hover{
        text-decoration:underline;
    }

/*  sub page header */
    .sub_header{
        width:940px;
        margin:0 auto;
        height:40px;
        position:relative;
        top:10px;
        clear:both;
        display:block;
        z-index:969;
    }
        
/* Breadcrumb Menu */
    .breadcrumb{
        padding:8px 0 0 0 ;
        font-size:10px;
        position:absolute;
        left:0;
        top:0;
    }
    
    .breadcrumb  a{	
        margin-left:0px;
        text-decoration:none;
    }
    
    .breadcrumb a:hover{
        text-decoration:underline;
    }

/* search bar */
    .search_bar{
        padding:8px 0 0 0 ;
        font-size:10px;
        position:absolute;
        right:1px;
        top:5px;
        width:300px;
        height:26px;
            border:0;
    }
    
    .search_bar form input{
        height:17px;
        position:absolute;
        top:1px;
        margin-left:10px;
        width:200px;
        line-height:22px;
        font-size:11px;
        padding:2px 0 0 0;
        border:0;
    }
    
    .search_bar form .searchsubmit{
        border:0;
        width:24px;
        height:18px;
        position:absolute;
        right:5px;
        top:0px;
    }            

/* Navigation */
    .navigation{
        background: transparent; /*background of menu bar (default state)*/
        font-size: 12px;
        margin:0px 0 0 0;
        padding-top:15px;
        position:relative;
        z-index:999;
    }
    .navigation ul{
        z-index:100;
        list-style-type: none;
        list-style-position:outside;
        border:0;
        margin:0;
        padding: 0;
        float:right;
    }
    
    /*Top level list items*/
    .navigation ul li{
        position: relative;
        display: inline;
        float: left;
        text-align:center;
        margin: 0 4px 0 0;
        padding:0 12px 0 0;
        border:0;
        text-decoration: none;
        font-size: 10px;
    }
    
    /*Top level menu link items style*/
    .navigation ul li a{
        display: block;
        text-decoration: none;
        padding:0px 0 2px 12px;
        margin:0px;
        text-decoration: none;
        font-size:11px; 
    }
    
    * html .navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
        display: inline-block;
    }
    
    .navigation ul li ul{
        position:absolute;
        width:193px;
        display:none;
    }
    
    .navigation ul li ul li, .navigation ul li ul li a{
        clear:both;
        margin: 0;
        padding: 0 10px 0 10px;            
        text-align:left;
        width:176px;
    }
    
    .navigation ul li ul li a{
        width:160px;
    }
    
    .navigation ul li .first_ul li a:hover, .navigation ul li ul a.selected{
        margin:0; 
    }
    
    .navigation ul li ul li {
    }           
    
    
    /* active state & hover state */         
    .li_active, .navigation ul .active, ul.navigation li.current_page_item{
    }        
    
    .navigation ul li .a_active, .navigation ul .active a, ul.navigation li.current_page_item a{
    }
    
    ul.navigation li.current_page_item ul li a,  ul.navigation li ul li a{
        background:none;
        padding:4px 6px;
    }
    
    .navigation ul .active ul a{
        background: none;
    }
    
    
    /*first ul background*/
    .navigation ul li .first_ul{
        padding:6px 0 12px 0;
        margin:0;
        width:193px;
    }  
    
    .navigation ul li ul .first_li{
        padding-top:6px;
        width:193px;
    }
    
    .navigation ul li ul .last_li{
        border-bottom:0px;
    }                            

/* Brand Logos */
    .sidebar .box .brands{
       list-style:none;
       margin:0;
       padding:0;
       border:0;
   }
   
   .sidebar .box .brands li{
       float:left;
       margin:0 5px;
       border:0;
   }

/* Lists */
    ul, ol{
        list-style-position:outside;
        margin:0px 0px 20px 20px;
    }
    
    /* content lists */
    .content.sub ul, ol{
        list-style-position:inside;
        margin:0px 0px 20px 0px;
    }
    
    .content.sub ul ul, .content.sub ol ol{
        list-style-position:inside;
        padding:0 10px;
        margin:0px 0px 0px 0px;
    }
    
    .content.sub ul ul li, .content.sub ol ol li{
        list-style-position:inside;
        padding:0px 10px 0px 10px;
        margin:5px 0px 5px 0px;
    }
    
    .content.sub ul, .sub.content ol  {	
    }
    
    .sub.content li{
    }
    
    /* No Bulet List*/
    ul.nobullet, ol.nobullet{
        list-style:none;
        list-style-position:outside;
        margin:0px 0px 20px 20px;
    }        
    
    /* sidebar list */
    .sidebar .box ul{	
        padding:0;
        list-style-type:none;
        border:0;
        margin:0;
    }
    
    .sidebar .box  li{	
        padding:3px 0 7px 0;
    }
    
    .sidebar .box  li a{	
        font-size:17px;
        margin-left:0px;
        text-decoration:none;
        border:0;
    }
    
    .sidebar .box  li a:hover{
    }        
        
/* Links */	 
    a{
        text-decoration:underline;
    }
    
    a:hover{
        text-decoration:none;
    }
    
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        text-decoration:none;
    }
    
    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
        text-decoration:none;
    }
        
/* Headings*/
    h1,h2,h3,h4,h5,h6{
        letter-spacing:0px;
        font-weight:normal;
        position: relative;
        padding: 0 0 10px 0;
        font-family: 'Trebuchet MS', 'Arial', Helvetica, san-serif;               
        font-weight:normal;
    }
    
    h1{
        font-size: 34px;
        line-height:54px;
    }
    
    h2{
        font-size: 26px;
        line-height:36px;		
    }
    
    h3{
        font-size: 24px;
        line-height:100%;
    }
    
    h4{
        font-size: 20px;
        line-height:30px;			
    }
    
    h5{
        font-size: 18px;
        line-height:27px;		
    }
    
    h6{
        font-size: 16px; 
        line-height:24px;	
    }

/* Text Elements */
    blockquote {
        font-size:15px;
        line-height: 24px;
        padding:10px 0 10px 75px;
        margin:10px 0px 30px 5px;
        font-style:italic;
        font-family:"Georgia","Times New Roman", sans-serif;
    }
    
    blockquote em, blockquote i, blockquote cite {
        font-style:normal;
    }
    
    pre {
        line-height:18px;
        margin-bottom:18px;
    }
    
    code {
    }
    
    ins {
        text-decoration:none;
    }
    
    sup {
        bottom: 1ex;
    }
    
    sub {
        top: .5ex;
    }
    
    p {
        padding-bottom:15px;
    }

/*contact form */
    #contact_form ul, #contact_form ul li{
        list-style-type:none;
        list-style-position:outside;                
        border:0;
        margin:0;
        padding:0;
    }
    
    #contact_form ul li {
        margin:0px 0 4px 0px;
        padding:4px 0 4px 0px;
    }

/*contact form validation*/
    #validate_form label{
        display: block;
    }
    
    #validate_form label.error {
        display: block;
        font-style: italic;
        font-weight: normal;
    }
    
    #validate_form .error{
    }
    
    #contact_form input, #contact_form select{
        width:300px;
    }
    
    #contact_form textarea{
        width:500px;
    }
    #contact_form .button{
        width:100px;
    }

/* Forms */
    input, select, textarea{
        font-size:13px;
        position:relative;
        outline: none;
        padding:4px;
        margin-right:1px;
    }
    
    .button{
        cursor:pointer;
        padding:3px 20px;
        clear:both;
        border:none;
        overflow:visible;
        outline: none;
    }
    
    .button:hover{
        overflow:visible;
    }
    
    .searchbox{
        width:182px;
        margin-right:4px;
    }
    
    .button.search{
        width:auto;
    }
        
/*contact form */
/*contact form validation*/
    #validate_form label{
    }
    
    #validate_form label.error {
    }
    
    #validate_form .error{
    }
    
/* Form Messages*/
    .ok_box{
        padding:20px;
        margin:10px auto;
        font-size:13px;
    }    

    .ok_box h3{
        font-size:18px;
    }    
    .error_box, #loader{
        padding:20px;
        margin:10px auto;
        font-size:13px;
    }
    
/* Forms */
    input, select, textarea{
        font-family: Arial, Helevtica, Verdana, san-serif;
    }
    
    .button{
    }
    
    .button:hover{
    }
        
        
/* Tables */
    table{
        width:100%;
        border-collapse:collapse;
        border-spacing:0;	
    }
    
    table caption strong{
        text-align:left;
        font-size: 14px;
        font-weight: normal;
        line-height:20px;
        font-weight:bold;
  
    }
    
    table caption{
        text-align:left;
        padding: 10px;
             
    }
    
    table th {
        padding: 13px;
        font-size: 12px;
    }
    
    table td {
        padding: 10px;
        text-align: left;
    }
   

/* Images and Alignments */
    img {
        border:0px;
        margin:0px;
        padding:0px;
    }
    
    img.aligncenter{
        display:block;
        text-align:center;
        display: block;
        margin:0 auto 0 auto;
        padding:0px;
        border:0px;
        background:none;
    }
    
    img.alignleft{
        float:left;
        margin: 2px 8px 2px 0;
        display: inline;
        border:0px;
        background:none;
        padding:0;
    }
    
    img.alignright{
        padding:0;
        float:right;
        margin: 2px 0px 2px 8px;
        border:0px;
        background:none;
    }
    
    
    
    #searchform1 {  
    position: relative;  
}  
#keywords1  {  
    width: 123px;  
    height: 16px;  
    background: url(../images/search.png) no-repeat 8px 3px;  
    border: 1px solid #CCC;  
    padding: 2px 2px 2px 26px;  
}  
#searchBtn1 {  
    position: absolute;  
    top: 0;  
    left: 0px;  
} 



.main_container {  
　float:left;  
　background:url(../images/bg_side.gif) repeat-y right top;  clear: both;  
} 

.side {
	float: left;
	display: inline;
	width: 668px;
	margin-left: 15px;
	text-align: left;
margin-top: 0px;
	position: relative;
    z-index: 2;
     color:#4f4f4f;
     padding:0px;
     
     
   
     
}






















.side  a {
font-size: 16px;
}



































.main {
	float: right;
	display: inline;
	width: 250px;
	   padding:0px;
	margin-right: 20px;
	margin-left: 0px;
background-image: url(../images/bback.jp) ;padding-top: 0px;
background-repeat: repeat-y;
	line-height:1.5em;
	margin-top: 0px;
position: relative;
    z-index: 2;
  color:#4f4f4f;

	
}








#breadcrumbs {
    z-index: 2;
    position: relative;
	height:2.6em;
	border:1px solid #c9c9c9;
}
#breadcrumbs li {
	float:left;
	line-height:2.6em;
	color:#777;
	padding-left:.85em;
}
#breadcrumbs li a {
	background: url(../images/breadcrums.jpg) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
font-size: 12px;
}
#breadcrumbs li a:link, #breadcrumbs li a:visited {
	color:#777;
	text-decoration:none;
	
}
	
	
ul, li {
list-style-type:none;
padding:0;
margin:0;
font-size: 12px;
}



ul.list { 
 list-style-image:url(../images/mark.gif); }