@charset "UTF-8";
/* CSS Document */
/*@media (max-width: 740px) {*/
body { margin:0px; font-family:Arial, Helvetica, sans-serif; background:#fff; font-size:15px; }

a{
	text-transform:none;
	color:#333;
}
#footer{
	background:#F0F0F0;
	padding:10px;
	border:#999 dotted 1px;
}

/* ------------------------------------------------------------
					共通設定
------------------------------------------------------------ */
.padding_T20 { padding-top: 50px;}
.padding_B20 { padding-bottom: 20px;}
.txt_C { text-align: center;}
.txt_R { text-align: right;}
.txt_L { text-align: left;}




/* ==== h2 ==== */
#ContentsBody h2 {
margin-bottom:15px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 0;
	border: 1px solid #d3d3d3;
	/* IE 5.5-7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #00479B', endColorstr='#ffffff', GradientType=0);
	/* IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00479B', endColorstr='#ffffff', GradientType=0)";
	/* IE 10 */
	background: -webkit-gradient(linear, center top, center bottom, from(#F5F5F5),to(#FFF));
	/*	background: linear-gradient(to left, #00479B, #fff);*/
	background: -moz-linear-gradient(center top, #F5F5F5, #fff);
　/* Firefox用 */ 
}

/* ==== h3の背景 2種類 ==== */
.ttl00 {
	background-image: url(/files/uploads/common/ttl_bg0.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 30px;
	padding-bottom: 7px;
	color: #669900;
	font-size: 14px;
	line-height: 33px;
}

.ttl01 {
	background-color: #99CC00;
	margin: 15px 0;
	padding: 5px 10px 5px 30px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	background-image: url(../img/ttl01_bg.png);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}
.ttl00 p,
.ttl01 p { margin: 0;}
/* ==== ここまで ==== */


/* ==== blog ==== */
.ttl01 a { text-decoration: underline;}
.ttl01 a:hover {text-decoration: none;}





/* ------------------------------------------------------------
					グローバルメニュー
------------------------------------------------------------ */
/* global navi
----------------------------------------------- */
#global_menu {
	width: 100%;
	margin-bottom: -10px;
	overflow: hidden;
	margin-top: -60px;
}
#g-menu {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	overflow: hidden;
	clear: both;
	display: none;
	position: relative;
	z-index: 9999;
}
#toggle{
display: none;
max-width: 40px;
float: right;
margin-right: 15px;
}
#g-menu #navi1 a {
width: 100%;
color:#000000;
}
#g-menu #navi2 a {
width: 100%;
color:#000000;
}
#g-menu #navi3 a {
width: 100%;
color:#000000;
}
#g-menu #navi4 a {
width: 100%;
color:#000000;
}
#g-menu #navi5 a {
width: 100%;
color:#000000;
}
#g-menu #navi6 a {
margin-right:10px;
}
#g-menu ul {
margin: 0;
padding: 0;
background-color: #EFEFEF;	
}
#g-menu > li {
	width: 47%;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	border-bottom: 3px solid #ADD618;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#g-menu li a {
	display: block;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	background-color: #E9E9E9;
	font-size: 17px;
}

/*--------------ヨガ教室----------------*/
#g-menu2 {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 100%;
	overflow:hidden;
	position: relative;
}
#g-menu2 .g-menu2_navi {
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#g-menu2 .g-menu2_navi a {
display: block;
margin: 0;
padding: 16px 0;
color: #000;
text-decoration: none;
width: 100%;
}
#g-menu2 .navi_text{
display:inline-block;
margin-right:20px;
}
#g-menu2 a .arrow {
	position: absolute;
	top: 30%;
	left: 93%;
	width: 15px;
	height: 15px;
	margin-left: -12px;
	border-left: 3px solid #669900;
	border-bottom: 3px solid #669900;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
#g-menu_ch {
display:none;
margin:0;
}
#g-menu_ch li  {
width: 100%;
margin:0;
padding:0;
list-style-type: none;
display: block;
text-align: center;
margin-bottom: 1px;
}
#g-menu_ch li a {
width:100%;
display: block;
overflow: hidden;
padding-top: 7px;
padding-bottom: 5px;
text-decoration: none;
background-color: #ADD618;
font-size: 15px;
border-bottom:2px solid #fff;
}


