@charset "utf-8";
/* CSS Document */

*{list-style-type: none;
  
  margin: 0;
  padding: 0;}
  

#logo a{text-decoration: none;}


html, body, #wrapper {height: 100%;}
 
body > #wrapper {height: auto; min-height: 100%;}
 

a img{border-style:none;}



#wrapper
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     width:960px;         /* 幅を決定する */
    }

#header{ height: 38px;
         background-color: #ff9933;
		 }

#logo{height: 105px;}



#logo h1 a{color:#666;}
#logo h1 a:hover{color:#666;}
#logo h1 a:visited{color:#666;}

#logo h1{
       text-align:left;
	   font-size: 40px;
	   color: #666666;
	   font-family: "Corbel";
	   line-height: -1;
	   margin-top:20px;}
	   
#logo p{font-size:15px;
		 font-weight: 200;
		 margin-top:25px;}



#logo ul.moji li a{color: #333;}
#logo ul.moji li a:hover{color: #F93;}


#logo ul.moji li{float:left;
                  font-size: 15px;
				  color:#333;}


#logo ul.moji li{float:left;
                  font-size: 15px;
				  color:#333;}



#logo ul.m2 li a{
				 border: #666 solid 1px;
				 color: #666;
				 font-weight: bold;
				 text-align:center;
				 border-radius:3px;
				 vertical-align:central;}

#logo ul.m2 li{
	float:left;
	margin-right:20px;
	color: #666;
	font-weight: normal;
			   }


#logo ul.m2{
	clear:both;
	margin-left: 740px;

	}



#logo ul.moji{
        display:block;
		margin-left:550px;
		margin-top: -50px;
		margin-bottom:10px;
		
	}



#slideshow {
    clear:both;
    border: #999 solid 1px;
	margin: 0 auto;
    width: 960px;
    height: 300px;
    text-align: left;
    overflow: hidden;
    position: relative;
	 box-shadow: 1px 1px 5px #000; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ 	 
	border-radius: 1px;
	margin-bottom: 14px;
}


#slideshow img {

    top: 0;
    left: 0;
    position: absolute;

}





#botan{width: 960px;
       height: 50px;
	    }



         
			
/*----階層------*/

#botan ul#nav {
    float: left;
    border: none;
    height: 50px;
}

#botan ul#nav li { 
        float: left;
 margin-left:1px;
        height: 50px;
        width: 191px;
        text-align: center;
    }
#botan ul#nav li.hover {
        background: #ff9933;
    }

#botan ul#nav li a {
            display: block;
            color: #ff9933;
            text-decoration: none;
        }

#botan ul#nav li ul {
            border: none;
            display: none;
            background: #FC9;
            overflow: hidden;
            opacity: .9;
            filter: alpha(opacity=90);
        }

#botan ul#nav li ul li {
                border-bottom: solid #F93 1px;
line-height:55px;}
#botan ul#nav li ul li.hover {
                background: #F93;
            }
			

#botan ul#nav li ul li a {
					font-family: "小塚ゴシック Pro";
					font-weight: 600;
                    color: #333;
                }



#hyouji li{float: left;
　　　　　margin-right: 20px;
          color: #333;
		  font-family:"小塚ゴシックPro";
		  font-size: 12px;
           }
		   
#hyouji li a{color: #f93;}

        
#hyouji{
	margin-top:10px;
	margin-left: 189px;}



/*------------------------------*/

#leftbox
        {width: 180px;
		clear:both;
		 float: left; 
		 margin-right:9px;
	background-color: #ffffff;
		 box-shadow: 1px 1px 5px #000; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/ 	 
	border-radius: 1px;
	margin-top: 14px;
	margin-bottom: 30px;}
	
#btn1{margin-top:10px;
     margin-bottom:10px;}
	
	
#inner{width: 178px;
          margin-left: 1px;
		 background-color: #FFF; }

