/* ////// base ////// */
body { margin: 0px; background: #F9EFE1;  padding: 0px ; font-size:13px; color: #231815; line-height: 140%;
font-family:"ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN",/* Arial, Helvetica, Verdana, */sans-serif;
}
    a { color: #754C27; text-decoration: underline; }/* 3D55B6 */
    a:hover { color: #3B2213; text-decoration: underline; }
    h1,h2,h3,h4,h5,h6 {font-size: 12px; margin: 0;  font-weight: normal; line-height: 150%; }
    img { border: none; font-size: 0;}
    p { margin: 0; padding: 0; text-indent: none; }
    .cl { clear: both; font-size: 0px; line-height: 0px;}
    .cll { clear: left; font-size: 0px; line-height: 0px; }
    .clr { clear: right; font-size: 0px; line-height: 0px;}
    .t_center { text-align: center;}
    .mark { color: #004F27;}

	.allback { margin: 0; padding: 0; text-align: center; }
	.arrow {background: url(img/arrow.jpg) left 50% no-repeat  ; padding-left: 16px;  }
	.arrow3 {background: url(img/arrow3.jpg) left 50% no-repeat  ; padding-left: 16px;  }
	.arrow4 {background: url(img/arrow4.jpg) left 50% no-repeat  ; padding-left: 16px;  }
	.mt20 { margin-top: 20px; }
	.t_cetner { text-align: center; }
	.borderc { border: 1px solid #CCC; }
	
	/** TOP **/

	.tophead { background: url(img/head_allback.jpg) left top repeat-x;  width: 100%; margin: auto; }
	.head_area { width: 920px; margin: auto; text-align: left;  }
	.headlogo  { float: left; width: 180px; margin: 0;  }
	.headmenu  { float: left; width: 740px; margin: 0;  }
	.menu { margin: 0; padding: 0; height: 54px; display: flex;}
	.menu li { list-style-type: none; height: 54px; margin: 0; padding: 0; margin-left: 3px;}
	.menu li :first-child { margin: 0;}

/* TOPƒy[ƒW ƒwƒbƒ_ */
.head_top {
background: url(img/head.jpg) left top no-repeat;
width: 740px;
height: 105px;
position: relative;
}

.head_top a.line {
position: absolute;
top: 40px;
right: 0;
}

.head_top a.line:hover {
opacity: 0.8;
}

.head_top a.line img {
height: 27px;
}

.head_top a.tel {
position: absolute;
top: 72px;
right: 0;
}

 	.head_top h1 { color: #FFF; text-align: right; font-size: 11px; padding-top: 10px;}
 	
 	.recobutton { padding: 16px 0 0 588px; float: left; }
 	.recobutton2 { padding: 16px 0 0 12px; float: left; }
 	
	.top_reco { background: url(img/headimg_back.jpg) left top no-repeat; height: 236px; }
 	.reco3 { margin-top: 11px;}
 	
 	.top_archive { width: 900px; margin: 0px auto 50px; text-align: left;  }
 	.top_wnt { background: url(img/wnt_back.jpg) left top no-repeat; margin-top: 30px; height: 64px;}
 	.wnt_area { vertical-align: top; margin: 8px 0px 0px 120px ; width: 680px; float: left; height: 48px; overflow: auto; font-size: 11px;  }
 	.wnt_bb  { vertical-align: top; float: left ; width: 70px; padding-top: 19px; margin-left: 5px; }
 	.wnt_area span { padding-right: 10px;}
 	.wnt_area p { line-height: 180%;}
 	
 	.top_contents { margin-top: 30px;}
 	.top_contents2 { margin-top: 40px;}

	.toptitle_i { float: left; width: 60px;}
	.topc1 { width: 455px; float: left; margin-left: 25px; }
	.topc1_img { margin: 8px 0; padding: 0; }
	.topc1_img li { margin: 0; padding: 0; list-style-type: none; display: inline; }
	.topc1_r  { text-align: right; }
	
	
	.ml25  { margin-left: 25px;}
	.topc2 { width: 250px; float: left; margin-left:25px ; background: url(img/top_followback.jpg) left top no-repeat; height: 294px; }
	.topc2_list { font-size: 11px; margin: 15px 0 0 44px;  padding: 0; }
	.topc2_list li { margin: 0; list-style-type: none;  line-height: 27px;  }
	
	.ml32  { margin-left: 32px;}
	.topc3 { background: url(img/top_systemback.jpg) left top no-repeat; float: left; width: 340px; height: 715px; margin-left: 25px; }
	.topc4 { background: url(img/top_yunesuback.jpg) left top no-repeat; float: left; width: 358px; height: 409px; margin-left: 25px; }
 	
 	.topsystem { width: 290px; margin: 20px auto 0px;}
 	.topsystem p { line-height: 200%;}
 	.system_more { margin-top: 115px; }
 	.system_morelist { margin: 10px 0 0 0; padding: 0;}
 	.system_morelist li { list-style-type: none; border-bottom: 1px solid #CCC; background: url(img/arrow2.jpg) left 2px no-repeat; padding-left: 22px; padding-bottom: 2px; margin-bottom: 8px; }
 	
 	.topsystem2 { width: 310px; margin: 50px auto 0px; color: #FFF; font-size: 12px;}
 	.top_adress { width: 320px; margin: 55px auto 20px;}
 	 
	/** TOP **/
 	
 	#foot { width: 100%; margin: auto; background: #004F27; }
 	#foot .box { width: 900px; margin: auto; padding:20px 0px 30px; color: #FFF; }
 	#foot .line { margin: 0; padding: 0; text-align: left;}
 	#foot .line li { list-style-type: none; display: inline; padding-right: 15px; }
  	#foot .copy { text-align: center; margin-top: 15px;}
  	#foot a { color: #FFF; text-decoration: underline;}
  	#foot a:hover { color: #3B2213; text-decoration: underline;}
  	
 	
 	
 	/* category  */
 	
 	#cate_head { background: url(img/cate_top.jpg) left top repeat-x; text-align: left; width: 100%; margin: auto;}
 	#cate_head .head { width: 1000px; margin: auto; background: url(img/c_head.jpg) left top no-repeat; height: 105px;}

/* ‰Ί‘wƒy[ƒW ƒwƒbƒ_ */
#cate_head .head div {
width: 920px;
margin: auto;
position: relative;
}

#cate_head .head div a.line {
position: absolute;
top: 40px;
right: 0;
}

#cate_head .head div a.line:hover {
opacity: 0.85;
}

#cate_head .head div a.line img {
height: 27px;
}

#cate_head .head div a.tel {
position: absolute;
top: 72px;
right: 0;
}

 	#cate_head .head h1 {color: #FFF; text-align: right; font-size: 11px; padding-top: 10px;}
 	
 	#cate_head .toplogo  { padding: 58px 0 0 70px;}
 	
 	#cate_head .toubanyoku { background: url(img/head_abouttou.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .use { background: url(img/head_use.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .system { background: url(img/head_system.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .aboutus { background: url(img/head_aboutyunesu.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .story { background: url(img/head_story.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .news  { background: url(img/head_news.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .book  { background: url(img/head_book.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .contact  { background: url(img/head_inq.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .first  { background: url(img/head_first.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	#cate_head .faq  { background: url(img/head_faq.jpg) left top no-repeat; width: 1000px; margin: auto; height: 200px; }
 	
 	#cate_menu { width: 1000px; margin: auto; height: 54px; text-align: left;}
 	#cate_menu ul { margin: 0; padding: 0; height: 54px; display: flex;}
 	#cate_menu li { list-style: none; margin: 0; padding: 0; margin-left: 3px;}
	#cate_menu li:first-child { margin: 0;}
 	
 	#cate_archive { width: 900px; margin: 50px auto; text-align: left;}
 	#cate_archive .right_archive { float: right; width: 680px;font-size: 13px;  }
 	#cate_archive .left_archive { float: right; width: 200px; margin-right: 20px ; }

	/* navi */
 	#cate_archive .naviinq { text-align: center; margin-bottom: 15px; }
 	#cate_archive .navisystem { background: url(img/navi_system.jpg) left top no-repeat; height: 235px; }
 	#cate_archive .navisystem p { padding-top: 193px; width: 180px; margin: auto; color: #FFF; font-size: 11px; }
 	#cate_archive .navisystem a { color: #FFF; font-size: 11px; }
 	#cate_archive .navisystem a:hover { color: #3B2213; font-size: 11px; }
 	#cate_archive .navi_yuness { background: url(img/navi_yunesu.jpg) left top no-repeat; height: 235px; margin-top: 25px; }
 	#cate_archive .navi_yuness div { width: 180px; margin: auto; padding-top: 64px;  }
 	
  	#cate_archive .arrow_rawfood  { margin-top: 30px; line-height: 130%; font-size: 11px;}
  	#cate_archive .arrow_rawfood img  { display: block; margin-bottom: 5px;} 	
 	
 	
 	#cate_archive .c_title { background: url(img/title_line.jpg) left bottom no-repeat; padding-bottom: 3px; margin-bottom: 5px;}
 	#cate_archive .c_title h2 {  font-size: 18px; font-weight: bold;}
 	
  	#cate_archive .cate_bottominq { width: 460px; margin: 40px auto; border: 1px solid #CCC; background: #FFF; text-align: center; }
  	#cate_archive .cate_bottominq p { padding:20px 10px; text-align: center; }
  	#cate_archive .cate_bottominq img  { text-align: center;}
  	 
 	
 	
 	
 	/* toubanyoku */
 	#cate_archive .toubanyoku_message { background: url(img/toubanyoku_txtback.jpg) left top no-repeat; width: 680px; height: 463px; }
 	#cate_archive .toubanyoku_message p { line-height: 160%; font-size: 13px;  padding: 43px 0 0 228px; width: 420px; }
  	#cate_archive .add_tmesage { width: 660px; margin: 20px auto 50px; color: #c30; }
  	#cate_archive .tou_list {  margin: 10px auto 0px; padding: 0;  }
  	#cate_archive .tou_list li { padding: 0px 0px 15px 0px ;  margin: 0 0 0 30px;  } 	
 	
	/* use */
   	#cate_archive .use_box { border: 1px solid #CCC; background: #FFF; font-size: 12px; margin-top: 15px;}
   	#cate_archive .use_box div { padding: 20px 25px; }
   	#cate_archive .use_t { color: #c30; font-size: 15px; font-weight: bold; }
   	#cate_archive .use_list { margin: 20px 0 0 0 ; padding: 0; }
   	#cate_archive .use_list li { list-style-type: none; border-bottom: 1px solid #CCC; padding:0 0 3px 22px; margin: 0 0 12px 0; background: url(img/arrow2.jpg) left 50% no-repeat ;  }
   	#cate_archive .use_list span { padding-left: 10px;  }
   	#cate_archive .use_t2 { width: 580px; margin: 20px auto 40px;  }
   	#cate_archive .use_t3 { width: 580px; margin: auto; font-size: 13px; color: #c30; padding-bottom: 20px;  }
   	#cate_archive .use_addtxt { margin-top: 30px; font-size: 13px;  line-height: 180%;}

	/* system */
   	#cate_archive .system_box { background: url(img/system_back.jpg) left top no-repeat; height: 344px; width: 680px; margin: 10px auto 40px;}
   	#cate_archive .system_txt1 { padding: 164px 0 0 45px; font-size: 12px;}
   	#cate_archive .system_txt2 { padding: 64px 0 0 45px; font-size: 12px;}
   	#cate_archive .left_system { float: left; width: 450px; }
   	#cate_archive .right_system { float: left; width: 210px; margin-left: 20px; }
   	#cate_archive .system_table { border: none; width: 100%; margin: 10px auto;}
   	#cate_archive .system_table th { border-bottom: 1px solid #CCC; padding: 8px; font-size: 15px; font-weight: bold; text-align: left; }
   	#cate_archive .system_table td { border-bottom: 1px solid #CCC; padding: 8px; font-size: 15px; font-weight: bold; text-align: right; width: 80px; }
    #cate_archive .system_more { background: url(img/system_back2.jpg) left top no-repeat; height: 140px; width: 100%; margin: 25px auto; }
    #cate_archive .system_more div { padding: 25px ; }
    #cate_archive .system_more strong { display: block; color: #c30; font-size: 18px;  padding-top: 10px;}
    #cate_archive .system_more p { font-size: 12px; margin-top: 15px;  }
    
   	#cate_archive .system_box_new { background: url(img/system_back3.jpg) left top no-repeat; height: 1450px; width: 680px; margin: 10px auto 40px;}
   	#cate_archive .system_box_inner { padding: 30px 20px;}
   	#cate_archive .system_price { font-size: 22px; color: #004F27;}
   	#cate_archive .system_price span { font-size: 13px; display: block; color: #231815; padding-top: 5px;}
	#cate_archive .system_special { border: 1px solid #CCC; margin-top: 10px; background: #EEE; padding: 10px;}
		
   	#cate_archive .system_mark   { margin-top: 30px; color: #c30; font-size: 16px; }
   	#cate_archive .system_t1 { margin: 15px auto 10px; color: #333; width: 100%; border: 1px solid #666; border-collapse: collapse;}
   	#cate_archive .system_t1 th { white-space: nowrap; background: #EADFCE; padding: 10px; text-align: center; font-size: 14px; border: 1px solid #666; border-collapse: collapse;}
   	#cate_archive .system_t1 td { white-space: nowrap; padding: 10px; vertical-align: middle; border: 1px solid #666; border-collapse: collapse;}
   	#cate_archive .system_t1 strong { font-size: 16px;}
   	#cate_archive .system_t1 span { font-size: 11px;}
   	#cate_archive .c30 { color: #c30;} 	
   	#cate_archive .mt10 { margin-top: 10px; } 	
   	
   	#cate_archive .ques_mark   { margin-bottom: 10px; font-weight: bold; color: #c30; border-bottom: 1px solid #c30; font-size: 14px; }
   	#cate_archive .ans_mark    { margin-bottom: 40px; margin-left: 20px; font-size: 13px; }
   	
	/* aboutus */
   	#cate_archive .aboutus_box { background: url(img/yunesu_back.jpg) left top no-repeat; height: 620px; width: 680px; margin: 10px auto 40px;}
   	#cate_archive .aboutus_box_inner { padding: 30px;}   	
   	#cate_archive .aboutus_left { float: left; }
   	#cate_archive .aboutus_right { float: left; width: 320px; margin-left: 20px;}
   	#cate_archive .au_title {  font-size: 18px; font-weight: bold; margin-bottom: 20px; }
   	#cate_archive .au_title2 { color: #c30; font-size: 15px; font-weight: bold; margin-top: 20px; }
   	#cate_archive .au_txt { font-size: 12px;}
   	#cate_archive .au_txt2 { padding-top: 40px; font-size: 12px;}
   	#cate_archive .staff_t { width: 675px; margin: 20px auto; border: none; }
   	#cate_archive .staff_t td { width: 150px; vertical-align: top; border: none;  }
   	#cate_archive .staff_t img { border: 1px solid #CCC;}
   	
	/* storys */
   	#cate_archive .story_box {  width: 100%; margin: 30px auto 40px;}
   	
   	#cate_archive .allstory_head { margin-bottom: 50px;}
   	#cate_archive .allstory_head p { background: url(img/arrow3.jpg) left 50% no-repeat; line-height: 130%; padding-left: 18px; margin-bottom: 15px; }
   	#cate_archive .allstory_head span { font-size: 11px; display: block; }
   	
   	#cate_archive .allstory  { border: 1px solid #CCC; background: #FFF; padding: 30px;}
   	#cate_archive .allstory p { background: url(img/arrow3.jpg) left 50% no-repeat; line-height: 130%; padding-left: 18px; margin-bottom: 15px; }
   	#cate_archive .allstory span { font-size: 11px; display: block; }
   	#cate_archive .story_txt  { margin-bottom: 50px; }


	/* news */
   	#cate_archive .news_box {  width: 100%; margin: 30px auto 40px;}


	/* book */
   	#cate_archive .book_box {  width: 100%; margin: 30px auto 40px;}
	#cate_archive .book_title {  border-bottom: 1px dotted #CCC; padding-bottom: 5px; background: url(img/arrow.jpg) left top no-repeat  ;  font-size: 15px; padding-left: 22px; }
	#cate_archive .book_img    { float: left; width: 150px; margin-left:15px ; margin-top: 20px;}
	#cate_archive .book_detail { float: left; width: 450px; margin-left:25px ; margin-top: 20px; font-size: 12px;}
	#cate_archive .book_amazon { text-align: center; margin-top: 20px; }


	/* contact */
   	#cate_archive .contact_box { background: url(img/inq_back.jpg) left top no-repeat; height: 500px; width: 680px; margin: 10px auto 40px;}
   	#cate_archive .contact_box p  { width: 540px; margin: auto; padding-top: 335px; font-size: 12px;}