@charset "utf-8";



*{
margin: 0px;
padding: 0px;
}




h1,h2,h3,h4,h5,ul,li,p,address {
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}




img {
  border: 0;
  margin : 0;
  line-height:0;
  font-size:0;
  vertical-align: top;
}




html {  
   overflow-y:scroll;  
}  




body {
   color: #333;
   background-color: #f7f7f7;
   font-size: 12px;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   margin : 0px;
   line-height: 18pt;
   text-align: center; 
}




a { text-decoration: none;}
a:link { color: #ccc;}
a:visited { color: #ccc;}
a:hover { color: #ccc; background-color: #ff9;}




h1 { color: #333; font-size: 14px; letter-spacing: 4px; font-family: 'Quicksand', sans-serif;  margin: 0px; padding: 0px;}
h2 { color: #333; font-size: 12px; letter-spacing: 5px; margin: 0px 0px 25px 0px; padding: 0px;}
h3 { color: #333; font-size: 12px; letter-spacing: 0px; margin: 0px 0px 5px 0px; padding: 0px;} 

h1 a { text-decoration: none;}
h1 a:link { color: #333;}
h1 a:visited { color: #333;}
h1 a:hover { color: #333; background-color: #f7f7f7;}









span { color: #333; font-family: verdana;}


.border1 { color: #999; font-size: 12px; text-align: left; letter-spacing: 2px; font-family: 'Quicksand', sans-serif; margin: 0px 0px 25px 0px; padding: 0px; border-bottom: 1px dotted #fff;}








#wrapper { 
   width: 950px;
   margin: 0 auto;
   text-align: left;
   background-color: #f7f7f7;
   overflow:hidden;
}









#header {
   float: left;
   width: 390px;
   text-align: left;
   margin: 0px 0px 45px 0px;
   padding: 50px 0px 5px 0px;
   background-color: #f7f7f7;
   overflow:hidden;
}









			   
#navi {
   float: left;
   width: 560px;
   margin: 0px 0px 45px 0px;
   padding: 0px;
   background-color: #f7f7f7;
   overflow:hidden;


}

#navi ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

#navi li {
     display:inline; 
     float: left;
     width: 112px;
     margin: 0px;
     padding: 0px;
}

#navi a {
     text-align: center;
     display:block;
     padding: 50px 0px 5px 0px;
	 font-family: 'Quicksand', sans-serif;
     font-size: 12px;
     width: 100%;
     letter-spacing: 2px;
     background-color: #f7f7f7;
     color: #333;
}

#navi a:hover {
     background-color: #fcfcfc;
     color: #333;
}			   	   

#navi .active a {
     color:#6c6;
}			   
			   











#main {
   clear:both;
   margin: 0px;
   padding: 0px;
   background-color: #fff;
   overflow:hidden;
}












#footer {
   clear:both;
   font-size: 12px;
   font-family: 'Quicksand', sans-serif;
   text-align: right;
   letter-spacing: 2px;
   margin: 0px;
   padding: 50px 0px 50px 0px;
   background-color: #f7f7f7;
} 









		   
			   
#menu {
   float: left;
   width: 248px;
   margin: 0px;
   padding: 0px;
   background-color: #fff;

}


.in-menu {
     margin: 0px;
     padding: 50px 50px 50px 50px;
	 background-color: #fff;
     overflow:hidden;
} 


.in-menu ul {
     list-style-type: none;
     margin: 0px 0px 50px 0px;
     padding: 0px;
}

.in-menu li {
     width: 100%;
     margin: 0px 0px 5px 0px;
     padding: 0px;
}

.in-menu ul a {
     text-align: left;
     display:block;
     padding: 2px 0px 2px 0px;
     font-size: 12px;
	 font-family: 'Quicksand', sans-serif;
     width: 100%;
     letter-spacing: 2px;
     background-color: #fff;
     color: #333;
}

.in-menu ul a:hover {
     background-color: #f7f7f7;
     color: #333;
}			   	   

.in-menu .active a {
     color:#6c6;
}	



	
	
	
	
	
	
	
	
	
	
	
.main-content {
   float: left;
   width: 701px;
   text-align: left;
   margin: 0px;
   padding: 0px;
   background-color: #fff;
   overflow:hidden;
}
 




.in-main-content {
   margin: 0px;
   padding: 0px;
   border-left: 1px dotted #afafaf;
   background-color: #fff;
   overflow:hidden;
} 
			   
















.content {
   text-align: left;
   margin: 0px;
   padding: 50px 50px 50px 50px;
   background-color: #fff;
   border-bottom: 1px dotted #afafaf;
   overflow:hidden;
} 














.pagetop {
   text-align: left;
   margin: 0px;
   padding: 0px;
   background-color: #fff;

} 

.page-top {
     color: #333;
     text-align: left;
	 font-family: 'Quicksand', sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     margin: 0px;
     padding: 50px 50px 50px 50px;
}

.page-top a { 
    display:block;
    padding: 1px 0px 1px 0px;
    width: 100%;
    color: #ccc;
    background-color: #fff;
}

.page-top a:hover {
    background-color: #ff9;
    color: #ccc;
}				














.alp-con-t img { text-align: left; margin: 0px 0px 50px 0px; padding: 0px; overflow:hidden;}
.alp-con-b img { text-align: left; margin: 0px 0px 0px 0px; padding: 0px; overflow:hidden;}

.alp-con-sm { color: #333; font-size: 10px; letter-spacing: 1px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px;}


.alp-to { color: #333; font-size: 12px; letter-spacing: 0px; text-align: left; margin: 25px 0px 0px 0px; padding: 0px;}
.alp-bo { color: #333; font-size: 12px; letter-spacing: 0px; text-align: left; margin: 0px 0px 25px 0px; padding: 0px;}