@charset "utf-8";
/*
Theme Name: sawako
Auther:Yuichiro Nakayama
*/
/***************************************



****************************************/

*{
	margin:0px;
	padding:0px;
border:0px;
font-family:'Garamond','Century',serif;
}

ul,li{
	list-style:none;
}

a{text-decoration:none;}
a:link,a:visited{
	color:darkgoldenrod;
}
a:hover{color:red;}
#container{
	width:820px;
	margin:80px auto 0;
}
#menu{
	width:254px;
	padding-right:50px;
	float:left;
	text-align:right;
}
#main{
	width:500px;
	float:right;
	font-size:12px;
	line-height:20px;
}
#footer{
clear:both;
}
h1 a{
display:block;
width:200px;
height:27px;
text-align:left;
text-indent:-9999px;
margin-left:55px;
background:url(images/name.jpg);
}
#menu ul{
	margin-top:35px;
}
#menu li{
	font-size:12px;
	line-height:25px;
}
#menu a,#menu a:link,#menu a:visited{color:black;}
#menu a:hover{color:darkgoldenrod}
h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:40px;
}
h2#second{
	margin-top:40px;
}
a.iconList{
	display:block;
	width:440px;
	height:50px;
	margin-bottom:20px;
	background:linen;
}
a.iconList:hover{
background:wheat;
color:white;
}
a.iconList img{
	width:50px;
	height:50px;
	margin-right:10px;
	float:left;
}
a.iconList p{
	padding:13px 10px 10px;
	font-size:18px;
font-weight:bold;
}


#menu2 h1{
display:block;
width:200px;
height:27px;
text-align:left;
text-indent:-9999px;
margin-left:67px;
background:url(images/name.jpg);
}
#menu2{
	width:284px;
	padding-right:50px;
margin-bottom:20px;
	text-align:right;
}
ul#top{
margin-left:72px;
width:636px;
height:304px;
}
ul#top li{
text-indent:-9999em;
text-align:left;
}
ul#top li a{
display:block;
width:106px;
height:304px;
float:left;}

ul#top li#books a{background:url(images/top.jpg) 0px 0px ;}
ul#top li#trans a{background:url(images/top.jpg) -106px 0px ;}
ul#top li#performance a{background:url(images/top.jpg) -212px 0px ;}
ul#top li#events a{background:url(images/top.jpg) -318px 0px ;}
ul#top li#projects a{background:url(images/top.jpg) -424px 0px ;}
ul#top li#bio a{background:url(images/top.jpg) -530px 0px ;}

ul#top li#books a:hover{background:url(images/top.jpg) 0px -304px ;}
ul#top li#trans a:hover{background:url(images/top.jpg) -106px -304px ;}
ul#top li#performance a:hover{background:url(images/top.jpg) -212px -304px ;}
ul#top li#events a:hover{background:url(images/top.jpg) -318px -304px ;}
ul#top li#projects a:hover{background:url(images/top.jpg) -424px -304px ;}
ul#top li#bio a:hover{background:url(images/top.jpg) -530px -304px ;}

p#cap{
font-size:12px;
margin-top:15px;
margin-right:112px;
text-align:right;
}

h3{
	font-size:25px;
	font-weight:bold;
	margin-top:20px;
line-height:1.2em;
}
h4{
	font-size:25px;
	font-weight:bold;
	margin-top:0px;
line-height:1.2em;
}

#navi{
margin-top:40px;
}

#main p{
font-size:13px;
}
#main a#arrow{
display:block;
text-indent:-9999px;
margin-top:5px;
margin-bottom:20px;
width:20px;
height:20px;
background:url("images/arrow.gif") 0px 0px;
}
#main a#arrow:hover{background-position-y:-20px;}
#main a#arrow1{
display:block;
text-indent:-9999px;
margin-top:5px;
margin-bottom:5px;
width:20px;
height:20px;
background:url(images/arrow.gif) 0px 0px;
}
#main a#arrow1:hover{background-position-y:-20px;}