@charset "utf-8";

/*画面全体
---------------------------------------------------------------------------*/

* {
	box-sizing: border-box;
}
body {
	position: relative;
	font-family: 'arial';
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	color: #333;
}
img {
	max-width: 100%;
	vertical-align: top;
	height: auto;
}
input,select,textarea {
	font: 100% Arial,Helvetica,sans-serif;
	vertical-align: middle;
}
h2 {
	margin: 0 0 20px;
	color: #333;
}
input[type="text"],select {
	border: 1px solid #d2d2d2;
	background-color: #fff;
}
input[type="text"] {
	padding: 8px 15px;
}
table {
	border-collapse: collapse;
}
th {
	line-height: 1.54;
	letter-spacing: 0px;
}
a {
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}
a.linkline {
	text-decoration: underline;
	color: #0000ff;
}
a.lll {
	text-decoration: underline;
	color: #0000ff;
}
a:hover {
	color: #e30b20;
}
ul {
	list-style: none;
	padding: 0;
}
.bluel {
	color: blue;
}

:placeholder-shown { color: #ccc; }
::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }

p.migiyose {
	text-align: right;
}

.uldisc {
	list-style: disc;
}



/*レイアウト
---------------------------------------------------------------------------*/

#contents {
	position: relative;
	margin: 0 auto 50px;
	width: 1100px;
}

#sidebar {  /*sidebarはサイドバーがないページ用の記述*/
	float: left;
	width: 220px;
	margin: 0 60px 0 0;
}
#sidebar2 { /*sidebar2はサイドバーがあるページ用の記述*/
	float: left;
	width: 220px;
	margin: 0 60px 0 0;
}

#main-area {　　　/*main-areaはサイドバーがないページ用の記述*/
	float: left;
	width: 1100px;  /*820px*/
	margin: 0;
}

#main-area2 {   /*main-area2はサイドバーがあるページ用の記述*/
	float: left;
	width: 820px; 
	margin: 0;
}

.clear {
	clear: both;
}


/*ヘッダー
---------------------------------------------------------------------------*/

#contact-info {
	background-color: #062884;
	border-bottom-color: #e5e5e5;
	text-align: right;
	line-height: 35px;
	font-size: 16px;
	color: #fff;
}
#contact-info .inner {
	margin: 0 auto;
	width: 1100px;
}
#contact-info .sep {
	padding: 0 6px;
}
#contact-info a {
	color: #fff;
	text-decoration: none;
}

#header .inner {
	position: relative;
	margin: 0 auto;
	padding: 32px 0 30px;
	width: 1100px;
}
.logo img {
	width: 150px;
}
.banner img {
	max-width: 301px;
	position: absolute;
	top: 16px;
	right: 0;
}

.menu {
	list-style: none;
	margin: 0 auto 35px;
	padding: 0;
	width: 1100px;
	text-align: center;
}
.menu li:first-child {
	border-left: solid 1px #ccc;
}
.menu li:last-child {
	padding-right: 0;
}
.menu li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0px 5px;
	border-right: 1px solid #CCC;
	height: 50px;
	width: 14.27%;
	text-align: center!important;
	text-transform: uppercase;
}
.menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	letter-spacing: 2px;
	font-size: 18px;
	/*font-weight: 600!important;*/
	-webkit-font-smoothing: subpixel-antialiased;
	transform: scale(1,1.2);
	-ms-transform: scale(1,1.2);
	-moz-transform: scale(1,1.2);
	/* -webkit-transform: scale(1,1.2); */
	-o-transform: scale(1,1.2);
	color: #333;
	text-decoration: none;
}
.menu a:hover {
	color: #e30b20;
}
.menu .line2 {
	position: relative;
	top: 10px;
	line-height: 17px!important;
}

.menu .current-item {
	color: #e30b20;
}
#mb-cat,#mb-menu {
	position: absolute;
	display: none;
	height: 50px;
	cursor: pointer;
}
#mb-cat { right: 80px; }
#mb-menu { right: 15px; }


/*
#spurswi {
	right: 603px;
}
#heliswi {
	right: 492px;
}
#rackswi {
	right: 410px;
}
#wormswi {
	right: 313px;
}
#bevelswi {
	right: 218px;
}
#internalswi {
	right: 100px;
}
#screwswi {
	right: 0px;
	
}
.swi {
	position: absolute;
	top: 115px;
	font-size:14px;
	padding:2px 5px;
	
}
.swi a {
	color: #BF262E;
	text-decoration: underline;
}	
.swi a:hover {
	color: blue;
}
*/

.reqpri {
	position: absolute;
	top: 75px;
	right: 0px;
}
.reqpri:hover {
	opacity: 0.6;
}

