@charset "utf-8";
/*===========================================================
=
=　style.css は直接編集しないでください。 
=
===========================================================*/
/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. 
Licensed under the BSD License. http://yuilibrary.com/license/ */
/*body {
  font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  *font-size: small;
  *font: x-small;
}*/

select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* クリアフィックス */
/* non */
.none {
  display: none;
}

/* リセット */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
a:focus {
  outline: none;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, aside, canvas, details, figcaption, figure, hgroup, menu, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: bottom;
  /*background:transparent;*/
}

strong {
  font-weight: bold;
}

section, div, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/*
table {
    border-collapse:collapse;
    border-spacing:0;
}
*/
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select, label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
}

/*body {
  color: #555555;
  font-size: 100%;
}*/

a {
  font-size: 100%;
}

.clear {
  clear: both;
}

.linkbox {
  cursor: pointer;
}

.box_hover {
  color: #999;
  text-decoration: underline;
}
.box_hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.bold {
  font-weight: bold;
}

/*width*/
.w10 {
  width: 10px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w100 {
  width: 100px;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w500 {
  width: 500px;
}

.w100p {
  width: 100%;
}

.h100 {
  height: 100px;
}

.h150 {
  height: 150px;
}

.h200 {
  height: 200px;
}

/*float*/
.tal {
  text-align: left;
}
.tac {
	text-align: center;
}
.tar {
  text-align: right;
}
.hover_img {
	cursor:pointer;
}
.float_l {
  float: left;
}

.float_r {
  float: right;
}

/*margin*/
.mar_none {
  margin: 0;
}

.mt-15 {
  margin-top: -15px;
}

.mt-10 {
  margin-top: -10px;
}

.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mb-15 {
  margin-bottom: -15px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml {
  margin-left: 0;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.mr {
  margin-right: 0;
}

.mr5 {
  margin-right: 5px;
}

.mr7 {
  margin-right: 7px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

/*padding*/
.padding10 {
  padding: 10px;
}

.padding5 {
  padding: 5px;
}

.padding20 {
  padding: 20px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl50 {
  padding-left: 50px;
}


.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.pr50 {
  padding-right: 50px;
}



.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

/*LINE HEIGHT*/
.lh120 {
  line-height: 120%;
}

.lh130 {
  line-height: 130%;
}

.lh140 {
  line-height: 140%;
}

.lh150 {
  line-height: 150%;
}

.lh160 {
  line-height: 160%;
}

.lh170 {
  line-height: 170%;
}

.lh180 {
  line-height: 180%;
}

.lh190 {
  line-height: 190%;
}

.lh200 {
  line-height: 200%;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

/*--border--*/
.bnon {
  border: none;
}

.none {
  display: none;
}
.orange {
	color:#ff6600;
}
.underline {
	border-bottom:2px dotted #dddddd;
}

#mondSelection {
  margin-top: 10px;
  text-align: center;
}

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

基本レイアウト

=======================================================================*/
/*body {
  font-size: 85%;
  background-repeat: repeat-x;
  background-color: #ecedea;
  background-image: url(../img/bg_body.jpg);
 -webkit-text-size-adjust: 100%;

}*/

a {
  color: #ef8b16;
}

a:hover {
  color: #F00;
}

::selection {
  background: #45af35;
  color: #FFF;
}

#wrap {
  width: 980px;
  margin: 0 auto;
}

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

サイド

=======================================================================*/
#side {
  margin: 0 0 30px 0;
  float: left;
  width: 208px;
  background: #FFF;
  padding: 15px 15px 0 !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#side_deliver {
	background: url(../img/side_deliver_bg.jpg) no-repeat;
	width:208px;
	height:59px;
	text-align:center;
	padding:50px 0 0;
	margin-bottom:15px;
}
#side_deliver p {
	font-size:110%;
}
#side_twitter {
	padding:15px 0;
}
#side_twitter .twitter-timeline {
	height:340px !important;
}
#side_contact {
	background: url(../img/side_contact_bg.jpg) no-repeat;
	width:208px;
	height:186px;
	margin-bottom:15px;
	padding-top:40px;
}
#side_blog_list {
	border:4px solid #ececec;
	padding: 5px 15px 0 !important;
	font-size:12px;
	margin-bottom:15px;
}
#side_blog_list .tt {
	margin:0 !important;
}
#side_blog_list .list li {
	border-bottom:1px dotted #a3a3a3;
	padding: 5px 0;
}
#side_blog_list .list li a:hover {
	text-decoration: underline;
}
#side_blog_list .btn {
	margin:10px 0 10px 0 !important;
	height:30px;
}
#side_midorimushi_know {
	border:4px solid #ececec;
	padding: 5px 10px 0;
	font-size:12px;
}
#side_midorimushi_know .tt {
	text-align:center;
}
#side_deliver_attension {
  color: #ee1526;
}
#know_01 {
	background: url(../img/know_01_bg.jpg) no-repeat bottom right;
	padding-right:70px;
	width:120px;
}
#know_02 {
	background: url(../img/know_02_bg.jpg) no-repeat right bottom;
	padding-right:70px;
	width:120px;
}
#know_03 {
	background: url(../img/know_03_bg.jpg) no-repeat right bottom;
	padding-right: 70px;
	width:120px;
}
#side_contact .txt {
	margin: 6px 0 53px 15px;
	line-height: 1.5;
}
#side_contact .btn {
	text-align: center;
}
#side p {
  margin: 0 0 15px 0;
}
#side nav {
  margin: 0 0 15px 0;
}
#side nav ul {
  padding: 4px;
  margin: 0 0 -1px 0;
  background: #dadad8;
}
#side nav ul li {
  margin: 0 0 1px 0;
}


#side #side_e {
  margin: -10px 0 15px -15px;
}
#side_tv {
	background: url(../img/side_tv.jpg) no-repeat;
	width:208px;
	height:108px;
	padding-top: 75px;
	text-align:center;
	margin-bottom:10px;
}
#side #otameshi_banner:hover {
  opacity: 0.6;
}

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

コンテンツ

=======================================================================*/
#content {
	font-size: 93%;
	width: 705px;
	margin: 0 auto;
	margin-top:50px;
	margin-bottom:50px;
	background: #FFF;
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px dotted #45af35;
}

#top_info {
	padding: 10px;
	margin-bottom: 15px;
	border: 2px solid #71c764;
	width: 956px;
	background-color: #FFF;
	clear: both;
}
.top_info_txt a {
	color:#555555;
}

.red_b {
	color: #F03;
	font-weight: bold;
	margin:5px 0;
}
.red_b a {
	color: #F03;
	font-weight: bold;
	margin:5px 0;
}
.inquiry_area {
	background: url(../img/contact_bnr_bg.jpg) no-repeat;
	width:653px;
	margin:0 auto;
	height:58px;
	text-align:center;
	padding-top:110px;
}

.giftarea {
	text-align:center;
	margin:15px 0;
}


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

カレンダー

=======================================================================*/
#side {
  /* 以下、クラス指定するときのアレ */
}
#side .cal_wrapper {
  border: solid 1px #dadad8;
  padding: 5px;
  margin: 0 0 15px 0;
}
#side div.schedule_wrapper {
  padding: 10px 0px;
  border: solid 1px #cccccc;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #666666;
}
#side .cal {
  font-size: 11px;
  width: 100%;
}
#side div.cal_wrapper table.cal tr th p {
  float: left;
  margin: 2px 0px 0 0;
  color: #666;
  font-size: 12px;
}
#side div.cal_wrapper table.cal tr th div.cal_ui input {
  cursor: pointer;
  border: solid 1px #cccccc;
  background-color: #FFF;
  font-size: 10px;
  margin: 0px 1px;
  padding: 1px 5px;
}
#side div.schedule_wrapper h3 {
  padding: 0px 10px;
  font-weight: normal;
  margin: 0px;
  font-size: 12px;
  color: #666;
}
#side div.schedule_wrapper div.schedule_list {
  padding: 0px 10px;
  margin: 0px;
}
#side div.schedule_wrapper div.schedule_list ol {
  padding: 0px;
  margin: 5px auto;
  border-top: solid 1px #cccccc;
}
#side div.schedule_wrapper div.schedule_list ol li {
  padding: 5px 10px 0px 0px;
  margin: 0px 0px 0px 30px;
  font-size: 12px;
  line-height: 1.5em;
}
#side div.schedule_wrapper div.schedule_list ol li:hover {
  text-decoration: underline;
}
#side div.cal_wrapper table.cal tr th div.cal_ui {
  float: right;
  margin: 0 0 5px 0;
}
#side div.cal_wrapper table.cal tr td {
  border-top: solid 1px #eeeeee;
}
#side div.cal_wrapper table.cal tr td {
  text-align: center;
  padding: 2px;
}
#side div.cal_wrapper table.cal tr.headline td {
  padding: 5px 0px;
  color: #666;
}
#side div.cal_wrapper table.cal tr.headline {
  background-color: #EEE;
}
#side div.cal_wrapper table.cal tr td div {
  position: relative;
  padding: 5px 5px;
  text-align: center;
  background-color: #FFF;
  border-radius: 3px;
}
#side div.cal_wrapper table.cal tr td div span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0px;
  display: none;
  width: 180px;
  border: solid 1px #eeeeee;
  background-color: #FFF;
  text-align: left;
  padding: 5px;
  z-index: 10;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  box-shadow: 1px 1px 3px #666666;
}
#side div.cal_wrapper table.cal tr td div.Sat {
  background: #E1F2FF;
  color: #00F;
}
#side div.cal_wrapper table.cal tr td div.Sun {
  background: #FFF4F4;
  color: #F00;
}
#side div.cal_wrapper table.cal tr td div.Today {
  font-weight: bolder;
}
#side div.cal_wrapper table.cal tr td div.Deli {
  background: #FFF4F4;
  background-color: #FFC4C5;
}
#side div.cal_wrapper table.cal tr td div.Holyday {
  background: #FFF4F4;
  color: #F00;
}
#side div.cal_wrapper table.cal tr td div.Birthday {
  font-weight: bolder;
  background-color: #EEF;
  color: #090;
  border-radius: 3px;
}
#side div.cal_wrapper table.cal tr td div.backward {
  color: #CCC;
  font-weight: normal;
  background-color: #FFF;
  border-radius: 3px;
}
#side div.cal_wrapper table.cal tr td div.pointer {
  cursor: pointer;
}
#side div.cal_wrapper table.cal tr td div.pointer:hover {
  background-color: #EEE;
}

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

