body {
background-image: url(basic/back3.jpg);
background-repeat: repeat-x;
width:605px;
margin:0 auto;
}


.foto{
margin-left:7px;
margin-top:25px;
}

p{
line-height:18px;
}


.main{
margin:0 auto;
width:595px;
background-color: white;
}

.left {
 width:100%;
background:url(basic/shadow.gif) left no-repeat repeat-y;

}

.right {
background:url(basic/shadow.gif) right no-repeat repeat-y;

}



.copy{
background-color: white;
height: 4em;
font-size: 10px;
color: gray;
}



.navi{
float:right;
}



#nav ul, #nav li, #nav a  {
	display: block;	/* ブロック要素として表示 */
	margin: 0px;	/* マージン，パディングを0にしておかないと，上下の線がくっつかない */
	padding: 0px;
}

#nav li {
	float: left;	/* リストの各項目を左に寄せています．すべての項目に設定されるので，項目が次々と横にならびます．"display:inline"を指定しなくても（というか，display: blockを指定してるので，inlineには指定できない）並んでいくのがポイント */
	list-style: none;
	font-size: small;
	white-space: nowrap;	/* 項目の文字を改行しないように指定 */
}

#nav a {
	text-decoration: none;
	color: #660000;
	background-color: white;
	background-image:url(basic/navi.gif);
	background-position: bottom;
	background-repeat:no-repeat;
}

#nav a:hover {
	color: #FF6600;

}

#nav a, #nav .current {
	padding: 4px 10px;
	border-right: solid 1px #FFCC99;	/* 右側の縦線 */
}

.navitop{
margin-top:5px;}

/* CSS裏技
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}