#swpica, #swpicb {
	position: absolute;
}
#swpica:hover, #swpicb:hover {
	opacity: 0.5;
}
.swpic1 {
	top: 52px;
	right: 405px;
}
.swpic2 {
	top: 52px;
	right: 270px;
}
.swpic3 {
	top: 52px;
	right: 135px;
}
.swpic4 {
	top: 52px;
	right: 0px;
}
.swpic5 {
	top: 85px;
	right: 405px;
}
.swpic6 {
	top: 85px;
	right: 270px;
}
.swpic7 {
	top: 85px;
	right: 135px;
}
.swpic8 {
	top: 85px;
	right: 0px;
}



/*フッター
---------------------------------------------------------------------------*/

#footer {
	background-color: #062884;
	border-color: #062884;
	border-top-width: 1px;
	padding: 10px;
}
#footer p {
	color: #fff;
	text-align: center;
	letter-spacing: 0.4px;
}
#footer .company_name {
	margin: 5px 0;
	font-weight: 600;
}
#footer .copy_right {
	margin-top: 15px;
}


/*ヘッダー下
---------------------------------------------------------------------------*/

h1.entry-title {
	text-transform: uppercase;
	font-family: calibri;
	font-size: 48px !important;
	letter-spacing: 1px;
	font-weight: 400;
	border-color: #fff !important;
	border-top: #062884 solid 5px !important;
	max-width: 1110px;
	margin: 0 auto;
	text-align: center;
	background-color: #F6F6F6;
	padding: 10px;
	margin-bottom: 20px;
}

.breadcrumbs {
	margin-bottom: 20px;
}
.breadcrumbs a {
	text-decoration: underline;
}
.current-item {
	text-decoration: none !important;
}


/*サイドバー
---------------------------------------------------------------------------*/

.pc-title {
	border-top: 3px solid #062884;
	text-align: center;
	font-size: 18px;
	padding: 14px 0;
	background: #f9f9f9;
	font-weight: 600;
}
#sidebar li {
	position: relative;
	border-bottom: solid 1px #666;
}
#sidebar2 li {
	position: relative;
	border-bottom: solid 1px #666;
}

#sidebar li a {
	display: block;
	text-transform: uppercase;
	padding: 10px 0px 10px 3px;
	letter-spacing: 1px;
	font-weight: 600;
}
#sidebar2 li a {
	display: block;
	text-transform: uppercase;
	padding: 10px 0px 10px 3px;
	letter-spacing: 1px;
	font-weight: 600;
}
#sidebar li a:after {
	position: absolute;
	right: 4px;
	content: " ";
	display: inline-block;
	width: 7px;
	height: 14px;
	background: transparent url(../images/right-arrow.png) no-repeat scroll 0% 0% / contain;
	vertical-align: middle;
	margin-top: 4px;
	opacity: 0.7;
}
#sidebar2 li a:after {
	position: absolute;
	right: 4px;
	content: " ";
	display: inline-block;
	width: 7px;
	height: 14px;
	background: transparent url(../images/right-arrow.png) no-repeat scroll 0% 0% / contain;
	vertical-align: middle;
	margin-top: 4px;
	opacity: 0.7;
}
#sidebar li a:hover:after {
	opacity: 0.3;
}
#sidebar2 li a:hover:after {
	opacity: 0.3;
}
#sidebar .movie-title {
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 10px;
}
#sidebar2 .movie-title {
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 10px;
}


/*コンテンツ
---------------------------------------------------------------------------*/

#main-area .col-wrapper {
	float: left;
	width: 384px;
	margin: 0 0 40px 26px;
}
#main-area2 .col-wrapper {
	float: left;
	width: 384px;
	margin: 0 0 40px 26px;
}
#main-area .link-title {
	position: relative;
	border-top: 4px solid #062884;
	font-size: 25px;
	padding: 12px 0;
	letter-spacing: 2px;
}
#main-area2 .link-title {
	position: relative;
	border-top: 4px solid #062884;
	font-size: 25px;
	padding: 12px 0;
	letter-spacing: 2px;
}
#main-area .link-title:after {
	position: absolute;
	right: 4px;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 25px;
	background: transparent url(../images/right-arrow.png) no-repeat scroll 0% 0% / contain;
	vertical-align: middle;
	margin-top: 4px;
	opacity: 0.7;
}
#main-area2 .link-title:after {
	position: absolute;
	right: 4px;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 25px;
	background: transparent url(../images/right-arrow.png) no-repeat scroll 0% 0% / contain;
	vertical-align: middle;
	margin-top: 4px;
	opacity: 0.7;
}
#select:hover {
    opacity: 0.7 ;
}
.copyright {
	text-align: right;
	font-size: 0.8em;
}
.discul {
	list-style: disc;
}
	