中ページ共通

=======================================================================*/
#in_ttl {
  position: relative;
  width: 950px;
  height: 120px;
  margin: 0 0 15px 0;
  background: #FFF;
  padding: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#in_ttl h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  position: absolute;
  top: 52px;
  left: 55px;
  font-size: 22px;
  line-height: 1;
}
#in_ttl p {
  font-size: 11px;
  color: #45af35;
  position: absolute;
  top: 87px;
  left: 56px;
}
#in_ttl #in_ttl_bg {
	position: absolute;
  top: 0;
  left: 0;
}

#pan {
  font-size: 85%;
  overflow: hidden;
  zoom: 1;
  width: 950px;
  background: #FFF;
  margin: 0 0 15px 0;
  padding: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#pan li {
  float: left;
}
#pan li a {
  text-decoration: none;
  padding: 0 17px 0 5px;
  margin: 0 7px 0 0;
  background: url(../img/icon_pan.gif) no-repeat right 50%;
}
.otameshi_bnr_sub:hover {
  opacity: 0.6;
}

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

会社概要

=======================================================================*/
.in_list {
  zoom: 1;
  padding: 0 10px 10px 10px;
  line-height: 1.8;
}
.in_list:after {
  content: "";
  display: block;
  clear: both;
}
.in_list h3 {
  font-weight: bold;
  padding: 10px;
  border-bottom: solid 1px #cccccc;
  width: 150px;
  float: left;
}
.in_list .in_list_r {
  padding: 10px;
  border-bottom: dotted 1px #cccccc;
  width: 487px;
  float: left;
}
.in_list .in_list_r h4 {
  margin: 0 0 2px 0;
  font-weight: bold;
}
.in_list .in_list_r ul {
  margin: 0 0 5px 0;
}

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

プライバシーポリシー 個人情報保護方針

=======================================================================*/
#in_privacy h3 {
  font-weight: bold;
}
#in_privacy h3, #in_privacy p, #in_privacy h4, #in_privacy ul {
  padding: 10px;
}

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

初めての方へ

=======================================================================*/
#first_main_1 {
  position: relative;
  width: 697px;
  height: 334px;
}
#first_main_1 img {
  position: absolute;
  top: 0;
  left: 0;
}
#first_main_1 div {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 10;
}
#first_main_1 div h3 {
  color: #45af35;
  font-size: 139%;
  margin: 0 0 5px 0;
}
#first_main_1 div p {
  line-height: 2;
  margin: 0 0 3px 0;
  font-size: 108%;
}

#first_main_2 {
  position: relative;
  width: 697px;
  height: 334px;
}
#first_main_2 img {
  position: absolute;
  top: 0;
  left: 0;
}
#first_main_2 div {
  position: absolute;
  top: 150px;
  left: 290px;
  z-index: 10;
}
#first_main_2 div h3 {
  color: #45af35;
  font-size: 139%;
  margin: 0 0 5px 0;
}
#first_main_2 div p {
  line-height: 2;
  margin: 0 0 5px 0;
  font-size: 108%;
}

#first_main_3 {
  position: relative;
  width: 697px;
  height: 310px;
}
#first_main_3 img {
  position: absolute;
  top: 0;
  left: 0;
}
#first_main_3 div {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 10;
}
#first_main_3 div h3 {
  color: #45af35;
  font-size: 139%;
  margin: 0 0 5px 0;
}
#first_main_3 div p {
  line-height: 2;
  margin: 0 0 5px 0;
  font-size: 108%;
}

#first_main_4 {
  position: relative;
  width: 697px;
  height: 268px;
}
#first_main_4 img {
  position: absolute;
  top: 0;
  left: 0;
}
#first_main_4 div {
  position: absolute;
  top: 0px;
  left: 290px;
  z-index: 10;
}
#first_main_4 div h3 {
  color: #45af35;
  font-size: 139%;
  margin: 0 0 5px 0;
}
#first_main_4 div p {
  line-height: 2;
  margin: 0 0 5px 0;
  font-size: 108%;
}

#first_main_5 {
  position: relative;
  width: 697px;
  height: 579px;
}
#first_main_5 img {
  position: absolute;
  top: 0;
  left: 0px;
}
#first_main_5 div {
  position: absolute;
  top: 15px;
  left: 25px;
  z-index: 10;
}
#first_main_5 div h3 {
  color: #45af35;
  font-size: 139%;
  margin: 0 0 5px 0;
}
#first_main_5 div p {
  line-height: 2;
  margin: 0 0 5px 0;
  font-size: 108%;
}

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

お客様の声

=======================================================================*/
#voice_list {
  margin: 30px 0 0 0;
}
/*=======================================================================

よくある質問

=======================================================================*/
#in_faq .in_faq_in {
  zoom: 1;
  margin: 0 0 30px 0;
  padding: 0px 15px 30px 30px;
  margin: 0 0 30px 0;
  border-bottom: dotted 1px #cccccc;
  background: url(../img/faq.gif) no-repeat 15px 5px;
  line-height: 1.8;
}
#in_faq .in_faq_in:after {
  content: "";
  display: block;
  clear: both;
}
#in_faq .in_faq_in h3 {
  color: #45af35;
  font-weight: bold;
}

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

サイトマップ

=======================================================================*/
#in_sitemap ul {
  margin: 0 0 10px 0;
  padding: 5px;
  background-color: #fff;
  border: solid 2px #ecedea;
}
#in_sitemap ul li a {
  color: #45af35;
  text-decoration: none;
  display: block;
  padding: 10px;
  border-bottom: 1px dotted #cccccc;
}
#in_sitemap ul li a:hover {
  background: #ECEDEA;
}
#in_sitemap ul li.in_sitemap_last a {
  border: none;
}
#in_sitemap #sitemap_in_in {
  padding: 10px;
}

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

お問い合わせ

=======================================================================*/
#content #in_company input[type="radio"] {
  vertical-align: middle;
}
#content #in_company .form_btn {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: white;
  padding: 14px 20px;
  border: none;
  background: #45af35;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#content #in_company #form_privacy {
  line-height: 1.8;
  margin: 40px 0 -15px 0;
  font-size: 85%;
  color: #999;
}
#content #in_company .required {
  margin: 0 0 0 4px;
  color: #EF8B16;
}
#content #in_company .contact {
  margin: 15px 0 0 0;
}

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

ミドリムシについて

=======================================================================*/
/*　ベース　*/
#nav {
  z-index: 200;
}
#nav li {
  font-weight: bold;
  float: left;
  padding: 10px 15px;
  margin: 0 5px -5px 0;
  background: #45af35;
  color: #fff;
  border: solid 5px #45af35;
  border-bottom: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
#nav li:hover {
  color: #101010;
  background: #fff;
}
#nav li.select {
  margin: 0 5px -5px 0;
  color: #555555;
  background: #fff;
  border-top: solid 5px #45af35;
  border-left: solid 5px #45af35;
  border-bottom: solid 0px #45af35;
  border-right: solid 5px #45af35;
}

.tab_box {
  line-height: 1.8;
  clear: both;
  background: #FFF;
  margin: 0 0 15px 0;
  padding: 30px;
  border: solid 5px #45af35;
}
.tab_box article h3 {
  font-size: 108%;
  font-weight: bold;
}
.tab_box article ul {
  zoom: 1;
}
.tab_box article ul:after {
  content: "";
  display: block;
  clear: both;
}
.tab_box article p, .tab_box article ul {
  margin: 0 0 10px 0;
}
.tab_box article ul.name li {
  font-size: 85%;
  float: left;
  margin: 0 5px 0px 0;
}
.tab_box article ul.tab_box_list li {
  margin: 0 0 5px 0;
  padding: 10px;
  background: #f9f9f9;
}

