@charset "UTF-8";

/* From bootstrap.min.css  */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}

a {
	color: #337ab7;
	text-decoration: none
}
a:hover, a:focus {
	color: #23527c;
	text-decoration: underline
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
img {
	vertical-align: middle
}
.mod_a{
    font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Hepta Slab','Kosugi','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック',YuGothic,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
	font-weight: 400;
	line-height: 1.1;
	color: inherit
}
.usewebfont,.text-slider {
	font-family: 'Hepta Slab','Kosugi','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック',YuGothic,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 20px;
	margin-bottom: 10px
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 10px;
	margin-bottom: 10px
}
h1, .h1 {
	font-size: 36px
}
h2, .h2 {
	font-size: 30px
}
h3, .h3 {
	font-size: 24px
}
h4, .h4 {
	font-size: 18px
}
h5, .h5 {
	font-size: 14px
}
h6, .h6 {
	font-size: 12px
}
p {
	margin: 0 0 10px
}
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}
ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0;
}
dl {
	margin-top: 0;
	margin-bottom: 20px
}
dt, dd {
	line-height: 1.42857143
}
dt {
	font-weight: 700
}
dd {
	margin-left: 0
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
td, th {
	padding: 0
}
thead {
	display: table-header-group
}
.table {
	border-collapse: collapse!important
}
.table td, .table th {
	//background-color: #fff!important
}
.table-bordered th, .table-bordered td {
	border: 1px solid #ddd!important
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}
.col-md-2, .col-lg-2, .col-sm-4, .col-md-4, .col-lg-4, .col-md-5, .col-lg-5, .col-md-6, .col-lg-6, .col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-sm-4 {
	text-align:center;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.btn:hover, .btn:focus, .btn.focus {
	color: #333;
	text-decoration: none
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65
}
table {
	background-color: transparent
}
th {
	text-align: left
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	//padding: 8px;
	line-height: 1;
	vertical-align: top;
	border-top: 1px solid #ddd
}
.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
	border-top: 0
}
.table>tbody+tbody {
	border-top: 2px solid #ddd
}
.table .table {
	background-color: #fff
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
	padding: 5px
}
.table-bordered {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-child(odd) {
	background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
	background-color: #f5f5f5
}
table col[class*=col-] {
	position: static;
	display: table-column;
	float: none
}
table td[class*=col-], table th[class*=col-] {
	position: static;
	display: table-cell;
	float: none
}
//.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
//	background-color: #f5f5f5
//}
//.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
//	background-color: #e8e8e8
//}
//.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
//	background-color: #dff0d8
//}
//.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
//	background-color: #d0e9c6
//}
//.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th {
//	background-color: #d9edf7
//}
//.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
//	background-color: #c4e3f3
//}
//.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th {
//	background-color: #fcf8e3
//}
//.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
//	background-color: #faf2cc
//}
//.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th {
//	background-color: #f2dede
//}
//.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
//	background-color: #ebcccc
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.nav>li {
	position: relative;
	display: block
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
}
.nav>li.disabled>a {
	color: #777
}
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #eee;
	border-color: #337ab7
}
.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.nav>li>a>img {
	max-width: none
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " "
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
	clear: both
}
/* blog xml */
.blog_title{
	font-weight: bold;
	font-size: 1rem;
	margin-top: 1.5rem;
	
}
.blog_titlea{
	border-bottom: 1px  solid #aaa;
}
/* From style.css  */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* BODY */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* {
	box-sizing: border-box;
}

span.main{
    font-size: 30px;
    text-indent: 1.5em;
    color: blue;
}
body {
	font-family: 'Hepta Slab','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック',YuGothic,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
	background:linear-gradient(-45deg, #fff 25%, #C6E3C8 25%, #C6E3C8 50%, #fff 50%, #fff 75%, #C6E3C8 75%, #C6E3C8);
    background-size: 5px 5px;
    line-height: 1.8;
    color:black;
    background-color: #fff;
    width: 100%;
    overflow-x: hidden;
}
h2, .h2 {
	font-size: 22px;
}
a {
	color: #858585;
}
a:hover {
	text-decoration:none;
	color:#188ca9;
}
ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
img{
	max-width:100%;
}
/* HEADER */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header-top {
	border-bottom: double #f0f0f0;
}
.header-title {
	color:#333;
	float:left;
	padding:4px 4px 0 4px;
}
.toplinks ul li {
	float:left;
	line-height: 35px;
}
.toplinks ul li a{
	font-size: 12px;
	padding: 0px 7px;
	border-left: 1px solid #bcbcbc;
}
.toplinks ul li:first-child a{
	padding-left:0px;
	border-left:none;
}

.top-menu {
	text-align: right;
}
.top-menu ul{
	display:inline-block;
}
.top-menu ul li{
	display:inline-block;
	line-height: 35px;
}
.top-menu ul li a{
	font-size: 12px;
	padding: 0px 10px;
	border-left: 1px solid #bcbcbc;
}
.top-menu ul li:first-child a{
	border-left:none;
}
.top-menu ul .links-search{
	padding: 0px 15px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	margin-left: 10px;
}
.btn-search {
	display: block;
	cursor: pointer;
}
#search_mini_form {
	position: relative;
}
.search-box {
	position: absolute;
	right: 0px;
	z-index: 999;
	width: 220px;
}
.search-box input {
	margin: 0px;
	width: 100%;
	padding: 0px 10px;
	line-height: 33px;
}
.search-btn-bg {
	position: absolute;
	right: 0px;
	top: 0px;
	border: 0px;
	background-color: transparent;
	padding: 0px 10px;
	line-height: 35px;
}
.search-btn-bg:hover{
	background-color: transparent;
}

.header-mid {
	padding: 20px 0px;
	background: #339966;
	//background:red;
}
.container-btn {
	margin-top:30px;
	
}
.header-hotline a img
{
	transition: all 0.5s ease-out 0s;
}
.header-hotline:hover a img
{
	transform: scale(1.2,1.2);
}
.header-hotline p {
	margin: 0px;
	font-size: 16px;
	color: #3d3d3d;
	font-weight: bold;
}
.header-hotline p span{
	color:#ee2222;
}
.header-hotline a.hot-phone {
	display: inline-block;
	padding: 5px 20px;
	background-color: #ee2222;
	color: #fff;
	margin: 5px 0px;
	border-radius: 20px;
}
ul.social li {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #dfdfdf;
	border-radius: 100%;
	margin: 0px 2px;
}
ul.social li a{
	display:block;
}
/* NAVIGATION */
nav{
	//background-color:#f0f0f0;
	background-color:#1E5b3d;
	//background-color:rgba(0,0,0,.8);
}
#site-nav
{
	//box-shadow: 0px 5px 5px 5px rgba(0,0,0,.1);
	z-index: 9;
	position: relative;
	background-color:#1E5b3d;
	//background:#f0f0f0;
}
#site-nav.sticky {
	position: fixed;
	top: 0px !important;
	width: 100%;
	//background: #339966;
	background: #1E5b3d;
	z-index: 9999;
}

#site-nav.sticky .nav-inner ul li a
{
	color: white;
}
#site-nav.sticky .nav-inner #nav .home a
{
	//color: #339966 !important;
	//background: #f0f0f0 !important;
}
#site-nav.sticky .nav-inner ul .level0 :hover
{
	//background: #f0f0f0;
	background: #339966;
}
#site-nav.sticky .nav-inner ul .active a
{
	//background: #f0f0f0;
	//color:#339966;
}
#site-nav.sticky .nav-inner ul .level0:hover a
{
	//color: #339966;
}
.submenu li ul.topnav li.level0 :hover {
    background: #1E5b3d !important;
}
.submenu li ul.topnav li.level0:hover a {
    //color: #339966 !important;
}
#nav > li{
	float:left;
	position: relative;
}
#nav > li > a{
	line-height: 50px;
	padding: 0px 26px;
	//color:#339966;
	//color:#3b734a;
	color:#fff;
	font-size: 14px;
	text-shadow: 1px 1px 3px #000;
	//font-weight: bold;
	//text-shadow: 1px 1px 1px #0e4f0a;
	//text-shadow: 0px 0px 1px #04290e;
	//text-shadow: 0px 0px 1px #000;
	//text-shadow: 0px 0px 1px #7bb38b;
	//text-shadow: 1px 1px 1px #a7d1b3;
	//text-shadow: 1px 1px 1px blue;
	//text-shadow: 1px 1px 1px #a1c9ac;
	//text-shadow: 0px 0px 1px #a1c9ac;

	display:block;
}
#nav > li.home a {
	font-size: 18px;
	//background-color: #339966;
	padding: 0px 20px;
	color:white;
}
#nav > li.home a:hover {
	background-color: #339966!important;
}
#nav > li.first a{
	padding: 0px 20px;
}
#nav > li.active > a, #nav > li:hover > a{
	background-color: #339966;
	color:white;
    border-bottom: 0.5px solid white;
}
#nav .sub-menu {
	display: none;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	padding: 10px;
	width: 200px;
	box-shadow: 0px 0px 3px #ccc;
}
#nav > li:hover .sub-menu{
	display:block;
}
#nav .sub-menu li{
	position: relative;
}
#nav .sub-menu li a{
	display:block;
	line-height: 20px;
	padding: 7px 0px;
}
.level2.right-sub {
	display: none;
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 999;
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 0px 3px #ccc;
	padding: 5px;
}
#nav .sub-menu li:hover .level2.right-sub{
	display:block;
}
#mobile-menu{
	display:none;
	width:100%;
	text-align:
	left;float:left;
}
#mobile-menu .toggle{
	float:right;
	width:30px;
	height:30px;
	//margin:8px 0;
	cursor:pointer;
	transition:color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	text-align:left;
	padding:5px 2px;
}

