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

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
}
div,p,h1,h2,h3,ul,li,th,td,input,textarea{
	margin: 0;
	padding: 0;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size: small;
	color:#4f444e;
}
img{
	border: 0;
}
a{
	color: #719330;
}
a:hover{
	color:#d07b1b;
}
.clearr{
	clear: right;
}
.clearl{
	clear: left;
}
.clearboth{
	clear:both;
}
/* ======= general classes ======= */
.smalltext{
	font-size: 0.85em;
}
/* ========== centering ========== */
#home,
#webdesign,
#illustration,
#books,
#contact,
#blog{
	margin: 0 auto 0 auto;
	width: 920px;
	text-align: left;
}
/* ========== footer ========== */
/* = general footer = */
#footer{
margin:40px 0 0 0;
background:url(../images/footer.jpg) top right no-repeat;
height:133px;
text-align:right;
}
#home #footer{
margin:0 0 0 0;
}
#footer p{
padding:40px 30px 0 0;
font-size:0.85em;
font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
color: #7b707a;
line-height:1.3em;
}
#footer p.copyright{
padding:10px 30px 0 0;
}
#footer p a{
color: #7b707a;
text-decoration:none;
}
#footer p a:hover{
color:#4f444e;
}
/* ========== home ========== */
#home #main{
background: url(../images/home_header.jpg) no-repeat;
height: 450px;
}
/* = logo = */
#homenav{
position: absolute;
}
#homenav img{
position: absolute;
left: 232px;
top: 222px;
}
/* = navigation = */
#homenav ul{
list-style-type: none;
position: absolute;
}
#homenav li{
	
}
#homenav li a{
display:block;
}
#homenav li a span{
display:none;
}
/* = nav01 = */
#homenav li.nav01{
position: absolute;
left: 505px;
top: 165px;
}
#homenav li.nav01 a{
width: 126px;
height: 20px;
background-image: url(../images/home_nav01.jpg);
background-repeat: no-repeat;
}
#homenav li.nav01 a:hover{
background-position: 0 -20px;
}
/* = nav02 = */
#homenav li.nav02{
position: absolute;
left: 505px;
top: 221px;
}
#homenav li.nav02 a{
width: 162px;
height: 20px;
background-image: url(../images/home_nav02.jpg);
background-repeat: no-repeat;
}
#homenav li.nav02 a:hover{
background-position: 0 -20px;
}
/* = nav03 = */
#homenav li.nav03{
position: absolute;
left: 505px;
top: 277px;
}
#homenav li.nav03 a{
width: 74px;
height: 20px;
background-image: url(../images/home_nav03.jpg);
background-repeat: no-repeat;
}
#homenav li.nav03 a:hover{
background-position: 0 -20px;
}
/* = nav04 = */
#homenav li.nav04{
position: absolute;
left: 505px;
top: 341px;
}
#homenav li.nav04 a{
width: 80px;
height: 14px;
background-image: url(../images/home_nav04.jpg);
background-repeat: no-repeat;
}
#homenav li.nav04 a:hover{
background-position: 0 -15px;
}
/* = nav05 = */
#homenav li.nav05{
position: absolute;
left: 505px;
top: 370px;
}
#homenav li.nav05 a{
width: 42px;
height: 14px;
background-image: url(../images/home_nav05.jpg);
background-repeat: no-repeat;
}
#homenav li.nav05 a:hover{
background-position: 0 -15px;
}
/* ========== general navogation ========== */
#header{
background: url(../images/nav_bg.jpg) no-repeat;
height: 130px;
}
#nav{
position: absolute;
}
/* = logo = */
#nav img{
position: absolute;
left: 30px;
top: 34px;
}
/* = navigation = */
#nav ul{
list-style-type: none;
position: absolute;
}
#nav li{
	
}
#nav li a{
display:block;
}
#nav li a span{
display:none;
}
/* = nav01 = */
#nav li.nav01{
position: absolute;
left: 393px;
top: 45px;
}
#nav li.nav01 a{
width: 103px;
height: 20px;
background-image: url(../images/nav_01.jpg);
background-repeat: no-repeat;
}
#nav li.nav01 a:hover{
background-position: 0 -20px;
}
/* = nav02 = */
#nav li.nav02{
position: absolute;
left: 508px;
top: 45px;
}
#nav li.nav02 a{
width: 133px;
height: 20px;
background-image: url(../images/nav_02.jpg);
background-repeat: no-repeat;
}
#nav li.nav02 a:hover{
background-position: 0 -20px;
}
/* = nav03 = */
#nav li.nav03{
position: absolute;
left: 653px;
top: 45px;
}
#nav li.nav03 a{
width: 62px;
height: 20px;
background-image: url(../images/nav_03.jpg);
background-repeat: no-repeat;
}
#nav li.nav03 a:hover{
background-position: 0 -20px;
}
/* = nav04 = */
#nav li.nav04{
position: absolute;
left: 760px;
top: 45px;
}
#nav li.nav04 a{
width: 77px;
height: 20px;
background-image: url(../images/nav_04.jpg);
background-repeat: no-repeat;
}
#nav li.nav04 a:hover{
background-position: 0 -20px;
}
/* = nav05 = */
#nav li.nav05{
position: absolute;
left: 850px;
top: 45px;
}
#nav li.nav05 a{
width: 41px;
height: 20px;
background-image: url(../images/nav_05.jpg);
background-repeat: no-repeat;
}
#nav li.nav05 a:hover{
background-position: 0 -20px;
}
/* = nav current settings = */
#webdesign #nav li.nav01 a,
#illustration #nav li.nav02 a,
#books #nav li.nav03 a,
#contact #nav li.nav04 a,
#blog #nav li.nav05 a{
background-position: 0 -20px;
}
/* ========== webdesign ========== */
/* = layout = */
#webdesign #main{
margin:30px 0 10px 30px;
}
#webdesign #leftblock{
width:220px;
float:left;
}
#webdesign #rightblock{
margin:0 0 0 20px;
width:620px;
float:left;
}
/* = others = */
#webdesign #leftblock p{
margin:10px 0 0 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
padding:20px 0;
line-height:1.5em;
}
#webdesign #rightblock h2{
font-size:middle;
margin:0 0 10px 0;
}
#webdesign #rightblock table{
margin:0;
padding:0;
border:0;
}
#webdesign #rightblock table td{
padding:0 0 25px 0;
width:395px;
vertical-align:top;
text-align:left;
}
#webdesign #rightblock table th{
width:225px;
vertical-align:top;
text-align:left;
font-weight:normal;
}
#webdesign #rightblock table th h3{
margin:0 0 10px 0;
}
#webdesign #rightblock table th p{
line-height:1.5em;
}
/* ========== books ========== */
/* = layout = */
#books #main{
margin:30px 0 10px 30px;
}
#books #leftblock{
width:220px;
float:left;
}
#books #rightblock{
margin:0 0 0 20px;
width:620px;
float:left;
}
/* = others = */
#books #leftblock p{
margin:10px 0 0 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
padding:20px 0;
line-height:1.5em;
}
#books #rightblock h2{
font-size:middle;
margin:0 0 10px 0;
}
#books #rightblock table.layout{
margin:0;
padding:0;
border:0;
}
#books #rightblock table.layout td{
padding:0 0 30px 0;
width:150px;
vertical-align:top;
text-align:left;
}
#books #rightblock table.layout th{
width:470px;
vertical-align:top;
text-align:left;
font-weight:normal;
}
#books #rightblock table.layout th h3{
margin:0 0 2px 0;
color:#e49917;
}
#books #rightblock table.layout th p{
line-height:1.5em;
}
#books #rightblock table.layout th h4{
margin:10px 0 2px 0;
font-size:0.85em;
}
#books #rightblock table.layout th p.info{
margin:0 0 5px 0;
font-size:0.85em;
}
/* = errata = */
#books #rightblock h3{
margin:0;
color:#e49917;
}
#books #rightblock table.errata{
margin:10px 0;
padding:0;
width:620px;
border: #ccc solid 1px ;
}
#books #rightblock table.errata td{
padding:4px 5px;
border-bottom: #ccc solid 1px ;
vertical-align:top;
text-align:left;
}
#books #rightblock table.errata th{
padding:2px 5px;
background-color:#ddd;
vertical-align:top;
text-align:left;
font-weight:bold;
}
#books #rightblock table th p{
line-height:1.5em;
}
/* ========== illustration ========== */
/* = layout = */
#illustration #main{
margin:30px 0 10px 30px;
}
#illustration #leftblock{
width:220px;
float:left;
}
#illustration #rightblock{
margin:0 0 0 20px;
width:620px;
float:left;
}
/* = others = */
#illustration #leftblock p{
margin:10px 0 0 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
padding:20px 0;
line-height:1.5em;
}
#illustration #rightblock img{
margin:0 10px 10px 10px;
border:solid #ccc 1px;}
#illustration #rightblock a:hover img{
border:solid #999 1px;}
/* ========== contact ========== */
/* = layout = */
#contact #main{
margin:30px 0 10px 30px;
}
#contact #leftblock{
width:220px;
float:left;
}
#contact #rightblock{
margin:0 0 0 20px;
width:620px;
float:left;
}
/* = others = */
#contact #leftblock p{
margin:10px 0 0 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
padding:20px 0;
line-height:1.5em;
}
/* ========== blog ========== */
/* = layout = */
#blog #main{
margin:30px 0 10px 30px;
}
#blog #leftblock{
width:220px;
float:left;
}
#blog #rightblock{
margin:0 0 0 20px;
width:620px;
float:left;
}
/* = others = */
#blog #leftblock p{
margin:10px 0 0 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
padding:20px 0;
line-height:1.5em;
}