#tab_box_1 h2.tab_copy, #tab_box_2 h2.tab_copy, #tab_box_3 h2.tab_copy {
  line-height: 1.4;
  letter-spacing: 4px;
  font-size: 193%;
  color: #45af35;
  margin: 0 0 15px 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#tab_box_1 .tab_box_1_list, #tab_box_2 .tab_box_1_list, #tab_box_3 .tab_box_1_list {
  zoom: 1;
  padding: 14px;
  border: dotted 2px #45af35;
  margin: 0 0 30px 0;
}
#tab_box_1 .tab_box_1_list:after, #tab_box_2 .tab_box_1_list:after, #tab_box_3 .tab_box_1_list:after {
  content: "";
  display: block;
  clear: both;
}
#tab_box_1 .tab_box_1_list h2, #tab_box_2 .tab_box_1_list h2, #tab_box_3 .tab_box_1_list h2 {
  letter-spacing: 2px;
  font-size: 154%;
  line-height: 1;
  margin: 0 0 10px 0;
  color: #101010;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#tab_box_1 .tab_box_1_list .tab_sub_copy, #tab_box_2 .tab_box_1_list .tab_sub_copy, #tab_box_3 .tab_box_1_list .tab_sub_copy {
  zoom: 1;
  margin: 0 0 15px 0;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#tab_box_1 .tab_box_1_list .tab_sub_copy:after, #tab_box_2 .tab_box_1_list .tab_sub_copy:after, #tab_box_3 .tab_box_1_list .tab_sub_copy:after {
  content: "";
  display: block;
  clear: both;
}
#tab_box_1 .tab_box_1_list h3, #tab_box_2 .tab_box_1_list h3, #tab_box_3 .tab_box_1_list h3 {
  line-height: 1.6;
  clear: both;
  font-size: 124%;
  color: #45af35;
  color: #101010;
  margin: 0 0 10px 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#tab_box_1 .tab_box_1_list .vitamin_photo_area, #tab_box_2 .tab_box_1_list .vitamin_photo_area, #tab_box_3 .tab_box_1_list .vitamin_photo_area {
  zoom: 1;
  margin: 0 0 10px 0;
}
#tab_box_1 .tab_box_1_list .vitamin_photo_area:after, #tab_box_2 .tab_box_1_list .vitamin_photo_area:after, #tab_box_3 .tab_box_1_list .vitamin_photo_area:after {
  content: "";
  display: block;
  clear: both;
}
#tab_box_1 .tab_box_1_list .item, #tab_box_2 .tab_box_1_list .item, #tab_box_3 .tab_box_1_list .item {
  float: left;
  margin: 0 11px 15px 0;
  position: relative;
  width: 190px;
  height: 61px;
}
#tab_box_1 .tab_box_1_list .item h4, #tab_box_2 .tab_box_1_list .item h4, #tab_box_3 .tab_box_1_list .item h4 {
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 75px;
  background: #45af35;
  padding: 4px;
  color: #fff;
}
#tab_box_1 .tab_box_1_list .item p, #tab_box_2 .tab_box_1_list .item p, #tab_box_3 .tab_box_1_list .item p {
  line-height: 1;
  font-size: 108%;
  position: absolute;
  top: 40px;
  left: 75px;
}
#tab_box_1 .tab_box_1_list .item img, #tab_box_2 .tab_box_1_list .item img, #tab_box_3 .tab_box_1_list .item img {
  position: absolute;
  top: 0;
  left: 0;
}
#tab_box_1 .tab_box_1_list .item_text, #tab_box_2 .tab_box_1_list .item_text, #tab_box_3 .tab_box_1_list .item_text {
  zoom: 1;
  margin: 0 0 -10px 2px;
}
#tab_box_1 .tab_box_1_list .item_text:after, #tab_box_2 .tab_box_1_list .item_text:after, #tab_box_3 .tab_box_1_list .item_text:after {
  content: "";
  display: block;
  clear: both;
}
#tab_box_1 .tab_box_1_list .item_text li, #tab_box_2 .tab_box_1_list .item_text li, #tab_box_3 .tab_box_1_list .item_text li {
  font-size: 85%;
  margin: 0 10px 10px 0;
  padding: 5px 0;
  background: #45af35;
  color: #fff;
  width: 110px;
  text-align: center;
  float: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#tab_box_1 .tab_box_1_list .item_text li.item_last, #tab_box_2 .tab_box_1_list .item_text li.item_last, #tab_box_3 .tab_box_1_list .item_text li.item_last {
  margin: 0 0px 0 0;
}
#tab_box_1 .tab_box_1_list .item_last, #tab_box_2 .tab_box_1_list .item_last, #tab_box_3 .tab_box_1_list .item_last {
  margin: 0 0px 0 0;
}
#tab_box_1 .tab_box_1_list .tab_prof, #tab_box_2 .tab_box_1_list .tab_prof, #tab_box_3 .tab_box_1_list .tab_prof {
  line-height: 1;
  background: #fff;
  zoom: 1;
  padding: 10px;
  margin: 0 0 5px 0;
}
#tab_box_1 .tab_box_1_list .tab_prof:after, #tab_box_2 .tab_box_1_list .tab_prof:after, #tab_box_3 .tab_box_1_list .tab_prof:after {
  content: "";
  display: block;
  clear: both;
}
#tab_box_1 .tab_box_1_list .tab_prof h4, #tab_box_2 .tab_box_1_list .tab_prof h4, #tab_box_3 .tab_box_1_list .tab_prof h4 {
  float: left;
  width: 50px;
  border-right: 1px solid #45af35;
  margin: 0 20px 0 0;
}
#tab_box_1 .tab_box_1_list .tab_prof p, #tab_box_2 .tab_box_1_list .tab_prof p, #tab_box_3 .tab_box_1_list .tab_prof p {
  float: left;
}

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

ミドリムシエメラルド

=======================================================================*/
#lp1 {
  background: url(../img/lp/lp1_bg.jpg) repeat 0 0px;
  border: solid 4px #e8e7e5;
  border-top: none;
  padding: 0 18px 18px 18px;
}

#lp1_in {
  background: #fff;
  padding: 0 18px 18px 18px;
}
#lp1_in p#lp1_in_copy {
  line-height: 1.8;
  margin: 0 0 15px 0;
}
#lp1_in h4 {
  font-size: 100%;
  clear: both;
  margin: 5px 0 7px 0;
}
#lp1_in .item_text {
  zoom: 1;
  margin: 0 0 -10px 2px;
}
#lp1_in .item_text:after {
  content: "";
  display: block;
  clear: both;
}
#lp1_in .item_text li {
  font-size: 85%;
  margin: 0 10px 10px 0;
  padding: 5px 0;
  background: #45af35;
  color: #fff;
  width: 115px;
  text-align: center;
  float: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#lp1_in .item_text li.item_last {
  margin: 0 0px 0 0;
}
#lp1_in #item_text_1 li {
  background: #f0c328;
}
#lp1_in #item_text_2 li {
  background: #e98f3f;
}
#lp1_in #item_text_3 li {
  background: #6394ed;
}
#lp1_in #item_text_4 li {
  background: #ff9292;
}
#lp1_in .item_last {
  margin: 0 0px 0 0;
}
#lp1_in #research {
  margin: 20px 0 0 0;
  padding: 15px;
  border: dotted 2px #45af35;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  zoom: 1;
  clear: both;
}
#lp1_in #research:after {
  content: "";
  display: block;
  clear: both;
}
#lp1_in #research img {
  float: left;
  margin: 0 15px 0 0;
}
#lp1_in #research p {
  line-height: 1.7;
}

#lp2 {
  background: url(../img/lp/lp1_bg.jpg) repeat 0 0px;
  border: solid 4px #e8e7e5;
  border-top: none;
  padding: 0 18px 18px 18px;
}
#lp2 .accordion {
  clear: both;
  margin: 0 0 10px 0;
}
#lp2 .accordion_open {
  background: #fff;
  zoom: 1;
  padding: 10px 20px 20px 20px;
}
#lp2 .accordion_open:after {
  content: "";
  display: block;
  clear: both;
}
#lp2 .accordion_open img {
  float: left;
  margin: 0 15px 0 0;
}
#lp2 .accordion_open p {
  line-height: 1.8;
}
#lp2 .accordion_open .accordion_open_in_r {
  float: right;
  width: 310px;
}
#lp2 .accordion_open .accordion_open_1 {
  margin: 0 0 5px 0;
}
#lp2 .accordion_open .accordion_open_2 {
  padding: 10px;
  background: whiteSmoke;
}

#lp_faq {
  background: url(../img/lp/lp1_bg.jpg) repeat 0 0px;
  border: solid 4px #e8e7e5;
  padding: 18px 18px 18px 18px;
}
#lp_faq .in_faq_in {
  background-color: #fff;
  background-image: url(../img/faq.gif);
  background-position: 15px 15px;
  background-repeat: no-repeat;
  line-height: 1.8;
  margin: 0 0 5px 0;
  padding: 10px 10px 10px 30px;
}
#lp_faq .in_faq_in h3 {
  color: #45af35;
  font-weight: bold;
}

#lp_buy {
  margin: 0 0 10px 0;
}
#lp_buy img {
  margin: 0 0 5px 0;
}

#lp_voice {
  background: url(../img/lp/lp1_bg.jpg) repeat 0 0px;
  border: solid 4px #e8e7e5;
  border-top: none;
  padding: 0px 18px 18px 18px;
}
#lp_voice #voice_list {
  margin: 0 0 0 0;
}
#lp_voice #voice_list li {
  zoom: 1;
  background: #fff;
  margin: 0 0 10px 0;
  padding: 15px;
  border: none;
}
#lp_voice #voice_list li:after {
  content: "";
  display: block;
  clear: both;
}
#lp_voice #voice_list li img {
  padding: 5px;
  border: 1px dotted #45af35;
}
#lp_voice #voice_list li .voice_list_right {
  width: 500px;
  float: right;
}
#lp_voice #voice_list li .voice_list_right .voice_list_title {
  letter-spacing: 2px;
  color: #45af35;
  font-weight: bold;
  margin: 0 0 15px 0;
}
#lp_voice #voice_list li .voice_list_right .name {
  letter-spacing: 2px;
  color: #9e9e9e;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
  background: url(../img/icon_kaku.gif) no-repeat left 50%;
}
#lp_voice #voice_list li .voice_list_right .voice {
  line-height: 1.8;
}


#a_h p.accordion_head {
cursor:pointer;
font-size:14px;
font-weight:bolder;
color:#FF6600;
width:697px;
text-decoration:underline;
position:relative;
top:-10px;
left:0px;
}
#a_h p.accordion_head2 {
cursor:pointer;
font-size:14px;
color:#FF6600;
width:697px;
font-weight:bold;
text-decoration:underline;
text-align:right;
}

#a_h p.main {
margin-top:-300px 0 0 7px;
}

#a_h2 {
width:697px;
}

#a_h2 p.tit {
font-size:20px;
font-weight:bolder;
color:#339900;
}
#a_h2.box {
float:left;
width:687px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
border: 1px solid #FF6666;
padding: 10px;
margin:0 10px 20px 0;
text-align: left;
}

#a_h2 p.tit22 {
font-size:16px;
font-weight:bolder;
color:#FF3333;
}
#a_h2 p.text {
font-size:14px;
color:#333333;
line-height:140%;
}
#a_h2 p.text span{
font-size:14px;
color:#FF3333;
line-height:140%;
}

.emerald-01 {
color:#46b036;
font-weight:bold;
font-size:145%;
width:380px;
height:80px;
background-color:#ffffff;
position:relative;
margin-top:-100px;
margin-bottom:10px;
left:18px;
}

.emerald-02 {
color:#F90000;font-weight:bold;font-size:200%;
}

.emerald-03 {
  width:714px;
  height:56px;
  background-image:url(../img/midorimushishousai_08_01.gif);
  background-repeat: no-repeat;
  color: #777777;
  font-size: 200%;
  margin: 0px 0px 0px -120px;
  padding: 0px 0px 0px 120px;
  display:table-cell;
  vertical-align: middle;
}