#mobile-menu .toggle span{
	display:block;
	//border:1px solid #fff;
	background:#fff;
	width:26px;
	height:2px;
	margin-bottom:4px;
	border:solid 2px #fff;
	border-radius: 1.5px;
}
#mobile-menu .toggle span:last-of-type {
	margin-bottom:0;
}
#mobile-menu.active .toggle span:nth-of-type(1) {
	transform: translateY(8px) rotate(312deg);
	-webkit-transform: translateY(8px) rotate(312deg);
	-moz-transform: translateY(8px) rotate(312deg);
	-o-transform: translateY(8px) rotate(312deg);
	-ms-transform: translateY(8px) rotate(312deg);
}
#mobile-menu.active .toggle span:nth-of-type(2) {
	background: #1E5b3d;
	border:solid 2px #1E5b3d;
}
#mobile-menu.active .toggle span:nth-of-type(3) {
	transform: translateY(-8px) rotate(-312deg);
	-webkit-transform: translateY(-8px) rotate(-312deg);
	-moz-transform: translateY(-8px) rotate(-312deg);
	-o-transform: translateY(-8px) rotate(-312deg);
	-ms-transform: translateY(-8px) rotate(-312deg);
}
#mobile-menu ul{
	margin:auto;padding:0px;list-style:none;
}
#mobile-menu ul.navmenu ul.submenu{
	//padding:2px 0 0;
	background:none;
	width:100%;
	//margin-top: -5p;
	max-height: 300px;
	//overflow: auto;
}
#mobile-menu ul.navmenu .menutop{
	//display:inline-block;
	overflow:hidden;
	padding:8px 15px ;
	width:100%;
	//background:#f0f0f0;
}
#mobile-menu ul.navmenu .menutop h2{
	float:left;
	margin:0;
	font-weight:normal;
	color:#396;
	padding:0px;
	font-weight: bold;
	font-size:13px;
	text-transform:uppercase;
	//font-family:'Open Sans', sans-serif;
	line-height: 45px;
}
.open-close{
	float: right; 
	padding: 3px;
}
.open-close-1{
	float: right; 
	padding: 3px;
}
.open-close:before{
	float: right;
	content: "\f055";
	color: #fff;
	font: normal normal normal 14px/1 FontAwesome;	
}
.open-close.active:before{
	float: right;
	content: "\f056";
	color: #fff;
	font: normal normal normal 14px/1 FontAwesome;	
}
.open-close-1:before{
	float: right;
	content: "\f055";
	color: #fff;
	font: normal normal normal 14px/1 FontAwesome;	
}
.open-close-1.active:before{
	float: right;
	content: "\f056";
	color: #fff;
	font: normal normal normal 14px/1 FontAwesome;	
}
/* HOME SLIDE */

.swiper-container {
	width: 100%;
	//margin-bottom:25px;
}

.swiper-pagination {
	//top:calc(100% + 18px);
}
.swiper-pagination-bullet-active{
	background:#339966;
}

.swiper-button-prev {
    background: url(../img/slider/swiper_prev.png) no-repeat center center / contain;
}
.swiper-button-next {
    background: url(../img/slider/swiper_next.png) no-repeat center center / contain;
}
.header_span{
    width: 80%;
    display: block;
    
}
.mod_margin_auto{
    margin: 0 auto;
    width: 80%;
}
/* Module slide */
.post-name h3 {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.post-name h3 a {
	color: #3d3d3d;
	font-size: 16px;
}
.post-author {
	padding: 5px 10px;
	border: 1px dashed #e1e1e1;
	margin: 10px 0px;
}
.post-author li {
	display: inline-block;
	padding-right: 15px;
	font-size: 12px;
}
.post-author li span {
	color: #858585;
}
.bds-blog-item.border .bds-blog-info {
	border-bottom: thin solid #ebebeb;
}
.bds-blog-item.border .bds-blog-info:last-child{
	border-bottom: none;
}
.bds-blog-item.border {
	border: 1px dashed #e1e1e1;
	padding: 15px;
}

.bds-blog-item.border h3 {
	line-height: 18px;
	display: block;
	font-size: 14px;
	font-weight: 500;
}

.bds-blog-item.border .post-name {
	border-bottom: 1px solid #e1e1e1;
	line-height: 18px;
}
.bds-blog-item.border .post-name:last-child{
	border-bottom: none;
}
.post-author-bot{
	display: inline-block;
	font-size: 12px;
	color: #858585;
	font-style: italic;
}
.post-author-bot a{
	background: none !important;
	padding: 0px !important;
}
.blog-cate a{
	color:#188ca9;
}
.bds-blog-item.border h3 a {
	font-size: 14px;
	color: #3d3d3d;
	display: block;
	background:url(blog-icon.png) no-repeat left 24px;
	padding: 20px;
	display: inline-block;
}
.bds-blog-item.border h3:hover a{
	color:#188ca9;
	background:url(blog-icon-hover.png) no-repeat left 24px;
}
.bds-blog-item {
	margin-bottom: 15px;
}
.bds-search{
	margin: 30px 0px;
}
/* PROJECT */
.home-project{
	margin: 30px 0px;
}
.box-title {
	border-bottom: 2px solid #f0f0f0;
	line-height: 35px;
	margin-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
}
.box-title h2 {
	display: inline-block;
	color: #188ca9;
	font-size: 28px;
	margin: 0px;
	padding-right: 15px;
	background-color: #fff;
}
.home-project .item-content .item-title{
	min-height: 40px;
	max-height: 40px;
	overflow:hidden;
}
h1,h2,h3,h4,h5,h6{
	//font-family: 'Roboto', sans-serif;
}
#home-project .item {
	margin: 0px 15px;
}

.col-item .product-wrapper {
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
.sale-label {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #e22;
	color: #fff;
	padding: 3px 5px;
	font-size: 14px;
	text-transform: uppercase;
	z-index: 9999;
}
.pdt-list.products-list .col-item .product-wrapper{
	min-height: auto;
	max-height: inherit;
}
.item-info .item-title a{
	color:#188ca9;
	font-size: 14px;
	display: block;
	font-weight: bold;
}

.col-item {
	border: 1px solid #e1e1e1;
}

.item-info {
	padding: 10px;
}

.item-content .item-title {
	line-height: 20px;
	overflow: hidden;
	word-break: break-word;
}

.item-content > div {
	font-size: 13px;
	color: #3d3d3d;
	line-height: 25px;
}

.item-content .item-price .price {
	color: #f03434;
	font-weight: bold;
}

.item-info .item-content {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
}
.item-info .actions{
	text-align:right;
}
.item-info .actions .btn-cart.btn-more {
	border: none;
	background-color: #4d9eb6;
	color: #fff;
	padding: 8px 10px;
	display: inline-block;
}
.item-info .actions .btn-cart.btn-more .fa{
	margin:0px 5px;
}
.item-info .actions a{
	color: #4d9eb6;
	font-size: 13px;
	line-height: 36px;
}
#upsell-products-slider .item-content .item-title{
	min-height: 40px;
	max-height: 40px;
	overflow:hidden;
}
.home-banner{
	margin-bottom:40px;
}


.home-project-good {
	margin-bottom: 30px;
}
.item-project {
	margin-bottom: 30px;
}
.item-project .project-wrapper {
	min-height: 102px;
	max-height: 102px;
	overflow: hidden;
	position: relative;
}
.project-info .item-title {
	margin-bottom: 10px;
	min-height: 20px;
	max-height: 40px;
}
.project-info .item-title a {
	color: #188ca9;
	font-size: 14px;
	display: block;
	font-weight: bold;
}
.project-info > div {
	font-size: 14px;
	color: #3d3d3d;
	line-height: 18px;
}
.project-info .item-price .price {
	color: #f03434;
	font-weight: bold;
}
/* END PROJECT */
/* BLOCK THREE */
.home-block-three{
	margin-bottom: 30px;
}
.home-blog {
	padding: 20px;
	border: 1px solid #188ca9;
	border-radius: 5px;
}
.home-blog-title{
	line-height: 35px;
	margin-bottom: 10px;
	border-bottom: 1px solid #73afc2;
}
.home-blog-title h2 {
	margin: 0px;
	font-size: 15px;
	color: #188ca9;
	font-weight: bold;
	display: inline-block;
}
.view-more {
	display: inline-block;
	float: right;
	font-style: italic;
	font-size: 13px;
}
.blog-item {
	padding: 10px 0px;
	line-height: 18px;
	border-bottom: 1px solid #e1e1e1;
}
.blog-item:last-child{
	border-bottom: 0px;
}
.blog-item a {
	font-size: 14px;
	color: #3d3d3d;
	display: inline-block;
	width: 93%;
	vertical-align: top;
}
.blog-item:hover{
	color:#188ca9;
}
.blog-item:hover a{
	color:#188ca9;
}

.home-post-list {
	margin-bottom: 30px;
}
.post-list {
	padding: 20px;
	background-color: #f0f0f0;
}
.post-list a {
	display: block;
	line-height: 25px;
	color:#3d3d3d;
}
.post-list a:hover{
	color:#188ca9;
}

