@charset "utf-8";





/* ▼first 初めての方カテゴリで使用

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





/* 資料請求・お問い合わせbox */

.otoiawase {

border: solid 3px #f2f2f2;

padding: 3px 0 10px 3px;

margin: 20px 0;

} 





.otoiawase dt {

background-image: url(/first/images/otoiawase_title.gif) ;

width: 668px;

height: 43px;

text-indent: -9999px;

}



.otoiawase dd {

margin: 10px 3px 0 3px;

background-image: url(/first/images/otoiawase_tel.gif);

background-repeat: no-repeat;

background-position: left top;

height: 83px;



}



.otoiawase dd p {

text-indent: -9999px;

}



.otoiawase dd span {

display: block;

margin: 38px 0 10px 158px;

width: 250px;

font-size: 83%;

}



.otoiawase img {

float: right;

}







h5.brown {

color: #46210C;

font-size: 100%;

}





/* ▼benri ライフスタイルに合わせて便利

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

#lifeMenu {

margin: 10px 0;

}

#lifeMenu a{

height: 156px;

width: 156px;

display: block;

float: left;

margin : 0 7px;

text-indent: -9999px;

background-position: top left;

overflow: hidden;

}



#lifeMenu a:hover{

background-position: left bottom;

}



#lifeMenu .lmenuA {

background-image: url(/first/benri/images/menu01.gif) ;

}



#lifeMenu .lmenuB {

background-image: url(/first/benri/images/menu02.gif) ;

}

#lifeMenu .lmenuC {

background-image: url(/first/benri/images/menu03.gif) ;

}

#lifeMenu .lmenuD {

background-image: url(/first/benri/images/menu04.gif) ;

}









/* ▼product 安全・安心・おいしい

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



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

	tab

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



ul#tab {

	background-image: url(/inc_pp/images/top/dotLine.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	display: block;

	height: 54px;

	padding-top: 12px;

}





#tab a {

	padding: 0px!important;

	display:block!important;

	text-indent:-9999px;

	height: 54px;

	/*overflow:hidden;*/

}



#tab li {

	float: left;

	display: block;

}



#tab a.tab1{

	background-image: url(/first/product/images/tab_01.gif);

	width:239px;

}



#tab a.tab2{

	background-image: url(/first/product/images/tab_02.gif);

	width:156px;	



}



#tab a.tab3{

	background-image: url(/first/product/images/tab_03.gif);

	width:285px;

}



#tab a.active{

	background-position: 0px 54px;	

}



#tab2,

#tab3{

	display:none;

}





#secret dd {

border: solid 10px #f2f2f2;

padding: 10px;

}



#secret h4 {

background-repeat: no-repeat;

background-position: bottom left;

padding: 8px 0px 8px 25px;

margin-bottom: 10px;

font-size: 120%;

font-weight: normal;

}



#secret dt.head {

background-position: bottom left;

background-repeat: no-repeat;

height: 6px;

}



#tab1 dt.head {

background-image: url(/first/product/images/anzen_bar.gif) ;

}



#tab2 dt.head {

background-image: url(/first/product/images/anshin_bar.gif) ;

}



#tab3 dt.head {

background-image: url(/first/product/images/oishii_bar.gif);

}





#tab1 h4 {

color: #1A79BC;

background-image: url(/first/product/images/h4_anzen.gif) ;

}



#tab2 h4 {

color: #E6633C;

background-image: url(/first/product/images/h4_anshin.gif) ;

}



#tab3 h4 {

color: #84B51B;

background-image: url(/first/product/images/h4_oishii.gif) ;

}





#secret img {

vertical-align: text-bottom;

}



#secret p {

margin: 0 0 20px 20px;

}





#secret h4 .sub {

font-size: 70%;

}







.sengen {

width: 614px;

border-right: solid 3px #f2f2f2;

border-left: solid 3px #f2f2f2;

border-bottom: solid 3px #f2f2f2;

background-repeat: no-repeat;

background-position: top;

padding-bottom: 10px;

margin: 0 10px 10px 10px;

color: #46210C;

}



.teikei {

margin: 10px 20px ;

font-size: 80%;

color: #666;

}





.number {

list-style-position: outside;

}



.number li {

list-style-type: decimal;

margin: 3px 20px 3px 25px;

}



