@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      catalog_ayl_others.css
 Author:         crux
 Style Info:     スタイルベース
----------------------------------------------------------- */

#mainBlock h1,#mainBlock h2,#mainBlock h3,#mainBlock h4,#mainBlock h5,#mainBlock p,#mainBlock dt,#mainBlock dd,#mainBlock span,#mainBlock strong{
	font-size:12px;
}

/*
------------------ リンク設定 ------------------
*/

div#mainBlock a:link{color: #5083b2; text-decoration: underline;}
div#mainBlock a:visited{color: #5083b2; text-decoration: underline;}
div#mainBlock a:hover{color: #cc0000; text-decoration: underline;}
div#mainBlock a:active{color: #cc0000; text-decoration: underline;}

/*
===========================================================
カタログギフト > 価格別
===========================================================
*/

#mainBlock p.catch_lead{ /* メイン画像下 リード */
	margin-top:10px;
	color:#737373;
}

#mainBlock .f_red{ color:#e5004f;font-size:15px;}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆ 商品画像エリア ◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #main_contents{ /* メインエリア */
	margin-top:20px;
	background:#fdf9f1;
	padding:10px 0;
}

	#mainBlock #main_contents div.pamphletbox{
		width:210px;
	}
	
	div#mainBlock #main_contents div.pamphletbox table td{
		padding:0;
	}
	
	#mainBlock #main_contents div.pamphletbox table.cart{
		padding:0 5px;
		margin:10px 0;
		background:#fce7b9;
		width:210px;
	}
	
	#mainBlock #main_contents div.pamphletbox table.cart td{padding:5px 0}
	
	#mainBlock #main_contents div.pamphletbox table.cart p{width:45px; text-align:right; font-size:14px}
	#mainBlock #main_contents div.pamphletbox table.cart input.text25{width:25px; text-align:right;}
	#mainBlock #main_contents div.pamphletbox table.cart img{padding:5px;}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* 商品価格、ページ数　etc */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #detail_contents01{
	margin-top:15px;
}

	#mainBlock #detail_contents01 table tr th{
		padding:5px;
		background:#FFFFFF;
		font-weight:bold;
	}
	#mainBlock #detail_contents01 table tr td{
		padding:5px;
	}
	
	#mainBlock #detail_contents01 table tr td span{
		font-weight:bold;
		font-size:20px;
		color:#e5004f;
	}
	
	
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* 商品価格、ページ数　etc */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #detail_contents02{
	margin-top:15px;
}

	#mainBlock #detail_contents02 p span{color:#e5004f;font-size:15px; font-weight:bold;}
	
		
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* PICK UP PAGE */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #detail_contents03{
	margin-top:15px;
}

	#mainBlock #detail_contents03 ul li{
		padding:5px;
		background:#dce0eb;
		float:left;
		width:222px;
	}
	
	#mainBlock #detail_contents03 ul li a img{
		padding-top:5px;
		float:right;
	}
	#mainBlock #detail_contents03 ul li p{
		font-size:14px;
		float:left;
		padding:7px 10px 0;
	}
		
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* おもな掲載ブランド */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #detail_contents04{
	margin-top:15px;
}
	#mainBlock #detail_contents04 ul{margin-bottom:10px;}
	#mainBlock #detail_contents04 ul li{
		width:170px;
		border: 1px solid #CCCCCC;
		text-align:center;
		float:left;
	}
	
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* のし・あいさつ状・包装紙について */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #detail_contents05{
	margin-top:15px;
}
	#mainBlock #detail_contents05 img{ float:right;}
	#mainBlock #detail_contents05 p{ float:left; width:440px;}
	

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* カタログギフトについて */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#mainBlock #detail_contents06{
	margin-top:15px;
}
	#mainBlock #detail_contents06 ul li{
		float:left;
		width:170px;
	}
	
	#mainBlock #detail_contents06 ul li p{
		background: url(/new/common/images/common_icon01.gif) no-repeat left top;
		margin: 3px 0 0;
		padding-left: 15px;
	}
	
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* この商品を買った人はこんな商品を買っています */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

div#mainBlock div#recommendBlock {
    background-color: #F1F1F1;
    margin-top: 20px;
    padding: 10px 0 15px 10px;
    position: relative;
}

	div#mainBlock div#recommendBlock h3 { margin-bottom: 12px;}
	
	div#mainBlock div#recommendBlock:after {
		clear: both;
		content: "";
		display: block;
		height: 0;
	}
	
	div#mainBlock div#recommendBlock div.section {
		float: left;
		margin-right: 8px;
		padding: 5px;
		width: 218px;
	}
	
	div#mainBlock div#recommendBlock div.section div {
		float: right;
		width: 110px;
	}
	
	div#mainBlock div#recommendBlock div.section p.itemThumb {
		float: left;
	}