/* 全体 */

body {
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";
	font-size: 15px;
	line-height: 28px;
	width: 100%;
	min-width: 1200px;
}

img {
	display: block;
}
.machine-detail-box img {
	display: inline-block;
}
a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

a:active {
	color: #333333;
	text-decoration: underline;
}

.tel-text a,
.tel-text a:visited,
.tel-text a:hover,
.tel-text a:active {
	color: #000000;
	text-decoration: none;
}

.text-redunderline {
	border-bottom: solid 2px #FF7777;
}

#change-desktop {
	width: 100%;
}

#change-mobile {
	display: none;
}

.form-boxsize-100 {
	width: 610px;
}

.form-boxsize-90 {
	width: 550px;
}

.form-boxsize-80 {
	width: 490px;
}

.form-boxsize-70 {
	width: 430px;
}

.form-boxsize-60 {
	width: 365px;
}

.form-boxsize-50 {
	width: 305px;
}

.form-boxsize-40 {
	width: 245x;
}

.form-boxsize-30 {
	width: 180px;
}

.form-boxsize-20 {
	width: 120x;
}

.form-boxsize-10 {
	width: 60px;
}

.form-boxsize-other {
	width: 100px;
}


/* パンくず */

#dirlist {
	width: 1000px;
	color: #333333;
	padding-bottom: 20px;
	margin: 20px auto 0 auto;
	font-weight:700;
}

#dirlist img {
	margin-top: 5px;
}

#dirlist ol {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #333333;
	border-bottom: 1px dotted #666666;
	margin-bottom: 25px;
}

#dirlist li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	margin-left: 0 auto;
}

#dirlist li a {
	background: url("/skin/images/dirnavi.png") no-repeat 100% 50%;
	padding-right: 15px;
	color: #666666;
	text-decoration: none;
}

a #dirlist li a:hover {
	background: url("/skin/images/dirnavi.png") no-repeat 100% 50%;
	padding-right: 15px;
	color: #666666;
	text-decoration: underline;
}

h2 {
	width: 680px;
	margin: 0;
	padding: 0;
}

h2 img {
	margin-bottom: 10px;
}


/* 戻る */

.to-back {
	width: 1000px;
	padding-top: 70px;
	text-align: right;
	clear: both;
}

.to-back img {
	margin-right: 0;
	margin-left: auto;
	text-align: right;
}


/* 次へ */

.to-next {
	width: 1000px;
	padding-top: 50px;
	text-align: right;
	clear: both;
}

.to-next img {
	display: inline;
	margin-right: 0;
	margin-left: auto;
	text-align: right;
}


/* 右下のトップへ戻る用CSS */

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pageTop i {
	padding-top: 6px;
	text-align: center;
}

#pageTop i img {
	display: inline;
}

#pageTop a {
	display: block;
	z-index: 999;
	padding: 10px 0 0 0;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	background-color: #f89a00;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* 大枠 */

#wrapper {
	width: 100%;
}


/* PC用ヘッダー */

#pc-header {
	width: 100%;
}

#hd {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#hd-inner {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#hd-box {
	width: 1200px;
	display: flex;
	margin-bottom: 10px;
}

#hd-left {
	width: 600px;
}

#hd-right {
	width: 600px;
	text-align: right;
	margin: 30px 0 0 0;
}

#hd-right img {
	display: inline-block;
	margin: 0;
}

#logo {
	width: 100%;
	/*padding-top:15px;
	padding-bottom:15px;*/
}

#logo img {
	display: inline;
	vertical-align: middle;
	margin: 0 30px 0 0;
}

#hd-tel {
	margin-left: 10px;
	display: inline-block;
}

#hd-mail {
	margin-left: 10px;
	display: inline-block;
}

#menu {
	width: 1320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.menu-item {
	width: 130px;
	margin: 0px 3px 0 4px;
	display: inline-block;
	text-align: center;
	font-weight:700;
}

.menu-separate {
	width: 1px;
	display: inline-block;
}

.menu-separate-last {
	width: 1px;
	margin-left: 5px;
	display: inline-block;
}

