@charset "EUC-JP";

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


#harry{
	background:url("../img/harry_back.png") repeat-y left top;
	overflow:hidden;
}

#harryHead h1{
	background:url("../img/head_v2.png") no-repeat left top;
	height:0px !important;
	height /**/ :271px;
	padding-top:271px;
	overflow:hidden;
}


/*---------------------------
.conArea
---------------------------*/


.conArea{
	background:url("../img/harry_conback.png") repeat-y left top;
	border:1px solid #000;
	margin:4px 4px 20px 4px;
	overflow:hidden;
	padding-bottom:4px;
}

.mainTitle{
	margin-bottom:5px;
}



/*---------------------------
.conBoxSp
---------------------------*/

.conBoxSp{
	overflow:hidden;
	margin-bottom:5px;
}

.conBoxSp .mainPhoto{
	float:left;
	width:337px;
	padding-left:5px;
}

.conBoxSp .section{
	width:350px;
	float:right;
	padding-right:5px;
}

.conBoxSp h2{
	background:url("../img/consp_title.png") no-repeat left top;
	line-height:30px;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

.conBoxSp h2 a{
	color:#fff;
	text-decoration:none;
}

.conBoxSp h2 a:hover{
	text-decoration:underline;
}

.conBoxSp h2 span{
	color:#ffb400;
	margin-left:10px;
}

.conBoxSp .summary{
	color:#fff;
	margin-bottom:10px;
}

.conBoxSp .summary a{
	color:#ffb400;
}

.conBoxSp h3{
	margin-bottom:10px;
}


.conBoxSp .btnArea{
	border:1px solid #222;
	border-radius:3px;
	background:#111;
	margin-bottom:5px;
}

.conBoxSp .btnArea .price{
	color:#fff;
	text-align:center;
	background:#222;
	/*line-height:22px;*/
}

.conBoxSp .btnArea .price span{
	color:#ffb400;
	margin-left:10px;
	font-weight:bold;
}


.conBoxSp .btnArea .dtl{
	text-align:center;
	padding:5px;
}

.conBoxSp .btnArea .dtl img{
	vertical-align:bottom;
}





/*---------------------------
.conBox
---------------------------*/

.conBox{
	width:225px; /* 231 */
	float:left;
	border:1px solid #2b2b2b;
	background:#1c1c1c url("../img/conbox_back.png") repeat-x left bottom;
	/*background:#900;*/
	padding:2px;
	_display:inline;
	margin:3px 0px 0px 3px;;
}

.conBox h2{
	background:url("../img/contitle.png") no-repeat left top;
	line-height:30px;
	color:#fff;
	text-align:center;
	margin:-3px -3px 2px;
}

.conBox h2 a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.conBox h2 a:hover{
	text-decoration:underline;
}

.conBox .photo{
}

.conBox .summary{
	color:#fff;
	margin:5px 5px;
}

.conBox .type{
	color:#ffb400;
	text-align:center;
	margin-bottom:5px;
}


.conBox .btnArea{
	border:1px solid #222;
	border-radius:3px;
	background:#111;
}

.conBox .btnArea .price{
	color:#fff;
	text-align:center;
	background:#222;
	line-height:22px;
}

.conBox .btnArea .price span{
	color:#ffb400;
	margin-left:20px;
}


.conBox .btnArea .dtl{
	text-align:center;
	padding:5px;
}

.conBox .btnArea .dtl img{
	vertical-align:bottom;
}





/*---------------------------
.character
---------------------------*/

#harry .character{
	background:url("../img/harry_conback.png") repeat-y left top;
	margin:0px 5px 20px 5px;
	overflow:hidden;
}


/*---------------------------
.introduction
---------------------------*/

#harry .introduction{
	background:url("../img/harry_conback.png") repeat-y left top;
	margin:0px 5px 0px 5px;
	overflow:hidden;
}


/*---------------------------
.copy
---------------------------*/

#harry .copy{
	margin:0px 5px 20px 5px;
	overflow:hidden;
}

#harry .copy p{
	color:#3e3e3e;
	font-size:10px;
	line-height:1.2;
	text-align:justify;
	text-justify:distribute;
}





/* リセット */
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;
  /**/
}