.home-news-item {
	margin-bottom: 30px;
}
.home-news-title {
	border-bottom: 2px solid #188ca9;
	margin-bottom: 20px;
	color:#188ca9
}
.home-news-item .bds-blog-img {
	height: 150px;
	overflow: hidden;
	text-align: center;
}
.home-news-item .bds-blog-img img{
	height: 100%;
}
.home-news-item .post-name h3 {
	line-height: 20px;
	margin-bottom: 10px;
	min-height: 40px;
	max-height: 40px;
	overflow: hidden;
}
/* BLOG */
.block{
	margin-bottom: 30px;
}
.blog-news-title h2 {
	margin: 0px;
	line-height: 40px;
	font-size: 20px;
	color: #3d3d3d;
}
.blog-news-title h1 {
	margin: 0px;
	line-height: 40px;
	font-size: 20px;
	color: #3d3d3d;
}
.blog-news-title {
	margin-bottom: 15px;
	border-bottom: 2px solid #f0f0f0;
}
.sidebar-title {
	/* margin-bottom: 15px; */
	border-bottom: 2px solid #188ca9;
}

.sidebar-title h2 {
	margin: 0px;
	line-height: 40px;
	color: #188ca9;
	font-size: 20px;
}

.sidebar-blog-content {
	padding: 15px;
	border: 1px dashed #e1e1e1;
	border-top: 0px;
}

.sidebar-blog-name h3 {
	margin: 0px;
	font-size: 14px;
	color: #3d3d3d;
	line-height: 45px;
}

.sidebar-blog-name h3 a {
	font-size: 14px;
	color: #3d3d3d;
	background: url(blog-icon.png) no-repeat left center;
	padding-left: 15px;
}

.sidebar-blog-name h3:hover a{
	color: #188ca9;
	background: url(blog-icon-hover.png) no-repeat left center;
}

.sidebar-blog-name {
	border-bottom: 1px solid #e1e1e1;
}
.sidebar-blog-name:last-child{
	border-bottom: none;
}
.sidebar-news-name {
	padding: 12px 0px;
	border-bottom: 1px solid #e1e1e1;
}
.sidebar-news-name:last-child{
	border-bottom: none;
}
.sidebar-news-name h3 {
	margin: 0px;
	font-size: 14px;
	line-height: 22px;
}

.sidebar-news-name h3 a {
	color: #3d3d3d;
}

.sidebar-news {
	padding: 15px;
	border: 1px solid #188ca9;
	border-radius: 5px;
}

.sidebar-news .sidebar-title {
	margin-bottom: 10px;
}

.stButton .stButton_gradient{
	height: 23px !important
}

.share {
	margin: 15px 0px;
}

.blog-related {
	margin: 15px 0px;
}

.blog-related .related-title {
	color: #4d9eb6;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	border-bottom: 2px solid #f0f0f0;
	margin-bottom: 15px;
}

.related-item {
	display: block;
}

.related-item h3 {
	margin: 0px;
	font-size: 14px;
	display: block;
	line-height: 20px;
	padding: 7px 0px;
}

.related-item h3 a {
	color: #3d3d3d;
	font-size: 14px;
}
.related-item h3:hover a{
	color: #4d9eb6;
}
.related-item h3 a.rel-item {
	display: inline-block;
	width: 97%;
	vertical-align: top;
}
.related-author {
	display: inline-block;
	font-size: 13px;
	font-style: italic;
	margin-left: 15px;
}
/* Breadcrumb */
.breadcrumbs {
	padding: 20px 0px;
	font-size:12px;
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
span.line-b {
	padding: 0px 10px;
}
.breadcrumbs ul li {
	display: inline-block;
}
.breadcrumbs ul li strong{
	color:#188ca9;	
	font-weight: normal;
}
/* END */
/* Sort By */
#sort-by {
	float: right;
	font-size: 12px;
	padding-right: 0;
}
label.left {
	display: inline;
	font-size: 13px;
	margin-right: 10px;
	line-height: 36px;
	float: left;
	margin-bottom: 0;
	color: #3d3d3d;
	font-weight: bold;
}
#sort-by ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#sort-by li {
	width: auto;
	padding: 7px 10px !important;
	opacity: 1;
	top: auto;
	left: 0 !important;
	height: 100%;
	border: solid 1px #e8e8e8;
	box-shadow: none;
	color: #545454;
	font-size: 12px;
	background: #fff;
	z-index: 9999;
	font-size: 14px;
	font-weight: normal;
}
.right-arrow {
	float: right;
}
#sort-by ul ul {
	position: absolute;
	visibility: hidden;
	right: 0px;
	top: 34px;
	background: none repeat scroll 0 0 #fff;
	z-index: 99;
	border-top: none;
	border: 1px #F0F0F0 solid;
	width: 170px;
}
#sort-by li {
	background: none repeat scroll 0 0 #ebebeb;
	cursor: pointer;
	margin: 0 auto;
	outline: medium none;
	padding: 5px 10px;
	position: relative;
	width: auto;
	float: left;
	color: #333;
	border: 1px solid #F3F3F3;
}
#sort-by li li {
	width: 100%;
	margin-top: 0px;
	border-top: none;
	border-right: none;
	border-left:none;
	background:none;
} 
#sort-by li li a:hover {
	color: #007fb8
} 
#sort-by ul > li:hover {
	background-color: #ebebeb;
} 
#sort-by li li:hover {
	background-color: #fff;
	color: #007fb8;
} 
#sort-by ul ul ul {
	position: absolute;
	left: 100%;
	top: -2px;
	border: solid 1px transparent;
} 
#sort-by li:hover > ul {
	visibility: visible;
} 
.category-description {
	margin-bottom: 20px;
	border-bottom: 2px solid #f0f0f0;
}
.cat-heading {
	margin: 0px;
	font-size: 20px;
	color: #3d3d3d;
	display: inline-block;
	font-weight: bold;
	line-height: 35px;
}

.toolbar {
	float: right;
}

.product-list .item-inner {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.pdt-list.products-list .col-item {
	border: none;
}

.products-list .item-info {
	padding: 0px;
}
.products-list .item-info .item-content{
	padding:0px;
	margin:0px;
	border:0px;
}
.products-list .actions {
	line-height: 36px;
}

.products-list .actions .item-details a {
	padding: 0px 15px !important;
}

.item-hotline span {
	color: #858585;
	font-style: italic;
	font-size: 14px;
}

.item-hotline a {
	color: #f03434;
	font-weight: bold;
}

.item-hotline {
	margin-right: 25px;
}
/* mod_k.ueda*/
#mod_newstopics_body{
    background: #fff;
}
.mod_newstopics_margin {
    margin-bottom: 20%;
}
.mod_newstopics_li{
    list-style: none;
}
.mod_newstopics_li dt{
    font-size: 10px;
    margin-bottom: 10px;
}
.mod_newstopics_li dd{
    line-height: 1.5em; 
    font-size: 12px;
    font-weight: bold;
}
.mod_newstopics_li a {
	color: #000000;
    text-decoration:none;
}
.mod_newstopics_li a:hover {
	text-decoration:none;
	color:#188ca9;
}

/* PRODUCT DETAIL */
.product-img-box .large-image {
	margin-bottom: 20px;
}

.product-essential {
	background-color: #FFFFFF;
}
.product-collateral .box-collateral {
	margin: 0 0 15px;
}
.product-essential .product-image.no-gallery {
	margin-left: auto;
}
.product-essential .product-image img {
	height: auto;
	width: 100%;
}
.product-view .flexslider-thumb {
	max-width: 420px;
	margin: 30px auto 0;
	padding: 0 45px;
	position: relative
}
.product-view-compact .flexslider-thumb {
	margin: 17px auto 0
}
.product-view .flexslider-thumb .flex-viewport {
	z-index: 10
}
.product-view .flexslider-thumb .flex-direction-nav {
	top: 18%;
	left: 0;
	width: 100%;
	z-index: 9
}
.product-view .flexslider-thumb .flex-prev {
	position: absolute;
	left: 12px;
	top: 0px;
}
.product-view .flexslider-thumb .flex-next {
	position: absolute;
	right: 20px;
	top: 0px;
}
.product-view .flexslider-thumb li img {
	cursor: pointer;
	-moz-user-select: none;
	height: auto;
}
.product-view .previews-list {
	padding: 0;
	list-style-type: none;
	text-align: center
}
.product-view .previews-list li {
	width: 76px;
	margin-right: 7px;
	padding: 0;
	float: none;
	display: inline-block;
}

.product-name {
	margin-bottom: 15px;
	border-bottom: 2px solid #f0f0f0;
}
.product-name h1 {
	margin: 0px;
	line-height: 30px;
	font-size: 20px;
	color: #3d3d3d;
}
.product-content > div {
	line-height: 30px;
	color: #3d3d3d;
	font-size: 14px;
}

.product-content > div b {
	display: inline-block;
}

.product-box .price {
	color: #f03434;
	font-weight: bold;
}

.short-description {
	color: #858585;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}

.short-description h3 {
	margin: 0px;
	color: #188ca9;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.logo {
	float:left;
   
}
.logo img {
	width: 100px;
}
.hl-mobile
{
	position: relative;
    margin-top: 10px;
    left: -17px;
}
.product-content {
	margin-bottom: 15px;
}

.product-collateral{
	margin-top: 30px;
}
.product-collateral .tab-content {
	padding: 15px;
	border: 1px solid #e1e1e1;
}
.product-collateral .tab-content table tr td{
	border: thin solid #ccc;
	padding: 10px 20px;
}

.product-collateral .tab-content ul li{

	color:#188ca9;
	padding:10px;
}
.product-collateral .tab-content img{
	padding: 10px 0px;
	margin:10px 0px;
}
.nav-tabs>li>a {
	border: none;
	margin-right: 0px;
	text-transform: uppercase;
	color: #3d3d3d;
	font-weight: bold;
	font-size: 16px;
}
section.upsell-pro {
	margin-top: 30px;
}
#upsell-products-slider .item {
	margin: 0px 15px;
}
.upsell-pro .box-title h2{
	font-size: 16px;
	text-transform: uppercase;
}
/* END */
/* FOOTER */
footer {
	background-color: #339966;
}
.footer-inner {
	padding: 35px 0px;
	
}
.footer-bottom {
	background-color: #1E5b3d;
	text-align: center;
	color: #cdcdcd;
	font-size: 13px;
	line-height: 25px;
	padding: 10px 0px;
}
.footer-bottom a{
	color: #cdcdcd;
	font-size: 13px;
}
.footer-col h3 {
	margin: 0px;
	line-height: 35px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 15px;
}

