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

.mainArea .gearsAddFont {
	font-size: 20px;
}

.mainArea .gearsAddFont.more {
	font-size: 24px;
}

.mainArea .keyVisual {
	width: 950px;
	height: 200px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images01.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsDateContainer {
	width: 950px; 
	height: 32px;
	margin-top: 1px;
}

.mainArea .gearsDateContent {
	width: 950px; 
	height: 32px;
}

.mainArea .gearsDateContent li,
.mainArea .gearsDateContent li a {
	float: left;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsDateContent .first {
	width: 317px;
	height: 32px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images40.gif) no-repeat 0 0;
}

.mainArea .gearsDateContent .second a {
	display: block;
	width: 317px;
	height: 32px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images40.gif) no-repeat -317px 0;
}

.mainArea .gearsDateContent .third a {
	width: 316px;
	height: 32px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images40.gif) no-repeat -634px 0;
}

.mainArea .gearsDateImageContainer01 {
	width: 950px;
	height: 120px;
}

.mainArea .gearsDateImageContainer02 {
	width: 950px;
	height: 340px;
}

.mainArea .gearsDateBtnContainer {
	width: 445px;
}

.mainArea .gearsDateBtnContainer.short {
	width: 215px;
}

.mainArea .gearsDateBtnContent {
	display: block;
	float: left;
	width: 215px;
	height: 40px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images09.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsDateBtnContent.select {
	background-position: 0 0;
}

.mainArea .gearsDateBtnContent.howto {
	background-position: -230px 0;
}

.mainArea .gearsHowtoImageContainer {
	width: 911px;
	height: 888px;
}

.mainArea .gearsItemSelectContainer {
	width: 890px;
}

.mainArea .gearsItemSelectBox {
	position: relative;
	float: left;
	width: 268px;
	border: 1px solid #cccccc; 
}

.mainArea .gearsItemSelectContet {
	border-top: 3px solid #67a5dd;
	border-bottom: 3px solid #aaaaaa;
}

.mainArea .gearsItemSelectImage {
	width: 268px;
	height: 145px;
}

.mainArea .gearsItemSelectBtn {
	width: 150px;
	height: 25px;
}

.mainArea .gearsItemSelectBtn .selectBtnDetail {
	display: block;
	width: 150px;
	height: 25px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsItemSelectBtn .selectBtnDetail.first {
	background:url(/pr/vona/mech/processing/gears/images/gears_images17.jpg) no-repeat;
}

.mainArea .gearsItemSelectBtn .selectBtnDetail.second {
	background:url(/pr/vona/mech/processing/gears/images/gears_images18.jpg) no-repeat;
}

.mainArea .gearsItemSelectBtn .selectBtnDetail.third {
	background:url(/pr/vona/mech/processing/gears/images/gears_images19.jpg) no-repeat;
}

.mainArea .gearsItemSelectAnnotation {
	position: absolute;
	width: 70px;
	height: 30px;
	top: 0px;
	left: 0px;
}

.mainArea .gearsPushItemContainer {
	width: 910px;
}

.mainArea .gearsPushItemContent {
	position: relative;
	float: left;
	width: 438px;
	border: 1px solid #cccccc;
}

.mainArea .gearsPushItemContent .pushItemTitle span {
	display: block;
	height: 20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsPushItemContent .pushItemTitle.first span {
	width: 379px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images20.jpg) no-repeat;
}

.mainArea .gearsPushItemContent .pushItemTitle.second span {
	width: 295px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images22.jpg) no-repeat;
}

.mainArea .gearsPushItemContent .pushItemTitle {
	border-bottom: 1px solid #cccccc;
}

.mainArea .gearsPushItemContent .pushItemImage {
	position: relative;
	width: 438px;
	height: 142px;
}

.mainArea .gearsPushItemContent .pushItemBtn {
	position: absolute;
	width: 150px;
	height: 25px;
	bottom: 30px;
	right: 30px;
}

.mainArea .gearsPushItemContent .pushItemBtn.second {
	right: 40px;
}

.mainArea .gearsPushItemContent .pushItemBtn .pushItemBtnDetail {
	display: block;
	width: 150px;
	height: 25px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images24.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsInquiryImageContainer {
	width: 867px;
	height: 292px;
}

.mainArea .gearsInquiryContent {
	border: 2px solid #cce1f4;
}

.mainArea .gearsInquiryContent .gearsInquiryTitle {
	background-color: #cce1f4;
	color: #0169c6;
}

.mainArea .gearsInquiryContent .gearsInquiryBox {
	width: 864px;
}

.mainArea .gearsInquiryContent .gearsInquiryImage {
	float: left;
	width: 363px;
	height: 104px;
}

.mainArea .gearsInquiryContent .gearsInquiryDetail {
	float: left;
	width: 440px;
	border-left: 1px dotted #cccccc;
}

.mainArea .gearsInquiryContent .inquiryNumContent {
	width: 406px;
	height: 55px;
}

.mainArea .gearsInquiryContent .inquiryBtnContent {
	width: 440px;
}

.mainArea .gearsInquiryContent .inquiryBtnContent .inquiryBtnDetail {
	display: block;
	float: left;
	width: 215px;
	height: 37px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images28.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mainArea .gearsInquiryContent .inquiryBtnContent .inquiryBtnDetail.mail {
	background-position: 0 0;
}

.mainArea .gearsInquiryContent .inquiryBtnContent .inquiryBtnDetail.chat {
	background-position: -225px 0;
}

.mainArea .gearsAddBoxContent {
	float: right;
	width: 130px;
	background-color: #fffa7b;
	border-right: solid 1px #bfbfbf;;
	border-bottom: solid 1px #bfbfbf;;
	border-left: solid 1px #bfbfbf;;
	padding: 7px 10px;  
}

.mainArea .gearsTableListImage {
	width: 170px;
	height: 116px;
}

.mainArea .gearsTableListImage02 {
	width: 110px;
	height: 100px;
}

.mainArea .gearsTableListImage.addDate {
	height: 128px;
}

.mainArea .gearsTableListBtnContent {
	display: block;
	width: 170px;
	height: 25px;
	background:url(/pr/vona/mech/processing/gears/images/gears_images36.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*----------------
追加修正
-----------------------------*/
.mainArea .gearsAddPro{
	width:950px;
	margin:10px auto 30px;	
}

.mainArea .gearsAddPro .gearsAddProBox{
	clear: both;
	width:909px;
	text-align:center;
	display:block;
}

.mainArea .gearsAddPro .gearsAddProBoxEnd{
	width:295px;
	float:left;	
	padding:10px;
	text-align:center;
	display:block;
}

.mainArea .gearsAddPro .gearsAddProBox h3.gearsItemName{
	margin-bottom:25px;
}


.mainArea .gearsAddPro .gearsAddProBox dl.itemBox {
	float: left;
	width: 270px;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 38px 0 35px;
}
.mainArea .gearsAddPro .gearsAddProBox dd.itemImg { padding: 15px 0 12px;}
.mainArea .gearsAddPro .gearsAddProBox dd.itemBtn { padding-bottom:5px; }

.mainArea .gearsAddPro .gearsAddProBox .recomBox {
	float: left;
	width: 588px;
	border-bottom:1px solid #dd0000;
	margin-left:25px;
}
.mainArea .gearsAddPro .gearsAddProBox .recomBoxIn {
	float: left;
	width: 271px;
}
.mainArea .gearsAddPro .gearsAddProBox .recomBox dl.recomImg{
	width:100px;
	float:left;
 }
.mainArea .gearsAddPro .gearsAddProBox .recomBox dl.recomRight {
	width:160px;
	padding:0 5px 10px;
	float:right;
	text-align:left;
}

.mainArea .gearsAddPro .gearsAddProBox .recomBox dd.recomTxt {
	padding:10px 0 10px;
 }
.mainArea .gearsAddPro .gearsAddProBox .recomBox dd.recomBtn {
		text-align:center;
		padding: 5px 0 20px;
}

.mainArea .gearsAddPro .gearsAddProBox .recomBox .recomTitle {
	padding:10px 5px 15px;
	text-align:left;
 }