/*モーダルメニュー
---------------------------------------------------------------------------*/
#mb-modal1 {
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 20;
}
#mb-modal2 {
	opacity: 0.9;
	z-index: 30;
}
.mb-modal {
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	display: none;
}
#mb-head {
	padding: 20px;
	text-align: right;
}
#mb-close {
	padding: 5px 10px;
	font-family: "Open Sans" !important;
	letter-spacing: 2px !important;
	font-weight: 400;
	font-size: 25px;
	background: #222;
	color: #fff;
	cursor: pointer;
}
#mb-modal2 a {
	position: relative;
	display: block;
	padding: 15px;
	text-transform: uppercase;
	font-size: 20px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 600;
	opacity: 1;
	color: #fff;
}
#mb-modal2 a:after {
	content: ">";
	font-family: FontAwesome;
	font-size: 35px;
	position: absolute;
	right: 2%;
	top: 1.5px;
	font-weight: bold;
	color: #fff;
}
#mb-modal2 a:hover {
	background: #eee;
	color: #333;
}
#mb-modal2 a:hover:after {
	color: #333;
}


/*toTop
---------------------------------------------------------------------------*/
#toTop {
	background-color: #333;
	border-radius: 4px 4px 0 0;
	bottom: 0;
	color: #FFF;
	display: none;
	height: 35px;
	position: fixed;
	right: 30px;
	text-align: center;
	text-transform: uppercase;
	width: 48px;
	opacity: .9;
	z-index: 10000;
	transition: all .2s ease-in-out 0s;
}
#toTop:before {
	content: "▲";
	/*font-family: FontAwesome;*/
	font-size: 18px;
	position: absolute;
	right: 15px;
	top: 6px;
	color: #fff;
}
#toTop:hover {
	background-color: #e30b20;
}
.screen-reader-text {
	overflow: hidden;
	clip: rect(0,0,0,0);
	position: absolute;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	word-wrap: normal!important;
	border: 0;
}

#sidebar { 
	display: none;
}

/*html化開始後の自作フレーム類
---------------------------------------------------------------------------*/

#blkcont1{
	margin-top: 0px;
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
}
#blktyp1{
	border-top: 4px solid #062884;
	width: 47%;
	height: 200px;
	background-color: #ffffff;
	float: left;
	margin-top: 55px;
}
#blktyp2{
	border-top: 4px solid #062884;
	width: 47%;
	height: 200px;
	background-color: #ffffff;
	float: right;
	margin-top: 55px;
}
#catatop1{
	margin-top: 15px;
	width: 25%;
	float: left;
}
.teximage {
	width: 100%;
	padding-right: 10px;
	margin: auto;
}
.teximage:hover{
	opacity: .6;
}
#catadesc1{
	margin-top: 15px;
	width: 68%;
	float: left;
}
.texttitle {
	margin: 0;
	font-size: 28px;
}
#cataarrow1{
	margin-top: 15px;
	width: 7%;
	float: left;
}
.arrowpos {
	padding-top: 55px;
	padding-left: 10px;
}
.arrowpos:hover{
	opacity: .4;
}
.arrowpos2 {
	padding-top: 35px;
	padding-left: 10px;
}
.arrowpos2:hover{
	opacity: .4;
}
.titletexbox2 {
	margin-top: 10px;
	width: 93%;
	float: left;
}
#blktyp3{
	border-top: 4px solid #062884;
	width: 47%;
	height: 200px;
	background-color: #ffffff;
	float: left;
	margin-top: 5px;
}
#blktyp4{
	border-top: 4px solid #062884;
	width: 47%;
	height: 200px;
	background-color: #ffffff;
	float: right;
	margin-top: 5px;
}

/*図面ボックス
---------------------------------------------------------------------------*/

.new-button dd {
	width: 78%;
}
.new-button button {
	font-size: 18px;
}
.new-button {
	background: #f3f3f3;
	padding: 25px 10px 25px 15px;
	margin-top: 25px;
}
.search-title {
	font-size: 18px;
}
.new-button dl {
	width: 100%;
	padding-bottom: 25px;
}
.new-button dt {
	float: left;
	width: 31%;
	min-width: 125px;
	padding-top: 8px;
	font-size: 22px;
	white-space: nowrap;
}
.new-button input[type="text"] {
	border: solid 1px #333;
	border-radius: 3px;
	font-size: 27px;
	width: 100%;
	height: 44px;
}
.new-button dd {
	float: left;
	padding: 0px 0 15px;
	margin: 0;
}
.new-button button:hover {
	cursor: pointer;
	background: #eee;
}
.new-button button {
	width: 32.33333%;
	float: left;
	padding: 15px 0;
	height: 72px;
	border-radius: 10px;
	border: solid 3px #427df4;
	background: #fff;
	margin: 0 1% 1% 0;
	box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.2);
	position: relative;
	display: block;
	z-index: 9;
}
div#cds-download-cad-button-container {
    background-color: #f3f3f3;
    display: block;
    float: left;
    height: 72px;
    margin: 0 1% 1% 0;
    padding: 0;
    position: relative;
    width: 32.33333%;
    z-index: 9;
}
.new-button button#cds-download-cad-button {
    float: none;
    height: 40px;
    line-height: 4px;
    margin-bottom: 4px;
    width: 100%;
	border: solid 3px #427df4;
}
select#cds-cad-download-formats {
    width: 100%;
}
#cds-cad-request-dialog img {
    float: left;
    margin-right: 1em;
    margin-bottom: 2em;
}