/*アコーディオンメニューの設定----------------------------------------------*/
ul.acc, ul.acc li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.acc a{
	display: block;
	height: 30px;
	line-height: 30px;
	color: #666666;
	
	
}


ul.acc a:hover{color: #000000;}

ul.acc {
	background-color: #FC9;
	font-size: 10px;
}

ul.acc li ul {
	background-color: #ffffff;
}


#leftbox h2{font-weight:550;
            font-size: 15px;
			color: #333;
			background-color: #ffffff;
			border: 1px #F93 solid;}
			


		
			
#btn1{margin-top: 10px;
      margin-bottom: 5px;} 
	  

	  
/*---------------------------------------------------------------*/		
		
#mainbox{ float:right;
		  width:757px;
          margin-top:14px;
		  background-color:#ffffff;
	 box-shadow: 1px 1px 5px #000; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/	  
	border-radius: 1px;
	padding: 3px 7px 7px 7px;}
	
	
#innerbox2{ 
width: 755px;
margin-top:3px;
overflow:auto;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
font-family: "小塚ゴシックPro";
color: #333;
overflow:auto;
}

#innerbox2 p{
	margin-left: 30px;
	font-size: 12px;
	line-height: 15px;}



#mainbox #innerbox2 h2{color: #333;
                font-weight: 700;
				font-size: 18px;
               display:block;
              height: 25px;
              weight: 755px;
              border-left: #F93 solid 5px;
			  border-bottom:#F93 solid 1px;
			 } 
			 	
#innerbox2 ul li{display:block;
                  width: 375px;
				  height:50px;
				  border:solid 1px #666;
				 float:left;
				 line-height: -50px;
				 text-align:center;
				 
}


	
#innerbox2 ul li.title{	font-weight: bold;
}	  

#mainbox3{
	float: right;
	margin-top: 10px;
	width: 757px;
	height: 570px;
	background-color:#fff;
	box-shadow: 1px 1px 5px #000; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/
	border-radius: 1px;
	padding: 3px 7px 7px 7px;
	margin-bottom: 10px;
	font-weight: bold;
	}


#tab li a{
	text-align: center;
	margin-top: 20px;
	display: block;
          height: 30px;
		  width: 120px;
		  color: #333;
		  line-height: 30px;
border: 0.5px solid #999;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
behavior: url(../ie_css3/PIE.htc);　/* IE */
		  background-color:#FFF;
		  -webkit-box-shadow: inset 10px 10px 20px 0 #FC6; /* Safari, Chrome用 */
  -moz-box-shadow: inset 10px 10px 20px 0 #FC6; /* Firefox用 */
  box-shadow: inset 10px 10px 20px 0 #FC6; /* CSS3 */

}

#tab li a:hover{
	border: none;
	color: #F93;
			  -webkit-box-shadow: inset 10px 10px 20px 0 #F93; /* Safari, Chrome用 */
  -moz-box-shadow: inset 10px 10px 20px 0 #F93; /* Firefox用 */
  box-shadow: inset 10px 10px 20px 0 #F93; /* CSS3 */
}









#fragment1{ width:740px;
height: 450px;
margin-top:5px;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;}



#fragment1 .moji2 li h2{
	line-height:15px;
	font-size: 12px;
	color: #333;
}






#fragment2{ width:740px;
height: 450px;
margin-top:5px;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;}

#fragment2 .moji2 li h2{
	line-height:15px;
	font-size: 12px;
	margin-top: 3px;
	color: #333;
}


#fragment3{ width:740px;
height: 450px;
margin-top:5px;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;}


#fragment3 .moji2 li h2{
	line-height:15px;
	font-size: 12px;
	margin-top: 3px;
	color: #333;
}




#fragment4{ width:740px;
height: 450px;
margin-top:5px;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;}


#fragment4 .moji2 li h2{
	line-height:15px;
	font-size: 12px;
	margin-top: 3px;
	color: #333;
}




#fragment5{ width:740px;
height: 450px;
margin-top:5px;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;}

