@charset "UTF-8";
/* TOP CSS */

body {
background: url(../img/bg.jpg) top right no-repeat;
background-size: 70% auto;
}

/* =========
:: #container
========= */
#container {
margin-top: 7%;
}

/* =========
:: #conts
========= */
#conts  {
background: #fff;
line-height: 1.7;
}
#conts dl {
margin: 0 0 80px 0;	
}
#conts dl img{
display: block;
 }
#conts  dt.title{
margin: 30px 0 0 0;
font-size: 24px;
font-weight: bold;
letter-spacing: 3px;
}
#conts  dt.title span{
font-weight: normal;
font-size: 14px;
margin-left: 30px;
}
#conts  dd{
margin: 30px 0 0 0;
}
#conts  dd p{
margin: 1em 0 0 0;
text-indent: 1em;
}
#conts dl.prof02 {
clear: both;	
}
#conts dl.prof02 dd img{
width: 890px;
}
#conts dl.history {
width: 620px;
float: right;
}
#conts dl.history dt{
width: 90px;
float: left;
clear: left;
margin: 0px 0px 15px 0px;
padding: 0;
}
#conts dl.history dd{
width: 510px;
margin: 0 0 15px 90px;
padding: 0 0 0 20px;
border-left: 1px dashed #ccc;
}
.topiBox {
width: 290px;
height: 290px;
float: right;	
margin: 20px 20px 0 0;
box-sizing: border-box;
}
.topiBox img{
width: 100%;
}
.topiBox a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;	
}