@charset "utf-8";
/*css document*/

body{
background:#000000;
color:#fff;
}

#wrapper{
width:850px;
margin:0 auto;
margin-top:200px;
}

.clearfix{
clear:both;
}


.phot{
width:850px;
height:294px;;
}


.box_1{
width:394px;
height:294px;;
float:left;
background-image:url("colk.jpg");
border:3px #fff solid;
text-align:center;
line-height:294px;
}

div.box_1 hover:{
background:#000000;
}

.box_speace_50{
width:50px;
height:300px;
float:left;
}

.box_2{
width:394px;
height:294px;;
float:left;
background-image:url("monokuro.jpg");
border:3px #fff solid;
text-align:center;
line-height:294px;
}

.box_50_50{
width:45px;
height:45px;
background-image:url("box_50_50.jpg");
border:solid #fff 1px;
color:#fff;
float:left;
padding-top:3px;
padding-left:3px;
}


.box_3{
width:394px;
height:294px;;
text-align:center;
line-height:294px;
float:left;
background-image:url("kohaku.jpg");
border:3px #fff solid;
}

.box_4{
width:394px;
height:294px;;
float:left;
background-image:url("color.jpg");
border:3px #fff solid;
text-align:center;
line-height:294px;
}


div.box_1 a:visited{
color:#fff;
}
div.box_1 a:link{
color:#fff;
}

div.box_2 a:visited{
color:#fff;
}
div.box_2 a:link{
color:#fff;
}

div.box_3 a:visited{
color:#fff;
}
div.box_3 a:link{
color:#fff;
}

div.box_4 a:visited{
color:#fff;
}
div.box_4 a:link{
color:#fff;
}

div.box_50_50 a:visited{
color:#fff;
}
div.box_50_50 a:link{
color:#fff;
}


a{text-decoration:none;}


.box_speace_850_50{
width:850px;
height:50px;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}