/*#g-menu_ch ul {
margin: 0;
padding: 0;
background-color: #EFEFEF;	
}
#g-menu_ch li {
	width: 95%;
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
}*/
#g-menu_ch li:hover {
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
opacity: 0.7;
zoom: 1;
}
/*#g-menu_ch li a {
font-color: #FFFFFF;
	display: block;
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 1px;
	text-decoration: none;
	background-color: #ADD618;
	font-size: 15px;
}*/

#toggle{
	display: block;
	position: relative;
	width: 100%;
	background: #FF9900;
	margin-bottom: 25px;
	padding-top: 1px;
	border: 3px solid #FF9900;
	border-radius: 5px;
}
#toggle a{
	display: block;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

  #toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 30%;
	right: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	/* [disabled]background: #ec6862; */
  }
  #toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 20px;
background: #feca00;
height: 4px;
  }
  #toggle a:before{
margin-top: -6px;
  }
  #toggle a:after{
margin-top: 2px;
  }
/*
.head_nv {
	width: 100%;
	margin: 0 auto;
	height: 55px;
	padding-bottom: 15px;
}

.head_nv #link2 a{ background-image: url(/files/uploads/common/menu_02.png); width: 109px;}
.head_nv #link3 a{ background-image: url(/files/uploads/common/menu_03.png); width: 109px;}
.head_nv #link4 a{ background-image: url(/files/uploads/common/menu_04.png); width: 109px;}
.head_nv #link10 a{ background-image: url(/files/uploads/menu_10__2.png); width: 108px;}
.head_nv #link5 a{ background-image: url(/files/uploads/common/menu_05.png); width: 109px;}
.head_nv #link6 a{ background-image: url(/files/uploads/menu_06-2__3.png); width: 109px;}
.head_nv #link7 a{ background-image: url(/files/uploads/common/menu_07.png); width: 109px;}
.head_nv #link8 a{ background-image: url(/files/uploads/common/menu_08.png); width: 108px;}
.head_nv #link9 a{ background-image: url(/files/uploads/common/menu_09.png); width: 108px;}


.head_nv ul {
	margin: 0;
	padding: 0;
}
.head_nv li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
.head_nv li a {
	display: block;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 -55px;
}
.head_nv li a:hover { background-position: 0 0;}



*/
/* ------------------------------------------------------------
			当社の強み　advantage
------------------------------------------------------------ */

/* ==== ４つのポイント ====*/
.point4 dt {
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	margin-bottom:15px;
}
.point4 dd {
	margin: 0;
	padding: 0 0 15px;
}

.point4 dt#point_no1 {
	background-image: url(/files/uploads/advantage/point1.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 66px;
	line-height: 54px;
}
.point4 dt#point_no2 {
	background-image: url(/files/uploads/advantage/point2.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 66px;
	line-height: 54px;
}
.point4 dt#point_no3 {
	background-image: url(/files/uploads/advantage/point3.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 66px;
	line-height: 54px;
}
.point4 dt#point_no4 {
	background-image: url(/files/uploads/advantage/point4.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 66px;
	line-height: 54px;
}


/* ==== 海外関連施設 ====*/
.world_shis img {
	border: solid 1px #ddd;
	padding: 10px;
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-bottom: 10px;
}
.world_shis div.in_sect {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #ccc;
}
.world_shis div.in_sect p { margin: 0;}

/* ------------------------------------------------------------
			会社概要　company
------------------------------------------------------------ */