#top-ct {
	width: 100%;
	height: 440px;
	background: #F5F7FA;
	text-align: center;
}

#top-ct img {
	display: inline;
}


/* モバイル用ヘッダー */

#mobile-header {
	display: none;
}


/* モバイル用メニュー */

#menu-mobile {
	display: none;
}


/* メイン */

#main {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#contents {
	width: 100%;
	margin-bottom: 30px;
}

#title-box {
	width: 100%;
	background-repeat: repeat;
	padding-top: 4px;
	height: 448px;
}
#title-box  img{
	margin: auto;
}
#title-box-inner {
	width: 1200px;
	display: flex;
	margin: 0 auto 0 auto;
}

#title {
	width: 600px;
	padding-top: 100px;
	text-align: center;
}

#title img {
	display: inline;
}

#title-r {
	width: 600px;
}


/* フッター */

#footer {
	width: 100%;
	padding: 15px 0 30px 0;
	background: #F5F7FA;
}

#footer-inner {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#footer-box {
	width: 1200px;
	display: table;
}

#footer-box-left {
	width: 340px;
	display: table-cell;
	vertical-align: top;
	padding-top: 20px;
}

#footer-box-left img {
	display: inline-block;
	margin-right: 20px;
}

#footer-box-center {
	width: 520px;
	display: table-cell;
}

#footer-company-box {
	width: 100%;
	padding-top: 20px;
	line-height: 25px;
	text-align: center;
}

#footer-company-box a:link,
#footer-company-box a:visited,
#footer-company-box a:active,
#footer-company-box a:hover {
	color: #333333;
	text-decoration: none;
}

#footer-company-box img {
	display: inline;
	margin-bottom: 10px;
}

#footer-box-right {
	width: 340px;
	vertical-align: top;
	display: table-cell;
}

#footer-box-right img {
	display: inline;
	vertical-align: bottom;
}

#footer-copy-box {
	width: 1200px;
	color: #999999;
	font-size: 11px;
	padding: 15px 0 10px 0;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}


/* トップページコンテンツ */

#top-contents {
	width: 100%;
	background-image: url("/skin/images/top-menu-lr.jpg");
	background-repeat: repeat;
}

#top-icon {
	width: 100%;
	padding: 30px 0 30px 0;
}

#top-icon-inner {
	width: 1100px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 30px 0;
}

#top-icon-inner img {
	display: inline;
	margin: 0 15px 0 15px;
}

#top-box {
	width: 1050px;
	padding: 0 0 30px 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

#top-box-left {
	width: 750px;
}

#top-box-right {
	width: 300px;
	padding: 5px 0 0 10px;
}

#top-box-right img {
	/*zoom:60%;;*/
}

#news-box {
	width: 700px;
	background: #FFFFFF;
	box-shadow: 3px 3px #DDDDDD;
}

#news-main {
	width: 100%;
	margin-top: 10px;
	background-image: url("/skin/images/news-bk.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 10px 25px 10px;
}

#news-list {
	width: 100%;
}

#news-list ul {
	list-style: none;
	padding-left: 160px;
}

#news-list li {
	list-style: url("/skin/images/news-disc.png");
	line-height: 30px;
}

#news-tolist {
	width: 100%;
	margin-top: 25px;
	padding-right: 50px;
	text-align: right;
}

#news-tolist img {
	display: inline;
}


/* ユーキの包装機械 */

#machine-base {
	width: 100%;
	margin-bottom: 50px;
}


/* 機械検索 */

#search-select-lr {
	width: 100%;
	background: url("/skin/images/search-lr.jpg");
	background-repeat: repeat;
	background-position: center;
	border-radius: 15px;
}

#search-select-arrow {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

#search-select-arrow img {
	display: inline;
}

#search-result-title {
	width: 100%;
	background: #106FB4;
	margin-bottom: 30px;
	text-align: center;
	padding: 10px 0 3px 0;
}

#search-result-title img {
	display: inline;
}

#search-select-box {
	width: 100%;
	display: flex;
	overflow: hidden;
	zoom: 1;
	padding: 30px 40px 15px 40px;
}

