@charset "shift_jis";

@import url("common.css");
@import url("search.css");


/* -------------------------------------------------------------------
 グローバルナビ
------------------------------------------------------------------- */

/* トップページ -------------------- */

div#ct-area ul.gnavi {
	width: 805px;
	margin: 0px 0px 0px 3px;
}

div#ct-area ul.gnavi li {
	float: left;
	margin-right: 9px;
}

div#ct-area ul.gnavi li.end {
	margin-right: 0px;
}

div#ct-area ul.gnavi li img {
	vertical-align: bottom
}


/* 下層ページ -------------------- */

div#ct-left ul.snavi {
	margin-bottom: 9px;
}

div#ct-left ul.snavi img {
	vertical-align: bottom;
}




/* -------------------------------------------------------------------
 トップページ
------------------------------------------------------------------- */

/* フラッシュ -------------------- */

div.flash {
	margin-bottom: 1px;
}


/* インフォメーション -------------------- */

div.info {
	position: relative;
	width: 791px;
	margin-top: 20px;
	background: url(../img/line_green_tp.gif) no-repeat 0px 16px;
}

div.info h2 {
	position: absolute;
	left: 6px;
	top: 0px;
	width: 160px;
}

div.info dl {
	padding: 36px 0px 20px 181px;
	background: url(../img/line_green_bt.gif) no-repeat left bottom;
}

div.info dl dt {
	float: left;
	width: 90px;
	margin-right: 10px;
	padding-left: 18px;
	background: url(../img/list_mark.gif) no-repeat 0px 3px;
	color: #CDA25C;
	font-weight: bold;
}

/*\*/
div.info dl dt {
	clear: both;
}
/**/

div.info dl dd {
	float: left;
	width: 450px;
}

/*\*/
* html div.info dl dd {
	float: none;
}
/**/

*:first-child + html div.info dl dd {
	float: none;
}

div.info dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.info dl { display:inline-block; }
/*\*/
* html div.info dl { height:1%; }
div.info dl { display:block; }
/**/


/* -------------------------------------------------------------------
 下層ページ共通
------------------------------------------------------------------- */

/* 見出し -------------------- */

div#ct-right h1 {
	margin-bottom: 20px;
}

div#ct-right h1.diary {
	margin-bottom: 0px;
}



div#ct-right h3 {
	margin-bottom: 5px;
}


/* ページトップへ -------------------- */

div#ct-right p.back {
	margin-bottom: 32px;
	padding-top: 40px;
	text-align: right; 
}


/* -------------------------------------------------------------------
 もちぶたがおいしい6つの理由
------------------------------------------------------------------- */

div.policy {
	position: relative;
	width: 590px;
	margin-top: 11px;
}

div.policy:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.policy { display:inline-block; }
/*\*/
* html div.policy { height:1%; }
div.policy { display:block; }
/**/


div#ct-right ul.pdeli {
	width: 590px;
	margin: 0px 0px 0px 0px;
}

div#ct-right ul.pdeli li {
	float: left;
	margin-right: 0px;
}

div#ct-right ul.pdeli li.end {
	margin-right: 0px;
}

div#ct-right ul.pdeli li img {
	vertical-align: bottom
}


div.p-footer {
	width: 590px;
	height:75px;
	margin: 0px;
}

div#deli {
	width: 590px;
	height:335px;
	margin: 0px;
}

	


/* -------------------------------------------------------------------
 もちぶた誕生秘話
------------------------------------------------------------------- */

/* 「和豚もちぶた」の両親のヒミツ -------------------- */

div.secret {
	position: relative;
	width: 590px;
	margin-top: 11px;
}

div.secret p {
	width: 370px;
	padding-bottom: 17px;
	text-align:justify;
	text-justify:distribute;
	}

div.secret dl {
	position: absolute;
	right: 0px;
	top: 0px; 
	width: 195px;
}

div.secret dl img {
	vertical-align: bottom;
}


/* 系統図 -------------------- */

div#ct-right p.picture {
	margin-bottom: 34px;
	padding-top: 10px;
}


/* おいしい豚肉つくりに、とことんこだわります -------------------- */

div.make {
	width: 583px;
	padding-top: 11px;
}

div.make:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.make { display:inline-block; }
/*\*/
* html div.make { height:1%; }
div.make { display:block; }
/**/

div.make div.text {
	float: left;
	width: 370px;
}

div.make div.text p {
	padding-bottom: 17px;
	text-align:justify;
	text-justify:distribute;
}