/* ==== ご挨拶 ====*/
.aisatsu { overflow: hidden;}
.aisatsu img.santoku {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aisatsu p{

}


/* ==== 経営理念 ====*/
.rinen h3 { text-align: left;}
.rinen { text-align: center;}
.rinen img {
	width: 100%;
	height: auto;
}


/* ==== 社訓 ====*/
.shakun h3 { text-align: left;}
.shakun {
}
.shakun img {
	width: 100%;
	height: auto;
}


/* ==== 会社概要 ====*/
.gaiyo table {
	width: 100%;
	margin:0 auto;
	border-collapse: collapse;
	border-top: dotted 1px #ccc;
}
.gaiyo table th {
	margin:0;
	padding:8px;
	background: none;
	border: none;
	width: 100%;
	border-right: none;
	text-align: left;
	font-weight:bold!important;
	color: #000;
	font-weight: normal;
	vertical-align: baseline;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.gaiyo table td {
	background: none;
	border: none;
	border-bottom: dotted 1px #ccc;
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: left;
	font-size:13px!important;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.gaiyo table tr.end th,
/*.gaiyo table tr.end td { border-bottom: dotted 1px #ccc;}*/
.gaiyo table tr.bg_iro { background-color: #f9f9f9;}





/* ------------------------------------------------------------
			OEMについて　oem
------------------------------------------------------------ */

/* ==== おまかせ ====*/
.omakase p.pb {
	background-image: url(/files/uploads/oem/oem_back.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/* ==== OEMの流れ ====*/
.flow ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.flow li {
	width: 100%;
}
.flow li.step_01 {
	background-image: url(/files/uploads/oem/point_flow01.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
	display: table-cell;
	vertical-align: middle;
	float: left;
}
.flow li.step_02 {
	background-image: url(/files/uploads/oem/point_flow02.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
	display: table-cell;
	float: left;
}
.flow li.step_03 {
	background-image: url(/files/uploads/oem/point_flow03.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
	margin-right: -100px;
	display: table-cell;
}
.flow li.step_04 {
	background-image: url(/files/uploads/oem/point_flow04.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
}
.flow li.step_05 {
	background-image: url(/files/uploads/oem/point_flow05.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
}
.flow li.step_06 {
	background-image: url(/files/uploads/oem/point_flow06.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
}
.flow li.step_07 {
	background-image: url(/files/uploads/oem/point_flow07.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
}
.flow li.step_08 {
	background-image: url(/files/uploads/oem/point_flow08.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
}
.flow li.step_09 {
	background-image: url(/files/uploads/oem/point_flow09.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 90px;
	padding-left: 100px;
}


/* ==== OEMのQ&A ====*/
.faq dt {
	margin-left: 0;
	color: #669900;
	font-weight: bold;
	background-image: url(/files/uploads/oem/point_q.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 40px;
	/* [disabled]line-height: 31px; */
	/*border-top: dotted 1px #ccc;*/
	margin-bottom: 10px;
}
.faq dd {
	margin:0;
	margin-bottom:15px;
	background-image: url(/files/uploads/oem/point_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	padding-bottom: 10px;
	line-height: 1.4;
	color: #330;
	border-bottom: dotted 1px #ccc;
}





/* ------------------------------------------------------------
			OEMについて　ingredient
------------------------------------------------------------ */
.genryo {
	padding-top: 20px;
	border-top: dotted 1px #ccc;
	overflow: hidden;
}
img.genryo_L {
	border: solid 1px #ddd;
	padding: 5px;
}
div.genryo_R h4 {
	font-size: 13px;
	color: #669900;
	line-height: 2;
	border-left: solid 4px #669900;
	margin-bottom: 5px;
	padding-left: 8px;
	
}

/* ------------------------------------------------------------
			取扱商品紹介　product
------------------------------------------------------------ */
.product {
	padding-top: 20px;
	border-top: solid 1px #ddd;
	overflow: hidden;
}
.product_sp {
	overflow: hidden;
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.product_sp1 {
	overflow: hidden;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.product_sp img,
.product_sp1 img{
	border: solid 1px #ddd;
	padding: 5px;
}
/*.product_L {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.product_L img {
	float: left;
	border: solid 1px #ddd;
	padding: 5px;
	margin-bottom: 5px;
}*/

div.product_R h4 {
	clear:both;
	font-size: 13px;
	color: #669900;
	line-height: 2;
	border-left: solid 4px #669900;
	margin-bottom: 5px;
	padding-left: 8px;
	
}

.product dl {
	margin: 0;
	margin-top: 10px;
}
.product dt {
	color: #669900;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
.product dd {
	padding-bottom: 10px;
	margin-left:0;
}


p.link_btn {
	background-color: #669900;
}

p.link_btn a {
	color: #fff;
	background-image: url(/files/uploads/product/point_link_btn.png);
	background-repeat:no-repeat;
	background-position: 198px center;
	padding: 7px 0;
	display: block;
	text-align: center;
}




/* ------------------------------------------------------------
			取扱商品紹介　scholar
------------------------------------------------------------ */
.scholar {
	margin-top:20px;
	padding-top: 20px;
	border-top: solid 4px #f0f0f0;
	overflow: hidden;
}

.scholar_L {
	text-align: center;
}
.scholar_L img {
	border: solid 1px #ddd;
	padding: 5px;
	margin-bottom: 5px;
}
div.scholar_R h4 {
	font-size: 13px;
	color: #FF9900;
	line-height: 2;
	border-left: solid 4px #FF9900;
	margin-bottom: 5px;
	padding-left: 8px;
	
}

.scholar dl {
	margin: 0;
	margin-top: 10px;
	border-bottom: dotted 1px #ccc;
}
.scholar dt {
	color: #669900;
	border-top: dotted 1px #ccc;
	padding: 5px;
}
.scholar dd {
	padding: 5px;
	margin-left:0;
}





/* ------------------------------------------------------------
			プライバシーポリシー　privacy
------------------------------------------------------------ */

/* === num === */
.ppolicy ol.pp_num { margin: 0; padding-left: 40px; margin-top: 30px;}
.ppolicy ol.pp_num li {
	line-height: 1.7;
	position: relative;
	list-style: none;
	margin-bottom: 16px;
}
.ppolicy ol.pp_num li span {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: -26px;
}
* html .ppolicy ol.pp_num li span { top: -0em; } /* for win ie6 */
*:first-child+html .ppolicy ol.pp_num li span { top: -0em; } /* for win ie7 */
/* === ここまで === */







/* ------------------------------------------------------------
			リンク　link
------------------------------------------------------------ */

.link_list h4 {
	color: #3d3d3d;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 8px;
	border-bottom: solid 3px #f0f0f0;
}
.link_list dl {
	margin-top: 3px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
.link_list dt {
	color: #669900;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
}
.link_list dd {
	margin-left:0;
	border-bottom: dotted 1px #ccc;
	padding-top: 7px;
	padding-right: 0;
	padding-left:10px;
	padding-bottom: 7px;
}

.link_list dd a {
	background-image: url(/files/uploads/common/icon_win.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 26px;
}




/* ------------------------------------------------------------
			サイトマップ　sitemap
------------------------------------------------------------ */
.sitemap_list h4 {
	float: left;
	width: 180px;
	color: #669900;
	border-top: solid 3px #f0f0f0;
	padding: 10px 10px 10px 15px;
}

.sitemap_list {
	border-bottom: solid 3px #f0f0f0;
	overflow: hidden;
}

.sitemap_list li {
	padding: 8px 10px;
	margin-left: 205px;
}
.sitemap_list li.line_sol {
	border-top: solid 3px #f0f0f0;
}
.sitemap_list li.line_dot {
	border-top: dotted 1px #ccc;
}

.maplist_box h4 {
	float: left;
	width: 335px;
	color: #669900;
	border-top: solid 3px #f0f0f0;
	padding: 10px 0;
	padding-left: 15px;
}

.sitemap_list h4 a { color: #669900;}



/* ------------------------------------------------------------
			OEM販促支援
------------------------------------------------------------ */
.section.design .pb       {
	background-image: url(https://www.san-eki.co.jp/files/uploads/design.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 170px;
}
.section.homepage .pb {
	background-image: url(https://www.san-eki.co.jp/files/uploads/homepage.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 170px;
}
.section.hansoku img {
	margin-top: 10px;
	width: 100%;
	height: auto;
}
.headback {
	width: 80%;
	padding-left: 10px;
}
.section.rinen img {
	display: block;
}
.genryo span {
	display: block;
	width: 100%;
	text-align: center;
}
.phyto img {
	width: 100%;
	height: auto;
}