@charset "UTF-8";

/*==========================================================

Door

============================================================ */

#door{
	background: #000;
	text-align:center;
}

#door .enterArea{
	position:relative;
	text-align:center;
	width:768px;
	margin:0 auto;
}

#door .enterArea .enterbtn{
	position:absolute;
	top:645px;
	left:245px;
}

/*==========================================================

Index

============================================================ */

#Index{}

#Index .keyVisual{
	width:100%;
}

#Index .keyVisual:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;
}

#Index .keyVisual li{
	float:left;
}

#Index .topics{
	width:622px;
	margin:1em auto;
}

#Index .topics ul{
	background: url(../img/top/m-news-rnd-btm.png) 0 bottom no-repeat;
	padding-bottom:10px;
}

#Index .topics ul li{
	background: url(../img/top/m-news-bg.png) 0 0 no-repeat;
	line-height:23px;
	padding:2px 0 0 18px;
	font-size:90%;
}

#Index .cookList{
	position:relative;
	padding-top:52px;
}

#Index .cookList h3{
	position:absolute;
	top:0;
	left:0;
}

#Index .movieArea{
	background-color:#000;
	height:340px;
	text-align:center;
	color:#FFF;
	width:649px;	
	padding-top:5px;
}

#Index .movieBtnList{
	width:649px;
	padding-bottom:10px;
	background-color:#000;	
}

#Index .movieBtnList:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;
}

#Index .movieBtnList li{
	float:left;
	font-size:0;
	cursor:pointer;
}

.active {
		display:block;
}


#Index .cookList2nd{
	position:relative;
	padding-top:54px;
	margin-bottom:2em;
}

#Index .cookList2nd:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;
}

#Index .cookList2nd h4{
	position:absolute;
	top:0;
	left:0;
}

#Index .cookList2nd .leftBox{
	width:322px;
	float:left;
	padding-left:1px;
}

#Index .cookList2nd .rightBox{
	width:322px;
	float:right;
	padding-right:3px;
}

/*==========================================================

ログイン

============================================================ */

#Login{
	margin-top:15px;
}

#Login h2{
	margin-bottom:3em;
}

#Login .txtBox{
	width:565px;
	margin:0 auto 2em;
	font-size:110%;
	line-height:150%;
}

#Login .loginBox{
	background: url(../img/page/login/rnd-head-01.png) 0 0 no-repeat;
	width:416px;
	margin:0 auto 2em;
	padding-top:1em;
}

#Login .loginBox form,
#Login .loginBox .logBG{
	background: url(../img/page/login/rnd-btm-01.png) 0 bottom no-repeat #feca54;
	padding: 0 1em 1em;
}



#Login .loginBox table{
	width:350px;
	margin:0 auto 1em;
}

#Login .loginBox th{
	text-align:left;
}

#Login .loginBox input{
	border:1px solid #e4ab2a;
	width:220px;
	height:20px;
	padding-left:5px;
}

#Login .loginBox .submit{
	text-align:center;
}

#Login .loginBox .submit input{
	border:none;
	width:171px;
	height:auto;
}

#Login .entryBox{
	background: url(../img/page/login/rnd-head-02.png) 0 0 no-repeat;
	width:416px;
	margin:0 auto 3em;
	padding-top:1em;
	text-align:center;
}

#Login .entryBoxBg{
	background: url(../img/page/login/rnd-btm-02.png) 0 bottom no-repeat #e5e5e5;
	padding-bottom:5px;
}

#Login .entryBox h4{
	padding-bottom:1em;
}

#Login .entryBox p{
	margin-bottom:1em;
	line-height:140%;
}

/*==========================================================

会社概要

============================================================ */

#Company{
	margin-top:15px;
}

#Company h2{
	margin-bottom:1.5em;
}

#Company .cntBox{
	width:550px;
	margin:0 auto;
	font-size:116%;
	line-height:140%;
	color:#000;
	background: url(../img/common/cm-bg-logo.png) center 27px no-repeat;
}

#Company .profTbl{
	width:555px;
	margin:0 auto 2em;
	border-collapse:collapse;
}

#Company .profTbl th{
	width:138px;
	vertical-align:middle;
	background: url(../img/page/company/bg-th-02.png) 0 bottom no-repeat;
	height:37px;
	text-align:left;
	text-indent:1em;
	font-weight:normal;
}

#Company .profTbl .thHead{
	background: url(../img/page/company/bg-th-01.png) 0 0 no-repeat;
	height:38px;
}

#Company .profTbl .thBtm{
	background: url(../img/page/company/bg-th-03.png) 0 bottom no-repeat;
	height:38px;
}

#Company .profTbl td{
	background: url(../img/page/company/bg-td.png) 0 bottom repeat-x;
	padding-left:3px;
}

#Company .supportTbl{
	width:555px;
	margin:0 auto 2em;
	border-collapse:collapse;
}