/*製品ボックス
---------------------------------------------------------------------------*/
.bigcolumn {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
}
.productcolumn {
	position: relative;
	float: left;
	width: 25%;
	background-image: url(../images/plastic_gears/bg1.jpg);
	background-repeat: repeat-y;
	/*background-color: #f3f3f3;*/
	margin-top: 2px;
	margin-right: 0px;
}
.productcolumn2 {
	float: left;
	width: 25%;
	background-image: url(../images/plastic_gears/bg2.jpg);
	background-repeat: repeat-y;
	/*background-color: #e5e0e0;*/
	margin-top: 2px;
	margin-right: 0px;
}
.imgbox {
	padding-top: 25px;
	width: 80%;
	margin: auto;
}
.centertex {
	text-align: center;
}
.righttex {
	width: 90%;
	margin: auto;
}
.gotogss1 {
	display: block;
	color: red;
	text-decoration: underline;
	font-size: 1.05rem;
	margin-bottom: 10px;
}
.gotogss1:hover {
	color: blue;
}

/*youtube
---------------------------------------------------------------------------*/
.you {
	width: 50%;
}
.you2 {
	width: 35%;
}
.you3 {
	width: 50%;
}
.you4 {
	width: 35%;
	float: left;
	margin-right: 1%;
}

/*duplex
---------------------------------------------------------------------------*/
#duplex1 {	/*SW2-R1, SW2-R2以降の全てのコンテンツのコンテナ*/
	float: right;
	width: 100%;
}
#duplexparent {
	width: 100%;
}
#duplex2 {
	float: left;
	width: 20%;
}
#duplex3 {
	float: left;
	width: 20%;
}
#duplex4 {
	float: left;
	width: 60%;
}
#wormchart:hover {
		opacity: 0.6;
}

/*types of gearsページ
---------------------------------------------------------------------------*/
.typesofgears {
	margin-top: 20px;
	overflow: hidden;
}
.geartype {
	display: flex;
	float: left;
	width: 100%;
	padding-right: 3%;
	margin-bottom: 3%;
	overflow: hidden;
}
.geartype a {
	text-decoration: underline;
}
.geartype2 {
	float: left;
	width: 33%;
	height: 300px;
	padding-right: 3%;
}
.geartype2 a {
	text-decoration: underline;
}
.geartypefirstcolumn {
	float: left;
	width: 50%;
}
.geartypesecondcolumn {
	float: left;
	width: 50%;
	position: relative;
}
.geartypesecondcolumn img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.togse1 {
	color: red;
	font-size: 1.15rem;
}
.togse1:hover {
	color: black;
}
.nazeg {
	list-style: disc;
}
.why2 {
	margin-top: 40px;
}


/*how to select gearsページ
---------------------------------------------------------------------------*/
.htsg1 {
	float: left;
	width: 33%;
	height: 300px;
	padding-right: 3%;
}
.htsg1 a {
	text-decoration: underline;
}



/*gear catalogページのタイトルバー
---------------------------------------------------------------------------*/
#advantage {
	width: 99%;
	border-top: 3px solid #062884;
	text-align: center;
	font-size: 26px;
	padding: 14px;
	background: #f9f9f9;
	margin-top: 35px;
}
.catcon {
	display: flex;
}
.catalogbox {
	width: 30%;
	text-align: center;		
}
.catalogbox img {
	padding-top: 30px;
}
.catalogbox img:hover {
	opacity: 0.7;
}
.catalogcom {
	padding-left: 2%;
	width: 68%;
}
.catalogcom a {
	text-decoration: underline;	
	font-size: 1.2em;
	display: block;
	padding-top: 40px;
}
.catalogcom p {
	font-size: 1.1em;
}


/*テーブル
---------------------------------------------------------------------------*/
.tablecenter {
	text-align: center;
}
.hidtables {
	display: none;
}

/*stock gearsページ
---------------------------------------------------------------------------*/
.geartype3 {
	float: left;
	width: 24%;
	height: 300px;
	padding-right: 1%;
}
#textlink {
	display: block;
	border-top: 3px solid #062884;
	font-size: 1.3em;
	padding-top: 2%;
}
#piclink:hover {
	opacity: 0.6;
	transition    : .3s;
}
.stockgears {
	margin-top: 30px;
}