.footer-contact {
	color: #fff;
	line-height: 30px;
}

.footer-contact span {
	display: inline-block;
	width: 75%;
	vertical-align: top;
}

.foo .foo-title {
	width: 23%;
}
.foo a {
	color: #fff;
}
.foo a:hover{
	color:#188ca9;
}
.footer-social {
	margin: 10px 0px;
}

.footer-social h4 {
	margin: 0px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 30px;
	width: 20%;
}

.footer-social a {
	display: inline-block;
	padding: 4px 10px;
	color: #fff;
	font-size: 16px;
}

.footer-content li {
	line-height: 30px;
}
.footer-content li a{
	color: #fff;
	display:block;
}
.footer-content li a:hover{
	color:#188ca9;
}

.footer-newsletter {
	text-align: right;
}

.text-italic {
	color: #fff;
	font-style: italic;
	font-size: 14px;
	text-align: left;
}

.footer-newsletter input {
	width: 100%;
	padding: 10px;
	border: none;
	margin-bottom: 10px;
}

.btn-newsletter {
	border: none;
	background-color: #188ca9;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
}
.btn:hover{
	background: #339966;
    color: ghostwhite;
}
/* form */
.form-style input,
.form-style textarea {
	width: 100%;
	margin: 10px 0;
	font-size: 13px;
	color: #aaa;
	border: 1px solid #e4e4e4;
	padding: 10px;
	outline: none;
	border-radius: 5px
}
.form-style select {
	height: 40px;
	width: 100%;
	font-size: 14px;
	color: #737373;
	padding: 10px;
	border: 1px solid #e4e4e4;
	outline: none;
	margin: 8px 0;
	border-radius: 5px;
}
.form-style button {
	font-size: 13px;
	color: #fff;
	border: 1px solid #ebebeb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #71baab
}
.form-login {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #e6e6e6
}
.form-login .text-right {
	text-align: left
}
.form-login .row p {
	padding-top: 10px
}
.form-login .row p a {
	color: #71BAAB
}
.form-login input {
	margin: 0 0 10px;
	border-radius: 5px
}
.form-login .form-heading {
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: 0
}
.form-login .form-description {
	font-size: 16px;
	color: #666;
	padding: 10px 0 20px
}

.template-cart {
	margin-bottom: 40px
}
.template-cart table.table,
.template-cart table.table th,
.template-cart table.table td,
.template-cart table.table tr {
	border: solid 1px #e8e8e8;
	text-align: center;
	vertical-align: middle
}
.template-cart table.table thead {
	background: #fafafa;
	padding: 10px 0;
	text-transform: uppercase
}
.template-cart table.table thead #image {
	width: 16.6666666%
}
.template-cart table.table thead #name {
	width: 33.3333333%
}
.template-cart table.table thead #price {
	width: 13.3333333%
}
.template-cart table.table thead #quantity {
	width: 14.1666666%
}
.template-cart table.table thead #total-price {
	width: 17%
}
.template-cart table.table a:hover {
	color: #1dc483
}
.template-cart table.table .input-control {
	width: 50px
}
.template-cart table.table .price {
	color: #212121
}
.template-cart table.table .fa-trash {
	font-size: 24px
}
.template-cart .action-btn {
	text-align: right
}
.template-cart .action-btn .button {
	padding: 10px;
	text-transform: uppercase
}
.bg_search_wrapper{
	position: relative;
	background-color: #f0f0f0;
	padding-bottom: 15px;
}
.bg_search_wrapper h2 {
	margin: 0px;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px;
	background-color: #188ca9;
	color: #fff;
	margin-bottom: 15px;
	position: relative;
}
.bg_search_wrapper h2:after{
	content: '';
	position: absolute;
	bottom: -10px;
	left: 15px;
	border-top: 10px solid #188ca9;
	border-bottom: 0px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.search_form_wrapper label {
	color: #858585;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}
.search_form_wrapper .form-control,
.search_form_wrapper #datepicker {
	height: 38px;
	width: 100%;
	line-height: 38px;
	border-radius: 3px;
	border: none;
	font-size: 13px;
	color: #858585;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0px;
	padding-left: 10px;
}
.search_form_wrapper .button {
	display: inline-block;
	position: relative;
	color: #fff;
	border-radius: 3px;
	border: none;
	background-color: #188ca9;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 15px;
}
.search_content .form-group {
	display:block;
	width:100%;
	flex: 1;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}
.header_search {
	padding-bottom: 45px;
	background-color: #f0f0f0;
	position: relative;
	margin-bottom: 20px;
}
.header_search h2 {
	margin: 0px;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px;
	background-color: #188ca9;
	color: #fff;
	margin-bottom: 25px;
	position: relative;
}

.header_search h2:after{
	content: '';
	position: absolute;
	bottom: -10px;
	left: 15px;
	border-top: 10px solid #188ca9;
	border-bottom: 0px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.header_search p {
	font-size: 14px;
	color: #858585;
	margin-bottom: 15px;
	line-height: 22px;
}

form.input-group.search-bar {
	width: 100%;
	display: block;
}

.search_text {
	background-color: #fff;
	width: 100%;
	line-height: 45px;
	padding: 0px 15px;
	border-radius: 3px;
	font-size: 12px;
	color: #b9b9b9;
	cursor: pointer;
}

.search_text:before {
	display: inline-block;
	vertical-align: middle;
	content: "\f0dd";
	font-family: FontAwesome;	
	position: absolute;
	top: 0px;
	right: 20px;
	color: #000;
}
.list_search {
	border: 1px solid #ebebeb;
	background-color: #fff;
	padding: 0px;
	position: absolute;
	width: 100%;
	z-index: 999;
	left: 0px;
	top: 40px;
}

.list_search .search_item {
	min-height: 24px;
	line-height: 30px;
	cursor: pointer;
	padding: 0px 15px
}

.list_search .search_item:hover{
	background-color: #188ca9;
	color:#fff;
}

.collection-selector {
	margin-bottom: 20px;
}

.search-bar .search-text {
	width: 100%;
	border: none;
	background-color: #fff;
	line-height: 45px;
	padding: 0px 15px;
	border-radius: 3px;
	font-size: 12px;
	margin-bottom: 20px;
}
.search-all {
	line-height: 47px;
	font-style: italic;
}
.search-all a{
	text-decoration: underline;
}
.input-btn {
	float: right;
}

.input-btn button {
	background-color: #188ca9;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 16px;
	padding: 12px 25px;
	line-height: 18px;
}
.input-btn button .fa{
	padding:0px 5px;
}
.input-btn button:hover{
	color:#fff;
}
.box-hotline b {
	color: #282828;
	font-size: 18px;
}

.box-hotline .hotline-phone {
	display: inline-block;
	background-color: #ee2222;
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	border-radius: 20px;
	margin: 0px 20px;
}

.box-hotline {
	margin-top: 50px;
} 
.box-hotline p {
	margin-top: 10px;
}
.btn-otoiawase-shita {
	width:650px;!important;
	height:80px;!important;
	padding:0px;
	background:red;
}
.gnav001 {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	list-style-type:none;
}
.gnav001 a{
	width:100%;
	height:100%;
	background: #fff url(../img/btn-inquire.jpg) no-repeat 0 0;
}
.gnav001 a:hover{
	background: #fff url(../img/btn-inquire-h.jpg) no-repeat 0 0;
}
.btn-otoiawase-shita li a {
	width:700px;!important;
	height:80px;!important;
	background: red url(../img/btn-inquire.jpg) no-repeat center center;
	background-size:cover;
}
.btn-otoiawase-shita a:hover
{
	background: #fff url(../img/btn-inquire-h.jpg) no-repeat 0 0;
}

/* FOOTER */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu
{
	color:#fff;
	text-align: center;
}
.menu a
{
	color: #fff;
	margin:0 0 0 5px;
	padding:0 5px 0 0;
	border-right:1px solid #fff;
}
.menu a:last-child
{
	border-right:none;
}
.menu a:hover
{
	text-decoration: underline;
}
.copyright {
	color: #fff;
}
.banner-mid iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.banner-mid {
	position: relative;
	padding-bottom: 88%;
}
.banner-img {

}
.banner-img a{
	display:block;
	position:relative;
}
.banner-img a:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	z-index: 9;
	border-left: 2px solid rgba(255,255,255,0.8);
	border-right: 2px solid rgba(255,255,255,0.8);
	transform: scale(1, 0);
}
.banner-img a:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	z-index: 9;
	border-top: 2px solid rgba(255,255,255,0.8);
	border-bottom: 2px solid rgba(255,255,255,0.8);
	transform: scale(0, 1);
}
.banner-img a:hover:before, .banner-img a:hover:after {
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.kiniro
{
	color:#ffb300;
}
.aoi
{
	color:green;
}
.murasaki
{
	color: purple;
}
#back-top {
	position: fixed;
	width: 50px;
	height: 50px;
	z-index: 999;
	border: 2px solid #fff;
	line-height: 50px;
	text-align:center;
	right: 5px;
	bottom: 30px;
	top: auto !important;
	cursor: pointer;
	margin: 0;
	font-size: 22px;
	background-color: #339966;
	color: #fff;
}

