@charset "UTF-8";

/*-----------------------------------------------------
�c�A�[�{�b�N�X�֌W
-----------------------------------------------------*/
/* secD ----------
#secD { width:950px; margin-bottom:30px;}
#secD ul li { width:178px; float:left; margin-right:10px; margin-bottom:10px; background:#fff; border:1px solid #ccc;}
#secD ul li a { padding:10px; display:block;}
#secD ul li a:hover { background:#FFFCE8; }
#secD ul li .ico { display:inline-block; background:#0046BB; color:#fff; padding:3px; margin-bottom:5px; font-size:10px;}
#secD ul li .pic { margin-bottom:5px;}
#secD ul li .ttl { font-size:12px; font-weight:bold; margin-bottom:5px; line-height:1.2em;}
#secD ul li .txt { display:block; margin-bottom:5px; line-height:1.3em;}
#secD ul li .price { display:block; font-size:16px; font-weight:bold; color:#f00; text-align:right;}--*/

/*-----------------------------------------------------
width�֌W
-----------------------------------------------------*/
.w182{
	width:182px;
}
.w350{
	width:350px;
}
.w367{
	width:367px;
}
.w370{
	width:370px;
}
.w374{
	width:374px;
}
.w430{
	width:430px;
}
.w566{
	width:566px;
}
.w570{
	width:570px;
}

.w700{
	width:700px;
}
.w924{
	width:924px;
}

/*-----------------------------------------------------
margin�֌W
-----------------------------------------------------*/
.m-l50{
	margin-left: 50px; 
}
.m-l70{
	margin-left: 70px; 
}
.m-t6 { 
	margin-top: 6px; 
}
.m-t50 { 
	margin-top: 50px; 
}
.m-t60 { 
	margin-top: 60px; 
}
.m-t70 { 
	margin-top: 70px; 
}
.m-t100 { 
	margin-top: 100px; 
}

.m-b32 { 
	margin-bottom: 32px;
}
/*-----------------------------------------------------
padding�֌W
-----------------------------------------------------*/

.p-t15{
	padding-top: 15px;
}

.p-r25{
	padding-right: 25px;
}

p-l25{
	padding-left: 25px;
}

.p-b10{
	padding-bottom: 10px;
}

.p-b12{
	padding-bottom: 10px;
}

/* �`�F�b�N�p(�s�v) */
.test1{background:#ced;}
.test2{background:#acc;}

/*--北海道新ページ追加--*/

#hotelList .catMenu .cm09 {
	font-size:9px;
	color:#FFFFFF;	
	margin-left:5px;
}

#hotelList .catMenu .cm09:hover {
	color:#E55D5D
}

/*--商品ページ内オススメ設定--*/
div.tour_point div.sen{
	width: 100%;
	height: 100%;
	padding: 3px 0 1px 0;
	background-image: url(http://www.clubgets.com/eyeswork/image/dj/common/spk/djweb/bg_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.tour_point div.att{
	width: 100%;
	height: 100%;
	color: #cc0000;
	font-size: 12px;
	padding: 3px 0 1px 0;
	background-image: url(http://www.clubgets.com/eyeswork/image/dj/common/spk/djweb/bg_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

@media screen and (min-width:641px){
div.tour_point div.ttl{
	width: 93%;
	height: 100%;
	color: #38BDBD;
	font-weight: bold;
	margin: 3px 7px 0 0;
	padding: 0 0 0 25px;
	border-bottom: solid 2px;
	border-right: solid 7px;
	background-image: url(http://www.clubgets.com/images/common/ts_etc2.gif);
	background-repeat: no-repeat;
}
}

@media screen and (max-width:640px){
div.tour_point div.ttl{
	width: 100%;
	height: 100%;
	color: #38BDBD;
	font-weight: bold;
	margin: 3px 7px 0 0;
	padding: 0 0 0 25px;
	border-bottom: solid 2px;
	border-right: solid 7px;
	background-image: url(http://www.clubgets.com/images/common/ts_etc2.gif);
	background-repeat: no-repeat;
}
}