/* CSS Document */

/*=============================================DLページ　基本の設定=================================================*/

#rap {
margin: 0 auto;
padding: 0 auto;
position: relative;
width: 600px;
background-color: #ffffff;
text-align: left;
color:#000000;
}

#dl_header {
width:600;
padding:20 60;
text-align:left;
}

#dl_item {
line-height:1.5em;
padding-bottom:5px;
}

.column {
float:left;
width:410px;
line-height:30px;
padding-left:20px;
}

.column_dl {
float:left;
width:150px;
text-align:center;
}

.dl_icon {
padding:3px 0px;
}

.recommend {
text-indent:1em;
font-size:90%;
/*text-align:right;*/
}

#dl_close {
padding:5 50;
text-align:right;
}

/*a.dl_win {
  display: block;
  height: 30px;
  width:100px;
  text-indent:-300px;
  overflow:hidden;
  background-image:url(image/common/icon_dl_win.gif);
  }

a:hover.dl_win {
  background-image:url(image/common/icon_dl_win_ov.gif);
  }

a.dl_mac {
  display: block;
  height: 30px;
  width:100px;
  text-indent:-300px;
  overflow:hidden;
  background-image:url(image/common/icon_dl_mac.gif);
  }

a:hover.dl_mac {
  background-image:url(image/common/icon_dl_mac_ov.gif);
  }*/

a.dl {
  display: block;
  height: 30px;
  width:100px;
  text-indent:-1000px;
  overflow:hidden;
  background-image:url(image/common/icon_dl.gif);
  }

a:hover.dl {
  background-image:url(image/common/icon_dl_ov.gif);
  }

.clear {
clear: both;
visibility: hidden;
}

/*--------------------------------------------------preview専用---------------*/

#wrap {
	margin: 0 auto;
	padding:10px 0 10px 0;
	position: relative;
	width: 450px;
	text-align: center;
	vertical-align:middle;
}

#wrap .img {
border:#CCCCCC solid 1px;
}

.preview_txt {
padding:5px 5px;
margin-top:10px;
text-align:right;
border-top:#CCCCCC dashed 1px;

}

.close {
padding-top:10px;
}



/*=============================================item毎のカスタマイズ用=================================================*/

/*--------------------------------------------------rose(pink)専用---------------*/

#dl_pack_rospk{
padding-left:14px;
border-top:#FFCCCC double 3px;
border-bottom:#FFCCCC double 3px;
background:url(image/bg_div_ros_pk.jpg) left bottom no-repeat;
}

#dl_pack_rospk .dl_h3 {
margin:0;
padding:5px 0px;
line-height:30px;
background:url(image/bg_h_ros_pk.jpg) right top no-repeat;
}

#dl_pack_rospk .dl_h4 {
margin:0;
padding:5px 25px;
line-height:20px;
background:url(image/bg_ros_pk.gif) left top no-repeat;
border-top:#FFCCCC solid 1px;
border-bottom:#FFCCCC solid 1px;
}

#line_pk {
border-bottom:#FFCCCC dashed 1px;
}

/*--------------------------------------------------clover(green)専用---------------*/

#dl_pack_clvgr{
padding-left:14px;
border-top:#99FF99 double 3px;
border-bottom:#99FF99 double 3px;
background:url(image/bg_div_clv_gr.jpg) left bottom no-repeat;
}

#dl_pack_clvgr .dl_h3 {
margin:0;
padding:5px 0px;
line-height:30px;
background:url(image/bg_h_clv_gr.jpg) right top no-repeat;
}

#dl_pack_clvgr .dl_h4 {
margin:0;
padding:5px 25px;
line-height:20px;
background:url(image/bg_clv_gr.gif) left top no-repeat;
border-top:#99FF99 solid 1px;
border-bottom:#99FF99 solid 1px;
}

#line_gr {
border-bottom:#99FF99 dashed 1px;
}

/*--------------------------------------------------鳩(blue)専用---------------*/

#dl_pack_birbl{
padding-left:14px;
border-top:#99FFFF double 3px;
border-bottom:#99FFFF double 3px;
background:url(image/bg_div_bir_bl.jpg) left bottom no-repeat;
}

#dl_pack_birbl .dl_h3 {
margin:0;
padding:5px 0px;
line-height:30px;
background:url(image/bg_h_bir_bl.jpg) right top no-repeat;
}

#dl_pack_birbl .dl_h4 {
margin:0;
padding:5px 25px;
line-height:20px;
background:url(image/bg_bir_bl.gif) left top no-repeat;
border-top:#99FFFF solid 1px;
border-bottom:#99FFFF solid 1px;
}

#line_bl {
border-bottom:#99FFFF dashed 1px;
}

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