/* TOP MENU MOBILE */
.header-menu {
	position: relative;
}
ul.header-top-menu li {
	display: block;
}

ul.header-top-menu {
	position: absolute;
	background-color: #fff;
	width: 120px;
	right: 0px;
	box-shadow: 0px 0px 3px;
	z-index: 999;
	text-align: left;
}
.toggle-header {
	padding: 0px 10px;
	cursor: pointer;
}
.main-acc h3 {
	margin-top: 0px;
}
.btn-cart {
	background-color: #188ca9;
	border: none;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.table-bordered tr th, .table-bordered tr td {
	white-space: normal;
}
.form-style input[type=radio], .form-style input[type=checkbox]{
	width: auto;
}
a.btn-style.btn {
	background-color: #188ca9;
	border-radius: 0px;
	color: #fff;
	padding: 10px 15px;
}

form.search-wrap input {
	width: 290px;
	padding: 5px;
}

form.search-wrap .button {
	padding: 6px 10px !important;
	border: none;
	background-color: #188ca9;
	color: #fff;
}

form.search-wrap {
	margin-bottom: 15px;
}

p.color-add {
	color: red;
	font-weight: bold;
}
#sortBy {
	padding: 0px 5px;
	height: 34px;
	margin: 0px;
}

/* /////////////////////////////////////ripbon//////////////-->*/

      .block {
          background-color: #ffffff;
          
          margin: auto;
          padding: 25px 0 0 0;
      }
      .ribbon {
        box-sizing: border-box;
        float; left;
        margin: 20px;
        height: 40px;
        width: auto;
        color: #ffffff;
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
        position: relative;
        background-color: #339966;
      }

    .shadow {
      box-sizing: border-box;
      overflow: visible;
    }
  
.fold {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 0;
    height: 0; 

    border-style: solid;
}
p {
  padding : 0 20px;
}

/* ripbon for content */
/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, ul, li {
  margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1.9;
}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}
/* // Reset */


h2 {
	//font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
}

div.container-ripbon{
	margin: 25px auto 0px auto;
}
div.container-ripbon:hover
{
	z-index: 999;
}

.bubble {
	clear: both;
	margin: 0px auto;
	min-height: 248px;
	width: 97%;
	background: #fff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}

.rectangle {
	background: #339966;
	height: 50px;
	width: 114%;
	position: relative;
	left:-15px;
	top: 17px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 6px;
	text-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	text-align: center;
	top:-17px;
}
.triangle-l-yellow {
	border-color: transparent #ff6600 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 52px;
	z-index: -1; /* displayed under bubble */
}
.triangle-r-yellow {
	border-color: transparent transparent transparent #ff6600;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 99%;
	top: 22px;
	z-index: -1; /* displayed under bubble */
}
.info {
	//padding: 28px 25px 35px 5px;
	padding:30px 10px 10px 10px;
}

.info h2 {
	font-size: 20px;
}

.info p {
	padding-top: 10px;
	font-size: 14px;
	
}

.info p a {
	color: #c4591e;
	text-decoration: none;
}

.info p a:hover {
	text-decoration: underline;
}

/* for cotent css */
.wrapper {
  font-weight: 400;
  color: #9f9f9f;
  font-size: 15px;
      margin: 20px 0px 10px 20px;
}
.package {
  box-sizing: border-box;
  width: 30%;
  min-height: 306px;
  border: 2px solid #e8e8e8;
  border-radius: 7px;
  display: inline-block;
  padding: 8px;
  text-align: center;
  float: left;
  //-webkit-transition: margin-top 0.5s linear;
  //transition: margin-top 0.5s linear;
  position: relative;
  margin-right: 11px;
}
.name {
  color: #565656;
  font-weight: 300;
  font-size: 22px;
  //font-weight: bold;
  margin-top: 44px;
}
.price {
  margin-top: 7px;
  font-weight: bold;
}
.price::after {
  content: " / month per user";
  font-weight: normal;
}
hr {
  background-color: #dedede;
  border: none;
  height: 1px;
}
.trial {
  font-size: .9rem;
  //font-weight: 500;
  padding: 2px 21px 2px 21px;
  color: #339966;
  text-align: left;
  line-height: 1.4;
  min-height: 181px;
  /*text-indent: 1.5em;*/
  border: 1px solid #e4e4e4;
  display: inline-block;
  border-radius: 15px;
  background-color: rgba(240, 250, 240,1);
  position: relative;
  bottom: -20px;
}
.package ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-top: 29px;
}
.package li {
  margin-bottom: 15px;
}
.checkIcon {
  font-family: "FontAwesome";
  content: "\f00c";
}
.package li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 1.3rem;
  color: #339966;
  margin-right: 3px;
}
.brilliant {
  border-color: #339966;
}
/* Triangle */
.brilliant::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #339966 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}

//.brilliant::after {
//  font-family: "FontAwesome";
//  content: "\f0d8";
//  color: white;
//  position: absolute;
//  left: 9px;
//  top: 6px;
//  text-shadow: 0 0 2px #37c5b6;
//  font-size: 1.4rem;
//}

/*buttons click on header*/
.container-btn {
  display: table-cell;  
  text-align: center;
  vertical-align: middle;
}
.container-btn a
{
	font-weight:bold;
}

.btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 auto 1em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
  height: 50px; 
}
.hover-img
{
	 transition: all .2s ease-in-out;
}
.hover-img:hover
{
	z-index: 99;
	transform: scale(1.4,1.4);
}
.btn:hover {
  text-decoration: none;
}

.btn-1 {
  background: #e02c26;
  font-weight: 100;
}
.btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-1 rect {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 422, 0;
}

.btn-1:hover {
  background: rgba(225, 51, 45, 0);
  font-weight: 900;
  letter-spacing: 1px;
}
.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-2 {
  letter-spacing: 0;
}

.btn-2:hover,
.btn-2:active {
  letter-spacing: 5px;
}

.btn-2:after,
.btn-2:before {
  backface-visibility: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  bottom: 0px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  transition: all 280ms ease-in-out;
  width: 0;
}

.btn-2:hover:after,
.btn-2:hover:before {
  backface-visibility: hidden;
  border-color: #fff;
  transition: width 350ms ease-in-out;
  width: 70%;
}

.btn-2:hover:before {
  bottom: auto;
  top: 0;
  width: 70%;
}

.btn-3 {
  background: #e3403a;
  border: 1px solid #da251f;
  box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;
  font-weight: 900;
  letter-spacing: 1px;
  transition: all 150ms linear;
}

.btn-3:hover {
  background: #e02c26;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  color: #ec817d;
  text-decoration: none;
  text-shadow: -1px -1px 0 #c2211c;
  transition: all 250ms linear;
}

.btn-4 {
  border: 1px solid;
  overflow: hidden;
  position: relative;
}
.btn-4 span {
  z-index: 20;
}
.btn-4:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -10;
}

.btn-4:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5 {
  border: 0 solid ;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-color: #ff6600;
  outline-offset: 0px;

  text-shadow: none;
  background: white;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-5 a
{
	 color:red;
}
.btn-5:hover a
{
	color:white ;
}

.btn-5:hover {
 border: 1px solid;
 color:#fff;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: #ff6600;
  background: #ff6600;
  outline-offset: 15px !important;
  border:none;
  text-shadow: 1px 1px 2px #427388;
}
.btn-5:hover a
{
	color:white !important;
}

.btn-5x {
  border: 0 solid ;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  //outline: 1px solid;
  //outline-color: #ff6600;
  //outline-offset: 0px;
  //text-shadow: none;
  //background: yellow;
  //transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #fff url(../img/btn-inquire.jpg) no-repeat center center;
  background-size:cover;
}
.btn-5x a
{
	 //color:red;
	 text-decoration: none;
}
.btn-5x:hover a
{
	//color:#990000;
	text-decoration: none;
}

.btn-5x:hover {
 //border: 1px solid;
 //color:#fff;
 //box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
 //outline-color: #ff6600;
 //background: #ff6600;
 //outline-offset: 15px !important;
 //border:none;
 //text-shadow: 1px 1px 2px #427388;
   background: #fff url(../img/btn-inquire-h.jpg) no-repeat center center;
   background-size:cover; 
}

.yajirushi{
	position: relative;
	padding-left: 12px;
}

.yajirushi::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 46%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #FFF;
}
.text-slider p
{
	font-size: 85%;
}

.list_question ul li
{
	list-style: none;
	//font-weight: bold;
	padding:5px;
	padding-left: 20px;
	background: url(../img/icon/faq_q.gif) no-repeat;
	background-position: left;
}
.list_question ul li a{
	color:blue;
}
.list_question ul li:hover a{
	text-decoration: underline;
}

.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.sub-left{
	//background:red;
	float:left;
	width:49%;
	height:200px;
	margin:0;
	padding:0;
}
.sub-right{
	//background:yellow;
	float:right;
	height:200px;
	width:49%;
	margin:0;
	padding:0;
}
.sub-title{
	background:#339966;
	width:auto;
	height:30px;
	margin:0;
	padding:5px;
}
.sub-content{
	//background:skyblue;
	width:auto;
	height:160px;
	margin:0 0 10px 0;
	padding:5px;
	border:solid 1px #339966;
}