.search-select-box2 {
	padding: 10px 10px 10px 10px;
}

.search-comment {
	width: 100%;
	text-align: cneter;
	margin: 10px 0 10px 0;
}

#search-select-leftbox {
	width: 410px;
	background: #FFFFFF;
	line-height: 22px;
	margin-right: 20px;
}

#search-select-centerbox {
	width: 60px;
	text-align: center;
	padding-top: 100px;
}

#search-select-centerbox img {
	vertical-align: middle;
	display: inline;
}

#search-select-rightbox {
	width: 410px;
	background: #FFFFFF;
	line-height: 22px;
	margin-left: 20px;
}

#search-st1 {
	background: #106FB4;
	text-align: center;
	padding: 5px 0 2px 0;
}

#search-st1 img {
	display: inline;
}

.search-st1-box {
	background: #FFFFFF;
	padding: 10px 20px 32px 20px;
}

#search-st2 {
	background: #00992E;
	text-align: center;
	padding: 5px 0 2px 0;
}

#search-st2 img {
	display: inline;
}

.search-st2-box {
	background: #FFFFFF;
	padding: 10px 20px 10px 20px;
}

.search-select-button {
	clear: both;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 35px;
}

.search-btn {
	width: 500px;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 8px 15px 8px 15px;
	transition: .3s;
	background: #FB8553;
	border: 2px solid #FB8553;
	letter-spacing: 0.05em;
	outline: none;
}

.search-btn:hover {
	background: #FFCC00;
	border: 2px solid #FFCC00;
	color: #FFFFFF;
	outline: none;
}

.search-result-box {
	padding-bottom: 30px;
}

.search-result-nodata {
	width: 100%;
	height: 100px;
	color: red;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #FEF8FA;
	border: #F2CCCD 1px solid;
}


/* 検索結果＆機械一覧 */

.machine-list-search {
	padding: 50px 0 50px 0;
	text-align: right;
	border-bottom: 4px double #666666;
	margin-bottom: 50px;
}

.machine-list-search img {
	display: inline;
}

.machine-list-base {
	width: 100%;
	border-bottom: 4px double #666666;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.machine-box {
	width: 100%;
	display: flex;
}

.machine-box-left {
	width: 390px;
	text-align: center;
}

.machine-box-left img {
	zoom: 70%;
	margin-left: auto;
	margin-right: auto;
}

.machine-box-right {
	width: 610px;
}

.machine-name-box {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
}

.machine-name {
	width: 250px;
	font-size: 18px;
	font-weight: bold;
	background: url("/skin/images/name.png");
	background-repeat: repeat-y;
	padding: 0 0 0 15px;
}

.machine-namesp {
	width: 350px;
	font-size: 18px;
	font-weight: bold;
	background: url("/skin/images/name.png");
	background-repeat: repeat-y;
	padding: 0 0 0 15px;
}

.machine-name a,
.machine-namesp a {
	text-decoration: none;
}

.machine-name a:hover,
.machine-namesp a:hover {
	text-decoration: underline;
}

.machine-name2 {
	width: 350px;
	font-weight: bold;
	text-align: right;
}

.machine-namesp2 {
	width: 250px;
	font-weight: bold;
	text-align: right;
}

.machine-weight {
	width: 350px;
	font-weight: bold;
	text-align: right;
}

.machine-weightsp {
	width: 250px;
	font-weight: bold;
	text-align: right;
}

.machine-todetail {
	width: 100%;
	display: inline-block;
	margin: 20px 0 30px 0;
	text-align: right;
}

.machine-todetail-btn {
	width: 160px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	padding: 3px 10px 6px 10px;
	color: #FFF;
	background: #f89a00;
	margin-left: auto;
	margin-right: 0;
}

.machine-todetail-btn img {
	display: inline;
	margin-right: 10px;
}

.machine-todetail-btn a:link,
.machine-todetail-btn a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.machine-todetail-btn a:hover,
.machine-todetail-btn a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.machine-icon-box {
	width: 100%;
	display: flex;
}

.machine-icon-shape {
	width: 50%;
	margin-right: 10px;
}

