@charset "UTF-8";
/* CSS Document */

/* Firefox, Opera, Safari */
/*@font-face {
font-family:jafont;
src:url("ipaexg.ttf") format("truetype")
}*/
/*IE*/
/*@font-face {
font-family: jafont;
src: url("ipaexg.eot");
}*/

/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(../../../css/CONDENSEicon.otf) format("truetype");
}

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

共通スタイル設定

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

body, div, span, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, table, td, tr, th, p, form {
	margin: 0;
	padding: 0;
}

body {
	color: #4A4A4A;
	text-align:center;
    font-family : '微软雅黑';
	font-size: 90%;
	line-height: 1.6;
}
.os_mac {font-family: "微软雅黑";webkit-font-smoothing:antialiased；}
section, aside, nav, footer, small, figure {
	display: block;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#5C9F23;
	text-decoration: none;
}
a:hover {
	color:#3A7728;
	text-decoration: underline;
}
a img {
	border: none;
}
li {/* list-style:none;*/ }

#contents {
	width: 950px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:30px;
	clear: both;
}
#contents:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contents p {
	text-align: justify;
}
table{
	border-collapse: collapse;
	}
	
table td{ padding-left:10px;}
/*----------------------------------------------

共通ヘッダー

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

div#saraya-header {
	background: #EFEFEF;
	zoom:1;
}
div#saraya-header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#saraya-header ul {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
div#saraya-header ul li {
	float: right;
	margin-left: 10px;
	list-style: none; 
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 90%;
}
div#saraya-header ul li a:link, div#saraya-header ul li a:visited {
	color: #666;
	text-decoration: none;
}
div#saraya-header ul li a:hover {
	text-decoration: underline;
}
div#saraya-header ul li#saraya-header-logo {
	margin-right: 5px;
	padding-bottom: 7px;
	padding-top: 7px;
}
ul li#saraya-header-logo {
	line-height: 0%;
}
div#saraya-header img {
	vertical-align: bottom;
	border:none;
	font-size: 0%;
}

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

ヘッダー

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

/*　ヘッダーリンク・検索----------------------*/

div#header-inner {
	clear: both;
	width: 950px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 15px;
}
#logo a {
	display:block;
	width: 561px;
	height: 30px;
	float:left;
	background-image: url(../images/sarayaguilin-logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo img {
	display: none;
}
div#headerlink {
	margin-top: 15px;
}
div#headerlink ul {
	text-align: right;
}
div#headerlink ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #999999;
	font-size: 12px;
}
div#headerlink ul li.line-none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#headerlink ul li.line-r {
	border-right: 1px solid #999;
}
div#headerlink ul li a:link,
div#headerlink ul li a:visited {
	color:#6B6B6B;
	text-decoration: none;
}
div#headerlink ul li a:hover {
	color:#6B6B6B;
	text-decoration: underline;
}
div#headerlink form {
	margin-top: 15px;
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
	width: 330px;
}
div#headerlink input#sitesearch {
	width: 260px;
	padding: 2px;
	height: 20px;
	border: 1px solid #BEBEBE;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(/PIE.htc);
}
div#headerlink form input#btn-kensaku {
	position: absolute;
	left: 270px;
	top: 0px;
}
div#headerlink input[type="text"]:focus {
	background: #E1E9CF;
	outline: 1px solid #BEBEBE;
}

/*　グローバルナビ　----------------------------*/
#gnav ul {
	display: table;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#gnav ul li {
	display: table-cell;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6EB92B;
	font-size: 120%;
	width: 20%; position:relative;
}
#gnav ul li.line-l {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6EB92B;
}
#gnav ul li a {
	color: #666;
}
#gnav ul li a:hover,#gnav ul li.active a {
	color: #6EB92B;
	text-decoration: none;
	font-weight:normal;
}

#gnav ul li ul{ width:100%; height:auto; position:absolute; z-index:1000; top:27px;  padding-top:20px; display:none;}
#gnav ul li:hover ul{ display:block;}
#gnav ul li ul li{ height:45px; width:100%; background:#EDEDED; float:left; position:static; line-height:45px; border:0px; border-bottom:1px solid #DFDFDF;}
#gnav ul li ul li a{ width:100%; height:45px;font-size:14px; display:block; color:#676767;}
#gnav ul li ul li a:hover{ background:#CFCFCF; color:#201816; font-weight:normal;}
/* ぱんくず */
#pankuzu {
	font-size: 90%;
	margin-bottom: 20px;
}


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

フッター

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

footer {
	clear: both;
	background:#FFF;
}

/*　ページトップ　----------------------------*/

div#pagetop {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
div#pagetop p {
	background: #6EB92B;
	float: right;
	-webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	position: relative;
	behavior: url(/PIE.htc);
}
div#pagetop p a {
	font-size: 14px;
	padding: 5px 20px 5px 35px;
	background: url(../images/icon-pagetop.png) no-repeat 20px center;
	display: block;
	color: #FFF;
	-webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	position: relative;
	behavior: url(/PIE.htc);
}
div#pagetop p a:hover {
	background: #5C9F23 url(../images/icon-pagetop.png) no-repeat 20px center;
	text-decoration: none;
	-webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	position: relative;
	behavior: url(/PIE.htc);
}

/*　フッターリンク　----------------------------*/

div#footerlink {
	background: #6EB92B;
	clear: both;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
div#footerlink:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#footerlink ul {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
div#footerlink ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFF496;
}
div#footerlink ul li.line-r {
	border-right: 1px solid #BFF496;
}
div#footerlink ul li a {
	color: #FFF;
}


/*　コピーライト　----------------------------*/

div#copyright {
	clear: both;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #CCCCCC;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