/* From content.css  */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.width-1000
{
	max-width: 960px;
}
.text-color-white
{
	color:white;
}
.text-weiht
{
	//font-weight: bold;
	text-shadow: 1px 1px 3px #0e4f0a;
	//text-shadow: 1px 1px 1px #000,2px 2px 4px #fff;
	//text-shadow: 0px 0px 1px #FD8B25,0px 0px 2px #333,0px 0px 4px #000;
}
.text-font-13
{
	font-size: 13px;
}
.text-font-15
{
	font-size: 15px;
}
.text-font-16
{
	font-size: 16px;
}
.text-font-18
{
	font-size: 18px;
}
.text-font-20
{
	font-size: 20px;
}
.text-font-23
{
	font-size: 23px;
}
.text-font-25
{
	font-size: 25px;
}
.text-font-30
{
	font-size: 30px;
}
.clear-fix
{
	clear: both;
}
.right ,.right a
{
	color:white;
	margin-top:8px;
}
.social
{
	margin-top:20px;
}
.main-content
{
	background: white;
	max-width: 1000px;
	margin:auto;
	padding: 0 20px;
}
.main-right
{
	max-width: 710px;
}

.main-left
{
	max-width: 220px;
	margin-left:30px;
	padding-top:25px;
}

.main-right
{
	float:left;
}
.main-left
{
	float:right;
}
.float-left
{
	float:left;
	//text-indent: 1.5em;
}
.indent
{
	//text-indent: 1.5em;
}
.info p
{
	text-indent: 1.5em;
	position: relative;
	color:#fff;
	//font-weight: bold;
	text-shadow:2px 2px 3px rgba(0,0,0,.9);
	font-size: 16px;
	margin:0 5px 5px 5px;
}
.float-right
{
	float:right;
}
.clearfix
{
	padding:0 10px 10px 10px;
}
 .clearfix li dt {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
 .clearfix li:first-child {
    margin-top: 40px;
}
.clearfix li {
    border-bottom: 1px dotted #12214D;
    padding: 10px;
    width: 100%;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    
    vertical-align: top;
}
.clearfix li dl
{
	margin-bottom:0px;
}
.clearfix li dl dt
{
	color:#525252;

	padding-left:10px;
}
.clearfix li dl dd a
{
	color:#0000B2;
	text-decoration: underline;
}
.clearfix li dl dt,.clearfix li dl dd
{
	display: inline-block;
}
.news
{
	border: 3px solid #ff6600;
    border-radius: 15px;
    margin-top: 35px;
    margin-bottom: 17px;

    position: relative;
}
.clearfix
{
	
}
.content ul
{
	margin-left:30px;
}
.content ul li
{
	padding:10px;
	font-size: 18px;
	list-style-type: circle;
}
.content-title-h3
{
	padding: 10px;
    background: rgba(0, 128, 0, 0.78);
    color: white;
    font-size: 24px;
    font-weight: bold;
    width: 322px;
}
.position-absolute
{
	position: absolute;
}
.position-news
{
	width: 100px;
    top: -15px;
    color: white;
    box-shadow: 0px 4px 0px gray;
    background: #ff6600;
    border-radius: 13px;
    height: 33px;
    left: 25%;
    transition: all 0.5s ease-out 0s;
    font-size: 20px;
    font-weight: bold;
	line-height: 2rem;
	text-align: center;
}
.bg-green
{
	background: #a66aad;
}
.bg-red
{
	background: rgb(191, 76, 76);
}
.bg-yellow
{
	background: #ff6600;
}
.nagai-text
{
	font-size: 23px;
}
.hl-mobile
{
	width: 45% ;
}
.mail-font
{
	font-size: 56%;
}
.img-left
{
	//padding-top:10px;
}
.img-left .img
{
	margin-bottom:20px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
}
.img-left .img img
{
	vertical-align: bottom;
}
.img-left .img:hover
{
	opacity: 0.7;
	cursor: pointer;
}
.content-main
{
    line-height: 1.6;
    font-size: 20px;
    
    color: black;
    background: rgba(250, 202, 170, .3);
}
.content-main p
{
	padding:10px;
	text-indent: 1em;
}
.content-main p a:hover
{
	color:#ff6600 !important;
	text-decoration: underline;
}
.clearfix li:before {
    position: absolute;
    top: 11px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: top;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ff6600;
}
.clearfix li:after {
    position: absolute;
    top: 14px;
    left: 0;
    margin: auto;
    content: "";
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #FFF;
}
.main-right h1 {
    border-left: solid #ff6600 5px;
    position: relative;
    background:rgba(255, 239, 150, .5);
    padding:10px;
    padding-left: 20px;
    font-size: 24px;
    //font-weight: bold;
    margin:0 0 20px 0;
}
.main-right h2 {
    //border-left: solid #ff6600 5px;
    position: relative;
    padding:10px;
    //padding-left: 20px;
    font-size: 18px;
    font-weight: 400;
    margin:20px 0px;
}
.main-right .title {
    font-size: 20px;
    color: #1E5b3d;
    //padding: 5px 0 0 20px;
    background-color: rgba(209, 230, 216, .5);
    border-left: 6px solid #1E5b3d;
    //margin: 15px 10px;
    margin: 15px 0px;
    position: relative;
}
.main-right h1:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-left-color: #ff6600;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.item a img
{
	width: 100%;
}
.news:hover .position-news
{
	cursor: pointer;
	box-shadow:none;
}
#container1 .bubble
{
	background: url(../img/01.jpg);
	position: relative;
}
#container2 .bubble
{
	background: url(../img/02.jpg);
	position: relative;
	background-position-y: 37px;

}
#container3 .bubble
{
	background: url(../img/03.jpg);
	position: relative;
}
.container-ripbon .bubble:before
{
	background-color: rgba(255,155,0,.4);
	position: absolute;
	top:0;
	border-radius: 10px;
	right: 0;
	left: 0;
	bottom: 0;
	content: "";
}

.img-envelop
{
	position: relative;
	padding:10px 5px 2px 10px;
}
.img-envelop p
{
	padding:5px;
	background: white;
}

.text-slider
{
	height: 200px;
	background: linear-gradient(to right,rgba(51,153,102,.8),rgba(51,153,102,0));
	text-shadow: 1px 1px 2px #000;
	text-align: center;
    line-height: 4;
    color: white;
    font-size: 43px;
    font-weight: bold;
}
.slider-content
{
	background: url(../img/slider/img_08.jpg);
	background-size: cover;
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.right span
{
	font-size: 140%;
}

.right span .otoiawase
{
    background: #ecef62;
    margin-left:5px;
    vertical-align: middle;
    margin-left: 10px;
    //font-weight: bold;
    padding: 10px 6px;
    font-size: 16px;
    //box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
    //color: #339966;
	color:#3b734a;
	//text-shadow: 0px 0px 1px #7bb38b;
	//text-shadow: 1px 1px 1px #a1c9ac;
	//text-shadow: 1px 1px 1px #8d9e92;
    //text-shadow: 1px 1px 3px #0e4f0a;
	text-shadow: 0 0 2px #cbd6cf;

}
.right span .otoiawase:hover
{
	position: relative;
	top:1px;
	left:1px;
	//opacity: 0.85;
    //background: #fff;
    background:#DFEFE7;
}

.mail
{
	width: 80%;
}
.text-link a
{
	font-size: 140%;
    color: white;
    font-weight: bold;
}
/*content scroll*/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 7px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #339966; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #396; 
}
.ul-reletive
{
	position: relative;
}
.ul-reletive li
{
	background: #339966;
    float: left;
    padding: 20px;
    color: white;
    margin: 17px;
    font-weight: bold;
    position: relative;
}
.ul-reletive>li:before
{
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 25px solid transparent;
    border-top: 27px solid transparent;
    border-left: 21px solid #339966;
    position: absolute;
    /* left: 0px; */
    right: -21px;
    top: 0px;

}
.ul-reletive>li:after
{
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 25px solid transparent;
    border-top: 27px solid transparent;
    border-left: 21px solid #fff;
    
    position: absolute;
     left: 0px; 
    top: 0px;

}
.for
{	
	font-size: 20px;
    font-weight: bold;
    position: absolute;
}
.for-123
{
	left: 20%;
    top: -20px;
}
.for-5
{
	top:-20px;
	right: 3%;
}

.col-lg-5-fix
{
	width: 41% ;
}
.col-lg-fix-2
{
	width: 14% ;
}
.text-slider-edit
{
	padding-top:30px;
	text-indent: 2.5em;
	font-size: 283%;
}
.text-slider-edit p
{
	/*text-align: left;*/
}
.content-main .clearfix li
{
	font-size: 95%;
}
.clearfix-fix li
{
	padding:0px;
	padding-left: 30px;
	    border-bottom: none;
}
.content-main .clear-padding
{
	padding:0px;
}
.info-table{
    width: 100%;
    border: solid 1px #339966;
}
.info-table th{
    text-align: left;
    //border: 1px solid #339966;
    border-bottom: 1px solid white;
    padding: 16px;
    vertical-align: top;
    background: #339966;
    color: white;
    //min-width: 100px;
    font-weight:400;
/*    width:200px*/
	width: auto;
}
.info-table .right-border {
	border-right: 1px solid white;
}
.inline-block p
{
	display: inline-block;
}

.info-table td {
    text-align: left;
    border: 1px solid #339966;
    padding: 10px;
}

.info-table tr:first-child td
{
	background: #246c48;
	text-align: center;
	color:white;
	//font-weight: bold;
	border: 1px solid #1E5b3d;
}
.info-table tr:first-child td:first-child
{
	
    position: relative;
}
.info-table tr:first-child td:first-child:after
{
	//content: " ";
    //width: 134px;
    //height: 1px;
    //position: absolute;
    //background: white;
    //transform: rotate(-23deg);
    //left: -5px;
}
tr.saigo td
{
	text-align: center;
    font-size: 20px;
}
tr.saigo td a
{
	color:#339966;
	text-decoration: underline;
}
.phone
{
	font-size: 137%;    
    position: relative;
    top: 3px;
}
.glyphicon-earphone
{
	top:0px;
	vertical-align: middle;
}
.width-1000 .row
{
	margin-left:0px ;
	margin-right: 0px;
}
.header-mid .container
{
	padding-left:0px ;
	padding-right: 0px;
}
.list-content h3
{
    float: left;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    background: #339966;
    /* padding: 25px; */
    color: white;
    font-weight: bold;
    padding: 40px 0px 0px 0px;
    border-radius: 60px;
}
.list-content ul
{
	float:right;
	background: #cfe7d0;
	margin-right: 10px;
	width: 83%;
}
.red
{
	color:red;
	font-weight: bold;
}
.list-content ul li
{
	line-height: 3;
	border-left:3px solid #339966;
	padding-left:30px;
	position: relative;
}
.list-content li
{
	list-style: none;
}
.list-content ul li:before
{
	position: absolute;
    top: 11px;
    left: 6px;
    margin: auto;
    content: "";
    vertical-align: top;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #339966;
}
.otoiawase-email,.mobile-display-phone,.otoiawase-email
{
	display: none;
}
.content-right
{
	width: 54%;
	line-height: 1.6;
}
.content-right_small
{
	width: 50%;
	line-height: 1.6;
}
.content-all
{
	width: 100%;
	line-height: 1.6;
}

.sn_extra
{
	float:right;
	padding-right: 17px;
}
.sn_extra li
{
	float:left;
	padding:0 10px;
}
.sn_extra li:first-child
{
	border-right: 1px solid white;
}
span.home
{
	float: left;
    font-size: 24px;
    color: #339966;
    //padding: 8px 37px 0px 37px;
    //padding: 8px 0;
    padding-top: 3px;
}
span.home a
{
	//color:#339966;
	color:#fff;

}
.title_table
{
	padding: 10px;
    background: #339966;
    width: 142px;
    font-size: 20px;
    color: white;
    font-weight: bold;
    border-radius: 10px;
}
.line-through
{
	text-decoration: line-through;
}
.table_center tr:first-child td {
    background: #246c48;
    text-align: center;
    color: white;
    //font-weight: bold;
    border: 1px solid white;
    /* border: none; */
}
.content-img
{
	float: left;
    width: 62%;
}
.fa-home
{
	font-size:0.9em;
}
.container-mobile
{
	padding-left:27px;
}

.content-main p
{
	font-size: 15px;
}
.hover-toiawase:hover
{
	color:white !important;
}
.new-img-kaigo > img
{
	//padding:2px;
}
.content-main
{
	clear: both;
}
h3.title-h3
{
	//background: #ff6600;
	background: rgba(245, 156, 71,1);
    color: white;
    font-size: 16px;
    padding: 6px;
    //font-weight: bold;
    margin-left: 34px;
    position: relative;
    text-indent: 1em
}
h3.title-h3:before
{
	content: " ";
    width: 10px;
    height: 10px;
    color: white;
    position: absolute;
    
    left: 6px;
    top: 10px;
    padding-right: 10px;
    background: white;
    border-radius: 43px;
    box-sizing: border-box;
}
.content-main-h3
{
	margin-left: 34px;
    //padding: 10px;
}
.table-td-kaigo
{
	vertical-align: middle !important;
	color:white;
	//font-weight: bold;
	font-size:12px;
}
.table-kaigo
{
	background: rgba(255,255,255, .7);
}
.table-kaigo td
{
	//padding:5px !important;
	font-size:12px;
	padding: 2px;
}
.color-white
{
	color:white !important;
}
ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
.mod-arrow {
    position: relative;
    display: inline-block;
    padding-left: 12px;
}
.mod-arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #339966;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}

/* mamirin-mangastyle */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.cosme_manga img{
    margin: 0 auto;
    display: block;
}
}