.machine-icon-material {
	width: 50%;
	margin-left: 10px;
}

.machine-icon-title {
	width: 100%;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #555555;
}

.machine-icon {
	width: 100%;
}

.machine-icon img {
	display: inline;
	margin-right: 4px;
}


/* 機械詳細 */

.machine-main-photo {
	width: 390px;
	text-align: center;
}

.machine-main-photo img {
	zoom: 90%;
	margin-left: auto;
	margin-right: auto;
}

.machine-detail-box {
	width: 100%;
	margin-top: 50px;
}

.machine-detail-box2 {
	width: 100%;
	display: flex;
	margin-top: 30px;
}

.machine-detail-left {
	width: 100%;
	/*margin-right: 30px;*/
}

.machine-detail-right {
	width: 500px;
	margin-left: 30px;
}

.machine-detail-st {
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	background: url("/skin/images/st-lr2.jpg");
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 15px;
}

.machine-example {
	width: 100%;
}

.machine-example-text {
	width: 100%;
	margin-bottom: 15px;
}

.machine-example-item {
	width: 162px;
	display: inline-block;
	margin: 3px 2.3px;
	border: 1px solid #AAAAAA;
}

.machine-detail-table {
	width: 100%;
	display: block;
}

.machine-detail-table-row {
	width: 100%;
	display: flex;
}

.machine-detail-table-title {
	background-color: #DAF3DC;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	padding: 3px 10px 3px 10px;
	width: 140px;
	line-height: 24px;
}

.machine-detail-table-main {
	background-color: #F4F9F7;
	border: 1px solid #FFFFFF;
	width: 350px;
	text-align: left;
	padding: 3px 10px 3px 10px;
}

.machine-detail-property-box {
	width: 994px;
	background: #F7F7F7;
	box-shadow: 0px 0px 0px 3px #F7F7F7;
	border: 3px solid #ffffff;
	padding: 20px;
}

.machine-detail-property {
	width: 100%;
	background: #FFFFFF;
	padding: 15px;
}

.machine-detail-bt {
	background: #FF6600;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	width: 100%;
	font-weight: bold;
	padding: 0 0 0 15px;
	border-bottom: 1px dotted #AAAAAA;
	/*background: url("/skin/images/disc.png");*/
	background-repeat: no-repeat;
	background-position: left 8px;
}

