@charset "utf-8";

/* ----------------------------------------------

	ザックザック / MARKET STYLE
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("./common/base.css");
@import url("./common/layout.css");
@import url("./common/module.css");

/* ------------------------------------------------------------
	reset
------------------------------------------------------------ */


/* ------------------------------------------------------------
	layout
------------------------------------------------------------ */
div.wrapper{
	padding: 20px;
}


/* ------------------------------------------------------------
	common
------------------------------------------------------------ */
.ttlItem{
	font-size: 100%;
	line-height: 1;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	margin-bottom: 10px;
}

.ttlLv1{
	border-bottom: 2px solid #000;
	padding: 0 0 15px;
	line-height: 1;
	font-size: 185%;
	margin-bottom: 15px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','A-OTF 新ゴ Pro R','ShinGoPro-Medium','HGPｺﾞｼｯｸE',sans-serif;
}

.ttlLv2{
	margin-bottom: 20px;
	font-size: 124%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','A-OTF 新ゴ Pro R','ShinGoPro-Medium','HGPｺﾞｼｯｸE',sans-serif;
}

.ttlLv3{
	margin-bottom: 10px;
	font-size: 124%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','A-OTF 新ゴ Pro R','ShinGoPro-Medium','HGPｺﾞｼｯｸE',sans-serif;
}

.ttlLv3 span{
	padding: 5px;
	background: #fe0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','A-OTF 新ゴ Pro R','ShinGoPro-Medium','HGPｺﾞｼｯｸE',sans-serif;
}

.ttlLv4{
	font-size: 124%;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','A-OTF 新ゴ Pro R','ShinGoPro-Medium','HGPｺﾞｼｯｸE',sans-serif;
}

.block01{
	background: #fe0;
	padding: 20px;
	margin-bottom: 20px;
}

.block02{
	padding: 20px;
	margin-bottom: 20px;
	background: #fffccc;
}

div#main p{
	font-size: 100%;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}

div#main p.lead{
	font-size: 93%;
	margin-bottom: 12px;
}

/*  boxOrder
------------------------------------------------- */
div.boxOrder{
	border: 5px solid #000;
	position: relative;
}

div.boxOrder div.boxOrderBody{
	width: 320px;
}

div.boxOrder div.boxOrderNav{
	width: 290px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

div#main div.boxOrder p.copy{
	font-size: 93%;
}

div.boxOrder .itemName{
	font-size: 124%;
	margin: 5px 0 10px;
	font-family: Meiryo;
}

div#main div.boxOrder div.price{
	font-size: 124%;
	margin: 0 auto 10px;
	background: url(/img/market/item/common/bg_price_01.png) 0 0 no-repeat;
	width: 280px;
	height: 41px;
	color: #fff;
}

div#main div.boxOrder div.price p{
	padding-left: 60px;
	line-height: 34px;
	padding-top: 7px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

div#main div.boxOrder div.price p span.note{
	font-size: 75%;
	font-weight: normal;
	margin: 0 5px;
}

div#main div.boxOrder p.btnCart{
	margin-bottom: 5px;
}

div#main div.boxOrder p.btnCart a{
	display: block;
	width: 290px;
	height: 70px;
	background: url(/img/market/item/common/btn_cart_01.png) 0 0 no-repeat;
	text-indent: -99999em;
}

div#main div.boxOrder p.btnCart a:hover{
	background: url(/img/market/item/common/btn_cart_01_o.png) 0 0 no-repeat;
}

div#main div.boxOrder p.about{
	text-align: center;
}

div#main div.boxOrder p.about a{
}

/*  intro
------------------------------------------------- */
div#intro{
	margin-bottom: 30px;
}

div.introBody{
	float: left;
	width: 330px;
}

div#intro div.boxOrder{
	float: right;
	width: 290px;
}

/*  blockImage
------------------------------------------------- */
div.blockImage{
	position: relative;
	height: 324px;
	margin-bottom: 30px;
}

div.blockImage img{
	position: absolute;
}

div.blockImage .img01{
	top: 0;
	left: 0;
}

div.blockImage .img02{
	right: 0;
	top: 0;
}

div.blockImage .img03{
	right: 0;
	top: 110px;
}

div.blockImage .img04{
	right: 0;
	bottom: 0;
}

/*  farmerComment
------------------------------------------------- */
div.farmerComment{
	margin-bottom: 30px;
}

div.farmerCommentBody{
	width: 555px;
	float: right;
}

div.farmerCommentBody .name{
	margin-bottom: 10px;
	font-size: 114%;
}

div.farmerCommentBody .name h3{
	float: right;
	width: 500px;
	font-weight: normal;
	padding-top: 5px
}

div.farmerCommentBody div.comment{
	background: url(/img/market/item/common/bg_baloon_bottom_01.png) 0 100% no-repeat;
}

div#main div.farmerCommentBody div.comment p{
	background: url(/img/market/item/common/bg_baloon_top_01.png) 0 0 no-repeat;
	padding: 20px;
	font-size: 124%;
	font-weight: bold;
}

div#main div#relatedEntries ul li,
div#main div.relatedEntries ul li{
	font-size: 100%;
	background: url(/img/market/item/common/ico_arrow_01.png) 0 45% no-repeat;
	line-height: 1.6;
	padding-left: 20px;
}

div#main div#relatedEntries p.more,
div#main div.relatedEntries p.more{
	text-align: right;
}

/*  report
------------------------------------------------- */
div.report{
	margin-bottom: 30px;
}

div.report .type1,
div.report .type2{
	margin-bottom: 15px;
}

div.report .type1 .body{
	width: 330px;
	float: right;
}

div.report .type1 .image{
	float: left;
}

div.report .type2 .body{
	width: 330px;
	float: left;
}

div.report .type2 .image{
	float: right;
}

/*  editor
------------------------------------------------- */
div.editor{
	margin-bottom: 30px;
}

div.editor div.editorBody{
	float: right;
	width: 540px;
}

div.editor p.image{
	float: left;
}

/*  listZzm
------------------------------------------------- */
div#main ul.listZzm{
	overflow: hidden;
	width: 710px;
}

div#main ul.listZzm li{
	float: left;
	width: 220px;
	height: 220px;
	font-size: 100%;
	margin-right: 15px;
}

div#main ul.listZzm li h3{
	margin-bottom: 10px;
}

div#main ul.listZzm li p{
	background: url(/img/common/ico_arrow_2.gif) 0 3px no-repeat;
	padding-left: 22px;
}