#Company .supportTbl th{
	width:138px;
	vertical-align:middle;
	background: url(../img/page/company/bg-th-04.png) 0 bottom no-repeat;
	height:65px;
	text-align:left;
	text-indent:.65em;
	font-weight:normal;
}

#Company .supportTbl td{
	/*background: url(../img/page/company/bg-td.png) 0 bottom repeat-x;*/
	padding-left:3px;
	/*height:30px;*/
}

#Company .memberArea{
	width:560px;
	margin:0 auto 2em;
}

#Company .memberArea:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;
}

#Company .memberArea .memberBox{
	background-color:#f3f3f3;
	font-size:86%;
	padding-bottom:5px;
}

#Company .memberArea .memberBox h4{
	margin-bottom:5px;
}

#Company .memberArea .memberBox p{
	padding-left:1em;
}


#Company .pasture{
	width:590px;
	height:285px;
	margin:3em auto 2em;
	background: url(../img/page/company/profile-01.jpg) 0 0 no-repeat;
	padding:80px 24px 40px;
		-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#Company .pasture h4{
	color:#bd0021;
	font-size:180%;
	margin-bottom:1.5em;
	font-weight: normal;
}

#Company .pasture h5{
	font-size:110%;
	font-weight:normal;
}

#Company .pasture h5:before{
	content:"■";
}

#Company .pasture p{
	font-size:110%;
	margin-bottom:1em;
}


#Company .pasture_f{
	width:590px;
	height:285px;
	margin:1em auto 2em;
	background: url(../img/page/company/profile-02.jpg) 0 0 no-repeat;
	padding:80px 24px 40px;
		-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#Company .pasture_f h4{
	color:#bd0021;
	font-size:180%;
	margin-bottom:1.5em;
	font-weight: normal;
}

#Company .pasture_f h5{
	font-size:110%;
	font-weight:normal;
}

#Company .pasture_f h5:before{
	content:"■";
}

#Company .pasture_f p{
	font-size:110%;
	margin-bottom:1em;
}

#Company .pasture_s{
	width:590px;
	height:285px;
	margin:1em auto 2em;
	background: url(../img/page/company/profile-03.jpg) 0 0 no-repeat;
	padding:60px 24px 40px;
		-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#Company .pasture_s h4{
	color:#bd0021;
	font-size:180%;
	margin-bottom:1em;
	line-height: 1.3;
	font-weight: normal;
}

#Company .pasture_s h5{
	font-size:110%;
	font-weight:normal;
}

#Company .pasture_s h5:before{
	content:"■";
}

#Company .pasture_s p{
	font-size:110%;
	margin-bottom:1em;
}

.noBG{
	background:none!important;
}


/*==========================================================

指定牧場

============================================================ */

#Direct{
	margin-top:15px;
	text-align:center;
}


/*==========================================================

集客コンサルティング

============================================================ */

#Consult{
	margin-top:15px;
}

#Consult h2{
	margin-bottom:1.5em;
}


#Consult .example{
	width:525px;
	padding:0 60px;
	background: url(../img/page/consult/example-bg-01.jpg) right 160px no-repeat;
	font-size:116%;
	line-height:130%;
}

#Consult .example p{
	margin-bottom:1em;
}

#Consult .example .st{
	font-weight:bold;
	font-size:110%;
}

#Consult .example .st2{
	font-weight:bold;
	font-size:130%;
}

#Consult .clRed{
	color:#f00;
	font-size:120%
}

#Consult .clGreen{
	color:#0db200;
	font-size:120%;
}

#Consult .clBlue{
	color:#009cff;
	font-size:120%;
}

#Consult .clPink{
	color:#ff4985;
	font-size:120%;
}


/*==========================================================

初めての方へ

============================================================ */

#First{
	margin-top:15px;
}

#First h2{
	margin-bottom:1.5em;
}

#First .afterFollow{
	width:525px;
	margin:0 auto 2em;
	font-size:116%;
	line-height:130%;
}

#First .afterFollow p{
	margin-bottom:1em;
}

#First .afterFollow .stA{
	font-weight:bold;
	font-size:146%;
	color:#ff8400;
	line-height:120%;
	margin-bottom:15px;
}

#First .afterFollow .stB{
	font-weight:bold;
	font-size:110%;
	line-height:140%;	
}

/*==========================================================

真空パックでお届け

============================================================ */

#Package{
	margin-top:15px;
}

#Package .packTop{
	background: url(../img/page/pack/photo-setup-bg.jpg) 0 0 no-repeat;
	padding:16px 30px 0 40px;
	margin-bottom:2em;
	font-size:110%;
	line-height:140%;
}


#Package .packTop p{
	margin-bottom:1em;
}

#Package .arrow{
		background: url(../img/page/pack/how-to-arrow.png) center bottom no-repeat;
		padding-bottom:28px;
		margin-bottom:1.5em;
}

/*==========================================================

支払い方法

============================================================ */

