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

body p {
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:2em;
	font-size:12px;
}

html,
body,
div.background {
  height: 100%; /* 「div.background」に対してはmin-heightに対応していないブラウザ用 */
}
 
div.background {
  min-height: 100%; /* 最小の高さ */
background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	}
 
body > div.background {
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}



#overwrapper {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#wrapper {
	width:1000px;
	height:100%;
	margin:0px auto 0px auto;
}


ul#menubar
   {
    width:1000px;             /* リスト全体の幅 */
    height:50px;             /* リスト全体の高さ */
    list-style:none;         /* リストマークを無しにする */
   }

/* 各項目 */
li
   {             /* 項目の幅 */
    height:50px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
   }

/* リンク部分 */

.m1 a
   {
    display:block;            
    width:115px;              
    height:50px;              
    background-image:url(images/menu.png);   
    background-position:0px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m1 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:0px -50px;
                 
   }




.m2 a
   {
    display:block;            
    width:130px;              
    height:50px;              
    background-image:url(images/menu.png);   
    background-position:-115px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m2 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-115px -50px;
                 
   }



.m3 a
   {
    display:block;            
    width:130px;              
    height:50px;                
    background-image:url(images/menu.png);   
    background-position:-245px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m3 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-245px -50px;
                 
   }



.m4 a
   {
    display:block;            
    width:145px;              
    height:50px;              
    background-image:url(images/menu.png);   
    background-position:-375px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m4 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-375px -50px;
                 
   }



.m5 a
   {
    display:block;            
    width:130px;              
    height:50px;                
    background-image:url(images/menu.png);   
    background-position:-520px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m5 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-520px -50px;
                 
   }



.m6 a
   {
    display:block;            
    width:100px;              
    height:50px;                 
    background-image:url(images/menu.png);   
    background-position:-650px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m6 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-650px -50px;
                 
   }



.m7 a
   {
    display:block;            
    width:100px;              
    height:50px;                 
    background-image:url(images/menu.png);   
    background-position:-750px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m7 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-750px -50px;
                 
   }



.m8 a
   {
    display:block;            
    width:150px;              
    height:50px;               
    background-image:url(images/menu.png);   
    background-position:-850px 0px;
                   
    background-repeat:no-repeat; 
    text-indent:-1000em;            
    text-decoration:none;          
    }
.m8 a:hover
   {
    background-image:url(images/menu.png);  
    background-position:-850px -50px;
                 
   }


#left_navi {
	width:230px;
	float:left;
	margin:0;
	padding:0;
	
}


#left_navi img{
	margin:250px 0px 0px 20px
	
}

#right_navi {
	width:770px;
	height:auto;
	background-color:#fff;
	float:right;
	margin:0;
	padding:0;
}



#right_navi1 {
	width:770px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
}

#slideshow{
	float:left;
}

#index_navi{
	width:400px;
	float:right;
}


#index_navi .collectionlink{
	margin:250px 0px 0px 20px
	
}


#index_navi a:hover img{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
	
}


#index_navi .presslink{
	margin:140px 0px 0px 20px
	
}


#index_navi ul#news-list{
	margin:10px 0px 0px 0px;
	
}


#index_navi ul#news-list .newslist{
	display:block;
	width:360px;
	height:15px;
	font-size:11px;
	padding:0px 0px 10px 40px;
	
}


#index_navi ul#news-list .newslist a{
	color:#fff;
	text-decoration:none;
}

#index_navi ul#news-list .newslist a:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
	text-decoration:none;
}



#concept1{
	margin-bottom:20px;
	float:left;
}

#concept1 p{
	width:400px;
	padding:25px 25px 15px 25px;
	float:left;
}

#concept1 img{
	width:300px;
	padding:15px 20px 15px 0px;
	float:left;
}




#concept2{
	margin-bottom:20px;
	float:left;
}


#concept2 p{
	width:400px;
	padding:25px 25px 15px 25px;
	float:left;
}

#concept2 img{
	width:300px;
	padding:15px 0px 15px 20px;
	float:left;
}



#concept3{
	margin-bottom:50px;
	float:left;
}


#concept3 p{
	width:720px;
	padding:25px 25px 15px 25px;
	float:left;
}


#collection1{
	margin-bottom:20px;
	float:left;
}


#collection1 p{
	width:720px;
	padding:25px 25px 15px 25px;
	float:left;
}

#collection1 img{
	width:684px;
	padding:15px 43px 15px 43px;
	float:left;
}



#collection2{
	margin-bottom:50px;
	float:left;
}


#collection2 p{
	width:720px;
	padding:25px 25px 15px 25px;
	float:left;
}



#ordermade1{
	margin-bottom:0px;
	float:left;
}


#ordermade1 #order-right{
	margin:0px 0px 20px 0px;
	float:left;
}


#ordermade1 #order-right img{
	width:420px;
	margin:0px 0px 20px 0px;
	float:left;
}

#ordermade1 #order-left{
	width:350px;
	margin:0px 0px 0px 0px;
	float:left;
}


#ordermade1 #order-left img{
	width:350px;
	margin:25px 0px 0px 0px;
	float:left;
}


#ordermade1 #order-left p{
	width:300px;
	margin:15x 25px 0px 25px;
	float:left;
}


#ordermade1 p{
	width:720px;
	padding:25px 25px 15px 25px;
	float:left;
}



#ordermade2{
	margin-bottom:50px;
	float:left;
}


#ordermade2 img{
	width:684px;
	padding:15px 43px 15px 43px;
	float:left;
}


#ordermade2 p{
	width:720px;
	padding:25px 25px 15px 25px;
	float:left;
}





#news{
	margin-bottom:20px;
	float:left;
}


#news .midashi img{
	padding:25px 0px 0px 0px;
	float:left;
}


#news .monyou img{
	padding:0px 0px 5px 0px;
	float:left;
}


#news-contens{
	float:left;
	margin-bottom:30px;
}

#news-date{
	font-size:24px;
	font-style:italic;
	color:#604d1b;
	padding:0px 0px 10px 25px;
}

#news-contens p{
	width:485px;
	padding:20px 0px 0px 0px;
	border-top-color:#271c0b;
	border-top-style:solid;
	border-top-width:1px;
	margin:0px 25px 15px 25px;
	float:left;
}



#news-contens img{
	width:210px;
	padding:0px 25px 15px 0px;
	float:left;
}









#company{
	margin-bottom:20px;
	float:left;
}


#company img{
	padding:25px 0px 15px 0px;
	float:left;
}


#company p{
	width:720px;
	padding:10px 25px 15px 25px;
	float:left;
}


#company2{
	margin-bottom:20px;
	float:left;
}

#company-right{
	background-image:url(images/monyou2.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	width:450px;
	height:480px;
	float:left;
}


#company-right img{
	padding:0px 0px 15px 25px;
	float:left;
}



#company-right p{
	width:400px;
	padding:25px 25px 15px 25px;
	float:left;
}


#company-left{
	float:left;
}



#company-left img{
	width:300px;
	padding:0px 0px 15px 20px;
	float:left;
}



/*slideshow*/
#slideshow {
    position:relative;
    height:600px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*slideshow*/
#slideshow2 {
    position:relative;
    height:600px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow2 IMG.active {
    z-index:10;
}

#slideshow2 IMG.last-active {
    z-index:9;
}