@charset "utf-8";



/* history

----------------------------------------------------------------------*/

#history {

position: relative;

margin-bottom: 10px;

width: 900px;

background: url(../image/history_bg_repeat.png) left top repeat-y;

}



#history h2 {

position: absolute;

left: 50%;

top: 10px;

margin-left: -31px;

text-align: center;

line-height: 1;

}



#history #historyTop {

width: 900px;

height: 372px;

background: url(../image/history_bg_top.png) left top no-repeat;	

}



#history #historyBottom {

position: absolute;

bottom: 0;

left: 0;

width: 900px;

height: 122px;

background: url(../image/history_bg_bottom.png) left bottom no-repeat;	

}



#history .wrapper {

position: relative;

margin: -322px auto 0;

padding: 60px 0 30px;

width: 790px;

background: url(../image/history_timeline_bg.png) right top no-repeat;

}



#history .section {

overflow: hidden;

width: 650px;

}



#history .text {

float: left;

}



#history .detail {

float: right;

}



#history #medarot {

height: 254px;

}



#history #medarot2 {

height: 266px;

}



#history #medarot3 {

height: 214px;

}



#history #medarot4 {

height: 161px;

}



#history #medarot5 {

height: 390px;

}



#history #medarotDS {

height: 610px;

}



#history #medarotDSAd {

width: 280px;

float: right;

}



#history #medarotDSAd p {

text-align: right;

margin-bottom: 20px;

padding-right: 70px;

}



#history #medarotDSAd dt {

border-bottom: 1px solid #333;

margin-bottom: 10px;

padding-bottom: 10px;

}



#history #medarotDSAd dt strong {

margin-right: 5px;

}



#history #medarotDSAd dd ul {

margin: 0 auto;

text-align: center;

width: 240px;

}



#history #medarotDSAd dd li {

display: inline-block;

border: 1px solid #333;

margin: 0 3px 10px;

}