/*国旗関係
---------------------------------------------------------------------------*/
#usaimgsmall, #canadaimgsmall, #indiaimgsmall, #ukimgsmall, #auimgsmall {
	display: none;
}
#auimgbig {
	position: absolute;
	top: 90px;
	right: 0px;
}
#ukimgbig {
	position: absolute;
	top: 90px;
	right: 55px;
}
#indiaimgbig {
	position: absolute;
	top: 90px;
	right: 110px;
}
#canadaimgbig {
	position: absolute;
	top: 90px;
	right: 165px;
}
#usaimgbig {
	position: absolute;
	top: 90px;
	right: 225px;
}
#usawindow {
	display: none;
	position: absolute;
	background: rgba(51,51,51,0.85);
	top: 120px;
	right: 225px;
	z-index: 10;
	width: 370px;
	height: auto;
	color: white;
	border-radius: 8px;
}
#usawindow #url a {
	color: red;
	font-size: 1.4rem;
}
#usawindow #url a:hover {
	color: white;
}
#canadawindow {
	display: none;
	position: absolute;
	background: rgba(51,51,51,0.85);
	top: 120px;
	right: 165px;
	z-index: 10;
	width: 370px;
	height: auto;
	color: white;
	border-radius: 8px;
}
#canadawindow #url a {
	color: red;
	font-size: 1.4rem;
}
#canadawindow #url a:hover {
	color: white;
}
#indiawindow {
	display: none;
	position: absolute;
	background: rgba(51,51,51,0.85);
	top: 120px;
	right: 109px;
	z-index: 10;
	width: 480px;
	height: auto;
	color: white;
	border-radius: 8px;
}
#ukwindow {
	display: none;
	position: absolute;
	background: rgba(51,51,51,0.85);
	top: 120px;
	right: 54px;
	z-index: 10;
	width: 480px;
	height: auto;
	color: white;
	border-radius: 8px;
}
#auwindow {
	display: none;
	position: absolute;
	background: rgba(51,51,51,0.85);
	top: 120px;
	right: 0px;
	z-index: 10;
	width: 370px;
	height: auto;
	color: white;
	border-radius: 8px;
}
#companydesc {
	font-size: 1.2rem;
	padding: 0 0 0 20px;
	color: white;
}
#companydesc2 {
	display: none;
}
#cname {
	font-size: 1.6rem;
}
#addr, #tele, #url, #email {
	font-size: 1.1rem;
	padding: 0 0 0 20px;
}
#mitsumori {
	margin-top: auto;
}
#mitsumori a {
	font-size: 1.4rem;
	color: red;
	text-decoration: underline;
	padding: 0 0 0 20px;
}
#mitsumori a:hover {
	color: white;
}
#url a {
	font-size: 1.1rem;
	color: white;
	text-decoration: underline;
}
#url a:hover {
	color: red;
}
#close, #close2, #close3, #close4, #close6 {
	display: none;
}

/*selecting gearsメガメニュー
---------------------------------------------------------------------------*/

#gearselector {
	display: none;
	position: absolute;
	z-index: 20;
	top: 178px;
	left: 165px;
	border-radius: 0px;
	/*box-shadow: 4px 4px 6px #000;*/
}


#ssdpfukidashi {
		position: absolute;
		z-index: 10;
		top: 10px;
		left: -20px;
}


/*select gear誘導ポップアップ
---------------------------------------------------------------------------*/
.popgearbase {
	display: none;
	position: fixed;
	top: 287px;
	right: 0px;
	left: 0px;
	margin: auto;
	width: 575px;
	height: 308px;
	background: rgba(51,51,51,0.55); 
	z-index: 50;
	border-radius: 5px;
}
.popgear {
	position: fixed;
	top: 302px;
	right: 0px;
	left: 0px;
	margin: auto;
	width: 550px;
	height: 280px;
	background: rgba(51,51,51,0.85);
	z-index: 100;
	border-radius: 5px;
}
.egs {
	color: #ffffff;
	font-size: 1.6rem;
	padding-left: 25px;
}
.egsitems {
	color: #ffffff;
	font-size: 1.2rem;
	padding-left: 40px;
}
.gotose {
	display: block;
	position: absolute;
	background-color: #ff4500;
	font-size: 1.3rem;
	color: #ffffff;
	padding: 8px 18px;
	border-radius: 3px;
	top: 210px;
	left: 135px;
}
.close5 {
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 1.3rem;
	color: #ffffff;
	text-decoration: underline;
}
.gotose:hover {
	color: black;
}

/*how to select gearsページのポップアップ
---------------------------------------------------------------------------*/

.hsg0 {
	position: absolute;
	top: 60px;
	right: 0px;
	transform: rotate(-10deg);
	z-index: 9;
	display: none;
}
.hsg1 {
	position: absolute;
	top: 99px;
	right: 0px;
	border-radius: 5px;
	border: 1px #808080 solid;
	display: none;
}
.hsg2 {
	position: absolute;
	top: 237px;
	right: 0px;
	border-radius: 5px;
	border: 1px #808080 solid;
	display: none;
}
.hsg3 {
	position: absolute;
	top: 375px;
	right: 0px;
	border-radius: 5px;
	border: 1px #808080 solid;
	display: none;
}
.hsg4 {
	position: absolute;
	top: 513px;
	right: 0px;
	border-radius: 5px;
	border: 1px #808080 solid;
	display: none;
}