.machine-detail-bm {
	width: 100%;
	line-height: 25px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.machine-detail-bm img {
	zoom: 100%;
}

.machine-option-base {
	width: 100%;
	display: flex;
}

.machine-option-left {
	width: 50%;
	margin: 0 60px 0 auto;
}

.machine-option-right {
	width: 50%;
	margin: 0 auto 0 60px;
}

.machine-option-box {
	width: 440px;
	display: inline-block;
	border-left: 5px solid #FF6600;
	padding: 0 0 0 20px;
}

.machine-option-case1 {
	background: url("/skin/images/case1.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}
.jscs{
	display: flex;
	justify-content: center;
	align-items: center
}
.jscs img{

	width: 48%;
	margin-right: 2%;
	border: 1px solid #aaaaaa;
}
.machine-option-case2 {
	background: url("/skin/images/case2.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-case3 {
	background: url("/skin/images/case3.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-case4 {
	background: url("/skin/images/case4.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-case5 {
	background: url("/skin/images/case5.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-case6 {
	background: url("/skin/images/case6.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-case7 {
	background: url("/skin/images/case7.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-case8 {
	background: url("/skin/images/case8.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

.machine-option-st {
	width: 100%;
	padding: 3px 0 3px 0;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF6600;
	margin-bottom: 20px;
	text-align: center;
}

.machine-option-st2 {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #157D9B;
	margin-bottom: 15px;
}

.machine-option-table {
	width: 100%;
	display: block;
}

.machine-option-table-row {
	width: 100%;
	display: flex;
}

.machine-option-table-title {
	background-color: #FFCC99;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	padding: 3px 10px 3px 10px;
	width: 20%;
	text-align: center;
	line-height: 24px;
}

.machine-option-table-main {
	background-color: #feead5;
	border: 1px solid #FFFFFF;
	width: 40%;
	text-align: center;
	/*text-align: left;*/
	padding: 3px 10px 3px 10px;
}

.machine-option-table-main2 {
	background-color: #fdf2e6;
	border: 1px solid #FFFFFF;
	width: 40%;
	text-align: center;
	/*text-align: left;*/
	padding: 3px 10px 3px 10px;
}

.nv-infobox {
	width: 100%;
	background: url("/skin/images/infobox.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 25px;
	text-align: center;
	margin-top: 100px;
	padding: 25px;
	border: 2px solid #409339;
	border-radius: 5px;
}

.nv-infotext {
	display: block;
	width: 100%;
}

.nv-infotext p {
	display: block;
}

.nv-infobtn {
	display: block;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	text-align: center;
	background-color: #409339;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	border-radius: 4px;
}

.nv-infobtn a {
	color: #FFFFFF;
}

.nv-infobtn a:hover {
	opacity: 0.8;
}


/* 株式会社ユーキとは */

#company-base {
	width: 100%;
	margin-bottom: 50px;
}

.company-st {
	width: 100%;
	background: url("/skin/images/st-lr.jpg");
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 30px;
}

.company-st-text {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	vertical-align: bottom;
	border-bottom: 3px solid #3589A1;
	padding: 0 0 10px 0;
}

#company-ct-box {
	width: 100%;
	display: flex;
	margin-bottom: 50px;
}

#company-ct {
	width: 600px;
}

#company-ct-photo {
	width: 400px;
	text-align: right;
}

#company-ct-photo img {
	display: inline;
}

.company-result-base {
	width: 100%;
	background: url("/skin/images/st1-lr.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 50px;
}

.company-result-box {
	width: 100%;
	display: flex;
	padding: 0 0 50px 0;
}

.company-result-left {
	width: 66%;
	margin-right: 50px;
}

.company-result-right {
	width: 34%;
}

.company-result-st {
	width: 100%;
	font-weight: bold;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: url("/skin/images/st-lr2.jpg");
	background-repeat: repeat-x;
	margin-bottom: 15px;
}

.company-result-st2 {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 0 20px 0;
}

.company-result-st2 img {
	display: inline;
}

.company-result-main {
	padding: 5px;
}

.company-result-text {
	background: url("/skin/images/line1.jpg");
	background-repeat: repeat;
	line-height: 25px;
}

.company-commendation-base {
	padding: 10px 0 50px 0;
}

#company-commendation-box {
	width: 100%;
	display: flex;
justify-content: center;
    align-items: center;
}

#company-commendation-left {
	width: 500px;
	text-align: center;
}

#company-commendation-st {
	width: 500px;
	text-align: center;
}

#company-commendation-st img {
	display: inline;
	margin-bottom: 30px;
}

#company-commendation-text {
	width: 500px;
	text-align: left;
	background: url("/skin/images/line1.jpg");
	background-repeat: repeat;
	line-height: 25px;
}

#company-commendation-text a,
#company-commendation-text a:visited {
	color: #333333;
	text-decoration: none;
}

#company-commendation-text a:active,
#company-commendation-text a:hover {
	color: #333333;
	text-decoration: none;
}

#company-commendation-right {
	width: 500px;
	text-align: right;
}

#company-commendation-right img {
	display: inline;
}

.company-map-base {
	padding-top: 10px;
	padding-bottom: 50px;
	clear: both;
}

.company-map-base img {
	padding-top: 40px;
	padding-bottom 10px;
}

.company-data-base {
	padding-top: 10px;
	padding-bottom: 50px;
	clear: both;
}

.company-data-box {
	width: 100%;
	display: flex;
}

.company-data-left {
	width: 530px;
	padding-right: 20px;
}

.company-data-right {
	width: 470px;
}

.company-table {
	width: 100%;
	display: block;
}

.company-table-row {
	width: 100%;
	display: flex;
}

.company-table-title {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1170AE;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	width: 160px;
	line-height: 24px;
}