*:first-child+html .emerald-03 {
  width:714px;
  height:56px;
  background-image:url(../img/midorimushishousai_08_01.gif);
  background-repeat: no-repeat;
  color: #777777;
  font-size: 200%;
margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 120px;
  display:table-cell;
  vertical-align: middle;
}
.emerald-04 {
  width:714px;
  height:124px;
  background-image:url(../img/midorimushishousai_08_02.gif);
  background-repeat: no-repeat;
  color: #777777;
  font-size: 110%;
  margin: 0px 0px 0px -130px;
  padding: 0px 0px 0px 130px;
  display:table-cell;
  vertical-align: middle;
}
*:first-child+html .emerald-04 {
  width:660px;
  height:124px;
  background-image:url(../img/midorimushishousai_08_02.gif);
  background-repeat: no-repeat;
  color: #777777;
  font-size: 110%;
margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 130px;
  display:table-cell;
  vertical-align: middle;
}

.emerald-05 {
  width:714px;
  height:52px;
  background-image:url(../img/midorimushishousai_09_01.gif);
  background-repeat: no-repeat;
  color: #777777;
  font-size: 200%;
  margin: 0px 0px 0px -120px;
  padding: 0px 15px 0px 120px;
  display:table-cell;
  vertical-align: middle;
}

.emerald-06 {
  width:714px;
  height:131px;
  background-image:url(../img/midorimushishousai_09_02.gif);
  background-repeat: no-repeat;
  color: #777777;
  font-size: 110%;
  margin: 0px 0px 0px -120px;
  padding: 0px 15px 0px 120px;
  display:table-cell;
  vertical-align: middle;

}

.emerald-07 {
color: #46b036;
}

.emerald-08 {
background-image:url(../img/midorimushishousai_10.jpg);background-repeat: no-repeat;width:697px;height:187px;
}

.emerald-09 {
width:237px;float:right;color:#777777;font-weight: bold;margin-top:60px;margin-right:10px;
}

.emerald-10 {
width:338px;height:220px;float:left;width:348px;background-image:url(../img/midorimusiwaku.gif);background-repeat: no-repeat;
}

.emerald-11 {
text-align: center;font-size:180%;color:#43a538;font-weight: bold;margin:12px;
}

.emerald-12 {
font-size:150%;color:#777777;font-weight: bold;margin-top:8px;margin:20px;
}

.emerald-13 {
width:338px;height:220px;float:right;width:348px;background-image:url(../img/midorimusiwaku.gif);background-repeat: no-repeat;
}

.emerald-14 {
width:697px;
}

.emerald-15 {
font-size:150%;color:#777777;font-weight: bold; margin:10px;
}

.emerald-16 {
font-size:150%;color:#777777;font-weight: bold;margin-top:8px;margin:20px;
}

.emerald-17 {
color:#46b036;font-weight:bold;font-size:145%;width:380px;height:80px;background-color:#ffffff;position:relative; margin-top:-300px; margin-bottom:220px; left:18px;
}

.emerald-18 {
width:697px;margin-left:20px;
}
.emerald-18 hr {
width:95%;
}

.emerald-19 {
color:#fe0000;font-size:150%;
}

.emerald-20 {
border:none;border-top:dashed 1px #ffc9c9;height:1px;color:#FFFFFF;
}
#faqtit {
margin-left:20px;
font-size:14px;
color:#333333;
line-height:120%;
}

.emerald-21 {
background-color: #777777;
}

.emerald-22 {
width:667px;
padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px green solid;
background-color: #fff;
}

.voice-img{
float:left;
}

.emerald-23 {
float:right;
width:520px;
}

.emerald-24 {
color:#46b036;font-size:150%;
}

.emerald-25 {
border:none;border-top:dashed 1px #46b036;height:1px;color:#FFFFFF;
}

.emerald-26 {

}

.emerald-27 {

}

.emerald-28 {

}

.emerald-29 {

}







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

バイオザイム

=======================================================================*/
#lp3_in {
  background: #fff;
  padding: 0 18px 18px 18px;
}
#lp3_in p#lp1_in_copy {
  line-height: 1.8;
  margin: 0 0 15px 0;
}
#lp3_in h4 {
  font-size: 100%;
  clear: both;
  margin: 5px 0 7px 0;
}
#lp3_in .item_text {
  zoom: 1;
  margin: 0 0 20px 2px;
  padding: 0 0 10px 0;
  border-bottom: dotted #cccccc 1px;
}
#lp3_in .item_text:after {
  content: "";
  display: block;
  clear: both;
}
#lp3_in .item_text li {
  font-size: 85%;
  margin: 0 10px 10px 0;
  padding: 5px 0;
  background: #45af35;
  color: #fff;
  width: 115px;
  text-align: center;
  float: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#lp3_in .item_text li.item_last {
  margin: 0 0px 0 0;
}
#lp3_in #item_text_1 li {
  background: #f0c328;
}
#lp3_in #item_text_2 li {
  background: #e98f3f;
}
#lp3_in #item_text_3 li {
  background: #6394ed;
}
#lp3_in #item_text_4 li {
  background: #ff9292;
}
#lp3_in .item_last {
  margin: 0 0px 0 0;
}
#lp3_in #research {
  margin: 20px 0 0 0;
  padding: 15px;
  border: dotted 2px #45af35;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  zoom: 1;
  clear: both;
}
#lp3_in #research:after {
  content: "";
  display: block;
  clear: both;
}
#lp3_in #research img {
  float: left;
  margin: 0 15px 0 0;
}
#lp3_in #research p {
  line-height: 1.7;
}

#lp3 {
  background: url(../img/lp/lp1_bg.jpg) repeat 0 0px;
  border: solid 4px #e8e7e5;
  border-top: none;
  padding: 0 18px 18px 18px;
}
#lp3 .vitamin_photo_area {
  zoom: 1;
  margin: 0 0 10px 0;
}
#lp3 .vitamin_photo_area:after {
  content: "";
  display: block;
  clear: both;
}
#lp3 .item {
  float: left;
  margin: 0 11px 15px 0;
  position: relative;
  width: 190px;
  height: 61px;
}
#lp3 .item h4 {
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 75px;
  background: #45af35;
  padding: 4px;
  color: #fff;
}
#lp3 .item p {
  line-height: 1;
  font-size: 108%;
  position: absolute;
  top: 40px;
  left: 75px;
}
#lp3 .item img {
  position: absolute;
  top: 0;
  left: 0;
}

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

ミドリムシ販売店募集

=======================================================================*/
.shop_point {
  background: url(../img/shop/shop_point.jpg) no-repeat top right;
  border: dotted 1px #45af35;
  margin: 0 0 10px 0;
  padding: 20px;
  width:652px;
}
.shop_point h3 {
  letter-spacing: 2px;
  font-size: 154%;
  line-height: 1;
  margin: 0 0 10px 0;
  color: #45af35;
}
.shop_point p {
  line-height: 1.9;
}
.shop_point .pick {
  margin: 10px 0 0 0;
  padding: 10px;
  border: dotted 2px #ef8b16;
}

#shop_flow {
  line-height: 1.9;
}

#shop_flow_1 {
  width: 697px;
  height: 206px;
  position: relative;
}
#shop_flow_2 {
  width: 697px;
  height: 130px;
  position: relative;
}
#shop_flow_3 {
  width: 697px;
  height: 130px;
  position: relative;
}
#shop_flow_4 {
  width: 697px;
  height: 149px;
  position: relative;
}

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

お買い物ガイド

=======================================================================*/
#guide #guide_net {
  width: 237px;
  height: 400px;
  position: relative;
}
#guide #guide_net #guide_net_btn {
  width: 197px;
  height: 43px;
  position: absolute;
  top: 78px;
  left: 27px;
}
#guide #guide_fax {
  width: 224px;
  height: 400px;
  position: relative;
}
#guide #guide_fax #guide_fax_btn {
  width: 197px;
  height: 43px;
  position: absolute;
  top: 78px;
  left: 12px;
}

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

フォーム関連

=======================================================================*/
.form_btn_r {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: white;
  padding: 14px 20px;
  border: none;
  background: #CCC;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

#thanks {
  padding: 10px;
  line-height: 1.9;
}
#thanks p {
  margin: 0 0 10px 0;
}

.input_error {
  color: #EF8B16;
}

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

ブログ用

=======================================================================*/
.post_list {
  clear: both;
  margin: 0 0 70px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #dadada;
}
.post_list a {
  text-decoration: none;
}
.post_list p.post {
  line-height: 1.8;
}
.post_list p {
  line-height: 1.8;
}
.post_list img {
  margin: 0 0 12px 0;
  border: solid 1px #e0dede;
  padding: 5px;
}
.post_list header {
  margin: 0 0 15px 0;
}
.post_list h1 {
  margin: 0 0 1px 0;
  font-size: 17px;
}
.post_list footer {
  line-height: 1.8;
  clear: both;
  overflow: hidden;
  zoom: 1;
  padding: 20px 0 0 0;
}
.post_list footer .time {
  margin: 0 20px 0px 0;
  letter-spacing: 1px;
  float: left;
}
.post_list footer .category {
  float: left;
}
.post_list footer .category_ttl {
  margin: 0 10px 0 0;
  float: left;
}
.post_list footer .more {
  float: right;
}

#the_post {
  margin: 0 0 20px 0;
  color: #333;
}

#the_post p {
  font-size: 15px;
  line-height: 1.7em !important;
}

.post_in p {
  margin: 0 0 14px 0;
}

#sns {
  border-bottom: 1px dotted #dadada;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  clear: both;
  vertical-align: bottom;
  line-height: 1;
}

#fb {
  width: 100px;
  float: left;
  margin: 0px 5px 0 0;
}

/* サイド */
#wj h2 {
  font-size: 12px;
}

.widget {
  /*border: dotted 1px #999;
  padding: 15px;*/
  overflow: hidden;
  zoom: 1;
  background: #fff;
  line-height: 1.8;
  font-size: 12px;
  margin: 0 0 30px 0;
}

.widget li a {
  padding: 5px 0px 0 0;
  margin: 5px 0px 0 0;
  display: block;
  border-top: 1px dotted #dadada;
}

/* ページナビ */
.wp-pagenavi {
  text-align: right;
  line-height: 1;
  margin: 50px 0px 50px 0px;
  clear: both;
}
.wp-pagenavi a {
  color: #fff;
  background: #45af35;
  text-decoration: none;
}
.wp-pagenavi a:hover {
  color: #45af35;
  background: #fff;
}