/* Caution Seesaa Blog Use Area */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.blogown
{
  line-height: 1.42857143;
  font-size: 14px;
}
.module--calendar a,.module--recent-comment a,.module--category a,.module--backlog a,.module--rdf_summary a,.article__footer a
{
    color: #337ab7;
}
.module--calendar a:hover,.module--recent-comment a:hover,.module--category a:hover,.module--backlog a:hover,.module--rdf_summary a:hover,.article__footer a:hover
{
	color: #04233a;
}
.side--right h1,.side--right h2,.side--right h3 {
    margin-bottom: 10px;
}
.side--right h4,.side--right h5,.side--right h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
#allwrap {
	width:100%;
	overflow:hidden;
}

/* Other */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.under-fix {
	display:none;
}
.mobile-slider-content {
	display:none;
}
.bread {
	margin : 10px calc(50% - 1000px/2 + 10px);
	text-shadow: 0px 0px 2px #ccc;
}
.bread a{
	color:green;
}
.bread a:hover{
	color:red;
}
.small-hide
{
	display:block;
	text-align:center;
}
.image-margin
{
	margin-bottom:20px;
}

/* Medhia Query */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* min-width */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ******************************************************************************************************************************************************************************************** */

@media (min-width: 400px) {
  .btn {
    margin-right: 2.5em;
  }
  .btn:nth-of-type(even) {
    margin-right: 0;
  }
}

/* ******************************************************************************************************************************************************************************************** */

@media (min-width: 600px) {
  .btn:nth-of-type(even) {
    margin-right: 2.5em;
  }
  .btn:nth-of-type(5) {
    margin-right: 0;
  }
}

/* ******************************************************************************************************************************************************************************************** */

@media screen and (min-width: 626px){
	.info-table th{
	    //min-width:auto;
	}
	.info-table tr:first-child td:first-child:after {
	    //width: 129px !important;
	    //left: -15px !important;
	    //transform: rotate(-29deg) !important;
	}
	.col-lg-4 {
		float: left;
		width: 33.33333333%
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media screen and (min-width: 706px){
	.info-table th{
	    //min-width:auto;
	}
	.info-table tr:first-child td:first-child:after {
	    //width: 134px !important;
	    //transform: rotate(-23deg) !important;
	    //left: -5px !important;
	}
}

/* ************************************************************************************************************************************************************************************************************ */

@media (min-width:768px) {
	.container {
		//width: 750px
	}
	.col-sm-4 {
		//float: left;
		//width: 33.33333333%
	}
	.col-md-5 {
		float: left;
		width: 43%
	}
	.col-sm-6 {
		//float: left;
		//width: 50%
	}
}


/* ************************************************************************************************************************************************************************************************************ */
@media screen and (min-width:992px) {
	.container {
		width: 970px
	}
	.col-md-2 {
		float: left;
		width: 16.66666667%
	}
	.col-md-4 {
		float: left;
		width: 33.33333333%
	}
	.col-md-6 {
		float: left;
		width: 90%;
		/*width: 50%*/
	}
	.col-lg-5-fix
	{
		width: 41% ;
	}
	.hl-mobile
	{
		width: 45% ;
	}
	.col-lg-fix-2
	{
		width: 14% ;
	}
}

/* ************************************************************************************************************************************************************************************************************ */
@media screen and (min-width:1200px) {
	.container {
		width: 1170px
	}
	.col-lg-2 {
		float: left;
		width: 16.66666667%
	}
	.col-lg-5 {
		float: left;
		width: 41.66666667%
	}
	.col-lg-6 {
		float: left;
		width: 50%
	}
	.col-lg-5-fix
	{
		width: 41% ;
	}
	.hl-mobile
	{
		width: 45% ;
	}
	.col-lg-fix-2
	{
		width: 14% ;
	}
}

/* ******************************************************************************************************************************************************************************************** */


/* max-width */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ******************************************************************************************************************************************************************************************** */

@media screen and (max-width: 1200px) {
	#nav > li > a{
		padding: 0px 13px;
	}
}

@media screen and (max-width: 1007px) {
	.main-left {
	    margin-left: 0;
	}
}

@media screen and (max-width: 991px) {
	.bread {
		margin:10px;
	}
}

@media screen and (max-width: 980px) {
	.img-banner
	{
		box-shadow: none!important;
		text-align:center!important;
	}
	li.active
	{
		background: #f0f0f0;
	}
	.topnav > li.active > a
	{
		background: #1E5b3d!important;
		color:#fff!important;
	}
	.span-phone
	{
		position: relative;
		
	}
	.phone
	{
		font-size: 100% !important;
	}
	.text-slider
	{
		line-height: 6;
	    font-size: 23px;
	}
	.text-slider-edit
	{
		font-size: 150%;
	}
	.package
	{
		width: 100%;
		margin-top:10px;
	}
	.menu a
	{
		display: block;
		text-align: left;
		margin-left: 30px;
		border: none;
		list-style: circle;
		margin-bottom: 20px;
	}
	.menu a:last-of-type
	{
		margin-bottom: 0;
	}
	.menu a:before
	{
		content: "・";
	    position: relative;
	    width: 5px;
	    z-index: 999;
	    height: 15px;
	    //left: 15px;
	    //background: white;

	}
	.fb
	{
		text-align: center;
	}
	.container-mobile
	{
		width:100% !imprtant;
		 padding-right: 0px; 
	     padding-left: 0px; 
	     margin-right: auto; 
	     margin-left: auto; 
	}
	.rectangle
	{
		width: 104%;
	}
	.shadow
	{
		width: 359px !important;
		margin-left:20px;
	}
	.ribbon
	{
		font-size: 23px;

	}
	.main-left
	{
		float: none;
		clear: both;
		width: 100%;
		max-width: 100%;
		margin-left:0px;
		margin-right: 0px;
		
	}
	.position-news
	{
		left:41%;
	}
	._2p3a
	{
		min-width: 100% !important;
		width: 100% !important;
	}
	.nagai-text
	{
		font-size: 13px;
	}
	.main-right
	{
		max-width:100%;
	}
	.main-left
	{
		padding-top:0;
	}	
}


/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 992px){
	#site-nav.sticky{
		position: static;
	}
	#mobile-menu{
		display:block;
	}
	.hidden-xs{
		display:none;
	}
	.submenu .topnav a { 
		width: 100%;
		border-bottom: thin solid #fff;
		display: block;
		padding: 14px 10px;
		//font-size: 13px;
    	//font-weight: bold;
		color:#fff;
		background:#339966
	}
	.submenu .topnav li:nth-of-type(1) a { 
		border-top: thin solid #fff;
	}
	.submenu .topnav ul.level1 a{
		padding: 5px 10px 5px 20px;
	}
	ul.level0 a {
		text-indent: 15px;
	}
	nav{
		background:#fff;
	}
	.product-content{
		margin-top: 10px;
	}
	.triangle-l-yellow {
		visibility:hidden;
	}
	.triangle-r-yellow {
		visibility:hidden;
	}
	.hl-mobile
	{
		left: 0;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 992px) and (min-width: 768px) {
	#mobile-menu{
		display:block;
	}
	.hidden-xs{
		display:none;
	}
	.col-item .product-wrapper .thumb-wrapper{
		height: 228px;
	}
	.home-news-item .bds-blog-img{
		min-height: 210px;
		max-height: 210px;
		margin-bottom: 10px;
	}
	.bds-home-blog {
		margin-top: 30px;
	}
	.home-banner {
		display: none;
	}
	.text-font-30
	{
		font-size: 25px;
	}	
}