#fragment5 .moji2 li h2{
	line-height:15px;
	font-size: 12px;
	margin-top: 3px;
	color: #333;
}



#mainbox3 h5{font-family:"小塚ゴシックPro";
              font-size: 18px;
			  color: #333;}
			  
/*商品一覧ページli*/			  
			  
#mainbox3 #fragment1 .moji2 li {
	display: block;
	width:150px;
	height: 300px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
	
} 


#mainbox3 #fragment2 .moji2 li {
	display: block;
	width:150px;
	height: 300px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
	
} 



#mainbox3 #fragment3 .moji2 li {
	display: block;
	width:150px;
	height: 300px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
	
} 

#mainbox3 #fragment4 .moji2 li {
	display: block;
	width:150px;
	height: 250px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
	
} 

#mainbox3 #fragment5 .moji2 li {
	display: block;
	width:150px;
	height: 300px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
	
} 





.mainbox2{
	
	float: right;
	margin-top: -40px;
	width: 757px;
	margin-left: 190px;
	background-color:#fff;
	box-shadow: 1px 1px 5px #000; /*CSS3*/
	-moz-box-shadow: 1px 1px 5px #000; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 5px #000; /* Google Chrome, Safari用*/
	border-radius: 1px;
	padding: 3px 7px 7px 7px;
	margin-bottom: 30px;
	font-weight: bold;
	}


.mainbox2 h5{font-family:"小塚ゴシックPro";
              font-size: 18px;
			  color: #333;}
			  
.mainbox2 ul li {
	display: block;
	width:150px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	margin-top: 45px;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
	
} 

.mainbox2 .innerbox3 h6{color: #333;
                font-weight: 700;
				font-size: 18px;
               display:block;
              height: 25px;
              weight: 755px;
              border-left: #F93 solid 5px;
			 margin-top: 20px;
			 } 				  

 .moji2 li h2{
	line-height:15px;
	font-size: 12px;
	margin-top: 3px;
	color: #333;
}




.moji2 img{border:#666 solid 1px;
          margin-bottom: 5px;} 	
				  
.moji2 li h3{font-size: 12px;
             }

.moji2 li p{font-size: 10px;
           line-height: 12px;
		   display:block; 
		   width: 120px;
		  
		   }		  
			  
.moji2 li h5{color: #F93;}			  
			  
.innerbox3{ width: 755px;
height: 520px;
margin-top:5px;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;
} 	

.moji3 li{	
	display: block;
	width:150px;
	height: 250px;
	margin-right:0px;
	margin-left: 20px;
	float:left;
	font-family: "小塚ゴシック Pro";
	color: #333;
	overflow:hidden;
}
		
 .moji3 li h2{
	line-height:15px;
	font-size: 12px;
	margin-top: 3px;
	color: #333;
}




.moji3 img{border:#666 solid 1px;
          margin-bottom: 5px;} 	
				  
.moji3 li h3{font-size: 12px;
             }

.moji3 li p{font-size: 10px;
           line-height: 12px;
		   display:block; 
		   width: 120px;
		   }		  
			  
.moji3 li h5{color: #F93;}			  

		  

#box{width: 960px;
     clear:both;
	 
	 }

#box ul li{float:left;
           margin-right:10px;
		   font-family:"小塚ゴシックPro";
		   color: #666;
		   font-size: 15px;}

#box ul li a{color: #333;}

#box ul li a:hover{color: #ff9933;}
 
p.pagetop{
	display:block;
	background-color:#F93;
	font-family: "小塚ゴシックPro";
	color: #ffffff;
	margin-left:870px;
	font-weight: bold;
	margin-bottom: 0px;}
	
p.pagetop a:hover{color: #F30;}

 
#footer {
         clear:both;	
     	 text-align:center;
          bottom: 0px;
          height: 34px;
	      background-color:#ff9933; }
		  
		  		
#footer p{ color: #fff;
           font-size: 15px;
		   margin-top: 17px;
		   font-family: "Corbel";}