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

body{  
   
	font-size:small;
	text-align:center; 
}  

* html body{  
    overflow: hidden;  
}  


#wrapper{
	width:960px;
	margin:0px auto;
	text-align:left;
	text-align:center;
		
}
 
#header {  
    text-align:center;  
    width: 100%;   
	color:#472300;
	margin-top:3%;
	position: relative;  
}  

#footer {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
	background-image:url(../img/M-B.png);
    color: #fff;  
} 


h2{
	text-align:left;
	font-family:"ＭＳ 明朝";
	line-height:1.2;
	clear:#472300;
	}

p{
	text-align:left;
	font:1em/1.5em"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	clear:#472300;
}



.T1{
	font-family:"ＭＳ 明朝", serif;
	position: absolute;
	top: 13px;
	left: 47px;
	width: 279px;
	font-size:12px;
	letter-spacing:0.5em;
}

.T2{
	font-family:"ＭＳ 明朝", serif;
	position: absolute;
	top: 43px;
	left: 47px;
	width: 279px;
	letter-spacing:0.3em;
	font-size:17px;
}

.H1{
	position: relative;
}


/*------info------ */ 

.A1{
	font-family:"ＭＳ 明朝", serif;
	position: absolute;
	top: 80px;
	left: 353px;
	width: 231px;
}


.A2{
	font-size:10px;
	position: absolute;
	top: 121px;
	left: 353px;
	width: 231px;
}

.A3{
	font-size:12px;
	line-height:1.3em;
	position: absolute;
	text-align:justify;
	top: 154px;
	left: 353px;
	width: 231px;
}

.A3b{
	font-size:12px;
	line-height:1.3em;
	position: absolute;
	top: 174px;
	left: 353px;
	width: 231px;
}


.A4a{
	position: absolute;
	top: 247px;
	left: 353px;
	width: 231px;
}

.A4b{
	font-size:25px;
}

.A4c{
	position: absolute;
	top: 303px;
	left: 349px;
	width: 160px;
}

.A4d{
	position: absolute;
	top: 333px;
	left: 349px;
	width: 169px;
}

.A4e{
	position: absolute;
	top: 225px;
	left: 353px;
	width: 231px;
}

.A5{
	font-size:10px;
	clear:#505050;
	position: absolute;
	top: 383px;
	left: 349px;
	width: 110px;
}

.A6{
	line-height:1.6em;
}

.A7a{
	font-size:12px;
    position: absolute;
	top: 111px;
	left: 353px;
	width: 231px;
}

.A7b{
	font-size:12px;
    position: absolute;
	top: 131px;
	left: 353px;
	width: 231px;
}



.A8{
	font-size:10px;
	position: absolute;
	top: 131px;
	left: 353px;
	width: 231px;
}

.A8b{
	font-size:10px;
	position: absolute;
	top: 151px;
	left: 353px;
	width: 231px;
}

.A9{
	font-size:12px;
}

.A10{
	font-size:12px;
	line-height:1.3em;
	position: absolute;
	top: 410px;
	left: 353px;
	width: 231px;
}

.A11{
	font-size:9px;
	line-height:1.3em;
	position: absolute;
	top: 460px;
	left: 45px;
	width: 431px;
}


/*------商品一覧------ */ 

#photo1{
	position: absolute;
	top: 6px;
	left: 611px;
	width: 345px;
	padding:0;
	}
	
#photo1 li{
	margin:0 15px 0px 0px;
	padding:0;
	float:left;
	}

#photo2{
	position: absolute;
	top: 120px;
	left: 611px;
	width: 345px;
	padding:0;
	}
#photo2 li{
	margin:0 15px 0 0px;
	padding:0;
	float:left;
	}

#photo3{
	position: absolute;
	top: 235px;
	left: 611px;
	width: 345px;
	padding:0;
	}
#photo3 li{
	margin:0 15px 0 0px;
	padding:0;
	float:left;
	}

#photo4{
	position: absolute;
	top: 350px;
	left: 611px;
	width: 345px;
	padding:0;
	}
#photo4 li{
	margin:0 15px 0 0px;
	padding:0;
	float:left;
	}


/*------テキストBOX------ */ 

dl dt{
	font-size:12px;
	cursor:pointer;
}

div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#505050;
	filter:alpha(opacity=75);
	opacity: 0.75;
}

* html div#glayLayer{
	position:absolute;
}

#overLayer{
	display:none;
	width:500px;
	background:white;
	padding:10px;
	position: fixed;
	top:50%;
	left:50%;
}

#overLayer img.close{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}

* html #overLayer{
	position: absolute;
}

/*------テキストBOXここまで------ */ 

/*----------フッター部分----------*/ 
.F1{
	position:fixed;
	bottom:10px;
	left:40px;
	z-index:100;
}

#Navi{
	position:fixed;
	bottom:10px;
	right:50px;
	z-index:100;
}
/*
.N1{
	position: absolute;
	top: 20px;
	left: 27px;
	width: 78px;
}

.N2{
	position: absolute;
	top: 40px;
	left: -5px;
	width: 78px;
}

.N3{
	position: absolute;
	top: 60px;
	left: -38px;
	width: 78px;
}

.N4{
	position: absolute;
	top: 80px;
	left: -70px;
	width: 78px;
}

.N5{
	position: absolute;
	top:100px;
	left: -102px;
	width: 78px;
}
*/ 
/*----------フッター部分ここまで----------*/ 


/*----------グローバルナビゲーション----------*/ 

#globalNavi, #globalNavi ul {  
    margin:0;  
    padding:0;  
    list-style-type:none;  
    position:relative;  
}  
#globalNavi li  {  
    float:left;  
    position:relative;  
}  


#globalNavi ul {  
    width: 175px;  
    position: absolute;  
    top: 40px;  
    left: 3px;  
    display: none;  
}  

#globalNavi ul {  
    width: 175px;  
    position: absolute;  
    top: -110px;  
    left: -20px;  
}  

#globalNavi ul li a {  
    width: 143px;  
   /* display: block;*/  
    padding: 7px 5px 8px 27px;   
    text-decoration: none;  
}  

 #div style position	{ width: 100%; }
 
 /*----------グローバルナビゲーションここまで----------*/ 


/*----------必須タグ----------*/ 


object{
	outline: none;
}

img {
    border-style:none;
}

html {  
    overflow-y: scroll;  
}  

table   {  
    border-collapse: collapse;  border-spacing: 0;  
}  

img {  
    border: 0;  
}  

li  {  
    list-style-type: none;  
}

/*-------必須タグここまで-------*/ 	


/*  リンク  */

a{/*リンクされた文字*/
    color:#472300;
    font-style:normal;
	text-decoration: none;
}
a:link {/*未訪問のリンク*/
    color:#472300;
    font-style:normal;
    text-decoration: none;
}
a:visited {/*訪問後のリンク*/
    color:#472300;
    text-decoration: none;
}
a:hover {/*マウスをのせたとき*/
    color:#898989;
    font-style:normal;
    text-decoration: none;
}
a:active {/*クリック中*/
    text-decoration:none;
}