.current {
  margin: 0px 10px 0px 0px;
}

.wp-pagenavi a {
  margin: 0px 10px 0px 0px;
  clear: both;
}

.previouspostslink {
  margin: 0px 10px 0px 10px;
}

.pages {
  margin: 0 10px 0 0;
}

.current {
  display: inline;
  padding: 6px 10px;
  zoom: 1;
  border: dotted 1px #cccccc;
  border-radius: 3px;
  /* CSS3 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
}

.page {
  display: inline;
  padding: 6px 10px;
  zoom: 1;
  border: dotted 1px #cccccc;
  border-radius: 3px;
  /* CSS3 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  background: #fff;
}

.nextpostslink, .previouspostslink {
  display: inline;
  padding: 5px 10px;
  zoom: 1;
  border-radius: 3px;
  /* CSS3 */
  -webkit-border-radius: 3px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  font-weight: bold;
  border: dotted 1px #cccccc;
  background: #fff;
  letter-spacing: 3px;
}

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

トップページ

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

スライダー

=======================================================================*/
#image-navigation {
  background: #FFF;
  height: 255px;
  width: 960px;
  margin: 0 0 15px 0;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}


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

トップコンテンツ

=======================================================================*/
#content section {
	zoom: 1;
	margin: 0 0 10px;
	padding: 0px 0px 10px;
}
#content section:after {
  content: "";
  display: block;
  clear: both;
}
#content .area {
  margin: 0 0 20px 0;
}
#content .commutation_l {
  margin: 0px 0 5px 0;
}
#commutation-attension {
	margin:20px 0;
}
#commutation-attension .tt {
	margin-bottom:10px;
}
#content .title {
  margin: 0 0 5px 0;
  padding: 10px 0 0 23px;
  font-weight: bold;
  width: 674px;
  height: 26px;
}
#content .title2-1 {
  width:714px;
  height:50px;
  background-image:url(../img/tag_r.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  margin: 50px 0px 0px -23px;
  padding: 0px 0px 0px 10px;
  display:table-cell;
  vertical-align: middle;
}

*:first-child+html #content .title2-1 {
  width:714px;
  height:50px;
  background-image:url(../img/tag_r.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  margin: 0px 0px 0px -15px;
  padding: 0px 0px 0px 10px;
  display:table-cell;
  vertical-align:bottom;
padding-top:10px;
}
#content .title2-1-2 {
  width:714px;
  height:50px;
  background-image:url(../img/tag_r.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  margin: 50px 0px 0px -23px;
  padding: 0px 0px 0px 10px;
  display:table-cell;
  vertical-align: middle;
}

*:first-child+html #content .title2-1-2 {
  width:714px;
  height:50px;
  background-image:url(../img/tag_r.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  margin: 0px 0px 0px -15px;
  padding: 0px 0px 0px 10px;
  display:table-cell;
  vertical-align:bottom;
padding-top:5px;
}


#content .title_s {
  margin: 0 0 5px 0;
  padding: 10px 0 0 23px;
  font-weight: bold;
  width: 323px;
  height: 26px;
  background: url(../img/h2_bg_s.jpg);
}
#content #news article {
  width: 697px;
  height: 100px;
  padding: 11px 0 0 0;
  background: url(../img/bg_news.jpg);
}
#content #news article div {
  font-size: 93%;
  margin: 0 auto 7px auto;
  width: 666px;
  height: 20px;
  background: #FFF;
  padding: 5px 0 0 5px;
}
#content #news article h3 {
  font-weight: bold;
  float: left;
  margin: 0 10px 0 0;
}
#content #news article .hot {
  color: #F00;
}
#content #euglena #euglena_in {
  border: solid 2px #45af35;
  padding: 16px;
}
#content #euglena #euglena_in #euglena_in_top {
  margin: 0 0 10px 0;
  zoom: 1;
}
#content #euglena #euglena_in #euglena_in_top:after {
  content: "";
  display: block;
  clear: both;
}
#content #euglena #euglena_in #euglena_in_top img {
  float: left;
  margin: 0 10px 0 0;
}
#content #euglena #euglena_in #euglena_in_top #euglena_in_top_r {
  float: right;
  width: 480px;
}
#content #euglena #euglena_in #euglena_in_top #euglena_in_top_r h3 {
  font-weight: bold;
  font-size: 124%;
  margin: 0 0 5px 0;
}
#content #euglena #euglena_in #euglena_in_top #euglena_in_top_r p {
  line-height: 1.7;
}
#content #euglena #euglena_in #euglena_in_btm {
  background: #45af35;
  padding: 15px;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_ttl {
  margin: 0 0 15px 0;
  zoom: 1;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_ttl:after {
  content: "";
  display: block;
  clear: both;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_ttl h3 {
  letter-spacing: 3px;
  font-weight: bold;
  color: #FFF;
  float: left;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_ttl a {
  margin: -5px 0 0px 0;
  display: inline-block;
  float: right;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list {
  margin: 0 0 -5px 0;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .euglena_in_btm_list_in {
  font-size: 85%;
  zoom: 1;
  margin: 0 0 5px 0;
  padding: 10px;
  background: #FFF;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .euglena_in_btm_list_in:after {
  content: "";
  display: block;
  clear: both;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .euglena_in_btm_list_in img {
  border: solid 1px #45af35;
  float: left;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .euglena_in_btm_list_in .euglena_in_btm_list_in_r {
  width: 548px;
  float: right;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .euglena_in_btm_list_in .euglena_in_btm_list_in_r p {
  line-height: 1.5;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list h4 {
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #45af35;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .box_hover {
  background: #45af35;
  color: #FFF;
}
#content #euglena #euglena_in #euglena_in_btm #euglena_in_btm_list .box_hover h4 {
  color: #fff;
}
#content #goods p {
  margin: 0 0 5px 0;
}
#content #set ul {
  margin: 0 0 -5px 0;
}
#content #set li {
  margin: 0 0 5px 0;
}
#content #set p {
  margin: 0 0 5px 0;
}
#content #content #set .set_linktext {
  width: 346px;
  text-align: center;
  margin: 1px 0 6px 1px;
  font-size: 10px;
}
#content .set_linktext a {
  text-decoration: none;
  color: #555555;
}
#content .set_linktext a:hover {
  color: #555555;
}
#content .contact {
  margin: 0 0 0px 0;
}
#content .contact p {
  float: left;
}
#content #slideBox dl dt,
#content #slideBox02 dl dt{
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #555555;
}
#content #slideBox dl dd,
#content #slideBox02 dl dd{
  margin-bottom: 30px;
}
#content #slideBox
{
  height: 1050px;
}


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

メディアカルーセル

=======================================================================*/
#media_in {
  width: 697px;
  height: 92px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

.jcarousel-skin-tango .jcarousel-container {
  width: 697px;
  height: 92px;
  background: url(../img/bg_news.jpg);
}

.jcarousel-skin-tango .jcarousel-clip {
  overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  position: absolute;
  top: 15px;
  left: 32px;
  width: 633px;
}

.jcarousel-skin-tango .jcarousel-item {
  width: 147px;
  margin: 0 15px 0 0;
  height: 62px;
}

.jcarousel-next {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 28px;
  height: 92px;
  cursor: pointer;
  background: transparent url(../img/media_r.jpg) no-repeat top left;
}

.jcarousel-prev {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 28px;
  height: 92px;
  cursor: pointer;
  background: transparent url(../img/media_l.jpg) no-repeat top left;
}



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

TOP-タブ切り替え

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

.top-tab {
width:721px;
height:473px;
background-image:url(../img/top-cut_30_1.jpg);
background-repeat: no-repeat;
margin-left:-15px;
}

.full_content {
	top:331px;
	width:700px;
	height:270px;
	position:relative;
	margin:0 16px;
	clear:both;
}
*:first-child+html .full_content {
	top:331px;
	width:700px;
	height:270px;
	position:relative;
	margin:0 33px;
	clear:both;
}
.full_content ul li{
	width:100px;
	height:131px;
	float:left;
	list-style:none;
	padding:0px 0 0;
	margin-left:15px;
	text-align:center;
	display:block;
	cursor: pointer;
}
.full_content ul li:first-child {
	margin:0px 0px 0px 0px;
}
.full_content ul {
	margin:0;
	padding:0;
}
.full_content .active , .full_content .hover {
	font-weight:bold;
}
.full_content .content2 {
	width:610px;
	height:145px;
	top:-203px;
	left:29px;
	padding:20px;
	position:absolute;
}

.top-tab-01 {
color:#fe0000;font-size:135%;margin-top:13px;line-height:150%;float:left;width:110px;
}

.top-tab-02 {
margin-top:0px;margin-left:13px;float:left;
}

.top-tab-03 {
color:#fe0000;font-size:120%;margin-top:13px;margin-left:3px;line-height:150%;float:left;width:180px;
}

.top-tab-04 {
color:#fe0000;font-size:120%;margin-top:13px;margin-left:15px;line-height:150%;float:left;width:180px;
}

.top-tab-05 {
color:#fe0000;font-size:105%;margin-top:13px;margin-left:3px;line-height:180%;float:left;width:180px;
}

.top-tab-06 {
color:#fe0000;font-size:105%;margin-top:13px;margin-left:15px;line-height:180%;float:left;width:180px;
}

.top-tab-07 {
color:#fe0000;font-size:110%;margin-top:13px;margin-left:3px;line-height:160%;float:left;width:180px;
}

.top-tab-08 {
color:#fe0000;font-size:110%;margin-top:13px;margin-left:15px;line-height:160%;float:left;width:180px;
}




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

TOP

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

.top-01 {
color:#666;width:714px;
}

.top-02 {
font-size: 100%; font-weight: bold; line-height:160%;
margin-bottom:10px;
}

.top-03 {
float:right; margin-top:0;
}

.top-04 {
width:350px;float:left; font-size:14px; line-height:160%;
}

.top-05 {
width: 315px; font-size:14px; line-height:160%; 
}

.top-06 {
width:714px; margin-bottom:30px;
}

.top-07 {
width:147px;float:left;font-size:95%;margin:13px;
}