div#copyright #icp {
	float: left;
	text-align: left;
	font-size: 80%;
}
div#copyright div#copyright-inner {
	margin-bottom: 15px;
}
div#copyright div#copyright-inner p {
	float: right;
	margin-left: 10px;
}
div#copyright div#copyright-inner p small {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin-top: 15px;
}


/* スマホ対応 */
body {-webkit-text-size-adjust:100%;}

#Ztcontents {
    width: 950px; text-align: left; margin-right: auto; margin-left: auto; padding-bottom: 0px; clear: both;
}

.comImg{ width:980px; height:auto; padding-bottom:10px;}
.comImg li{ width:33.333%; height:auto; float:left; padding: 0px 15px 20px;}
.comImg li .title{ width:100%; height:34px; text-align:center; line-height:34px; font-size:14px;}

.new li{ width:100%; height:50px; border-bottom:1px dashed #9A9A9A;}
.new li.first { 
height:284px; width:100%;
}
.new li.first a{ padding:0px;}
.new li.first .imgs{ width:370px; overflow:hidden; height:246px; float:left;}
.new li.first .rights{ width:calc(100% - 370px); padding-left:30px; float:left;}
.new li.first .rights h3{ font-size:16px; line-height:30px; padding:5px 0px;}
.new li.first .times{ width:100%; height:auto; line-height:24px; padding-bottom:8px; color:#494949;}
.new li.first .coms{ width:100%; height:auto;color:#494949;  line-height:26px;}
.new li.first span.mores{ width:140px; height:42px; display:block; color:#fff; line-height:42px; text-align:center; padding-right:40px; background:#6EB92B url(../images/r8_c8.png) no-repeat right top;}
.new li a{ padding:0px 85px 0px 15px; line-height:50px; position:relative; background:url(../images/dd.png) no-repeat 5px center; display:block;}
.new li a .time{ position:absolute; right:0px; top:0px; color:#999;}


.Pages{ height:55px; width:100%; margin-top:30px; line-height:55px; text-align:center;}
.Pages a,.Pages span{ display:inline-block; width:auto; height:auto; background:#fff; padding:5px 13px; line-height:24px; border:1px solid #EBEBEB; color:#555555;  }
.Pages a:hover,.Pages a.cur,.Pages span{ background:#5C9F23; color:#fff;}

/*------------------新闻详情--------------------------*/
.showMain{  height:auto; padding-top:30px; padding-bottom:60px; width:100%; display:block;}
.showMain .bodys{ padding:20px 0px 50px;line-height:28px; font-size:14px;}
.showMaintops{ width:100%; height:auto; padding-bottom:10px; position:relative; text-align:center;padding-top:5px; border-bottom:1px solid #eee;margin-bottom:10px;}


.showMaintops h1{ line-height:30px; font-size:16px; color:#4A4A4A; padding-bottom:5px;  }
.showMaintops .titls{ line-height:26px; width:auto; color:#666666; font-size:12px;}

.fl{ float:left;}
.fr{ float:right;}
.NextPage{ height:auto;  width:100%; line-height:30px; margin-bottom:15px;   padding-top:50px;  }


.product li{ padding:30px 0px; width:100%; height:auto; border-bottom:1px dashed #989898;}
.product li .imgs{ width:320px; overflow:hidden; height:213px; float:left; border:1px solid #F8F8F8;}
.product li  .rights{ width:calc(100% - 320px); padding-left:30px; height:213px; float:left;}
.product li .rights h3{ font-size:26px; color:#EF2C3C; line-height:30px; padding:10px 0px 15px;}
.product li .rights:hover h3{ color:#494949;}
.product li .coms{ width:100%; height:auto; font-size:16px; color:#494949;  line-height:24px;}
.product li span.mores{ border-radius:4px; width:110px; height:32px; display:block; color:#fff; line-height:32px; text-align:center; padding-right:30px; background:#5D9F23 url(../images/r9_c9.png) no-repeat right center;}


/*------------------常见问题--------------------------*/



/*-------------------------*/
.fc1 a,.fc1 a:link,.fc1 a:visited,.fc1 a:active{ color:#4A4A4A;}
.fc1 a:hover{ color:#5C9F23;}

.fx1,.fxm1{
  overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/




@media only screen and (min-width: 768px) and  (max-width: 979px) {
img {max-width:100%;height: auto;}
html {box-sizing: border-box;}
div#saraya-header ul {
	width: 96%;
}
div#header-inner {
	width: 96%;
}
#gnav ul {
	width: 96%;
}

div#pagetop,div#footerlink ul,div#copyright {
	width: 96%;
}
#contents {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
}
/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
img {max-width:100%;height:auto;}

#saraya-header {
	display: none;
}
div#header-inner {
	width: 96%;
	height: auto;
	text-align: center;
	margin-bottom: 2%;
}
#gnav ul {
	width: 96%;
}

#logo a {
	float: none;
	text-align: center;
	width: 100%;
	height:auto;
	background-image: none;
}
#logo img {
	display:inline;
}

div#headerlink {
	float: none;
	width: 100%;
	margin-top: 0px;
}
div#headerlink ul {
	text-align: center;
}
#contents {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

div#pagetop,div#footerlink ul,div#copyright {
	width: 96%;
}
div#copyright #icp,div#copyright div#copyright-inner,div#copyright div#copyright-inner p {
	float: none;
	text-align: center;
}
div#copyright #icp {
	margin-bottom: 10px;
}
div#copyright div#copyright-inner p {
	margin-left: 0px;
}
div#copyright div#copyright-inner p small {
	margin-top: 0px;
}
div#copyright div#copyright-inner img {
	max-width:100px;
}
}