/*how to buy ボタン
---------------------------------------------------------------------------*/
.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:3px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:21px;
	padding: 3px 105px;
	margin-bottom: 10px;
	text-decoration:none;
	text-shadow:0px 0px 0px #854629;
}
.myButton:hover {
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
	opacity: 0.7;
}

/* how to buy ページ
---------------------------------------------------------------------------*/
.commentpop {
	position: absolute;
	top: 1190px;
	right: -10px;
	z-index: 500;
}


/* 新しいパンくず 
---------------------------------------------------------------------------*/
.topbreadli {
	display: inline;
	padding-right: 10px;
	text-decoration: underline;
}
.breadli {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}
.lastbreadli {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
.newpan {
	margin-bottom: 25px;
}


/* 標準品の選び方が分かりませんか？の画像（KUI gearman）
---------------------------------------------------------------------------*/
.gearman {
	position: absolute;
	right: 0px;
	bottom: 22px;
}
.htp:hover {
	opacity: 0.6;
}


/* 8つのボタンとご連絡下さいのコメント
---------------------------------------------------------------------------*/
.buzhidao {
	padding-right: 155px;
}

.newspu, .newhel, .newrac, .newwor, .newbev, .newmit, .newint, .newscr {
	font-size: 1.2rem;
	position: absolute;
	color: #ffffff;
	background: #e60000;
	border-radius: 5px;
	box-shadow: 1px 1.5px 1.7px 1.3px rgba(0,0,0,0.3);
}
.newspu {
	top: 39px;
	right: 423px;
	padding: 1px 39px 1px 39px;
}
.newhel {
	top: 39px;
	right: 282px;
	padding: 1px 39px 1px 39px;
}
.newrac {
	top: 39px;
	right: 140px;
	padding: 1px 49px 1px 49px;
}
.newwor {
	top: 39px;
	right: 0px;
	padding: 1px 29px 1px 29px;
}
.newbev {
	top: 69px;
	right: 423px;
	padding: 1px 39px 1px 39px;
}
.newmit {
	top: 69px;
	right: 282px;
	padding: 1px 20px 1px 20px;
}
.newint {
	top: 69px;
	right: 140px;
	padding: 1px 39.5px 1px 39.5px;
}
.newscr {
	top: 69px;
	right: 0px;
	padding: 1px 10px 1px 10px;
}
.newspu:hover,.newhel:hover,.newrac:hover,.newwor:hover,.newbev:hover,.newmit:hover,.newint:hover,.newscr:hover {
	opacity: 0.6;
}
#swpicc {
	position: absolute;
}
.swpic9 {
	top: -7px;
	right: 198px;
	font-size: 1.6rem;
	border-left: 15px solid #e60000; 
	padding-left: 8px;
}










/*レスポンシブ
---------------------------------------------------------------------------*/

/* 切替 1110px */
@media screen and (max-width:1110px){
	#main-area {
		padding-left: 20px;
		padding-right: 15px;
	}
	
	#contact-info .inner,#header .inner,.menu,#contents { width: 100%; }
	#contact-info .inner { padding-right: 30px; }
	#header .inner { padding: 50px 30px 20px; }
	.banner img {
		top: 38px;
		right: 30px;
		width: 218px;
	}

	.menu {
		border-top: 1px solid #062884;
		border-bottom: 1px solid #062884;
		padding: 7px;
		margin-bottom: 20px;
		text-align: left;
	}
	.menu li {
		position: relative;
		border: none !important;
		width: 24.9%;
		height: 30px;
	}
	.menu li a {
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		transform: none;
		-ms-transform: none;
		-moz-transform: none;
		/* -webkit-transform: none; */
		-o-transform: none;
		padding-left: 10px;
	}
	.menu .line2 {
		top: 0;
		line-height: 30px !important;
	}
	.menu li:before {
		position: absolute;
		left: 13px;
		top: 10px;
		content: " ";
		display: inline-block;
		width: 5px;
		height: 10px;
		background: transparent url(../images/right-arrow.png) no-repeat scroll 0% 0% / contain;
		vertical-align: middle;
		opacity: 0.7;
	}
	.menu li:hover {
		background-color: #f7f7f7;
		border-radius: 20px;
	}

	.breadcrumbs { margin-left: 20px; }
	#sidebar { display: none; }
	#sidebar2 { display: none; }
	#main-area {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#main-area2 {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.col-wrapper { width: 45% !important; }
	
	#auimgbig {
		top: 95px;
		right: 5px;
	}
	#ukimgbig {
		top: 95px;
		right: 60px;
	}
	#indiaimgbig {
		top: 95px;
		right: 115px;
	}
	#canadaimgbig {
		top: 95px;
		right: 170px;
	}
	#usaimgbig {
		top: 95px;
		right: 230px;
	}
	#usawindow {
		top: 127px;
		right: 229px;
	}
	#canadawindow {
		top: 127px;
		right: 169px;
	}
	#indiawindow {
		top: 127px;
		right: 114px;
	}
	#ukwindow {
		top: 127px;
		right: 59px;
	}
	#auwindow {
		top: 127px;
		right: 5px;
	}
	#gearselector {
	width: 0%;
	}
	#swpica, #swpicb {
		margin-right: 5px;
	}
	#swpica {
		top: 65px;
	}
	#swpicb {
		top: 98px;
	}
	
	.gearman {
	right: 10px;
	bottom: 18px;
}