.company-table-main {
	background-color: #E8F5FB;
	border: 1px solid #FFFFFF;
	width: 340px;
	text-align: left;
	padding: 7px;
}

.company-table-row2 {
	width: 100%;
	display: flex;
	border-bottom: 1px dotted #ABABAB;
}

.company-table-title2 {
	width: 100px;
	padding: 5px 10px 5px 10px;
}

.company-table-main2 {
	padding: 5px 10px 5px 10px;
}

.company-service-st {
	text-align: center;
	font-weight: bold;
	background-color: #EDEDED;
	padding: 2px 0 2px 0;
}

.company-service {
	text-align: center;
	float: right;
}

.company-service table.style {
	width: 360px;
	border-collapse: collapse;
}

.company-service table.style th {
	width: 85px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #ABABAB;
	text-align: left;
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px;
}

.company-service table.style tr td {
	font-size: 12px;
	border-bottom: 1px dotted #ABABAB;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 10px;
	line-height: 18px;
}

.company-service table.style caption {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	border-collapse: collapse;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #F2F9F8;
	border-top: 1px solid #D3E0DA;
	border-bottom: 1px solid #D3E0DA;
}

#map-box-google {
	width: 100%;
	text-align: left;
}

#map-box-google iframe {
	width: 100%;
	height: 600px;
}


/* 展示会案内 */

#event-base {
	width: 100%;
	margin-bottom: 50px;
}

.event-next-base {
	padding: 15px 15px 5px 15px;
	background: #FFFFFF;
	border: 2px solid #FF6600;
	border-radius: 5px;
	margin-bottom: 70px;
}

#event-next-title {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 0 6px 0;
	background: #FF6600;
	text-align: center;
	margin-bottom: 25px;
}

.event-next-box {
	width: 100%;
	display: flex;
	margin-bottom: 15px;
}

.event-next-st {
	font-size: 24px;
	width: 25%;
	background: #FF9966;
	color: #FFFFFF;
	font-weight: bold;
	padding: 15px 0 15px 0;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 2px;
	vertical-align: middle;
}

.event-next-data b {
	font-size: 20px;
}

.event-next-st a {
	color: #FFFFFF;
}

.event-next-data {
	width: auto;
}

.event-history-base {
	padding-bottom: 50px;
}

