@charset "utf-8";
/* CSS Document */

.rollLink01{
margin-left: 20px;
background-image: url(../img_common/icon01.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
margin-bottom: 10px;
}
.rollImg01{
margin-left: 20px;
margin-bottom: 20px;
}
.rollImg01 li{
float: left;
padding-right: 22px;
}
.rollNotes01{
margin-left: 20px;
margin-bottom: 30px;
}
.rollNotes01 li{
padding-left: 1em;
text-indent: -1em;
}
.rollImg02{
margin-left: 30px;
margin-bottom: 30px;
}
.rollImg02 li{
float: left;
padding-right: 36px;
}
.rollTable01{
margin-bottom: 10px;
margin-left: 20px;
width: 620px;
border: 1px solid #CCC;
}
.rollTable01 th{
background-color: #90C522;
font-weight: bold;
color: #FFF;
text-align: center;
width: 103px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
.rollTable01 td{
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
padding: 0.5em;
}
.rollImg03{
float: left;
padding-right: 35px;
padding-left: 30px;
padding-bottom: 40px;
}
.rollTxt01{
float: left;
width: 350px;
margin-top: 15px;
padding-bottom: 40px;
}
.rollTxt01 strong{
font-weight: bold;
color: #729C1B;
}
.rollImg04{
margin-left: 20px;
margin-bottom: 30px;
}
.rollImg04 li{
float: left;
padding-right: 30px;
}
.rollImg04 li p{
margin-top: 5px;
}
.rollHP{
margin-left: 20px;
}
.rollHP li{
background-image: url(../exchange/hi_panex/roll/img/line.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 20px;
padding-bottom: 20px;
}
.rollHP li .rollHP_left{
text-align: center;
float: left;
width: 130px;
padding-right: 20px;
}
.rollHP li .rollHP_right{
float: left;
width: 470px;
}
.rollHP li .rollHP_right .rollTxt02{
margin-left: 20px;
margin-bottom: 10px;
}
.rollHP li .rollHP_right .rollBtn{
text-align: right;
margin-bottom: 20px;
}
.rollRed{
color: #FF3333;
}
.rollBlue{
color: #3399CC;
}