div.make dl {
	float: right;
	width: 192px;
	margin-top: 8px;
	padding-bottom: 81px;
	background: url(../../mochibuta/images/img06.gif) no-repeat left top;
}

div.make dl img {
	vertical-align: bottom;
}

div.make dl dt {
	padding: 30px 0px 8px 33px;
}

div.make dl dd {
	padding-left: 10px;
}


/* -------------------------------------------------------------------
 毎日の食事
------------------------------------------------------------------- */

/* 毎日食べる餌で豚肉のおいしさは変わります -------------------- */

div.goodtaste {
	position: relative;
	width: 590px;
	margin: 12px 0px 14px;
}

div.goodtaste p.img01 {
	float: left;
	width: 195px;
}

div.goodtaste p.img02 {
	position: absolute;
	left: 39px;
	top: 58px;
	width: 146px;
}

div.goodtaste div.text {
	float: right;
	width: 370px;
	text-align:justify;
	text-justify:distribute;
}

div.goodtaste div.text p {
	padding-bottom: 17px;
}


/* 飼料の種類 -------------------- */

div.kind-wrap {
	position: relative;
	width: 590px;
	margin-bottom: 30px;
	background: url(../../environment/images/line_gray.gif) repeat-y;
}

div.kind-wrap-in {
	background: url(../../environment/images/corner_tp.gif) no-repeat left top;
}

div.kind-wrap h3 {
	position: absolute;
	left: 21px;
	top: 20px;
}

div.kind-wrap p.img01 {
	position: absolute;
	left: 20px;
	top: 20px;
}

div.kind-wrap p.img02 {
	padding: 20px 0px 16px 395px;
	background: url(../../environment/images/corner_bt.gif) no-repeat left bottom;
}

div.kind-wrap p.img02 span {
	display: block;
	font-size: 10px;
}


/* 飼料は原料から責任を持って -------------------- */

div.responsibility {
	width: 590px;
	margin-top: 14px;
}

div.responsibility:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.responsibility { display:inline-block; }
/*\*/
* html div.responsibility { height:1%; }
div.responsibility { display:block; }
/**/

div.responsibility div.text {
	float: left;
	width: 370px;
	text-align:justify;
	text-justify:distribute;
}

div.responsibility div.text p {
	padding-bottom: 17px;
}

div.responsibility dl {
	float: right;
	width: 195px; 
}

div.responsibility dl img {
	vertical-align: bottom;
}

div.responsibility dt {
	margin-bottom: 5px;
}

/* -------------------------------------------------------------------
 飼育環境
------------------------------------------------------------------- */

/* 獣医さんは豚の友達 -------------------- */

div.friend01 {
	position: relative;
	width: 590px;
	margin-top: 11px;
}

div.friend01 h3 {
	margin-left: 220px;
}

div.friend01 p.img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 195px;
}

div.friend01 p.text {
	width: 370px;
	margin-left: 220px;
	text-align:justify;
	text-justify:distribute;
}

div.friend02 {
	width: 590px;
}

div.friend02 h3 {
	float: left;
	padding-top: 20px;
}

div.friend02 p.text {
	float: left;
	width: 370px;
	text-align:justify;
	text-justify:distribute;
}

div.friend02 p.img {
	float: right;
	width: 195px;
}


/* クレヨン囲い -------------------- */

dl.list {
	width: 590px;
	margin: 15px 0px 29px;
	background: url(../../environment/images/line_gray.gif) repeat-y;
}

dl.list dt {
	padding: 22px 0px 9px 22px;
	background: url(../../environment/images/corner_tp.gif) no-repeat left top;
	font-size: 0px;
	line-height: 0px;
}

dl.list dd {
	padding: 0px 0px 12px 19px;
	background: url(../../environment/images/corner_bt.gif) no-repeat left bottom;
}

dl.list dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.list dd { display:inline-block; }
/*\*/
* html dl.list dd { height:1%; }
dl.list dd { display:block; }
/**/

dl.list dd p {
	float: left;
	width: 189px;
}

dl.list dd p span {
	display: block;
	padding: 4px 14px 0px 0px;
	color: #2B2B2B;
	font-size: 10px;
	line-height: 1.3em;
}


/* 健康は清潔な環境づくりから -------------------- */

div.health {
	width: 590px;
	padding: 11px 0px 205px;
	background: url(../../environment/images/bg01.jpg) no-repeat left bottom;
}

div.health p {
	width: 370px;
	padding-bottom: 17px;
	text-align:justify;
	text-justify:distribute;
}



/* -------------------------------------------------------------------
  成長日記
------------------------------------------------------------------- */
div.diary {
	position: relative;
}