.top-08 {
width:679px;
height:46px;
background-image:url(../img/tag_r.gif);
background-repeat: no-repeat;
color: #fff;
background-position:-15px;
font-size: 150%;
font-weight: bold;
margin: 50px 0px 0px -23px;
padding: 0px 0px 0px 10px;
display:table-cell;
vertical-align: middle;
}

*:first-child+html .top-08 {
width:679px;
height:46px;
background-image:url(../img/tag_r.gif);
background-repeat: no-repeat;color: #fff;
background-position:-15px;
font-size: 150%;font-weight: bold;
margin: 0px 0px 0px -15px;
padding-top: 10px;
display:table-cell;
vertical-align: middle;
}

.top-09 {
line-height:200%;
}

.top-10 {
width:520px;float:left; padding:5px; line-height:120%;
}
.top-10 p {
	margin-bottom: 1em;
}
.top-10 a img.top-11 {
	border: 0;
}

.top-11 {
float:left; margin:10px 20px 30px 0;
}

.top-12 {
width:690px;float:left; line-height:140%; margin:0 10px 20px 10px;
}

.top-13 {
width:340px;
}
.top-14 {
	width:715px;
	margin-top:15px;
}

.display {
display: block;
}

#power {
width:680px;
background-image:url(../img/top-cut_21-2.jpg);
background-repeat:no-repeat;
background-position:50px 120px;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
/*border: 2px solid #FF6600;*/
padding: 10px;
margin-bottom:30px;
}

#power.tit {
width:660px;
height:80px;
color:#fff;
font-size:30px;
font-weight:bolder;
text-align:center;
line-height:120%;
background-color:#FF6600;
}

.tit2 {
width:660px;
height:60px;
color:#FF6600;
font-size:20px;
font-weight:bolder;
text-align:center;
line-height:120%;
}

#power p.text {
width:180px;
text-align:center;
float:left;
margin:230px 0px 70px 100px;
font-size:14px;
font-weight:bolder;
color:#666666;
line-height:120%;
}

#power p.text2 {
width:180px;
text-align:center;
float:left;
margin:240px 0px 0 150px;
font-size:14px;
font-weight:bolder;
color:#666666;
line-height:120%;
}



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

ミドリムシ（ユーグレナ）とは

=======================================================================*/
#about-head {
	border:1px solid #43a538;
	width:695px;
	margin:20px auto 0;
}
#about-head-title {
	position:relative;
	top:1px;
}
#about-head .clearfix {
	padding: 25px 15px;
}
#about-head .summary {
	width:440px;
	float:left;
}
#about-head .tt {
	font-size:150%;
	color:#45af35;
	margin-bottom:10px;
}
#about-head  .txt {
	line-height:1.8;
}
#about-head  .txt span {
	color:#da0000;
}
#about-head .img {
	float:right;
}
#about-head a {
  color: #da0000;
}

#effect-head-txt {
	padding:15px 15px 10px;
}
#effect-head-caution {
	color:#929292;
	padding: 0 15px 15px;
}
#euglena-content {
	font-size: 93%;
	width: 705px;
	margin: 0 0 20px 0;
	background: #FFF;
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#euglena-content a {
  text-decoration: none;
}
.euglena-01 {
width:714px;
}

.euglena-02 {
float:left;width:173px;margin-left:8px;
}

.euglena-03 {
float:right;width:171px;
}

.euglena-04 {
float:left;
}

.euglena-05 {
width:360px;
}

.euglena-06 {
background-color:#43a538;margin-top:6px;padding:10px;font-size:110%;color:#fff;
}

.euglena-07 {
padding:5px;
}

.euglena-08 {
background-image:url(../img/midorimushiabout_05.jpg);
background-repeat: no-repeat;
font-size:150%;
color:#71a502;
width:714px;
height:85px;
display:table-cell;
vertical-align: middle;
padding: 0px 0px 0px 100px;
}
.euglena-bold {
font-size:150%;
color:#71a502;
}
.euglena-08 p{
}

*:first-child+html .euglena-08 p{
padding-top:30px;
}

.euglena-09 {
color:#666;padding:10px;
margin-bottom:30px;
}

.euglena-10 {
font-size:80%;
}
table.euglena-10 {
	width: 700px;
	border-spacing: 1px;
	background-color: #7f7f7f;
}
table.euglena-10 th,
table.euglena-10 td {
	padding: 8px;
}
table.euglena-10 th {
	width: 150px;
	font-size: 16px;
}
table.euglena-10 th.ffe1b5 {background-color: #ffe1b5;}
table.euglena-10 th.d2f7ff {background-color: #d2f7ff;}
table.euglena-10 th.fff3e1 {background-color: #fff3e1;}
table.euglena-10 th.ffdddd {background-color: #ffdddd;}
table.euglena-10 th.dfffca {background-color: #dfffca;}

table.euglena-10 td {
	background-color: #f9f9f9;
}
.euglena-11 {
background-image:url(../img/midorimushiabout_08.jpg);
background-repeat: no-repeat;
font-size:150%;
color:#71a502;
width:714px;
height:95px;
display:table-cell;
vertical-align: middle;
padding: 0px 0px 0px 100px;
}

*:first-child+html .euglena-11 p{
padding-top:30px;
}

.euglena-12 {
float:right;width:190px;
}

.euglena-13 {
width:480px;
}

.euglena-14 {
margin-top:6px;padding:10px;font-size:100%;color:#666666;
}

.euglena-15 {
background-image:url(../img/midorimushiabout_11.jpg);
background-repeat: no-repeat;
font-size:150%;
color:#71a502;
width:714px;
height:85px;
display:table-cell;
vertical-align: middle;
padding: 0px 0px 0px 100px;
}

*:first-child+html .euglena-15 p{
padding-top:30px;
}

.euglena-16 {
float:right;width:200px;
}

.euglena-17 {
width:470px;
}

.euglena-18 {
background-image:url(../img/midorimushiabout_14.jpg);
background-repeat: no-repeat;
font-size:150%;
color:#71a502;
width:714px;
height:85px;
display:table-cell;
vertical-align: middle;
padding: 0px 0px 0px 100px;
}

*:first-child+html .euglena-18 p{
padding-top:30px;
}

.euglena-19 {
float:right;width:240px;font-size:100%;color:#666666;
}

.euglena-20 {
width:430px;
}

.euglena-21 {
float:right;
width:423px;
font-size:100%;
color:#666666;
margin:10px;
}

.euglena-22 {
width:250px;
}

.euglena-23 {
width:147px;float:left;font-size:95%;margin:13px;
}
.euglena-bold {
	font-size:18px;
	color:#71a502;
}

.about-tit {
width:697px;
height:35px;
background-image:url(../img/about_tit.jpg);
background-repeat:no-repeat;
margin:30px auto 20px;
}

.about-tit p {
font-size:14px;
font-weight:bolder;
color:#006600;
margin-left:20px;
vertical-align:middle;
padding-top:10px;
}

*:first-child+html .about-tit p {
font-size:14px;
font-weight:bolder;
color:#006600;
margin-left:20px;
vertical-align:middle;
padding-top:7px;
}

.head-euglena-menu {
	width: 697px;
	margin:0 auto;
}
.head-euglena-menu li {
	float:left;
}

.euglena-menu {
	float: right;
	width: 705px;
	background: #FFF;
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.euglena-menu li {
	float:left;
}
#effect_table table {
	border-collapse: collapse;
}
#effect_table table th {
	background: #3fa62f;
	width:142px;
	border:1px solid #d0d0d0;
	color:#ffffff;
	padding:10px;
}
#effect_table table td {
	background: #f9f9f9;
	border:1px solid #d0d0d0;
	padding:10px;
}
#effect_table table td span {
	color:#da0000;
}
/*=======================================================================

定期購入

=======================================================================*/
.sub-ttl {
	background: url(../img/sub_ttl_bg.jpg) repeat-x;
	height:39px;
	width:675px;
	padding-left:20px;
	padding-top:15px;
	font-size:160%;
	color:#ffffff;
	margin-bottom:20px;
}
.teiki-01 {
background-image:url(../img/teikikonyu_01.gif);
background-repeat: no-repeat;
height:51px;
width:726px;
font-size: 170%;
font-weight: bold;
color:#fff;
display:table-cell;
vertical-align: middle;
padding: 0px 20px;
}

.teiki-02 {
	background-color:#ffffff;
	background-image:url(../img/teikikonyu_09.jpg);
	background-repeat: no-repeat;
	height:80px;
	width:670px;
	font-size: 130%;
	color:#fff;
	display:table-cell;
	vertical-align: middle;
	padding: 0px 40px;
}
.teiki-02 p{
color:#fff;
vertical-align:middle;
padding-top:20px;
}

.teiki-03 {
	background-image:url(../img/teikikonyu_11.jpg);
	background-repeat: no-repeat;
	height:68px;
	width:670px;
	font-size: 160%;
	color:#fff;
	display:table-cell;
	vertical-align: middle;
	padding: 0px 23px;
}

.teiki-03 p{
color:#fff;
vertical-align:middle;
padding-top:20px;
}
/*---- commutation-point ----*/
#commutation-point {
	width:750px;
	margin:20px 0;
}
#commutation-point .tt {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:-10px;
	color:#fe0000;
	width:140px;
	font-size: 130%;
}
#commutation-point .col {
	margin-right:18px;
}
.pdf_link {
	background: url(../img/pdf_ico.jpg) no-repeat right bottom;
	padding-right:15px;
	margin-top:15px;
	padding-left:5px;
	text-align:right;
}
.teiki-04 {
	background: url(../img/commutation/commutation_point_01_bg.jpg) no-repeat;
	height:102px;
	width:150px;
	float:left;
	vertical-align: middle;
	padding: 140px 0 0 10px;
	text-align:center;
}
.teiki-07 {
	background: url(../img/commutation/commutation_point_02_bg.jpg) no-repeat;
	height:102px;
	width:150px;
	float:left;
	vertical-align: middle;
	padding: 140px 0 0 10px;
	text-align:center;
}
.teiki-08 {
	background: url(../img/commutation/commutation_point_03_bg.jpg) no-repeat;
	height:102px;
	width:150px;
	float:left;
	vertical-align: middle;
	padding: 140px 0 0 10px;
	text-align:center;
}
.teiki-11 {
	background: url(../img/commutation/commutation_point_04_bg.jpg) no-repeat;
	height:102px;
	width:150px;
	float:left;
	vertical-align: middle;
	padding: 140px 0 0 10px;
	text-align:center;
}


