body{
font-family:"ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
margin:10px 0 0 0;
padding:0;
line-height:170%;
background-image: url('https://www.zuan-ka.com/p/zuan_ka.gif'); 
background-repeat: no-repeat;
background-attachment: fixed; 
letter-spacing:0.02em;
text-align:center;
font-size:14px;
font-weight: normal !important;
line-height:200%;
}

body{
	animation: loading 3s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

#wrap{ 
width:100%;
margin:0;
padding:0;
clear:both;
}

* #wrap{ 
width:100%;
margin:0;
padding:0;
}

a {border: 0 none;
text-decoration:none;
color:#222; }


img {border: 0 none; }
	
#footer{ 
margin:0;
padding:5px 30px 5px 0;
text-align:right;
font-size:70%;
color:  #666;
letter-spacing: 0.1em; 
clear:both;
}
#footer A:link { color:  #000000;} 
#footer A:visited { color: #000000;} 
#footer A:active {  color: #000000;background-color:#ffff00; } 
#footer A:hover { color: #000000;background-color:#ffff00;} 

#contents{
margin:auto;
padding:0;
max-width:650px;
}

#topmenu ul{ 
text-align:left;
list-style:none;
margin:20px 0 20px 20px;
}

#topmenu ul li{ 
width:100%;
margin:0 0 0 10px;
padding:0;
display:inline;
}

.b_photo img{
width:100%;
}



h1{
font-size:110%;
color:  #000000;
letter-spacing: 0.2em; 
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align:left;
width:50%;
 }
h1A:link { color:  #000000;} 
h1A:visited { color: #000000;} 
h1A:active {  color: #000000;background-color:#ffff00; } 
h1A:hover { color: #000000;background-color:#ffff00;} 

h2{
font-size:180%;
text-align:left;
color:  #222;
margin:30px 0 5px 0;
padding:0;
letter-spacing: 0.02em; 
text-decoration:none;
}

h3{
font-size:130%;
text-align:left;
color:  #222;
margin:30px 0 5px 0;
padding:0;
letter-spacing: 0.2em; 
text-decoration:none;
}

a:link h3{ 
color:#222;
text-decoration:none;
border-bottom:7px solid #ffff00;
} 

a:hover h3{ 
background-color:#ffff00;
} 

#menu {
text-align:left;
width:100%;
float:left;
font-size:80%;
letter-spacing: 0.2em; 
position:fixed;
}

#menu ul{
color: #000000;
margin:0;
}

#menu ul li{ 
text-align:left;
list-style:none;
margin:0 0 ;
padding:10px 0 ;
letter-spacing: 0.2em; 
font-size:90%;
}
#menu li A:link { color:  #000000;border-bottom:7px solid #ffff00;} 
#menu li A:visited { color: #000000;} 
#menu  li A:active {  color: #000000;background-color:#ffff00; } 
#menu li A:hover { color: #000000;background-color:#ffff00;} 

#img-container{ 
/*max-width:700px;*/
text-align:left;
margin:20px;
padding:0;
font-weight:normal;
line-height:1.8;
}
#img-container A:link {  color: #000000;background-color:#ffff00; } 
#img-container A:visited  {  color: #000000;background-color:#ffff00; } 
#img-container A:active {  color: #000000;background-color:#ffffff; } 
#img-container A:hover { color: #000000;background-color:#ffffff;} 


.cap{
text-align:left;
 font-size:90%;
 letter-spacing: 0.2em; 
}

.nav{
text-align:left;
margin:0;
padding:0;
 letter-spacing: 0.2em; }
 
.y { color: #000000;background-color:#ffff00;} 

.bt{
margin:10px 0 10px 0;
padding:0;
text-align:right;
font-size:70%;
clear:both;
 letter-spacing: 0.2em; 
}
.bt a:link{color: #999999;text-decoration: none;}
.bt  a:visited{ color: #999999; text-decoration: none;}
.bt  a:active{ color: #666666; text-decoration: none; }
.bt  a:hover { color:#666666;text-decoration: none; }


#plus ul{
list-style: none;
padding:0;
margin:0 10px;
}

#plus li {
       display: inline-block;
	border: none;
	padding:0;
	margin:3.3% 3.3% 0 0;
	width:29%;
	text-align:left;
}

#plus li img{
	width:100%;
}

#plus li a:hover img{
	opacity: 0.5;
	 filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

/*
#plus li:nth-child(2n+1)  {
	clear:both;
		margin:3.3% 0 0 0;
}
*/

#plus p{
line-height: 150%;
margin:3px 0 10px 0;
}

#plus a:hover {
background-color:#ffff00;
	opacity: 1;
}


 @media screen and (max-width:750px) {  
 #contents{
margin:0 ;
width:100%;
}
}

 @media screen and (max-width:650px) {  
 
#topmenu ul{ 
text-align:left;
margin:0 0 0 0;
padding:0;
}

#topmenu img{ 
width:80px;
margin:0 0 0 0;
padding:0;
display:inline;
}
 
 #plus li {
	display: block;
	padding:0;
	margin:0;
	width:100%;
}
 
 }