@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body {
font-size : 90%;
text-align : center;
background-image : url(img/back.gif);
}
a:link {
color: #666666;
text-decoration : none;	
}

a:visited 
{
color: #666666;
text-decoration : none;	
}

a:active 
{
color: #666666;
text-decoration : none;
	}

a:hover 
{
color: #336699;
text-decoration: none;
}

h1 {
color : #c0c0c0;
font-size : 23px;
font-family : impact;
text-align : left;
padding : 20px 0px 0px 20px;
}

#page {
width : 500px;
margin : 50px 0px;
padding : 0px;
}

#title {
width : 500px;
height : 145px;
background-image : url(img/title.jpg);
background-repeat : no-repeat;
}

#left {
width : 250px;
height : 360px;
margin : 10px 0px;
float : left;
}
#right {
width : 250px;
height : 360px;
margin : 10px 0px;
float : right;
}

#copy{
clear : right;
width : auto;
height : auto;
margin : 0px 0px;
padding : 5px 0px;
color : #ffffff;
text-align : center;
background-color : #666666;
}

.name {
width : 185px;
height : 65px;
margin : 75px 0px 0px 285px;
}

.box-white {
width : auto;
height : 80px;
margin : 0px 0px;
padding : 20px 20px; 
color : #666666;
text-align : left;
background-color : #ffffff;
border : #666666 1px solid;
}
.box-black{
width : auto;
height : 20px;
margin : 0px 0px;
padding : 50px 0px; 
color : #cccccc;
text-align : left;
background-color : #000000;
text-align : center;
vertical-align : bottom;
border : #666666 1px solid;
}