.event-history-title {
	width: 100%;
	background: linear-gradient(135deg, #00992E 0% 70%, #007F0A 30% 100%);
	height: 50px;
	display: flex;
	padding: 10px 15px 0 15px;
	border-radius: 5px;
	margin: 0 0 15px 0;
}

.event-history-title2 {
	width: 100%;
	background: linear-gradient(135deg, #157D9B 0% 70%, #046581 30% 100%);
	height: 50px;
	display: flex;
	padding: 10px 15px 0 15px;
	border-radius: 5px;
	margin: 0 0 15px 0;
}

.event-history-title3 {
	width: 100%;
	background: linear-gradient(135deg, #E27405 0% 70%, #CF6800 30% 100%);
	height: 50px;
	display: flex;
	padding: 10px 15px 0 15px;
	border-radius: 5px;
	margin: 0 0 15px 0;
}

.event-history-title4 {
	width: 100%;
	background: linear-gradient(135deg, #D1166B 0% 70%, #AE004F 30% 100%);
	height: 50px;
	display: flex;
	padding: 10px 15px 0 15px;
	border-radius: 5px;
	margin: 0 0 15px 0;
}

.event-history-name {
	width: 700px;
	display: flex;
}

.event-history-en {
	font-size: 23px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline;
	margin-right: 20px;
}

.event-history-jp {
	font-size: 18px;
	color: #FFFFFF;
	display: inline;
}

.event-history-r {
	width: 300px;
}

.event-history-award {
	width: 300px;
	color: #FFE562;
	font-weight: bold;
	text-align: right;
}

.event-history-award a:link,
.event-history-award a:visited,
.event-history-award a:active,
.event-history-award a:hover {
	color: #FFE562;
}

.event-history-award img {
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}

.event-hisotry-box {
	width: 100%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.event-history-photo {
	display: inline-block;
}

.event-history-photo img {
	zoom: 40%;
	margin-left: 4px;
	margin-right: 4px;
}

.event-caution-base {
	width: 100%;
	text-align: right;
}


/* 包装事例 */

#packing-base {
	width: 100%;
	margin-bottom: 50px;
}

.packing-st {
	width: 100%;
	height: 40px;
	text-align: center;
	background: url("/skin/images/st-lr.jpg");
	background-repeat: repeat-x;
	margin-bottom: 30px;
}

.packing-st img {
	display: inline;
}

.paking-item-base {
	width: 100%;
	background: #F0AF73;
	margin-left: auto;
	margin-right: auto;
	padding: 24px;
	margin-bottom: 70px;
}

.packing-box {
	width: 140px;
	display: inline-block;
	background: #FFFFFF;
	border-radius: 5px;
	margin: 10px 6px 10px 8px;
	padding: 0 0 5px 0;
}

.packing-title {
	width: 100%;
	text-align: center;
}

.packing-title img {
	display: inline;
}

.packing-photo {
	width: 100%;
	margin-right: 5px;
	text-align: center;
}

.packing-photo img {
	zoom: 25%;
	display: inline;
}


/* お客様設置事例 */

#result-base {
	width: 100%;
	margin-bottom: 50px;
}

.result-box {
	width: 100%;
	display: flex;
	margin-bottom: 70px;
}

.result-box-left {
	width: 470px;
	margin-right: 30px;
}

.result-box-right {
	width: 470px;
	margin-left: 30px;
}

.result-box2 {
	width: 470px;
	display: flex;
	border-left: 4px solid #f89a00;
	padding: 0 0 0 10px;
}

.result-box2-left {
	width: 200px;
	height: 180px;
	position: relative;
	margin-right: 20px;
}

.result-box2-left img {
	position: absolute;
	bottom: 0;
}

.result-box2-right {
	width: 240px;
}

.result-box2-right img {
	zoom: 50%;
}

.anli-img img {
	zoom: 70% !important;
}


/* お問い合わせ */

#info-base {
	width: 100%;
	padding-bottom: 50px;
}

.info-text {
	width: 100%;
	margin-bottom: 30px;
}


/* フォーム */

#form-box {
	margin: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 3px solid #F0AF73;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 10px;
	/* CSS3 */
	-webkit-border-radius: 10px;
	/* Safari,Google Chrome */
	-moz-border-radius: 10px;
	/* Firefox */
	margin-bottom: 30px;
}

.form-box2 {
	width: 100%;
	display: block;
}

.form-box2 a,
.form-box2 a:visited,
.form-box2 a:hover,
.form-box2 a:active {
	color: #000000;
	text-decoration: none;
}

.form-row {
	width: 100%;
	display: flex;
}

#form-st {
	width: 100%;
	background-color: #FFF070;
	padding: 15px 15px 5px 15px;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 5px;
	/* CSS3 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome */
	-moz-border-radius: 5px;
	/* Firefox */
}

#form-st img {
	display: inline;
}

.form-title {
	clear: both;
	font-weight: bold;
	background-color: #FFCC99;
	border: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding: 20px;
	width: 300px;
	line-height: 24px;
}

.form-main {
	background-color: #FFCC99;
	border: 1px solid #FFFFFF;
	width: 680px;
	text-align: left;
	padding: 20px;
}

.form-main input {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 50px;
}

.form-main textarea {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 200px;
}

#form-table {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	border-collapse: collapse;
	float: left;
	clear: both;
}

.form-table-button {
	width: 960px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.form-label-base {
	float: left;
	text-align: left;
	margin-left: 5px;
}

.form-icon-base {
	float: right;
	text-align: right;
	margin-right: 5px;
}

.form-button-custom {
	width: 60%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border: #a9a9a9 1px solid;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	color: #333;
	font-weight: bold;
	background: #f5f5f5;
	text-shadow: 1px 1px 0px #fff;
}


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

.to-pp {
	width: 100%;
	margin-top: 30px;
	text-align: right;
}

.to-pp img {
	margin-right: 0;
	margin-left: auto;
	text-align: right;
}

.policy-box {
	display: block;
	margin-bottom: 70px;
}

.policy-box img {
	margin-bottom: 5px;
	display: inline;
}


/* サイトマップ */

#sitemap-base {
	width: 100%;
	margin-bottom: 50px;
}

