@charset "EUC-JP";

@import'/common/css/special.css';
@import'/common/css/special_recommend2.css';


#yama{background:#ffffff;}

#yama h1{
	background: url("../img/header.jpg") no-repeat left top;
	height: 0px !important;
	height /**/ :400px;
	margin: 0 0 10px 0;
	padding: 400px 0px 0px;
	overflow: hidden;
}

/*cmsList
========================================== */
#cmsList{
	width: 715px;
	overflow:hidden;
	zoom:1;
}

#cmsList div.listBox{
	width: 713px;
	border:1px solid #000;
}

#cmsList div.listBox .lower .imgBox{
	float:left;
	margin:5px;
	width:75px;
	display:inline;
}

#cmsList div.listBox .lower .txtBox{
	width: 616px;
	margin-bottom: 10px;
}

#cmsList div.listBox ul.upper{
	background:#030303;
	color:#FFF;
	font-weight:bold;
	height:20px;
	padding:3px 10px 0px 0px;
	margin:-1px -1px 0px -1px;
	zoom:1;
}

#cmsList div.memberFree{
	width: 713px;
	border:1px solid #900;
}

#cmsList div.memberFree ul.upper{
	background:#900;
	color:#FFF;
	font-weight:bold;
	height:20px;
	padding:3px 10px 0px 0px;
	margin:-1px -1px 0px -1px;
	zoom:1;
}

/* packBtn
========================================== */
#package_purchase{
	margin:10px 0px ;
}
#package_purchase p.otoku{
	font-weight:bold;
	color:#ff7f00;
	font-size:16px;
	text-align:center;
}
#package_purchase #packName{
	background:url(/r_img/static/pack/packtop.gif) no-repeat 0 0;
	width:695px;
	height:30px;
	padding:8px 10px 0px 10px;
}
#package_purchase #packName h4{
	color:#b9d5ff;
	font-size: 14px;
	font-weight:bold;
	line-height:30px;
	width:495px;
	float:left;
	text-shadow:1px 1px 0px #999999;
}
#package_purchase #packName h4.long{
	line-height:14px;
	font-size:12px;
}
#package_purchase #packName p{
	color:#ffcc00;
	font-weight:bold;
	text-shadow:1px 1px 0px #333333;
	font-size:18px;
	line-height:26px;
	width:200px;
	float:left;
	text-align:right;
}
#package_purchase #packName p span{
	font-size:14px;
}
#package_purchase #packBtn{
	background:url(/r_img/static/pack/packmid.gif) no-repeat 0 0;
	width:709px;
	height:34px;
	padding:0px 1px 0px 5px;
}
#package_purchase #packBtn p{
	font-size:10px;
	width:505px;
	float:left;
	line-height:34px;
	text-align: left;
}
#package_purchase #packBtn p.long{
	line-height:13px;
	padding-top:5px;
}
#package_purchase #packBtn a img{
	width:204px;
	float:left;
}
#package_purchase #packNote{
	background:url(/r_img/static/pack/packbtm.gif) 0 0;
	width:715px;
	height:47px;
	padding-top:3px;
}
#package_purchase #packNote p{
	font-size:10px;
	line-height:14px;
	padding:0px 8px;
}
#package_purchase #packNote p .caution{
	color:red;
}
#package_purchase #packNote p a{
	background:url(/r_img/static/pack/help.gif) 0 0 no-repeat;
	padding-left:22px;
}
#package_purchase #endPack{
	background-color:#FFFFCC;
	padding:5px;
	text-align:left;
	color:#ff0000;
	font-weight:bold;
	width:685px;
	border:1px solid #CC0000;
	margin: 5px auto 0px;
}


div#noPackCon{
	background-color:#691A16;
	padding:10px 0 0;
	height:330px;
}
div#noPackCon h2{
	background-color:#000;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
	padding:5px 0;
	margin-bottom:5px;
	font-size:14px;
	letter-spacing: 0.5em;
}

div#packInfoBanner{
	background-color:#000;
	margin:2px 0;
	width:715px;
}


/* リセット */
h2,h3,h4{
	margin:0px;
	padding:0px;
}


/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}