.teiki-05 {
background-color:#fff;color:#fe0000;width:120px;font-size: 160%;
}

.teiki-06 {
background-color:#fff;color:#555555;width:140px;font-size: 100%;height:45px;
}


.teiki-09 {
background-color:#fff;color:#fe0000;width:350px;font-size: 130%;
}

.teiki-10 {
background-image:url(../img/commutation/teikikonyu_15.jpg);background-repeat: no-repeat;height:202px;width:600px;
float:left;
  vertical-align: middle;
  padding: 0px 0 0 15px;
}
.teiki-12 {
background-image:url(../img/teikikonyu_09.jpg);background-repeat: no-repeat;height:80px;width:600px;font-size: 130%;
color:#fff;
  display:table-cell;
  vertical-align: middle;
  padding: 0px 50px;
}
#commutation-about {
	background: url(../img/commutation/commutation_about_bg.jpg) no-repeat;
	height:466px;
	width:695px;
	margin:15px 0;
	padding-top:20px;
}
#commutation-about .tt {
	margin-left:15px;
	margin-bottom:15px;
	color:#fe0000;
	width:160px;
	font-size: 160%;
}
#commutation-about .txt {
	margin-left:20px;
	margin-top:10px;
}





.popup {
list-style: none;
width:721px;
height:473px;
background-image:url(../img/top-cut_30_1.jpg);
background-repeat: no-repeat;
margin-left:-15px;

}

.popup li {
    margin: 0px;
    float: left;
    position: relative;
}

.popup p {
padding-right:10px;
padding-right:0px\9;
    display: block;
    text-decoration: none;
}

.popup_content {
	top:331px;
	width:700px;
	height:270px;
	position:relative;
	margin:0 16px;
	clear:both;
}

*:first-child+html .popup_content {
	top:331px;
	width:700px;
	height:270px;
	position:relative;
	margin:0 16px;
	clear:both;
}
.popup_content ul li{
	width:100px;
	height:131px;
	float:left;
	list-style:none;
	padding:0px 0 0;
	margin-left:15px;
	text-align:center;
	display:block;
	cursor: pointer;
}

.popup_content2 {
	width:650px;
	height:145px;
	left:-50px;
	padding:20px;
	position:absolute;
}

.display3 {
display:block;
}

.popup li div.mama {
width:610px;
display: block;
    z-index: 1;
    position: absolute;
    top: -200px;
    left: 55px;
    padding: 20px 120px -20px -50px;
    padding: 0px 120px -20px -50px\9;
}

.popup li div.papa {
width:610px;
    display: none;
    z-index: 1;
    position: absolute;
    top: -200px;
    left: -60px;
    padding: 20px 120px -20px -50px;
    padding: 0px 120px -20px -50px\9;
}

.popup li div.baba {
width:610px;
    display: none;
    z-index: 1;
    position: absolute;
    top: -200px;
    left: -175px;
    padding: 20px 120px -20px -50px;
    padding: 0px 120px -20px -50px\9;
}

.popup li div.jiji {
width:610px;
    display: none;
    z-index: 1;
    position: absolute;
    top: -200px;
    left: -290px;
    padding: 20px 120px -20px -50px;
    padding: 0px 120px -20px -50px\9;
}

.popup li div.boy {
width:610px;
    display: none;
    z-index: 1;
    position: absolute;
    top: -200px;
    left: -405px;
    padding: 20px 120px -20px -50px;
    padding: 0px 120px -20px -50px\9;
}
.popup li div.girl {
width:610px;
    display: none;
    z-index: 1;
    position: absolute;
    top: -200px;
    left: -520px;
    padding: 20px 120px -20px -50px;
    padding: 0px 120px -20px -50px\9;
}

.popup-tab-01 {
color:#fe0000;
font-size:135%;
margin-top:13px;
line-height:150%;
float:left;
width:110px;
text-align:left;
}

.popup-tab-02 {
margin-top:0px;
margin-left:13px;float:left;
}

.popup-tab-03 {
color:#fe0000;
font-size:120%;
margin-top:13px;
margin-left:3px;
line-height:150%;
float:left;
width:180px;
text-align:left;
}

.popup-tab-04 {
color:#fe0000;
font-size:120%;
margin-top:13px;
margin-left:15px;
line-height:150%;
float:left;
width:180px;
text-align:left;
}



.motion {
width: 500px;
display: none;
}

#motion_area1 {
display: block;
}

a.active {
font-weight: bold;
background: #ddd;
}

.gplus{
	display:inline-block;
	/zoom:1;
	width:60px;
	}

.sslbn{
	position:absolute;
	bottom:10px;
	right:182px;
	}

.sp_telbox{
	display:none;
	}

@media screen and (min-device-width: 320px) and (max-device-width: 950px) {
	.sp_telbox{
	display:block !important;
	border-radius:20px;
	border:1px solid #8EC21F;
	margin:20px;
	}

}

.sp_telbox a{
	display:block;
	padding:20px;
	text-decoration:none;
	color:#FFF;
	font-size:40px;
	border:1px solid #BADA75;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.5);

	text-align:center;
	font-weight:bold;
	border-radius:20px;

	background:#45AF35;
	background-image:-o-linear-gradient(-90deg,rgb(186,218,117) 0%,rgb(153,201,53) 47%,rgb(142,194,31) 48%,rgb(142,194,31) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(186,218,117) 0%,rgb(153,201,53) 47%,rgb(142,194,31) 48%,rgb(142,194,31) 100%);
	background-image:linear-gradient(180deg,rgb(186,218,117) 0%,rgb(153,201,53) 47%,rgb(142,194,31) 48%,rgb(142,194,31) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbada75,endColorstr=#ff8ec21f,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbada75,endColorstr=#ff8ec21f,GradientType=0);
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(186,218,117) 0%,rgb(153,201,53) 47%,rgb(142,194,31) 48%,rgb(142,194,31) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(186,218,117)),color-stop(0.47, rgb(153,201,53)),color-stop(0.48, rgb(142,194,31)),color-stop(1, rgb(142,194,31)));
	background-image:-webkit-linear-gradient(-90deg,rgb(186,218,117) 0%,rgb(153,201,53) 47%,rgb(142,194,31) 48%,rgb(142,194,31) 100%);
	}

.caution_txt,.clearfix {zoom:1;}
.caution_txt:after,.clearfix:after { content: ""; display: block; clear: both;}
.caution_txt{
	text-align:right;
	padding:10px 0 0 0;
	font-size:11px;
	}

.fs10{font-size:10px; padding:0 0 20px 0;}
.right{text-align:right;}


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

初めての方へ 2013.09追記

=======================================================================*/
.greeting {
	background: url(/common/img/first/staff.jpg) no-repeat 0px 0px;
	height: 163px;
	padding-left: 105px;
}
.greeting h3 {
}
.greeting p {
	padding-left: 50px;
}
.radius10 {
-webkit-border-radius: 10px;/* 角丸 */
-moz-border-radius: 10px;/* 角丸 */
border-radius: 10px;/* 角丸 */
}
.otokuTxt, .anshinTxt {
	width: 268px;
	border: 3px solid #E8E7E5;
	padding: 25px;
	float: left;
	margin: 20px 20px 10px 0px;
}
.otokuTxt h4 {
	margin: -40px 0 10px -40px;
}
#firsttimeNav li {
	height: 121px;
	width: 228px;
	float: left;
	margin-right: 6px;
	background: url(/common/img/first/nav.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#firsttimeNav li a {
	height: 121px;
	width: 228px;
	display: block;
}
#firsttimeNav ul .nav01 {
	background-position: 0 0;
}
#firsttimeNav ul .nav02 {
	background-position: -228px 0;
}
#firsttimeNav ul .nav03 {
	background-position: -456px 0;
}
#firsttimeNav ul .nav01:hover {
	background-position: 0 -121px;
}
#firsttimeNav ul .nav02:hover {
	background-position: -228px -121px;
}
#firsttimeNav ul .nav03:hover {
	background-position: -456px -121px;
}
#firsttimeNav {
	margin: 0px 0px 30px;
	clear: both;
	overflow: hidden;
}
.anshinArea {
	width: 343px;
	float: left;
	margin: 0 0 30px 0;
}
.anshinArea p {
	margin: 0 40px 0 20px;
}


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

バイオザイム 2013.09追記

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

.tanpin ul li {
	float: left;
	width: 111px;
	border: 1px solid #ECEDEA;
	padding: 9px;
	margin: 0px 0px 10px 10px;
	height: 108px;
}
.tanpin ul {
	margin: 0px 0px 0px -10px;
	padding: 5px 0 0;
}
#mediaList li {
	margin: 0px 0px 9px 9px;
	float: left;
	width: 102px;
}
#mediaArea {
	background: #EDF5DE;
	overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
}
#labList li {
	margin: 0px 3px 0px 0px;
	float: left;
	width: 224px;
}
#labList {
	margin: 0px 0px 10px 11px;
}
#mediaArea h3 {
	padding-top: 20px;
	padding-bottom: 10px;
}
.teikiSouryou {
	height: 91px;
	width: 103px;
	margin-top: -70px;
	margin-left: 135px;
}
.teikiBtn {
	height: 50px;
	width: 444px;
	margin-top: -75px;
	margin-left: 240px;
}
.percentOff {
	height: 40px;
	width: 41px;
	margin-top: -120px;
	margin-left: 90px;
}
#content section#voice {
	padding: 0px;
	width: 697px;
}
#content section#teikiArea {
	margin: 0 0 4px 0;
	padding: 0px;
}
#content section#teikiArea.emerald_teiki {
	margin: 0 0 34px 0;
	padding: 0px;
}
#mediaList {
	overflow: hidden;
	margin: 0px 0px 10px 15px;
}
.emerald_teiki .teikiSouryou {
	margin-top: -65px;
}
.emerald_teiki .teikiBtn {
	margin-top: -105px;
}