div.diary:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.diary { display:inline-block; }
/*\*/
* html div.diary { height:1%; }
div.diary { display:block; }
/**/

div.diary_l {
	float: left;
	width: 295px;
}

div.diary_l ul img {
	vertical-align: bottom;
}

div.diary_r {
	float: right;
	width: 295px;
}

div.diary_r ul img {
	vertical-align: bottom;
}



/* -------------------------------------------------------------------
 お手元に届くまで
------------------------------------------------------------------- */

/* 新鮮なほどおいしい -------------------- */

div.fresh01 {
	width: 590px;
	margin-bottom: 11px;
	padding-top: 11px;
}

div.fresh01 p.text {
	float: left;
	width: 370px;
	text-indent: 0em;
	text-align:justify;
	text-justify:distribute;
}

div.fresh01 p.img {
	float: right;
	width: 198px;
}

div.fresh02 {
	width: 590px;
	margin-bottom: 0px;
}

div.fresh02-text {
	float: right;
	width: 370px;
	text-align:justify;
	text-justify:distribute;
}

div.fresh02-text p {
	text-indent: 0em;
}

div.fresh02 p.img {
	float: left;
	width: 198px;
}


/* 豚肉が届くまで -------------------- */

/* 飼料の種類 -------------------- */

div.send-wrap {
	position: relative;
	width: 590px;
	margin-bottom: 30px;
	background: url(../../environment/images/line_gray.gif) repeat-y;
}

div.send-wrap-in {
	background: url(../../environment/images/corner_tp.gif) no-repeat left top;
}

div.send-wrap h3 {
	position: absolute;
	left: 21px;
	top: 20px;
}

div.send-wrap p.img01 {
	position: absolute;
	left: 20px;
	top: 20px;
}

div.send-wrap p.img02 {
	padding: 220px 0px 0px 20px;
}

div.send-wrap p.img03 {
	padding: 0px 0px 16px 20px;
	background: url(../../environment/images/corner_bt.gif) no-repeat left bottom;
}


/* パッキングプラント -------------------- */

div.packing {
	width: 590px;
	padding-top: 11px;
}

div.packing-text {
	float: left;
	width: 370px;
	text-align:justify;
	text-justify:distribute;
}

div.packing-text p {
	margin-bottom: 18px;
	text-indent: 0em;
}

div.packing-img {
	float: right;
	width: 195px;
}

div.packing-img p {
	margin-bottom: 10px;
}


/* -------------------------------------------------------------------
 もちぶたの仲間たち
------------------------------------------------------------------- */

div#ct-right h1 span {
	display: block;
	padding-top: 13px;
	color: #592805;
	font-weight: normal;
}


/* 和豚もちぶた種豚生産農場 -------------------- */

ul.farm {
	margin-bottom: 30px;
	padding-left: 7px;
}

ul.farm span {
	margin-right: 25px;
	color: #000000;
}

ul.farm li.list01,
ul.farm li.list02,
ul.farm li.list03 {
	padding: 7px 0px 13px;
}

ul.farm li.list01 {
	background: url(../../friend/images/line_gray01.gif) no-repeat left bottom;
}

ul.farm li.list02 {
	background: url(../../friend/images/line_gray02.gif) no-repeat left bottom;
}

ul.farm li.list03 {
	background: url(../../friend/images/line_gray03.gif) no-repeat left bottom;
}


/* 和豚もちぶた生産農場 -------------------- */

div.farm-list,
div.farm-list02 {
	width: 590px;
	padding: 8px 0px 13px;
}

div.farm-list {
	background: url(../../friend/images/line_gray04.gif) no-repeat left bottom;
}

div.farm-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.farm-list { display:inline-block; }
/*\*/
* html div.farm-list { height:1%; }
div.farm-list { display:block; }
/**/

div.farm-list p,
div.farm-list02 p {
	float: left;
	width: 63px;
	padding-left: 7px;
	color: #000000;
}

div.farm-list ul,
div.farm-list02 ul {
	float: left;
	width: 258px;
}

div.farm-list02 {
	background: url(../../friend/images/line_gray05.gif) no-repeat left bottom;
}

div.farm-list02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.farm-list02 { display:inline-block; }
/*\*/
* html div.farm-list02 { height:1%; }
div.farm-list02 { display:block; }
/**/

/* -------------------------------------------------------------------
 もちぶたの仲間たち
------------------------------------------------------------------- */

/* 地図検索 -------------------- */

div.map {
	margin: 16px 0px 20px;
}

div.map-in {
	position: relative;
	width: 590px;
	height: 390px;
}