.swpic9 {
	right: 202px;
}

#swpicc {
		margin-right: 5px;
	}
	#swpicc {
		top: 1px;
	}
.newwor {
	top: 48px;
	right: 8px;
}
.newscr {
	top: 78px;
	right: 8px;
}
.newrac {
	top: 48px;
	right: 148px;
}
.newint {
	top: 78px;
	right: 148px;
}
.newhel {
	top: 48px;
	right: 291px;
}
.newmit {
	top: 78px;
	right: 291px;
}
.newspu {
	top: 48px;
	right: 432.5px;
}
.newbev {
	top: 78px;
	right: 432.5px;
}

.buzhidao {
	display: none;
}

	
}

/* 切替 1023px */
@media screen and (max-width:1023px){

	#contact-info .inner { text-align: center; }
	#header .inner { padding: 20px 30px; }
	.banner img { top: 16px; }
	#textlink { font-size: 1.2em; }
	.geartype3 { width: 33%; height: 300px; padding-right: 1%;}
	
	#auimgbig {
		top: 65px;
	}
	#ukimgbig {
		top: 65px;
	}
	#indiaimgbig {
		top: 65px;
	}
	#canadaimgbig {
		top: 65px;
	}
	#usaimgbig {
		top: 65px;
	}
	#usawindow {
		top: 95px;
	}
	#canadawindow {
		top: 95px;
	}
	#indiawindow {
		top: 95px;
	}
	#ukwindow {
		top: 95px;
	}
	#auwindow {
		top: 95px;
	}
	/*
	.geartype {
		width: 50%;
		height: 550px;
	}
	*/
	.commentpop {
		display: none;
	}
	/*
	.swi {
		display: none;
	}
	*/
	.reqpri {
		top: 60px;
		right: 5px;
	}
	#swpica {
		top: 42px;
	}
	#swpicb {
		top: 75px;
	}
	
	#swpicc {
		top: -15px;
	}
.newwor {
	top: 30px;
	right: 8px;
}
.newscr {
	top: 60px;
	right: 8px;
}
.newrac {
	top: 30px;
	right: 148px;
}
.newint {
	top: 60px;
	right: 148px;
}
.newhel {
	top: 30px;
	right: 290.5px;
}
.newmit {
	top: 60px;
	right: 290.5px;
}
.newspu {
	top: 30px;
	right: 432px;
}
.newbev {
	top: 60px;
	right: 432px;
}
	
}

/* 切替 889px */

@media screen and (max-width:889px){
.gearman {
	display: none;
}
}


/* 切替 850px */
@media screen and (max-width:850px){
#swpicc, .newwor, .newscr, .newrac, .newint, .newhel, .newmit, .newspu, .newbev{
	display: none;
}
}




