/*
Theme Name: book
Author: okazaki sayuri
*/
 <style type="text/css">

/*--------------------------
  link*
  --------------------------*/

	
a {color:#ffffff; text-decoration:none; }	
a:link {color:#ffffff; text-decoration:none; }
a:visited {color:#ffffff; text-decoration:none; }
a:hover {color:#b2b3b3; text-decoration:none;}
a:active {color:#ffffff; text-decoration:none;}

header#kuro a {color:#585858; text-decoration:none; }	
header#kuro a:link {color:#585858; text-decoration:none; }
header#kuro a:visited {color:#585858; text-decoration:none; }
header#kuro a:hover {color:#b2b3b3; text-decoration:none;}
header#kuro a:active {color:#585858; text-decoration:none;}

span.font_con a {color:#ffffff; text-decoration:none;}
span.font_con a:link {color:#ffffff; text-decoration:none;}
span.font_con a:visited {color:#ffffff; text-decoration:none; }
span.font_con a:hover {color:#b2b3b3; text-decoration:none; }
span.font_con a:active {color:#ffffff; text-decoration:none; }

div.totop a {opacity: 1; text-decoration:none;}
div.totop a:link {opacity: 1; text-decoration:none;}
div.totop a:visited {opacity: 1; text-decoration:none; }
div.totop a:hover {opacity: 0.7; text-decoration:none; }
div.totop a:active {opacity: 1; text-decoration:none; }

ul.current_s a {color:#c45f0e !important; text-decoration:none;}
ul.current_s a:link {color:#c45f0e !important; text-decoration:none;}
ul.current_s a:visited {color:#c45f0e !important; text-decoration:none; }
ul.current_s a:hover {color:#000 !important; opacity: 1; text-decoration:none; }
ul.current_s a:active {color:#c45f0e !important; opacity: 1; text-decoration:none; }


.current {color:#c45f0e !important;
	font-size: 28pt !important;
	line-height: 2em;
	margin-left: -5px !important;
	}
.current-en {color:#c45f0e;
	font-size: 15pt !important;
	line-height: 1em;
	}
ul.current_s {color:#c45f0e;	
	list-style:square;
	}
	
#navi{
	position: fixed;
	margin-top: 150px;
	}
#navi ul {
    margin:0px;
    position:relative;
    list-style:none;
    }
#navi ul.current_s{
	margin-left: 100px;	
	visibility:visible;
	margin-top: -55px;
	list-style:disc;
	}

/*--------------------------
  font*
  --------------------------*/
.min{
    font-family:"TakaoEX明朝","TakaoExMincho","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
    }
    

.font_m1{
	font-family:serif;
	line-height: 32px;
	font-size: 18pt ;
	font-weight: 300;
	margin: 0;
	text-align: center;
	}   
.font_m2{
	font-family: 'IM Fell DW Pica SC', serif;
	line-height: 20px;
	font-size: 12pt;
	margin: 0;
	text-align: center;
		}   
.font_m3{
	font-family:  serif;
	line-height: 20pt;
	font-size: 11pt;
	margin: 0;
	text-align: center;
		}  
.font_m4{
	font-family:serif;
	line-height: 16pt;
	font-size:9pt;
	margin: 0;
	text-align:center;
		} 
.font_m5{
	font-family:serif;
	line-height: 20pt;
	font-size:10pt;
	margin: 0;
	text-align:left;
	padding-left: 55px
		} 
.fontA{
	font-family:serif;
	line-height: 38px;
	font-size: 33pt;}
.font_en{
	font-family:serif;
	font-size:20pt;
	line-height: 38px;
	padding-left: 5pt
	}
.font_con{
	font-family:serif;
	line-height: 40pt;
	font-size: 14pt;}
 	
.font_body{
	font-family:serif;
	line-height: 23pt;
	font-size: 11pt;
	}
.font_quo{
	font-family:serif;
	line-height: 23pt;
	font-size: 12pt;
	}
.font_con_s{
	font-family:serif;
	line-height: 20pt;
	font-size: 10pt;
	}	
.font_name{
	margin: 0;
	padding-right: 40px;
	font-family:serif;
	line-height: 13pt;
	font-size: 10pt;
	float: right
	}	
.font-title{
	font-family: 'Geo', sans-serif;
	font-size: 12pt;
}
/*--------------------------
  quote
  --------------------------*/
blockquote { quotes: '\201C' '\201D'; 
		
}
blockquote:before {	
    content: open-quote;
    font-family: 'IM Fell DW Pica SC', serif;
    font-size: 40pt;
    text-align: left;
    line-height: 24px;
    color: #cacaca;
    float: left;
    position: relative;
    top: 0px; 
    }

blockquote:after {
    content: close-quote;
	font-family: 'IM Fell DW Pica SC', serif;
    font-size: 40pt;
    text-align: left;
    line-height: 24px;
    color: #cacaca;
    float: right;
    position: relative;
    top: 0px; 
    }


/*--------------------------
  layout*
  --------------------------*/
  
body{
	margin: 0 !important;
	}

header{
    padding-left:40px;
    position: absolute;  
	width: 100%;
    height: auto;
	z-index: 1;
    }

header div.fixed{
	margin-top: 15px;
	position: fixed !important;
	} 
	
header div.relative{
	margin-top: 150px;
	position: absolute;  } 
	




/*--------------------------
  background image
  --------------------------*/
  
@keyframes onami
{
0% {opacity:0;}
40% {opacity: 0.3;}
100% {opacity: 1;}
}

@-moz-keyframes onami 
{
0% {opacity:0;}
40% {opacity: 0.3;}
100% {opacity: 1;}
}


@-webkit-keyframes onami 
{
0% {opacity:0;}
40% {opacity: 0.3;}
100% {opacity: 1;}
}

@-o-keyframes onami 
{
0% {opacity:0;}
40% {opacity: 0.3;}
100% {opacity: 1;}
}

/*--------------------------
onami-s
  --------------------------*/
  
@keyframes onami-s
{
0% {opacity:0;}
50% {opacity: 0;}
100% {opacity: 1;}
}

@-moz-keyframes onami-s 
{
0% {opacity:0;}
50% {opacity: 0;}
100% {opacity: 1;}
}


@-webkit-keyframes onami-s 
{
0% {opacity:0;}
50% {opacity: 0;}
100% {opacity: 1;}
}

@-o-keyframes onami-s 
{
0% {opacity:0;}
50% {opacity: 0;}
100% {opacity: 1;}
}

/*--------------------------
  moji
  --------------------------*/
  
@keyframes moji
{
0% {opacity:0;}
50% {opacity: 0.6;}
100% {opacity: 1;}
}

@-moz-keyframes moji 
{
0% {opacity:0;}
50% {opacity: 0.6;}
100% {opacity: 1;}
}


@-webkit-keyframes moji 
{
0% {opacity:0;}
50% {opacity: 0.6;}
100% {opacity: 1;}
}

@-o-keyframes moji 
{
0% {opacity:0;}
50% {opacity: 0.6;}
100% {opacity: 1;}
}

/*--------------------------
  background image
  --------------------------*/
/* mokuhan background images setting */  
div.back{
 	position: relative;
 	position: fixed;
 	margin: 0 !important;
	width: 100%;
	height:100%;		
	opacity: 1;
	background-size: cover; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	animation:onami 5s;
	-moz-animation:onami 5s;
	-webkit-animation:onami 5s; 
	-o-animation:onami 5s;
	z-index: 0}
	
	
/* mokuhan background photo name*/
.top{
	background: url("images_m/onami_1494.jpg") no-repeat;
	}

.iro{
	background: url("images_m/onamiUp1469s.JPG") no-repeat;	
	}
	
.ita{
	background: url("images_m/sakuraM1525s.JPG") no-repeat;	
	}

.hori{
	background: url("images_m/sakura1465s.JPG") no-repeat;	
	}
.suri{
	background: url("images_m/onami1523s.jpg") no-repeat;	
	}
	
/* Hankobo 80*/
#title{
	margin-top: 0;
	margin-left: 5px;
	position: fixed;
	text-align: left;	
	color: #bebebe;	
	}
	
	
/* mokuhan top box wrapper*/
div#wrapper{
	width: 80%;
	height: 300px;
	margin: 0 auto;
	padding-top: 300px;
	position: relative;
	text-align: center
	}
	
 /* mokuhan top photo box*/
div.contents{
	background-color: rgba( 255, 255, 255, 0.5 );
	position:relative;
	margin-right:20px;
	margin-top: 20px;
	margin-left: auto;
	text-align: center;
	width:450px;
	height: 300px;	
	animation:onami-s 8s;
	-moz-animation:onami-s 8s;
	-webkit-animation:onami-s 8s; 
	-o-animation:moji 8s; 
	z-index: 3;
	}

 /* mokuhan top moji box*/
	
 /*mokuhan honmon box*/	
div.contents3{
	background: rgba(255, 255, 255, 0.8 );
	position:relative;
	margin-right:20px;
	margin-top: 20px;
	margin-left: auto;
	padding: 20px;
	text-align: justify;
	width:410px;
	height: auto;	
	animation:moji 4s;
	-moz-animation:moji 4s; 
	-webkit-animation:moji 4s; 
	-o-animation:moji 4s; 
	z-index: 3;
	}

 /*mokuhan colo box*/	
div.contents4{
	background-color: rgba(255, 255, 255, 0.7 );
	position:relative;
	margin-right:20px;
	margin-top: 20px;
	margin-left: auto;
	padding: 20px;
	text-align: justify;
	width:410px;
	height: auto;	
	animation:moji 3s;
	-moz-animation:moji 3s; 
	-webkit-animation:moji 3s; 
	-o-animation:moji 3s; 
	z-index: 3;
	}
		
 /* back to home */
div.totop{
	background-color: #243028;
	width:30px;
	height:30px;
	position:fixed;
	left: 0;
	top:0;
	margin: 0 auto;
	z-index: 5;
	}

 /* midasi navi */
div.midasi{
	position:fixed;
	margin-top: 200px;
	margin-left: 130px;
	z-index: 3;
	}
div.midasi-wood{
	position:fixed;
	margin-top: 260px;
	margin-left: 130px;
	z-index: 3;
	}
div.midasi-cut{
	position:fixed;
	margin-top: 320px;
	margin-left: 130px;
	z-index: 3;
	}
div.midasi-print{
	position:fixed;
	margin-top: 380px;
	margin-left: 130px;
	z-index: 3;
	}
div.midasi-colo{
	position:fixed;
	margin-top: 600px;
	margin-left: 130px;
	z-index: 3;
	}

	
 /* mokuhan top photo */	
img.small{
	opacity: 0.8;
	width:440px;
	height: 290px;
	padding:5px;	
	}
	
 /*mokuhan honmon photo */
img.smallB{
	width:410px;
	height: 290px;
	padding-top:5px	
	}
img.smallBtate{
	width:410px;
	height: 470px;
	padding-top:5px;
	}
 /* back to home */
img.smallC{
	width:30px;
	height:30px;
	opacity: 0.9
	}

img.preface{
	padding-left:85px;
	padding-top: 90px;
	animation:onami 5s;
	-moz-animation:onami 5s;
	-webkit-animation:onami 5s; 
	-o-animation:onami 5s;}	


</style>