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

body , html {   
    height: 100%;
	margin:0;
	padding:0;
}

#header{
	width:100%;
	position:fixed;
	border-bottom:2px solid #222222;
	background-color:#000000;
	z-index:200;
	margin-top:-40px;}/*この行ですぐ下のイメージパディング分を引く*/

#header ul{
	list-style:none;
	text-align:center;
	margin:auto;}



.shop{
	padding-top:100px;
	background-color:#FFFFFF;
	text-align:center;}
	
.shop h4{
	font-size:2em;
	font-weight:100;
	margin-bottom:20px;
	line-height:150%;
	color:#848484;}
	
#contents{
	width:60%;
	margin:auto;}
	

	
#contents table {
	width:100%;
        border-collapse: collapse;
		text-align:left;}
		
#contents table a{
	font-size:2em;
	color:#FF00AE;
	text-decoration:none;}
	
	
#contents p{
	color:#848484;}
	
tr {
   border-color: gray;
   border-style: solid;
   border-width: 1px 0;}

#contents td{
	padding:10px;}
	



.text{
	padding-top:70px;
	padding-bottom:70px;
	text-align:center;
	background-color:#00000;
	font-size:1.6em;
	letter-spacing:0.2em;
	line-height:150%;
	color:#999999;}
	
	
	
.text img{
	margin:auto;}
	
.text p{
	margin:0;
	font-weight:100;}.text2{
	padding-top:70px;
	padding-bottom:70px;
	text-align:center;
	background-color:#ffffff;
	font-size:1.6em;
	letter-spacing:0.2em;
	line-height:150%;
	color:#999999;}
	
.text2 img{
	margin:auto;}
	
.text2 p{
	margin:0;
	font-weight:bold;}	
	





li:first-child{
border-left:none;
}

.navi{
	width:80%;
	border: 1px solid #999999;
	margin-left:auto;
	margin-right:auto;
}	
	
.navi a{
	text-decoration:none;
	color:#a0a0a0;
	font-size:0.8em;
}
	
	
	
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}