div.map-in ul img {
	vertical-align: bottom;
}

/* 北海道 */

div.map-in ul li.map01 {
	position: absolute;
	left: 374px;
	top: 34px;
	width: 51px;
}

/* 東北 */

div.map-in ul li.map02 {
	position: absolute;
	right: 20px;
	top: 117px;
	width: 51px;
}

div.map-in ul li.map03 {
	position: absolute;
	right: 20px;
	top: 137px;
	width: 51px;
}

div.map-in ul li.map04 {
	position: absolute;
	right: 20px;
	top: 157px;
	width: 51px;
}

div.map-in ul li.map05 {
	position: absolute;
	right: 20px;
	top: 177px;
	width: 51px;
}

div.map-in ul li.map06 {
	position: absolute;
	right: 20px;
	top: 197px;
	width: 51px;
}

div.map-in ul li.map07 {
	position: absolute;
	right: 20px;
	top: 217px;
	width: 51px;
}

/* 関東 */

div.map-in ul li.map08 {
	position: absolute;
	right: 91px;
	top: 197px;
	width: 63px;
}

div.map-in ul li.map09 {
	position: absolute;
	right: 91px;
	top: 217px;
	width: 63px;
}

div.map-in ul li.map10 {
	position: absolute;
	right: 91px;
	top: 237px;
	width: 63px;
}

div.map-in ul li.map11 {
	position: absolute;
	right: 91px;
	top: 257px;
	width: 63px;
}

div.map-in ul li.map12 {
	position: absolute;
	right: 91px;
	top: 277px;
	width: 63px;
}

div.map-in ul li.map13 {
	position: absolute;
	right: 91px;
	top: 297px;
	width: 63px;
}

div.map-in ul li.map14 {
	position: absolute;
	right: 91px;
	top: 317px;
	width: 63px;
}

/* 北陸 */

div.map-in ul li.map15 {
	position: absolute;
	left: 286px;
	top: 72px;
	width: 51px;
}

div.map-in ul li.map16 {
	position: absolute;
	left: 286px;
	top: 92px;
	width: 51px;
}

div.map-in ul li.map17 {
	position: absolute;
	left: 286px;
	top: 112px;
	width: 51px;
}

div.map-in ul li.map18 {
	position: absolute;
	left: 286px;
	top: 132px;
	width: 51px;
}

div.map-in ul li.map19 {
	position: absolute;
	left: 286px;
	top: 152px;
	width: 51px;
}

div.map-in ul li.map20 {
	position: absolute;
	left: 286px;
	top: 172px;
	width: 51px;
}

/* 中部 */

div.map-in ul li.map21 {
	position: absolute;
	left: 310px;
	top: 319px;
	width: 51px;
}

div.map-in ul li.map22 {
	position: absolute;
	left: 361px;
	top: 319px;
	width: 51px;
}

div.map-in ul li.map23 {
	position: absolute;
	left: 310px;
	top: 339px;
	width: 51px;
}

div.map-in ul li.map24 {
	position: absolute;
	left: 361px;
	top: 339px;
	width: 51px;
}

/* 近畿 */

div.map-in ul li.map25 {
	position: absolute;
	left: 194px;
	top: 112px;
	width: 63px;
}

div.map-in ul li.map26 {
	position: absolute;
	left: 194px;
	top: 132px;
	width: 63px;
}

div.map-in ul li.map27 {
	position: absolute;
	left: 194px;
	top: 152px;
	width: 63px;
}

div.map-in ul li.map28 {
	position: absolute;
	left: 194px;
	top: 172px;
	width: 63px;
}

div.map-in ul li.map29 {
	position: absolute;
	left: 194px;
	top: 192px;
	width: 63px;
}

div.map-in ul li.map30 {
	position: absolute;
	left: 194px;
	top: 212px;
	width: 63px;
}

/* 中国 */

div.map-in ul li.map31 {
	position: absolute;
	left: 114px;
	top: 132px;
	width: 51px;
}

div.map-in ul li.map32 {
	position: absolute;
	left: 114px;
	top: 152px;
	width: 51px;
}

div.map-in ul li.map33 {
	position: absolute;
	left: 114px;
	top: 172px;
	width: 51px;
}

div.map-in ul li.map34 {
	position: absolute;
	left: 114px;
	top: 192px;
	width: 51px;
}

div.map-in ul li.map35 {
	position: absolute;
	left: 114px;
	top: 212px;
	width: 51px;
}

/* 四国 */

div.map-in ul li.map36 {
	position: absolute;
	left: 180px;
	top: 329px;
	width: 51px;
}