#Payment{
	margin-top:15px;
}

#Payment h2{
	margin-bottom:2em;
}

#Payment .howArea{
	width:572px;
	margin:0 auto;
}

#Payment .howArea p{
	margin-bottom:15px;
}

/*==========================================================

馬肉の魅力

============================================================ */

#Charm{
	margin-top:15px;
}

#Charm h2{
	margin-bottom:1em;
}

#Charm .cntBox{
	width:580px;
	margin:0 auto;
	font-size:106%;
	line-height:140%;
}

#Charm .effect{
	text-align:center;
}

#Charm .effect h4{
	margin-bottom:14px;
}

#Charm .effect h5{
	margin-bottom:4px;
}

#Charm .effect ul{
	margin-bottom:24px;
}

#Charm .effect li{
	margin-bottom:4px;
}

#Charm .effect .geneLast{
	width:506px;
	margin:0 auto;
	background: url(../img/page/charm/generations-08.png) 0 0 no-repeat;
	height:58px;
	padding:38px 20px 5px;
	text-align:left;
}

#Charm .cntBox2nd{
	width:545px;
	margin:0 auto 2em;
	font-size:110%;
	line-height:140%;
}

#Charm .cntBox2nd ul{
	text-indent:1em;
	margin-left:1em;
}

#Charm .cntBox2nd li{
	text-indent:-1em;
}

#Charm .nutritionTbl{
	width:548px;
	margin:10px auto 1em;
}

#Charm .nutritionTbl th{
	background-color:#f9ad04;
	font-weight:normal;
}

#Charm .nutritionTbl .no1{
	background-color:#ffccd3;
}

#Charm .nutritionTbl td,
#Charm .nutritionTbl th{
	border:1px solid #666;
	border-collapse:collapse;
	text-align:center;
	padding:.5em;
}


/*==========================================================

部位

============================================================ */

#Parts{
	margin-top:15px;
}

#Parts h2{
	margin-bottom:1em;
}

#Parts .btnNavi{
	width:580px;
	margin:0 auto 1em;
	padding-top:11px;
	background: url(../img/page/parts/parts-btn-rnd-top.png) 0 0 no-repeat;
}


#Parts .btnNaviBG{
	background: url(../img/page/parts/parts-btn-rnd-btm.png) 0 bottom no-repeat;
	padding-bottom:6px;	
}

#Parts .btnNavi ul{
	width:540px;
	margin:0 auto;
}


#Parts .navi3{
	width:415px!important;
}

#Parts .btnNavi ul:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;
}

#Parts .btnNavi li{
	float:left;
	padding-left:17px;
	padding-bottom:5px;
	font-size:0;
}

#Parts .feature{
	margin-left:30px;
	margin-bottom:2em;
}

#Parts .feature h3{
	margin-bottom:1em;
}

#Parts .featureW{}

#Parts .featureW table{
	width:600px;
	margin:0 auto 2em;
}

#Parts .featureW th{
	padding-bottom:10px;
	text-align:center;
}

#Parts .featureW td{
	vertical-align:top;
}


/*==========================================================

プライバシーポリシー

============================================================ */


#Privacy{
	margin-top:15px;
	line-height:140%;
}

#Privacy h2{
	margin-bottom:1em;
}

#Privacy .definition{
	margin:1em 0;
	border-bottom:1px solid #CCC;
	border-left:5px solid #ED002C;
	font-size:116%;
	padding:3px 0;
	text-indent:.5em;
	font-size:116%;
}

#Privacy .cntBox{
	width:590px;
	margin:0 auto 2em;
}


/*==========================================================

サイトマップ

============================================================ */


#SiteMap{
	margin-top:15px;
	line-height:140%;
}

#SiteMap h2{
	margin-bottom:1em;
}

#SiteMap h3{
	margin:1em 0;
	border-bottom:1px solid #CCC;
	border-left:5px solid #ED002C;
	font-size:116%;
	padding:3px 0;
	text-indent:.5em;
}

#SiteMap .cntBox{
	width:590px;
	margin:0 auto 2em;
}

#SiteMap ul{
	margin-left:1.5em;
}

#SiteMap li{
	list-style:disc;
}


/*==========================================================

ランク別オーダー

============================================================ */


#OrderRank{
	line-height:140%;
}

#OrderRank h2{
	margin-bottom:1em;
}

#OrderRank h3{
	text-align:center;
	margin-bottom:2em;
}

#OrderRank .cntBox{
	width:570px;
	margin:0 auto 2em;
}

#OrderRank .priceTbl{
	width:95%;
	margin:0 auto 1em;
}

#OrderRank .priceTbl th{
	background-color:#f9ad04;
	font-weight:normal;
}
#OrderRank .priceTbl td,
#OrderRank .priceTbl th{
	border:1px solid #666;
	border-collapse:collapse;
	text-align:center;
	padding:.5em;
}