/* ******************************************************************************************************************************************************************************************** */

@media screen and (max-width: 980px) {
	.btn-5x {
	    top: -20px;
  		background: #FDBD37 url(../img/btn-inquire-small.jpg) no-repeat center center;
	}
	.btn-5x:hover {
   		background: #FE6601 url(../img/btn-inquire-small-h.jpg) no-repeat center center;
	}
	.wrapper {
		margin: 0px 20px 0 20px;
	}
	.package {
	  margin-bottom: 20px;
	}
	.small-row {
	  margin-bottom: 20px;
	}
	h3.title-h3 {
	    margin-left: 0;
	}
	.content-main-h3
	{
		margin-left: 0;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media screen and (max-width: 845px) {
	.text-font-30
	{
		font-size: 22px;
	}	
}

/* ******************************************************************************************************************************************************************************************** */

@media screen and (max-width: 820px) {
	.content-img
	{
		clear: both;
	    width: 100%;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 767px){
	.hl-mobile,.col-lg-fix-2
	{
		width: 100% !important;
	}
	.col-lg-5-fix
	{
		width: 100% !important;
	}
	.hl-mobile
	{
		text-align: center;
	}
	.hidden-xs {
		display: none!important
	}
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}
	.table-responsive>.table {
		margin-bottom: 0
	}
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
		border-bottom: 0
	}

	.logo{
		float:none;
		text-align:center;
	}
}


/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 740px) {
	.main-content
	{
		//padding: 20px 20px 0 20px;
	}
	.img-envelop>a>img {
		width: 100% !important;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media screen and (max-width: 736px) {
	.lg-mobile,.hl-mobile .text-font-13,.float-right .right span:first-child,.phone,
	//.span-phone
	{
		display: none;
	}
	.content-right
	{
		width: 100%;
		line-height: 1.5;
	}
	.content-right_small
	{
		width: 100%;
		line-height: 1.5;
	}
	.content-all
	{
		line-height: 1.5;
	}
	.img-envelop
	{
		float: none;
		text-align: center;
		display: block;
    	padding:5px 5px 10px 5px;
	}
	.hl-mobile
	{
		margin-top: 0px;
    	left: 0px; 
	}
	.otoiawase-email,.mobile-display-phone
	{
		display: block;
	}
	.mobile-display-phone
	{
		float: left;
    	width: 50%;
	}
	.hl-mobile .text-weiht
	{
		//font-size: 20px;
	}
	.text-font-18
	{
		font-size: 18px;
	}
	.mobile-display-phone
	{
		font-size: 35px !important;
		text-decoration: none;

	}
	.glyphicon-earphone
	{
		top:-15px;
	}
	.otoiawase-email .otoiawase
	{
		background: #fff;
	    margin-left: 5px;
	    vertical-align: middle;
	    margin-left: 10px;
	    font-weight: bold;
	    padding: 20px 18px;
	    font-size: 13px;
	    box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
	    color: #339966;
	}
	div.col-lg-5-fix
	{
		display:none;
		//position: fixed;
	    //bottom: 0px;
	    //z-index: 999;
	    //background: rgba(31, 29, 29, 0.52);
	}
	.under-fix {
		display:block;
		width:100%;
		height:50px;
		position: fixed;
	    bottom: 0px;
	    z-index: 999;
	    background: rgba(30, 91, 61, .8);
	}
	.under-fix-left {
		float:left;
		color:#fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,1);
		width:70%;
		font-size:20px;
		line-height:22px;
		padding-top:15px;
		//padding-left:10px;
		text-align:center;
	}
	.under-fix-right {
		float:right;
		width:30%;
		text-align:center;
	}
	.under-fix-right a {
		margin:5px;
		padding:5px 10px;
		background:#ecef62;
		display:block;
		line-height:30px;
		color:#000;
		text-shadow: 0 0 1px #cbd6cf;
	}
	.under-fix-right a:hover {
		background:#DFEFE7;
	}
	#back-top
	{
		bottom: 52px;
	}
	div.col-lg-5-fix .float-right
	{
		float:none;
		width: 300px;
	}
	div.col-lg-5-fix .float-right .right
	{
		text-align: center;
    	margin-bottom: 30px;
	}
	.block {
	    padding: 0;
	}
	.main-right h1 {
	    font-size: 18px;
	}
	.small-row-head {
		margin-bottom: 20px;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 640px)
{
	body {
	background:#fff;
	}
	.header-hotline{
		display:none;
	}
	.bds-blog-img img{
		max-width:100%;
	}
	.home-news-item .bds-blog-img {
		min-height: 100%;
		max-height: 100%;
		overflow: hidden;
		text-align: center;
	}
	.home-banner {
		display: none;
	}
	.post-name h3 a {
		color: #3d3d3d;
		font-size: 16px;
		padding-top: 10px;
		display: block;
	}
	.banner-img {
		margin: 10px 0px;
	}
	.item-project .project-wrapper{
		max-height:100%;
		min-height:100%;
	}
	.project-info .item-title {
		margin-top: 10px;
	}
	.home-blog {
		margin: 15px 0px;
	}
	.home-news-item .post-name h3 {
		min-height: auto;
		max-height: 50px;
	}
	.bds-blog-item.border h3 a{
		line-height:18px;
		background: url(blog-icon.png) no-repeat left center;
	}
	.float-right {
		float:none;
	}
	.float-left {
		float:none;
	}
	.footer-bottom {
		padding: 10px 0px 50px 0;
	}
	.rectangle
	{
		width: 100%;
		left: 0;
	}
	div.container-ripbon{
		margin: 0px auto 10px auto;
	}
	.bubble {
		-moz-box-shadow: none;
		-khtml-box-shadow: none;
		//-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
		-webkit-box-shadow: none;
	}
	.swiper-container {
		display:none;
	}
	.mobile-slider-content {
		display:block;
	}
	.mobile-slider-content img{
		width:100%;
		height:110%;
		//overflow:hidden;
	}
	.slider-content {
		display:none;
	}
	.info-table th{
/*		width:100px;*/
		width: auto;
	}
	.small-row-head {
		margin-bottom: 0;
	}
}


@media screen and (max-width: 625px) {
	.col-sm-4 img
	{
		max-width:300px;
	}
	.hover-img:hover
	{
		transform: none;
	}
}

/* ******************************************************************************************************************************************************************************************** */


@media screen and (max-width: 456px) {
	.position-news
	{
		left:33%;
	}
	.sn_extra
	{
		padding-right:10px;
	}
	.small-hide
	{
		display:none;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 380px){
	.under-fix-right a {
		padding:5px;
	}
}

/* ******************************************************************************************************************************************************************************************** */

@media(max-width: 360px){
	.hidden-mobile{
		display:none;
	}
	.f-mobile {
		display: block;
	}
	.box-hotline .hotline-phone{
		margin: 10px 0px;
	}
}


/*-- k.ueda uniqstyle  --*/
.mod_ul{
    width: 85%;
    margin: 0 auto;
    }
.mod_ul li{
    float: left;
    width: 25% !important;
}
.cos_img {
    text-align: center;
}
.cos_img img{
	width: 50%;
    height: 240px
	display:block;
	margin: 30px auto 0px auto;

}
.cos_img_top{
width: 50%;
float: right;
}
.concle_ul{
    width: 100%;
    margin: 0 10px;
}
/*-- dropduwn navi --*/
#sub_nav{
    display: block;
}
#sub_nav li{
   position: static; 
}

#menu li{
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#nav li ul{
  list-style: none;
  top: 100%;
  left: 0;
  margin: 0;
    padding: 0;
}
#nav li:last-child ul{
  left: -100%;
  width: 100%
}
#nav li ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  background-color: #339966;
    text-align: center;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#nav li ul li a{
  padding: 13px 15px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: white;
}
#nav li:hover > a{
  color: #e0dc62;
}
#nav li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
}
#nav li:hover ul li:first-child{
  border-top: 0;
}
#nav li:hover ul li:last-child{
  border-bottom: 0;
}