/* ▼application お申し込みの流れ

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



.nagare {

background-image: url(/first/application/images/nagare_bk.gif) ;

background-repeat: repeat-y;

width: 680px;

clear: both;

}



.nagare dt{

background-image: url(/first/application/images/nagare_head.gif);

height: 17px;

background-repeat: no-repeat;

}



.nagare dd {

background-image: url(/first/application/images/nagare_bottom.gif) ;

background-position: bottom;

background-repeat: no-repeat;

width: 680px;

}



.text {

width: 432px;

margin: 0 10px 10px 0;

float: right;

}



.text img {

vertical-align: text-bottom;

}



.nagare dd:after {

    content: "";

    display: block;

    clear: both;

    height: 1px;

    overflow: hidden;

}



.mail {

background-image: url(/first/application/images/mail.gif);

height: 58px;

background-position: top;

}

.mail b {

display: none;

}

.mail span {

padding: 20px 0 0 140px;

display: block;

font-size: 80%;

}



.arrow {

text-align: center;

clear: both;

}









/* ▼QA ご利用QA

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



#qa dl.answerFrame {

	border: #f1f1f1 solid 5px;

	margin: 20px 10px 5px 10px;

	padding: 15px;

	clear: both;

}

#qa dl.answerFrame dt {

	font-weight: bold;

	background-position: left;

	background-repeat: no-repeat;

	padding: 0px 0 15px 60px;

	border-bottom: dotted 1px #ccc;

	clear: both;

}



#qa .q1 dt {

background-image: url(/first/qa/images/q1_b.gif);

}



#qa .q2 dt {

background-image: url(/first/qa/images/q2_b.gif);

}

#qa .q3 dt {

background-image: url(/first/qa/images/q3_b.gif);

}

#qa .q4 dt {

background-image: url(/first/qa/images/q4_b.gif);

}

#qa .q5 dt {

background-image: url(/first/qa/images/q5_b.gif);

}

#qa .q6 dt {

background-image: url(/first/qa/images/q6_b.gif);

}

#qa .q7 dt {

background-image: url(/first/qa/images/q7_b.gif);

}

#qa .q8 dt {

background-image: url(/first/qa/images/q8_b.gif);

}

#qa .q9 dt {

background-image: url(/first/qa/images/q9_b.gif);

}



#qa .q10 dt {

background-image: url(/first/qa/images/q10_b.gif);

}



#qa .q11 dt {

background-image: url(/first/qa/images/q11_b.gif);

}



#qa .q12 dt {

background-image: url(/first/qa/images/q12_b.gif);

}



#qa .q13 dt {

background-image: url(/first/qa/images/q13_b.gif);

}



#qa .q14 dt {

background-image: url(/first/qa/images/q14_b.gif);

}



#qa .q15 dt {

background-image: url(/first/qa/images/q15_b.gif);

}







#qa dl.answerFrame dd {

clear:both;

text-align: left top;

	background: url(/first/qa/images/a_img.gif) no-repeat left;

	padding-left: 60px;

	padding-top: 10px;

}



.qalist li{

	_height: 1em;

	min-height: 1em;

	padding: 0 0 3px;



}

.qalist a{

background-image: url(/first/qa/images/anchor_link.gif);

background-repeat: no-repeat;

background-position: right;

display:block;

padding:6px 100px 6px 40px;

text-indent:-40px;

clear: both;

}





/* ▼voice 組合員の声

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



#voiceBox dt {

background-repeat: no-repeat;

background-position: top;

width: 207px;

height: 247px;

text-align: center;

background-image: url(/first/voice/images/photo_bk.gif) ;

}



.voiceA,

.voiceB {

clear: both;

padding-top: 25px;

}





#voiceBox dt img {

margin: 48px 0 0px 0;

}



#voiceBox dt span {

display: block ;

font-size: 80%;

margin: 0 15px;

line-height: 1.3em;

}



#voiceBox dd h4 {

background-repeat: no-repeat;

background-position: top right;

width: 450px;

height: 47px;

color: #fff;

font-size: 110%;

}



.voiceA dd h4{

background-image: url(/first/voice/images/title_bk1.gif) ;

}



.voiceB dd h4{

background-image: url(/first/voice/images/title_bk2.gif) ;

}



#voiceBox dd b{

padding: 15px 10px 0 55px;

display: block;

}





#voiceBox dd p {

margin: 10px 0 10px 25px;

width: 430px;

}



.voiceA dd p {

color: #6A3A0D ;

}



#voiceBox dd .name {

text-align: right;

font-size: 80%;

display: block;

padding-right: 15px;

}





/* ▼price 配送料について

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



.total {

background-color:#FEEAF0;

font-weight: bold;

font-size: 110%;

color: #C61A22;

}





.price {

font-size: 75%;

margin: 15px ;

}