@charset "utf-8";

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

 File name:      bulk_order.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;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
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;}

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

/*
===========================================================
おまとめ注文
===========================================================
*/

#mainBlock p.catch_lead{ /* メイン画像下 リード */
	margin-top:10px;
	color:#737373;
}
p.catch_lead .red{ color:#e5004f !important; font-weight:bold;}
p.catch_lead .blue{ color:#5083b2; font-weight:bold;}

div#contentsnavi div#main_contents02 table tr th{ background-color:#FFFFFF;}
div#contentsnavi div#main_contents02 table tr td{padding:15px;}

#main_contents01{ /* おまとめ条件 */
	margin-top:20px;
	border:solid 20px #efe8d9;
}

	#main_contents01 img{ float:left;}
	#main_contents01 p{ float:left; font-size:14px;}
	#main_contents01 p span{ font-weight:bold; color:#ff0500; font-size:14px;}

	#main_contents01 .soki{ clear:both; width:500px; margin:0 auto; padding:10px; border:1px solid #f00; text-align:center; }
	#main_contents01 .soki p.ttl{ float:none; font-size:14px; font-weight:bold; color:#569e00; }
	#main_contents01 .soki p.txt{ float:none; color:#f00; }

	#main_contents01 .shimekiri{
		margin: 0 50px 0 50px;
		clear:both;
		/*width:500px;*/
		border:1px solid #f00;
		padding: 10px;
	}
	#main_contents01 .shimekiri p.ttl{
		font-size:14px;
		font-weight:bold;
		color:#569e00;
		text-align: center;
		float: none;
	}
	#main_contents01 .shimekiri p.txt{
		float: none;
	}
	#main_contents01 .shimekiri p.txt span{
		font-weight: bold;
		color:#f00;
	}

	#main_contents02{
		border-top:solid 15px #efe8d9;
		border-left:solid 20px #efe8d9;
		border-right:solid 20px #efe8d9;

	}

	#main_contents02 table tr th{
		background:url(/ayl/bulk_order/images/bulk_order_line01.gif) right repeat-y #FFF;
		text-align: center;
		width:90px;
	}

	#main_contents02 table .bord_btm{
		border-bottom:solid 15px #efe8d9;
	}

	#main_contents02 table tr td p{
		padding:5px;
	}
	#main_contents02 table tr td p a.bold{ font-weight:bold;}
	#main_contents02 table tr td p span.red{ color:#e60012;}

	#main_contents02 table tr td dt{float:left;}
	#main_contents02 table tr td dd{ float:left; padding:8px; font-size:11px;}

	#main_contents02 table tr td dt a:hover img { /* 透過 */
		opacity: 0.7;
		filter: alpha(opacity=70); /* IE6用  */
	}

	#main_contents03{
		border-left:solid 20px #efe8d9;
		border-right:solid 20px #efe8d9;
		background:#efe8d9;
	}

	#main_contents03 div.receipt,
	#main_contents03 div.receipt_kouden{
	width:339px;
	float:left;
	}

	#main_contents03 div.receipt p{
		background:url(/ayl/bulk_order/images/bulk_order_bg01.gif) repeat-y;
		padding:0 20px;
	}

	#main_contents03 div.receipt_kouden p{
		background:url(/ayl/bulk_order/kouden_images/bulk_order_bg01.gif) repeat-y;
		padding:0 20px;
	}

	#main_contents03 div.guidance{
		float:left;
	}

	#main_contents03 div.guidance p{
		width:230px;
		padding:10px 90px 20px 20px;
		float:right;
		min-height:98px;
		background:url(/ayl/bulk_order/images/bulk_order_img01.gif) right bottom no-repeat;
	}

	*html #main_contents03 div.guidance p{
		height:98px;
	}