.btn img{
	margin-bottom:5px;
}

.teiki-course {
	text-align:center;
	margin:10px 0;
}
.teiki-course-point {
	text-align:center;
}

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

↓　ブログ用　ベルテクノス挿入分　↓

------------------------------------------------------------*/
#cont{
	padding:0 20px;
}
#cont h2{
	font-size:150%;
	background:url(/blog/wp-content/uploads/2014/11/8089e50294910c6cb163e5cb54ad137b.jpg)left center no-repeat;
	text-indent:50px;
	margin:50px 0 20px;
	border-bottom:1px solid palegreen;
	line-height:50px;
}
#cont h3{
	font-size:130%;
	margin:40px 6px 10px;
	padding-left:10px;
	line-height:40px;
	color:darkcyan;
	border-left:20px groove darkgreen;
}
#cont ul,#cont dl,#cont ol,#cont p{
	margin-left:10px;
	line-height:140%;
}
#cont p{
	margin-bottom:10px;
}
#cont dt{
	color:black;
	font-size:120%;
	margin:30px 0 10px;
}
#cont .clear{clear:both;}	
	
#cont .alignleft{text-align:left !important;}
#cont .alignright{text-align:right !important;}
#cont .aligncenter{text-align:center !important;}

#cont .floatleft{float:left !important;}
#cont .floatright{float:right !important;}

#cont .mr1{margin-right:10px !important;}
#cont .mr2{margin-right:20px !important;}
#cont .ml1{margin-left:10px !important;}
#cont .ml2{margin-left:20px !important;}
#cont .mt1{margin-top:10px !important;}
#cont .mt2{margin-top:20px !important;}
#cont .mb1{margin-bottom:10px !important;}
#cont .mb2{margin-bottom:20px !important;}
#cont .m1{margin:10px !important;}
#cont .m2{margin:20px !important;}

#cont .listdisc{list-style-type:disc;}
#cont .listnone{list-style-type:none;}
#cont .listdecimal{list-style-type:listdecimal;}
.fancybox {
	display:none;
	padding:20px;
	text-align:center;
	line-height:2.1;
}
/*======================================

bell 下川追加 2015/02/06

=======================================*/
.b_none{
	border:none !important;
}

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

ヘッダー

=======================================================================*/
#head_menu {
  position: relative;
  top: 11px;
  left: 317px;
}
#head_menu ul {
  display: table;
  font-size: 11px;
}
#head_menu ul li {
  display: table-cell;
  color: #717171;
}
#head_menu ul li a{
  color: #717171;
  margin-right: 3px;
}
#head_menu ul li:after {
  content: "|";
  margin-right: 3px;
}
#head_menu ul li:last-child:after {
  content: none;
}
/*header {
  margin: 0 0 15px 0;
  width: 100%;
}*/
header h1 {
  margin: 4px 0 0 0;
}

#header_in {
  width: 980px;
  margin: 0 auto;
}

#header_in_top {
  height: 31px;
  position: relative;
}
#header_in_top h1 {
  padding: 5px 0 0 0;
  font-size: 10px;
  float: left;
}
#header_in_top nav {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 250;
  margin: 0 -1px 0 0;
  float: right;
  width: 199px;
  height: 31px;
}
#header_in_top nav li {
  float: left;
}

#header_sns {
  clear: both;
  vertical-align: bottom;
  line-height: 1;
  width: 485px;
  position: absolute;
  top: 5px;
  left: 475px;
}
#header_sns #fb {
  display: inline;
  width: 100px;
}
#fb{width:100px;float:left;margin:0 5px 0 0}
.gplus{display:inline-block;/zoom:1;width:60px}

#header_in_btm {
  zoom: 1;
  background: #FFF;
  width: 950px;
  padding: 2px 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
#header_in_btm:after {
  content: "";
  display: block;
  clear: both;
}
#header_in_btm h2 {
  float: left;
}
#header_in_02 {
  margin-top:17px;
}
#header_in_03 {
  margin-top:17px;
  margin-right:10px;
}
#header_in_btm #header_in_btm_right {
  height: 85px;
  width: 652px;
  float: right;
}
#header_in_btm #header_in_btm_right p {
  float: left;
}
#logo {
  margin-top:10px;
  float:left;
}
#head_tel  {
  float:right;
  margin-top:3px;
}
#head_tel ul {
  text-align:right;
  margin-bottom:2px;
}
#head_tel ul li  {
  float:right;
  padding-left: 8px;
}
#head_tel p{
  clear:both;
}

#head_tel ul li:first-child {
  padding-top: 20px;
}

#head_tel ul li:nth-child(2n) {
  padding-top: 15px;
}




/***************************************
* navi
***************************************/
#gnavi{
  width:980px;
  margin: 0 auto;
}
*:first-child+html #gnavi{
  width:980px;
}
  #gnavi ul{
    margin:0;
    padding:0;
    vertical-align:middle;
  }
*:first-child+html #gnavi ul{
    margin:0;
    padding:0;
    vertical-align:middle;
  }

    #gnavi li{
      float:left;
      list-style:none;
      margin: 0 0 15px 0;
    }
    *:first-child+html #gnavi li{
      float:left;
      list-style:none;
      margin: 0 0 15px 0;
    }
      #gnavi li a{
        color:#FFFFFF;
        display:block;
        width:138px;
        height:50px;
        text-indent:0px;
        text-align:center;
        overflow:hidden;
        text-decoration:none;
      }
      *:first-child+html #gnavi li a{
        color:#FFFFFF;
        display:block;
        width:138px;
        height:50px;
        text-indent:0px;
        text-align:center;
        overflow:hidden;
        text-decoration:none;
      }
  
/***************************************
* gnavi
***************************************/
#gnavi li a#gnavi01{
  width:152px;
  background:url(../img/gn1304_03_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi01{
  width:140px;
  background:url(../img/gn1304_03_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}
#gnavi li a#gnavi01:hover{
  background:url(../img/gn1304_03_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi01:hover{
  background:url(../img/gn1304_03_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}
#gnavi li a#gnavi02{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi02{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}

#gnavi li a#gnavi02:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}

*:first-child+html #gnavi li a#gnavi02:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}
#gnavi li a#gnavi03{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi03{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}
#gnavi li a#gnavi03:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi03:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}
#gnavi li a#gnavi04{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}

*:first-child+html #gnavi li a#gnavi04{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:10px;
}
#gnavi li a#gnavi04:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi04:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:10px;
}
#gnavi li a#gnavi05{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi05{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}
#gnavi li a#gnavi05:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi05:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}

#gnavi li a#gnavi06{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}

*:first-child+html #gnavi li a#gnavi06{
  background:url(../img/gn1304_04_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:10px;
}
#gnavi li a#gnavi06:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi06:hover{
  background:url(../img/gn1304_04_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:10px;
}

#gnavi li a#gnavi07{
  background:url(../img/gn1304_09_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}
*:first-child+html #gnavi li a#gnavi07{
  background:url(../img/gn1304_09_off.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}

#gnavi li a#gnavi07:hover{
  background:url(../img/gn1304_09_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
}

*:first-child+html #gnavi li a#gnavi07:hover{
  background:url(../img/gn1304_09_on.jpg) no-repeat 0 0;
    display:table-cell;
  vertical-align: middle;
padding-top:15px;
}




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

フッター

=======================================================================*/
footer {
  clear: both;
  zoom: 1;
  background: #FFF;
  font-size: 93%;
}
footer:after {
  content: "";
  display: block;
  clear: both;
}
footer #guide {
  zoom: 1;
  padding: 30px 0 30px 0;
  border-top: 2px solid #45af35;
  border-bottom: 2px solid #45af35;
}
footer #guide:after {
  content: "";
  display: block;
  clear: both;
}
footer #guide h2 {
  font-size: 124%;
  font-weight: bold;
  margin: 0 0 25px 0;
  color: #F11829;
}
footer #guide h3 {
  font-weight: bold;
  margin: 0 0 10px 0;
}
footer #guide p, footer #guide ul {
  line-height: 1.8;
  font-size: 93%;
}
footer #guide div.h {
  float: left;
  margin: 0 15px 0 0;
  padding: 10px 15px 10px 0;
  width: 227px;
  border-right: dotted 1px #cccccc;
}

footer #guide div.h .underLine {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
footer #guide div.h#guide_last {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  border: none;
}
#footer_guide_left {
  width:790px;
  float:left;
}


#footer_guide_right {
  width:140px;
  float:right;
  text-align:center;
}
#footer_guide_right p {
  margin-bottom:10px;
}
footer #footer_sitemap {
  overflow: hidden;
  zoom: 1;
  clear: both;
  padding: 20px 0 25px 0;
  border-bottom: dotted 1px #cccccc;
}
footer #footer_sitemap a {
  text-decoration: none;
  color: #45af35;
}
footer #footer_sitemap a:hover {
  color: #101010;
}
footer #footer_sitemap ul {
  font-size: 93%;
  margin: 0 45px -10px 0;
  float: left;
}
footer #footer_sitemap ul li {
  margin: 0 0 10px 0;
}




footer #footer_in_blog {
  color: #36a73e;
}
footer #footer_in_blog p {
  margin-bottom: 15px;
}
footer #footer_in_blog a {
  text-decoration: none;
  color: #45af35;
}
footer #footer_in_blog a:hover {
  color: #101010;
}
footer #footer_in_blog ul {
  font-size: 93%;
  margin: 0 20px -10px 0;
}
footer #footer_in_blog ul li {
  margin: 0 0 10px 0;
  line-height: 15px;
}
#footer_in_blog_01 {
  float: left !important;
}
#footer_in_blog_02 {
  float: right !important;
}




#footer_contact {
  padding: 15px 0;
}



footer #footer_sitemap .footer_in {
  height: 182px;
  position: relative;
}
footer #footer_bottom {
  clear: both;
  font-size: 77%;
  color: #fff;
  background: #45af35;
  padding: 10px 0;
  text-align: right;
}

.footer_in {
  overflow: hidden;
  zoom: 1;
  width: 950px;
  margin: 0 auto;
}

/*TOPへ戻るボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #46a537;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #54bd43;
}
/*TOPへ戻るボタン*/