div.map-in ul li.map37 {
	position: absolute;
	left: 231px;
	top: 329px;
	width: 51px;
}

div.map-in ul li.map38 {
	position: absolute;
	left: 180px;
	top: 349px;
	width: 51px;
}

div.map-in ul li.map39 {
	position: absolute;
	left: 231px;
	top: 349px;
	width: 51px;
}

/* 九州 */

div.map-in ul li.map40 {
	position: absolute;
	left: 22px;
	top: 132px;
	width: 63px;
}

div.map-in ul li.map41 {
	position: absolute;
	left: 22px;
	top: 152px;
	width: 63px;
}

div.map-in ul li.map42 {
	position: absolute;
	left: 22px;
	top: 172px;
	width: 63px;
}

div.map-in ul li.map43 {
	position: absolute;
	left: 22px;
	top: 192px;
	width: 63px;
}

div.map-in ul li.map44 {
	position: absolute;
	left: 22px;
	top: 212px;
	width: 63px;
}

div.map-in ul li.map45 {
	position: absolute;
	left: 22px;
	top: 232px;
	width: 63px;
}

div.map-in ul li.map46 {
	position: absolute;
	left: 22px;
	top: 252px;
	width: 63px;
}

/* 沖縄 */

div.map-in ul li.map47 {
	position: absolute;
	left: 85px;
	top: 29px;
	width: 50px;
}


/* カテゴリ検索 -------------------- */

div.form-wrap {
	width: 590px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(../../shop/images/bg_form.gif) repeat-y left top;
}

div.form-wrap-in {
	width: 590px;
	padding-bottom: 6px;
	background: url(../../shop/images/corner_bt_form.gif) no-repeat left bottom;
}

div.form-wrap dl dd {
	padding-left: 12px;
}

div.form-wrap dl dt img {
	vertical-align: bottom;
}

div.form-wrap dl.category {
	float: left;
	width: 285px;
}

div.form-wrap dl.category p.text {
	padding: 8px 0px;
}

div.form-wrap dl.category p.search select.textarea-style {
	width: 177px;
	vertical-align: top;
}

div.form-wrap dl.category p.search select.btn {
	margin-left: 10px;
}

/* 

div.form-wrap dl.category dd ul {
	padding-top: 4px;
}

div.form-wrap dl.category dd ul li {
	width: 180px;
	padding-bottom: 5px;
}

div.form-wrap dl.category dd ul li input {
	vertical-align: middle;
}

div.form-wrap dl.category dd ul li img {
	margin: 0px 5px;
	vertical-align: middle;
}

* html div.form-wrap dl.category dd ul li img {
	margin: 0px 5px 0px 2px;
}

*:first-child + html div.form-wrap dl.category dd ul li img {
	margin: 0px 5px 0px 2px;
}

div.form-wrap dl.category dd form {
	position: relative;
	width: 273px;
}

div.form-wrap dl.category dd p {
	position: absolute;
	right: 11px;
	top: 35px;
	width: 76px;
}
 */

/* ジャンル検索 -------------------- */

div.form-wrap dl.genre {
	float: right;
	width: 285px;
}

div.form-wrap dl.genre p.text {
	padding: 8px 0px;
}

div.form-wrap dl.genre p.search select.textarea-style {
	width: 177px;
	vertical-align: top;
}

div.form-wrap dl.genre p.search select.btn {
	margin-left: 10px;
}


/* お店検索 インフォメーション ---------- */

div.shopinfo {
	width: 590px;
	margin-top: 0;
	padding: 0 0 10px 0;
	background: url(../../images/img_shopinfo.gif) no-repeat left bottom;
}

div.shopinfo dl {
	width: 550px;
	margin: 15px 0 0 20px;
	padding: 0 0 0 0;
}

div.shopinfo dl dt {
	float: left;
	width: 100px;
	margin-right: 10px;
	padding-left: 18px;
	background: url(../img/list_mark.gif) no-repeat 0px 3px;
	color: #CDA25C;
	font-weight: bold;
}

/*\*/
div.shopinfo dl dt {
	clear: both;
}
/**/

div.shopinfo dl dd {
	float: left;
	width: 420px;
	margin-bottom: 5px;
}

/*\*/
* html div.info dl dd {
	float: none;
}
/**/

*:first-child + html div.shopinfo dl dd {
	float: none;
}

div.shopinfo dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.shopinfo dl { display:inline-block; }
/*\*/
* html div.shopinfo dl { height:1%; }
div.shopinfo dl { display:block; }
/**/