@charset "UTF-8";

body {
  font-size: 13px;
  *font-size: small;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 123.1%; }

/* ------------------------------------------------------
		present
------------------------------------------------------ */
.present {
  padding-bottom: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  _zoom: 1;
  background: #FFF0F8;
  text-align: center; }
  .present h3 {
    background: url(/cp/images/side_present_h.gif) no-repeat;
    height: 36px;
    text-indent: -9999px;
    color: #ffffff;
    margin: 0 0 26px 0; }
  .present img.left {
    float: left;
    margin: 0px 8px 0 22px; }
  .present p {
    font-size: 1.0em;
    line-height: 1.6em;
    margin: 10px 20px 15px 20px;
    text-align: left; }
  .present .present a:link p {
    color: #333333; }
  .present .present a:visited p {
    color: #333333; }
  .present .present a:hover p {
    color: #666666;
    text-decoration: none; }
  .present .present a:active p {
    color: #660000; }
  .present p.yomu {
    font-weight: bold;
    font-size: 1.0em;
    margin: 5px 0 0 20px; }
  .present a:link p.yomu {
    color: #ff008c; }
  .present a:visited p.yomu {
    color: #ff008c; }
  .present a:hover p.yomu {
    color: #ff66cc;
    text-decoration: none; }
  .present a:active p.yomu {
    color: #660000; }
  .present img.oubo {
    margin: 10px 0px 0 0px; }
  .present .float-clear {
    margin: 0;
    height: 1px;
    font-size: medium; }

/*-----------------------------------------------------
		cp
------------------------------------------------------ */
#cp .main {
  width: 949px;
  position: relative;
  margin-bottom: 15px; }
#cp .btn {
	position: absolute;
	top: 364px;
	left: 39px;
}
#cp .pre {
  font-size: 13px;
  margin-bottom: 25px;
  width: 948px;
  height: 610px;
  background: url(/cp/images/present_bg.jpg) no-repeat; }
  #cp .pre .p01 {
    float: left;
    width: 380px;
    margin: 100px 0 0 54px; }
    #cp .pre .p01 .titl {
      width: 380px;
      margin: 0 0 0px 0; }
    #cp .pre .p01 .img {
      width: 380px;
      margin: 0 0 0px 0; }
    #cp .pre .p01 .txt {
      line-height: 140%;
      width: 340px;
      margin: 10px 0 15px 10px;
      height: 80px; }
    #cp .pre .p01 .small {
      line-height: 130%;
      width: 340px;
      font-size: 10px;
      margin-left: 10px; }
      #cp .pre .p01 .small span.dbold {
        font-weight: bold;
        font-size: 10px; }
  #cp .pre .p02 {
    float: right;
    width: 380px;
    margin: 100px 50px 0 0; }
    #cp .pre .p02 .titl {
      width: 370px;
      margin: 0 0 0px 0; }
    #cp .pre .p02 .img {
      width: 380px;
      margin: 0 0 0px 0; }
    #cp .pre .p02 .txt {
      line-height: 140%;
      width: 340px;
      margin: 10px 0 15px 15px;
      height: 80px; }
    #cp .pre .p02 .small {
      line-height: 150%;
      width: 340px;
      font-size: 10px;
      margin-left: 15px; }
      #cp .pre .p02 .small span.dbold {
        font-weight: bold;
        font-size: 10px; }
      #cp .pre .p02 .small img {
        float: right;
        margin-top: 255px; }
#cp .attention h3 {
  margin-bottom: 20px; }
#cp .attention .txt {
  line-height: 180%;
  margin-bottom: 30px;}
#cp .attention .attention_btn {
  text-align: center;
  margin: 0 auto; }

/* ------------------------------------------------------
		img
------------------------------------------------------ */
a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  zoom: 1; }
  
/* ------------------------------------------------------
		footer
------------------------------------------------------ */
/* ------------------------------------------------------#footer {
  clear: both;
  background: #ffffff;
  padding: 25px 0;
  width: 950px; }
  #footer .footer-line {
    border-bottom: 1px solid #000000;
    margin-bottom: 20px; }
  #footer ul.footer_navi {
    float: left;
    display: block;
    margin-left: 5px;
    width: 245px;
    overflow: hidden; }
  #footer ul.footer_navi li {
    color: #000000;
    display: block;
    float: left;
    overflow: hidden;
    width: 80px;
    font-size: 0.9em; }
  #footer .copyright {
    clear: both;
    text-align: right;
    color: #666666;
    font-size: 0.8em; }
  #footer .information {
    float: left;
    width: 450px;
    overflow: hidden;
    display: block;
    font-size: 0.9em;
    margin-bottom: 3px;
    font-weight: bold; }
    #footer .information a:link {
      color: #0000ff; }
    #footer .information a:visited {
      color: #0000ff; }
    #footer .information a:hover {
      color: #6666ff;
      text-decoration: none; }
    #footer .information a:active {
      color: #000066; }
------------------------------------------------------ */