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

html{
background-color:transparent;
background-image:none;
}

div.box_title div.title a{text-decoration:none;}

p,ul,ol,il{
padding:0;
margin:0;
}

body{
background:/*#edd4ac;*/#000000
}

.wrapper{
width:600px;
margin:0 auto;
height:700px;
border:3px solid #ffffff;
background:#230404;
background-image:url("ruka_1.png");
margin-top:100px;
padding-top:100px;

}

.clearfix{
clear:both;
}

.speace_1{
width:265px;
height:94px;
float:left;
}

.phot_1{
width:100px;
height:100px;
float:left;
border-radius:50%;

position:relative;

display:inline-block;

background-image:url("ruka_1_1.JPG");
color:transparent;
line-height:100px;
text-align:center;
}




.speace_2{
width:600px;
height:180px;
}

.speace_3{
width:150px;
height:100px;
float:left;
}

.phot_2{
width:100px;
height:100px;
float:left;
border-radius:50%;

position:relative;

display:inline-block;

background-image:url("ruka_1_2.JPG");
color:transparent;
line-height:100px;
text-align:center;
}

.phot_3{
width:100px;
height:100px;
float:left;
border-radius:50%;

position:relative;

display:inline-block;

background-image:url("ruka_1_3.JPG");
color:transparent;
line-height:100px;
text-align:center;
}

.speace_4{
width:250px;
height:100px;
float:left;
}

.speace_5{
width:600px;
height:50px;
}


.speace_6{
width:85px;
height:100px;
float:left;
}

.phot_4{
width:100px;
height:100px;
float:left;
border-radius:50%;

position:relative;

display:inline-block;

background-image:url("ruka_1_4.JPG");
color:transparent;
line-height:100px;
text-align:center;
}

.phot_5{
width:100px;
height:100px;
float:left;
border-radius:50%;

position:relative;

display:inline-block;

background-image:url("ruka_1_5.JPG");
color:transparent;
line-height:100px;
text-align:center;
}

.phot_6{
width:100px;
height:100px;
float:left;
border-radius:50%;

position:relative;

display:inline-block;

background-image:url("ruka_1_6.JPG");
color:transparent;
line-height:100px;
text-align:center;
}


#a{
border-left:solid 1px #1e300d;
padding-left:7px;
}

a:link{
color:#1e300d;
} 

a:visited{
color:#1e300d;
}

a:hover{
color:#1e300d;
}

p:hover{
background:#1e300d;
color:#edd4ac;
}

div.phot_1:hover{
background:#fff;
color:#000000;
}

div.phot_2:hover{
background:#fff;
color:#000000;
}

div.phot_3:hover{
background:#fff;
color:#000000;
}

div.phot_4:hover{
background:#fff;
color:#000000;
}

div.phot_5:hover{
background:#fff;
color:#000000;
}

div.phot_6:hover{
background:#fff;
color:#000000;
}