#sitemap-table {
	display: table;
	width: 100%;
}

#sitemap-table img {
	margin: 0;
}

#sitemap-row {
	display: table-row;
	line-height: 25px;
}

#sitemap-row img {
	margin: 0;
	bottom: 0;
}

#sitemap-text2 {
	width: 100%;
	display: table-cell;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #00992E;
	font-weight: bold;
	padding: 0px 10px 0 10px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
}

#sitemap-text2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#sitemap-text2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#sitemap-text2 a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#sitemap-text2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#sitemap-text {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#sitemap-text a {
	color: #555555;
	text-decoration: none;
}

#sitemap-text a:visited {
	color: #555555;
	text-decoration: none;
}

#sitemap-text a:active {
	color: #555555;
	text-decoration: underline;
}

#sitemap-text a:hover {
	color: #555555;
	text-decoration: underline;
}

#sitemap-tree {
	display: table-cell;
	width: 15px;
	padding-left: 10px;
}

#sitemap-tree img {
	display: block;
	margin-right: 10px;
}


/* ブログフィード */

.feed-box {
	width: 500px;
	display: inline-block;
}

.feed-box-row {
	width: 100%;
	display: table;
}

.feed-date {
	width: 150px;
	display: table-cell;
	border-bottom: solid 1px #DEDEDE;
	line-height: 24px;
}

.feed-title {
	width: 350px;
	display: table-cell;
	border-bottom: solid 1px #DEDEDE;
	line-height: 24px;
}


/* CGI */

.cgi-base {
	width: 100%;
	margin-bottom: 50px;
}

.cgi-text {
	width: 100%;
	margin-bottom: 30px;
}

.confirm-table {
	width: 100%;
}

.confirm-row {
	width: 100%;
	display: flex;
}

.confirm-title {
	clear: both;
	font-weight: bold;
	background-color: #D2EEDD;
	border: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding: 20px;
	width: 300px;
	line-height: 24px;
}

.confirm-main {
	background-color: #F4F9F7;
	border: 1px solid #FFFFFF;
	width: 680px;
	text-align: left;
	padding: 20px;
}

.confirm-button {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

@media (max-width:1920px) {
	ul,li{list-style: none;}
a {text-decoration: none;color: black;}
.box{width: 100%;height: 440px;margin: 20px auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{height: 440px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;height: 440px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;left: 50%;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}
	
}

@media (min-width:1920px) {
	ul,li {
		list-style: none;
	}
	.box {
		background-color: #F7F8FA;
		width: 100%;
		height: 440px;
		margin: 20px auto;
		overflow: hidden;
		position: relative;
	}
	.box-1 ul {}
	.box-1 ul li {
		margin: 0px auto;
		width: 1920px;
		height: 440px;
		position: relative;
		overflow: hidden;
	}
	.box-1 ul li img {
		display: block;
		width: 1920px;
		height: 440px;
	}
	.box-2 {
		position: absolute;
		bottom: 14px;
		left: 50%;
	}
	.box-2 ul li {
		float: left;
		width: 12px;
		height: 12px;
		overflow: hidden;
		margin: 0 5px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		text-indent: 100px;
		cursor: pointer;
	}
	.box-2 ul .on {
		background: rgba(255, 255, 255, 0.6);
	}
	.box-3 span {
		position: absolute;
		color: white;
		background: rgba(125, 125, 120, .3);
		width: 50px;
		height: 80px;
		top: 50%;
		line-height: 80px;
		font-size: 60px;
		margin-top: -40px;
		text-align: center;
		cursor: pointer;
	}
	.box-3 .prev {
		left: 10px;
	}
	.box-3 .next {
		right: 10px;
	}
	.box-3 span::selection {
		background: transparent;
	}
	.box-3 span:hover {
		background: rgba(125, 125, 120, .8);
	}
}