/* 切替 800px */
@media screen and (max-width:800px){

	#contact-info,.banner,.menu { display: none; }
	#header .inner { padding: 15px 10px; }
	.logo img { width: 106px; }

	.col-wrapper {
		float: none;
		width: 90% !important;
	}
	#mb-cat,#mb-menu { display: inline-block; }
	
	#blktyp1 {
		border-top: 4px solid #062884;
		width: 98%;
		background-color: #ffffff;
		float: left;
		margin-top: 55px;
		margin-bottom: 15px;
	}
	#blktyp2 {
		border-top: 4px solid #062884;
		width: 98%;
		background-color: #ffffff;
		float: left;
		margin-top: 55px;
		margin-bottom: 15px;
	}
	#blktyp3 {
		border-top: 4px solid #062884;
		width: 98%;
		background-color: #ffffff;
		float: left;
		margin-top: 55px;
	}
	#blktyp4 {
		border-top: 4px solid #062884;
		width: 98%;
		background-color: #ffffff;
		float: left;
		margin-top: 55px;
	}
	.you2 {
	width: 80%;
	}
	.you3 {
	width: 80%;
	}
	.you4 {
	width: 65%;
	margin-bottom: 1%;
	}
	#duplex2 {
	float: left;
	width: 35%;
	}
	#duplex3 {
	float: left;
	width: 35%;
	}
	#duplex4 {
	float: left;
	width: 30%;
	}
	.htsg1 {
	float: left;
	width: 50%;
	height: 250px;
	padding-right: 3%;
	margin-bottom: 15px;
	}
	.catalogcom a {
	padding-top: 30px;
	}
	.catalogcom {
	padding-left: 3%;
	width: 67%;
	}
	/*
	table {
		display: none;
	}
	*/
	.tableclose {
		display: none;
	}
	.tableshow {
		display: block;
	}
	.hidtables {
		display: block;
		text-decoration: underline;
	}
	
	#auimgbig {
		display: none;
	}
	#ukimgbig {
		display: none;
	}
	#indiaimgbig {
		display: none;
	}
	#usaimgbig, #canadaimgbig {
		display: none;
	}
	#header {
		margin-bottom: 27px;
	}
	#usaimgsmall {
		display: inline;
		position: absolute;
		top: 75px;
		left: 10px;
	}
	#canadaimgsmall {
		display: inline;
		position: absolute;
		top: 75px;
		left: 53px;
	}
	#indiaimgsmall {
		display: inline;
		position: absolute;
		top: 75px;
		left: 96px;
	}
	#ukimgsmall {
		display: inline;
		position: absolute;
		top: 75px;
		left: 139px;
	}
	#auimgsmall {
		display: inline;
		position: absolute;
		top: 75px;
		left: 182px;
	}
	#usawindow {
		top: 99px;
		left: 9px;
		width: 300px;
		height: auto;
		color: white;
		padding-right: 10px;
	}
	#canadawindow {
		top: 99px;
		left: 9px;
		width: 300px;
		height: auto;
		color: white;
		padding-right: 10px;
	}
	#indiawindow {
		top: 99px;
		left: 9px;
		width: 300px;
		height: auto;
		color: white;
		padding-right: 10px;
	}
	#indiawindow #companydesc {
		display: none;
	}
	#indiawindow #companydesc2 {
		display: block;
		padding: 0 0 0 20px;
		font-size: 1.1rem;
	}
	#ukwindow {
		top: 99px;
		left: 9px;
		width: 300px;
		height: auto;
		color: white;
		padding-right: 10px;
	}
	#auwindow {
		top: 99px;
		left: 9px;
		width: 300px;
		height: auto;
		color: white;
		padding-right: 10px;
	}
	#mitsumori {
	margin-top: auto;
	}
	#close, #close2, #close3, #close4, #close6 {
		display: block;
		font-size: 1.4rem;
		text-decoration: underline;
		text-align: right;
		padding-right: 10px;
	}
	#ssdpfukidashi {
		width: 75px;
		height: 75px;
	}
	.hsg0, .hsg1, .hsg2, .hsg3, .hsg4 {
		width: 0;
	}
	.reqpri {
		width: 100px;
		top: 73px;
	}
	#swpica, #swpicb {
		display: none;
	}
	
	#swpicc {
		display: none;
	}
	
}

/* 切替 640px */
@media screen and (max-width:640px){

	h1.entry-title { font-size: 28px !important; }
	.productcolumn {
	float: left;
	width: 50%;
	background-image: url(../images/plastic_gears/bg1.jpg);
	background-repeat: repeat-y;
	/*background-color: #f3f3f3;*/
	margin-top: 2px;
	margin-right: 0px;
	}
	.productcolumn2 {
	float: left;
	width: 50%;
	background-image: url(../images/plastic_gears/bg1.jpg);
	background-repeat: repeat-y;
	/*background-color: #f3f3f3;*/
	margin-top: 2px;
	margin-right: 0px;
	}
	/*youtube*/
	.you {
		width: 100%;
	}
	.you4 {
	width: 80%;
	margin-bottom: 1%;
	}
	.htsg1 {
	float: left;
	width: 90%;
	height: 250px;
	padding-right: 3%;
	margin-bottom: 12%;
	}
	#textlink { font-size: 1.2em; }
	.geartype3 p { font-size: 0.8em; }
	.geartype3 { width: 49%; height: 275px; padding-right: 1%;}
	.select2 {
		width: 100%
	}
	.select3 img {
		display: none;
	}
	
	.popgearbase {
	display: none;
	width: 0px;
	}
	.popgear {
	display: none;
	height: 0px;
	}
	/*
	.geartype {
		width: 100%;
		height: 450px;
	}
	*/
	.ui-dialog {

        max-width: 300px !important;

    }


	

}

/* 切替 500px */
@media screen and (max-width:500px){

	/*
	.geartype {
		height: 515px;
	}
	*/

}




/* 切替 400px */
@media screen and (max-width:400px){

	/*
	.geartype {
		height: 650px;
	}
	*/

}