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


/* --------------------------------------------------------------------
	TOP
--------------------------------------------------------------------- */

#content {
	width: 950px;
	margin: 0px auto;
}
#topMainImg {
	width: 950px;
	height: 235px;
	position: relative;
        padding-bottom: 25px;
}
#topArrowLeft {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 160px;
	left: 20px;
}
#topArrowRight {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 160px;
	right: 20px;
}
#topMainImgThum {
	padding: 15px 0px 10px 438px;
}
#topMainImgThum li {
	width: 10px;
	height: 10px;
	margin: 0px 6px 0px 0px;
	display: block;
	background-image: url(../images/top/circle_off.gif);
	overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
	float: left;
}
#topMainImgThum li a {
	width: 10px;
	height: 10px;
	display: block;
}
#topMainImgThum li.active {
	*display: inline;
    *zoom: 1;
	background-image: url(../images/top/circle_on.gif);
}
#topLeftBlock {
	width: 640px;
	padding: 15px 0px 0px;
	float: left;
}
#topRightBlock {
	width: 250px;
	float: right;
}
#topTitle01 {
	height: 25px;
	min-height: 25px;
	margin-bottom: 10px;
	padding: 2px 0px 2px;
	font-size: 125%;
	color: #3E3A39;
	padding-left: 32px;
	background-image: url(../images/top/icon_topics.gif);
	background-repeat: no-repeat;
	border-bottom: 2px solid #D7D7D7;
}
#topTitle02 {
	height: 25px;
	min-height: 25px;
	margin-bottom: 10px;
	padding: 2px 0px 2px;
	font-size: 125%;
	color: #3E3A39;
	padding-left: 32px;
	background-image: url(../images/top/icon_info.gif);
	background-repeat: no-repeat;
	border-bottom: 2px solid #D7D7D7;
}
.topTopicsBox {
	margin-bottom: 35px;
	/*font-size: 80%;*/
        font-size: 14px;
	color: #828282;
	border-bottom: 2px solid #D7D7D7;
	position: relative;
	background-color: #FFFFFF;
        min-height: 127px;
}
.topTopicsArrow {
	width: 12px;
	height: 7px;
	margin: -10px 0px 5px 622px;
}
.topTopicsDate {
	width: 80px;
	padding: 0px 0px 0px 10px;
	float: left;
}
.topTopicsCont {
	width: 550px;
	float: right;
}
.topTopics {
	padding-bottom: 12px;
	clear: both;
}
.topIconMenu {
	width: 200px;
	height: 200px;
	margin-bottom: 20px;
	float: left;
        position: relative;
}

#topLoginStatus {
	margin-bottom: 5px;
	color: #717070;
	/*font-size: 69%;*/
        font-size: 13px;
}
#topLoginName {
	margin-bottom: 10px;
	color: #000000;
	font-size: 112%;
}
#topbtnLogin {
	margin-bottom: 30px;
}
#iconPackage {
	width: 29px;
	height: 27px;
	margin: 0px auto 10px;
}
#topRightLoginBlock {
	/*margin: 42px 0px 30px;*/
        margin: 12px 0px 30px;
	padding: 12px 0px 0px;
	background-color: #595758;	
}
#topRightUserID {
	width: 224px;
	height: 30px;
	margin: 0px auto 10px;
}
#topRightPass {
	width: 224px;
	height: 30px;
	margin: 0px auto 10px;
}
#topRightBlock01 {
	margin-bottom: 18px;
	padding: 0px 0px 15px;
	background-color: #788691;	
}
#topRightRemenber {
	width: 180px;
	padding: 0px 0px 0px 13px;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 125%;
	float: left;
        margin-bottom: 10px;
}
.topIconQLogin {
	width: 18px;
	height: 18px;
	margin: 3px 0px 10px;
	padding: 0px 13px 0px 0px;
	float: right;
}
.topRightText {
	padding: 15px;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 125%;
	text-align: center;
}
#topRightForm01 {
	width: 224px;
	height: 110px;
        margin: 0px auto 7px;
}
.topIconQ {
	margin: 0px 0px 5px 220px; 
}
#topRightForm02 {
	width: 224px;
	height: 30px;
	margin: 15px auto 0px;
}
#topRightBlock02 {
	margin-bottom: 18px;
	padding: 0px 0px 15px;
	background-color: #B1C2B2;
}
#topRightForm03 {
	width: 224px;
	height: 30px;
	margin: 0px auto 15px;
}
#topRightForm04 {
	width: 224px;
	height: 155px;
	margin: 0px auto 7px;
}
#topRightForm05 {
	width: 224px;
	height: 30px;
	margin: 15px auto 0px;
}
#topRightBlock03 {
	margin-bottom: 18px;
	padding: 0px 0px 10px;
	background-color: #C9C9C9;
}
.topRightText02 {
	padding: 0px 15px 10px;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 125%;
}
.topRightCalender {
	width: 224px;
	/*height: 215px;*/
	margin: 0px auto 10px;
        background-color: white;
}

.topRightCalenderImage{
    margin-bottom: 5px;
}

#topRightCalenderText01 {
	min-height: 14px;
	margin: 0px 15px 0px;
	padding: 0px 0px 5px 30px;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 125%;
	background-image: url(../images/top/color_pink.gif);
	background-repeat: no-repeat;
}
#topRightCalenderText02 {
	min-height: 14px;
	margin: 0px 15px 0px;
	padding: 0px 0px 10px 30px;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 125%;
	background-image: url(../images/top/color_blue.gif);
	background-repeat: no-repeat;
}

/* --------------------------------------------------------------------
	Freight Quotation
--------------------------------------------------------------------- */

#freightGrayBlock {
	/*width: 540px;*/
        width: 810px;
	padding: 30px 50px 40px;
	color: #595858;
	background-color: #EEEEEE;
	clear: both;
}
#freightGreenBlock {
	/*width: 540px;*/
        width: 810px;
	padding: 30px 50px 40px;
	color: #595858;
	background-color: rgba(206,223,175,0.7);
	clear: both;
}
.freightSubTitle {
	font-size: 125%;
	font-weight: normal;
}
.freightText {
	margin-bottom: 5px;
	/*font-size: 75%;*/
        font-size: 14px;
}
.freightInputBlock {
        /*width: 520px;*/
        width: 790px;
	float: left;
}
.freightLeftBlock {
	/*width: 260px;*/
        width: 227px;
	float: left;
}
.freightRightBlock {
	width: 260px;
	float: right;
}
.freightRightBlock02 {
        /*width: 250px;*/
        width: 217px;
	float: right;
}

.freightHelpText {
	/*font-size: 75%;*/
        font-size: 14px;
	line-height: normal;
        /*margin-top: 20px;*/
}
.freightOrangeText {
	color: #F19613;
}
.freightNote {
	/*font-size: 75%;*/
        font-size: 14px;
	line-height: 150%;
}
.freightBntQuote {
	/*width: 250px;*/
        width: 217px;
	height: 30px;
	margin: 0px auto 60px;
}
.freightLabelText {
	/*font-size: 80%;*/
        font-size: 14px;
	line-height: normal;
        color: #999999;
        margin-bottom: 3px;
}
#freightWidth {
	/*width: 260px;*/
        width: 160px;
	height:30px;
        margin-right: 20px;
}
#freightLendht {
	/*width: 260px;*/
        width: 160px;
	height:30px;	
        margin-right: 20px;
}
#freightHeight {
	/*width: 260px;*/
        width: 160px;
	height:30px;
}
#freightWeight {
	width: 260px;
	height:30px;
}
#freightDHLForm01 {
	width: 250px;
	height: 30px;
}
#freightDHLForm02 {
	width: 250px;
	height: 30px;
}
#freightAirForm01 {
	width: 250px;
	height: 30px;
}
#freightAirForm02 {
	width: 250px;
	height: 30px;
}
#freightSeaForm01 {
	width: 250px;
	height: 30px;
}
#freightSeaForm02 {
	width: 250px;
	height: 30px;
}
#freightSeaForm03 {
	width: 250px;
	height: 30px;
}
#freightSeaForm04 {
	width: 250px;
	height: 30px;
}
#freightDHLPrice {
	width: 250px;
	height: 60px;
}
#freightAirPrice {
	width: 250px;
	height: 60px;
}

#freightWidth  input,
#freightLendht input,
#freightHeight input,
#freightWeight input {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
        width: 160px;
	height: 28px;
}

#freightDHLForm01 select,
#freightDHLForm02 select,
#freightAirForm01 select,
#freightAirForm02 select,
#freightSeaForm01 select,
#freightSeaForm02 select,
#freightSeaForm03 select,
#freightSeaForm04 select:enabled{
	/*width: 250px;*/
        width: 232px;
	height: 30px;
	border: 1px solid #cccccc;
	color: #828282;
}

#freightSeaForm04 select:disabled{
        width: 232px;
	height: 30px;
	color: #828282;
}

#freightDHLPrice,
#freightAirPrice {
	/*width: 250px;*/
        width: 232px;
	height: 60px;
	background-color: #ffffff;
}

#freightDHLPrice div,
#freightAirPrice div {
	padding: 20px;
	text-align: right;
	color: #828282;
}
/* --------------------------------------------------------------------
	Campaign
--------------------------------------------------------------------- */
#campaignGrayBlock {
	width: 540px;
	padding: 30px 50px 40px;
	background-color: #EEEEEE;
	color: #595858;
	clear: both;
}
.canpaignSubTitle {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
}
.campaignTitle {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
}
.campaignDate {
	margin-bottom: 40px;
	font-size: 114%;
}
#campaignPartsNo {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
}
#campaignPartsName {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
}
.campaignPartsList {
	margin-bottom: 40px;
	font-size: 84%;
	line-height: 167%;
}
#campaignDescription {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
}
.campaignBody {
	margin-bottom: 25px;
	/*font-size: 84%;*/
        font-size: 14px;
	line-height: 167%;
}
.canpaignImg {
	/*width: 248px; height: 350px;*/
        width: 248px;
	-webkit-box-shadow:7px 7px 10px #9F9FA0;
    -moz-box-shadow:7px 7px 10px #9F9FA0;
    -ms-box-shadow:7px 7px 10px #9F9FA0;
    -o-box-shadow:7px 7px 10px #9F9FA0;
    box-shadow:7px 7px 10px #9F9FA0;
}

.campaign3Img {
	width: 152px;
	padding-bottom: 30px;
	float: left;
}

.campaign3Img img{
    -webkit-box-shadow:7px 7px 10px #9F9FA0;
    -moz-box-shadow:7px 7px 10px #9F9FA0;
    -ms-box-shadow:7px 7px 10px #9F9FA0;
    -o-box-shadow:7px 7px 10px #9F9FA0;
    box-shadow:7px 7px 10px #9F9FA0;
}

/* --------------------------------------------------------------------
	Spare Parts Campaign Information
--------------------------------------------------------------------- */

.campaignScheduleList {
	margin-bottom: 50px;
	padding-left: 30px;
	font-size: 82%;
}
.campaignScheduleList li {
	margin-bottom: 10px;
}
.campaignGroupTitle {
	width: 504px;
	margin: 0px 0px 15px 20px;
	padding: 8px;
	color: #FFF;
	font-size: 82%;
	background-color: #9F9F9F;
	font-weight: normal;		
}
.campaignListOuter {
	margin-left: 20px;
}
.campaignList {
	margin-bottom: 10px;
	/*font-size: 75%;*/
        
        font-size: 14px;
}
/*.campaignListDate {
	width: 80px;
	padding-left: 5px;
	float: left;
}
.campaignListCont {
	width: 435px;
	float: left;
}*/

.campaignListCont {
        padding-left: 5px;
	width: 515px;
}

/* --------------------------------------------------------------------
	KGPC Information
--------------------------------------------------------------------- */

#infoContent {
	padding: 30px 0px;
	color: #595757;
	clear: both;
}
.infoLeftBlock01 {
	width: 310px;
	padding-left: 50px;
	float: left;
}
.infoRightBlock01 {
	width: 200px;
	padding-right: 10px;
	float: right;
}
.infoLeftBlock02 {
	width: 250px;
	float: left;
}
.infoRightBlock02 {
	width: 335px;
	/*padding-top: 45px;*/
	line-height: 183%;
	float: right;
}
.infoRightBlock02 p {
	/*font-size: 82%;*/
        font-size: 14px;
	line-height: 170%;
        margin-bottom: 20px;
}
.infoMessageBlock{
        clear: both;
	width: 100%;
	/*padding-top: 45px;*/
	line-height: 183%;
}
.infoMessageBlock p {
        font-size: 14px;
	line-height: 170%;
        margin-bottom: 20px;
}
.infoTitle {
	margin-bottom: 30px;
	font-size: 125%;
	line-height: 135%;
	font-weight: normal;
}
.infoList {
	/*font-size: 82%;*/
        font-size: 14px;
}
.infoList dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.infoList dd {
	margin-bottom: 10px;
	padding-left: 12px;
}


/* --------------------------------------------------------------------
	Tracking
--------------------------------------------------------------------- */

#trackingTitle {
	height: 23px;
	margin-bottom: 10px;
	padding: 5px 0px 0px 35px;
	font-size: 125%;
	color: #403C3C;
	background-image: url(../images/top/icon_package.gif);
	background-repeat: no-repeat;
}
.trackingTable01 {
	margin-bottom: 5px;
	color: #595757;
	border-top: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
}
.trackingTable01 th {
	/*padding: 10px 5px;*/
        padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
        font-size: 11px;
	background-color: #DADBDB;
	text-align: center;
	vertical-align: middle;
}
.trackingTable01 td {
	/*padding: 10px 5px;*/
        padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
        font-size: 11px;
	text-align: center;
	vertical-align: middle;
}
.trackingTable01 th.width01 {
	/*width: 90px;*/
        width: 76px;
}
.trackingTable01 th.width02 {
	width: 240px;
}
.trackingTable01 th.width03 {
	width: 277px;
}
.trackingTable01 th.width04 {
	width: 277px;
}

.trackingTable02 {
	color: #595757;
	border-top: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
        margin-bottom: 30px;
}
.trackingTable02 th {
	/*padding: 10px 5px;*/
        padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
        font-size: 11px;
	background-color: #DADBDB;
	text-align: center;
	vertical-align: middle;
}
.trackingTable02 td {
	/*padding: 10px 5px;*/
        padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
        font-size: 11px;
	/*text-align: center;*/
	vertical-align: middle;
}
.trackingTable02 td.backGray {
	background-color: #EDEDED;
}
.trackingTable02 th.width01 {
	width: 76px;
}
.trackingTable02 th.width02 {
	/*width: 136px;*/
        width: 110px;
}
.trackingTable02 th.width03 {
	width: 180px;
}
.trackingTable02 th.width04 {
	width: 33px;
}
.trackingTable02 th.width05 {
	width: 100px;
}
.trackingTable02 th.width06 {
	width: 240px;
}
.trackingTable02 th.width07 {
	width: 33px;
}
.trackingTable02 th.width08 {
	width: 70px;
}


/* --------------------------------------------------------------------
	Trivial Facts
--------------------------------------------------------------------- */

#trivalGrayBox {
	padding: 30px 50px;
	background-color: #EDEDED;
	clear: both;	
}
.trivalTitle {
	margin-bottom: 25px;
	font-size: 125%;
	color: #595858;
}
.trivalList {
	margin-bottom: 10px;
	padding-left: 30px;
	/*font-size: 75%;*/
        font-size: 14px;
	color: #595757;
}
.trivalListDate {
	width: 80px;
	float: left;
}
.trivalListCont {
	width: 430px;
	float: left;
}


/* --------------------------------------------------------------------
	Parts Bulletin Information
--------------------------------------------------------------------- */

.pertsBulletinList {
	margin-bottom: 10px;
	/*font-size: 75%;*/
        font-size: 14px;
	color: #595757;
}
.pertsBulletinDate {
	width: 80px;
	float: left;
}
.pertsBulletinCont {
	width: 460px;
	float: left;
}

/* --------------------------------------------------------------------
	Correspondence
--------------------------------------------------------------------- */
#correspondenceTitle {
	height: 23px;
	margin-bottom: 10px;
	padding: 5px 0px 0px 35px;
	font-size: 125%;
	color: #403C3C;
	/*background-image: url(../images/top/icon_package.gif);*/
	/*background-repeat: no-repeat;*/
}

.correspondenceTable01 {
	margin-bottom: 5px;
	color: #595757;
	border-top: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
}
.correspondenceTable01 th {
	/*padding: 10px 5px;*/
	padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
	font-size: 11px;
	background-color: #DADBDB;
	text-align: center;
	vertical-align: middle;
}
.correspondenceTable01 td {
	/*padding: 10px 5px;*/
	padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}
.correspondenceTable01 th.width01 {
	/*width: 90px;*/
	width: 76px;
}
.correspondenceTable01 th.width02 {
	width: 240px;
}
.correspondenceTable01 th.width03 {
	width: 277px;
}
.correspondenceTable01 th.width04 {
	width: 277px;
}

.correspondenceTable02 {
	color: #595757;
	border-top: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
	margin-bottom: 30px;
}
.correspondenceTable02 th {
	/*padding: 10px 5px;*/
	padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
	font-size: 11px;
	background-color: #DADBDB;
	text-align: center;
	vertical-align: middle;
}
.correspondenceTable02 td {
	/*padding: 10px 5px;*/
	padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
	font-size: 11px;
	/*text-align: center;*/
	vertical-align: middle;
}
.correspondenceTable02 td.backGray {
	background-color: #EDEDED;
}
.correspondenceTable02 th.width01 {
	width: 76px;
}
.correspondenceTable02 th.width02 {
	/*width: 136px;*/
	width: 110px;
}
.correspondenceTable02 th.width03 {
	width: 180px;
}
.correspondenceTable02 th.width04 {
	width: 33px;
}
.correspondenceTable02 th.width05 {
	width: 100px;
}
.correspondenceTable02 th.width06 {
	width: 240px;
}
.correspondenceTable02 th.width07 {
	width: 33px;
}
.correspondenceTable02 th.width08 {
	width: 70px;
}

.correspondenceTable03 {
	color: #595757;
	border-top: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
	margin-bottom: 30px;
}
.correspondenceTable03 th {
	/*padding: 10px 5px;*/
	padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
	/*font-size: 11px;*/
	font-size: 12.5px;
	background-color: #DADBDB;
	text-align: center;
	vertical-align: middle;
}
.correspondenceTable03 td {
	/*padding: 10px 5px;*/
	padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 75%;*/
	/*font-size: 11px;*/
	font-size: 12.5px;
	/*text-align: center;*/
	vertical-align: middle;
}
.correspondenceTable03 td.backGray {
	background-color: #EDEDED;
}
.correspondenceTable03 th.width01 {
	width: 100px;
}
.correspondenceTable03 th.width02 {
	/*width: 136px;*/
	width: 100px;
}
/*.correspondenceTable03 th.width03 {
	width: 180px;
}*/

.correspondenceGrayBlock {
	width: 810px;
	padding: 30px 50px 20px;
	color: #595858;
	background-color: #EEEEEE;
	clear: both;
	margin-bottom: 30px;
}

#correspondenceDetail {
	/*width: 260px;*/
	width: 400px;
	height:30px;
	margin-right: 20px;
}

.correspondenceOrderDetail {
	/*width: 260px;*/
	float: left; 
	width: 600px;
	height:30px;
	margin-bottom: 10px;
}

.correspondenceQuestion{
	width: 500px; 
	float: left; 
	padding: 0px 30px 0px 30px;
}

#correspondenceDetail input {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
	width: 400px;
	height: 28px;
}

.correspondenceOrderDetail input {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
	width: 400px;
	height: 28px;
}

.correspondenceOrderDetail textarea {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
	width: 400px;
	height:80px;
}

.correspondenceOrderDetail span.label{
	/* 2025/03/14修正 */
	/* width: 150px; */
	width: 170px;
	display: inline-block;
	/*padding: 0px 30px 0px 30px;*/
}

.correspondenceInputBlock {
	width: 800px;
	float: left;
}

.correspondenceSubTitle {
	font-size: 125%;
	font-weight: normal;
	clear: both; 
	padding: 20px 30px 10px 30px;
}

.corresponenceKobelcoUserBackColor{
	background-color: #B3DCE7!important;
}

.corresponenceFont, .corresponenceFont input{
	font-family: "BIZ UDPGothic";
}

/* --------------------------------------------------------------------
	Shipping information
--------------------------------------------------------------------- */

.shippingContent {
	padding: 30px 0px;
	clear: both;
        background-color: #EEEEEE; 
        color: #595858; 
        clear: both; 
        margin-bottom: 30px;
}
.shippingLeftBlock01 {
	width: 310px;
	padding-left: 50px;
	float: left;
}
.shippingRightBlock01 {
	width: 200px;
	padding-right: 10px;
	float: right;
}
.shippingLeftBlock02 {
	width: 250px;
	float: left;
}
.shippingRightBlock02 {
	width: 335px;
	/*padding-top: 45px;*/
	line-height: 183%;
	float: right;
}
.shippingRightBlock02 p {
	/*font-size: 82%;*/
        font-size: 14px;
	line-height: 170%;
        margin-bottom: 20px;
}
.shippingMessageBlock{
        clear: both;
	width: 100%;
	/*padding-top: 45px;*/
	line-height: 183%;
}
.shippingMessageBlock p {
        font-size: 14px;
	line-height: 170%;
        margin-bottom: 20px;
}
.shippingTitle {
	margin-bottom: 30px;
	font-size: 125%;
	line-height: 135%;
	font-weight: normal;
}
.shippingList {
	/*font-size: 82%;*/
        font-size: 14px;
        margin-top: 20px;
}
.shippingList dt {
	margin-bottom: 15px;
	font-weight: bold;
}

.shippingBlock {
	/*width: 170px;*/
        width: 450px;
        /*width: 100%;*/
	/*margin-bottom: 20px;*/
	float: left;
}

.shippingTab {
    padding: 20px;
}

.shippingTab a{
    padding-right: 30px;
}

.shippingTab span{
    padding-right: 30px;
}

/* --------------------------------------------------------------------
	Customer's feedback
--------------------------------------------------------------------- */
#surveyTitle {
	height: 23px;
	margin-bottom: 10px;
	padding: 5px 0px 0px 35px;
	font-size: 125%;
	color: #403C3C;
	background-image: url(../images/top/icon_package.gif);
	background-repeat: no-repeat;
}

#surveyGrayBlock{
    	width: 100%;
	padding: 30px 0px 40px;
	color: #595858;
	background-color: #EEEEEE;
	clear: both;
    }
    
#surveyGrayBlock{
    width: 100%;
    padding: 30px 0px 40px;
    color: #595858;
    background-color: #EEEEEE;
    clear: both;
}

.surveyCustomerInfo {
	/*width: 260px;*/
        float: left; 
        width: 100%;
	/*height:30px;*/
        margin-bottom: 10px;
}

.surveyCustomerInfoLabel{
	width: 150px;
        display: inline-block;
        padding: 0px 30px 0px 30px;
}

.surveyCustomerInfoText{
	border: 1px solid #ffffff;
	color: #828282;
        width: 400px;
	height: 28px;
}

.surveyCustomerInfoTextArea{
	border: 1px solid #ffffff;
	color: #828282;
        width: 400px;
        height: 80px;
}

.surveyCustomerInfoInputLabel{
        width: 600px;
	height: 20px; 
        display: inline-block;
}


.surveyCustomerInfoTextAreaLabel{
        width: 290px;
        display: inline-block;
}

.surveyQuestion{
	width: 100%;
}

.surveyQuestionLabel{
	width: 500px; 
        float: left; 
        padding: 0px 30px 0px 30px;
}

.surveyQuestionTextArea{
	width: 290px; 
        border: 1px solid #ffffff;
	color: #828282;
        height: 80px;
}

.surveyOrderDetail input {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
        width: 400px;
	height: 28px;
}

.surveyOrderDetail textarea {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
        width: 400px;
	height:80px;
}

.surveyOrderDetail span.label{
	width: 150px;
        display: inline-block;
        padding: 0px 30px 0px 30px;
}



.surveyInputBlock {
        width: 800px;
	float: left;
}

.surveySubTitle {
	font-size: 125%;
	font-weight: normal;
        clear: both; 
        padding: 20px 30px 10px 30px;
}

.surveyRadioHeader {
	width: 290px; 
        float: right; 
        font-size: 10pt; 
        padding-right: 50px;
        clear: both; 
        margin-bottom: 10px;
}

.surveyRadioHeaderItem {
	width: 70px; 
        height: 26px; 
        float: left; 
        margin-right: 3px; 
        text-align: center;
}

.surveyRadioButton {
	width: 290px; 
        float: right; 
        padding-right: 50px;
}

.va_t{
    vertical-align: top;
}


/* --------------------------------------------------------------------
	Chart
--------------------------------------------------------------------- */
#chartDetailTitle {
	height: 23px;
	margin-bottom: 10px;
	/*padding: 5px 0px 0px 35px;*/
        padding: 5px 0px 0px 0px;
	font-size: 125%;
	color: #403C3C;
/*	background-image: url(../images/top/icon_package.gif);
	background-repeat: no-repeat;*/
}

.chartDetailTable {
	margin-bottom: 5px;
	color: #595757;
	border-top: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
        margin-bottom: 20px;
}
.chartDetailTable th {
	/*padding: 10px 5px;*/
        padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 78%;*/
        font-size: 12px;
	background-color: #DADBDB;
	text-align: center;
	vertical-align: middle;
}
.chartDetailTable td {
	/*padding: 10px 5px;*/
        padding: 7px 5px;
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	/*font-size: 78%;*/
        font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

/* 稼働機カルテ お客様情報 */
.chartDetailTable01 {
    word-break: break-all;
}
.chartDetailTable01 th {
    word-break: normal;
}
.chartDetailTable01 .width01 {
        width: 15%;
}
.chartDetailTable01 .width02 {
	width: 35%;
}
.chartDetailTable01 .width03 {
	width: 15%;
}
.chartDetailTable01 .width04 {
	width: 35%;
}

/* 稼働機カルテ 納入・巡回記録 */
.chartDetailTable02 tbody td{
    font-size: 10.5px;
}
.chartDetailTable02 tbody input{
    font-size: 10.5px;
}
.chartDetailTable02 tbody textarea{
    font-size: 10.5px;
}

.chartDetailTable02 {
    word-break: break-all;
}
.chartDetailTable02 th {
    word-break: normal;
}
.chartDetailTable02 .width01 {
    width: 40px;
}
.chartDetailTable02 .width02 {
    width: 150px;
}
.chartDetailTable02 .width03 {
    width: 80px;
}
.chartDetailTable02 .width04 {
    width: 80px;
}
.chartDetailTable02 .width05 {
    width: 80px;
}
.chartDetailTable02 .width06 {
    width: 80px;
}
.chartDetailTable02 .width07 {
    width: auto;
}
.chartDetailTable02 .width08 {
    /*width: 80px;*/
    width: 50px;
}
.chartDetailTable02 .width09 {
    /*width: 40px;*/
    width: 20px;
}

/* 稼働機カルテ サービス記録 */
.chartDetailTable03 tbody td{
    font-size: 10.5px;
}
.chartDetailTable03 tbody input{
    font-size: 10.5px;
}
.chartDetailTable03 tbody textarea{
    font-size: 10.5px;
}
.chartDetailTable03 tbody select{
    font-size: 10.5px;
}

.chartDetailTable03 a {
    font-size: 12px;
}
.chartDetailTable03 {
    word-break: break-all;
}
.chartDetailTable03 th {
    word-break: normal;
}
.chartDetailTable03.view .width01 {
        width: 10px;
}
.chartDetailTable03 .width01 {
        width: 40px;
}
.chartDetailTable03 .width02 {
	width: 60px;
}
.chartDetailTable03 .width03 {
	/*width: 58px;*/
        width: 70px;
}
.chartDetailTable03 .width04 {
	width: 10px;
}
.chartDetailTable03 .width05 {
	/*width: 65px;*/
        width: 45px;
}
.chartDetailTable03 .width06 {
	width: 70px;
}
.chartDetailTable03 .width07 {
	width: auto;
}
.chartDetailTable03 .width08 {
	width: 70px;
}
.chartDetailTable03 .width09 {
	width: 70px;
}
.chartDetailTable03 .width10 {
	width: 45px;
}
.chartDetailTable03 .width11 {
	/*width: 80px;*/
        width: 50px;
}
.chartDetailTable03 .width12 {
	/*width: 40px;*/
        width: 20px;
}

.chartDetailTable03 .width13 {
        width: 50px;
}
.chartDetailTable03 .width13v {
        width: 25px;
}

.chartDetailTable03 .height01 {
	height: 25px;
}
.chartDetailTable03 .height02 {
	height: 25px;
}
.chartDetailTable03 .height03 {
	height: 75px;
}
.chartDetailTable03 .edit_mode .kbn_area {
        cursor: pointer;
    }
.chartDetailTable03 .vertical {
    writing-mode: tb-rl;
    direction: ltr;
    width: 11px;
    height: 120px;
}

/* 稼働機カルテ 営業 */
.chartDetailTable04 tbody td{
    font-size: 10.5px;
}
.chartDetailTable04 tbody input{
    font-size: 10.5px;
}
.chartDetailTable04 tbody textarea{
    font-size: 10.5px;
}

.chartDetailTable04 {
    word-break: break-all;
}
.chartDetailTable04 th {
    word-break: normal;
}
.chartDetailTable04 .width01 {
    width: 40px;
}
.chartDetailTable04 .width02 {
    width: 150px;
}
.chartDetailTable04 .width03 {
    width: 80px;
}
.chartDetailTable04 .width04 {
    width: 80px;
}
.chartDetailTable04 .width05 {
    width: 80px;
}
.chartDetailTable04 .width06 {
    width: 80px;
}
.chartDetailTable04 .width07 {
    width: auto;
}
.chartDetailTable04 .width08 {
    /*width: 80px;*/
    width: 50px;
}
.chartDetailTable04 .width09 {
    /*width: 40px;*/
    width: 20px;
}

.chartDetailTable03 .transform{
    transform: rotateZ(180deg);
}

.chartImage {
	margin-bottom: 5px;
	color: #595757;
	border: 1px solid #A5A5A5;
        margin-bottom: 20px;
}

#chartDetailGrayBlock {
	width: 810px;
	padding: 30px 50px 20px;
	color: #595858;
	background-color: #EEEEEE;
	clear: both;
        margin-bottom: 30px;
}

.chartDetailGrayBlock {
	width: 810px;
	padding: 30px 50px 20px;
	color: #595858;
	background-color: #EEEEEE;
	clear: both;
        margin-bottom: 30px;
}

#chartDetailDetail {
	/*width: 260px;*/
        width: 400px;
	height:30px;
        margin-right: 20px;
}

.chartDetailOrderDetail {
	/*width: 260px;*/
        float: left; 
        width: 600px;
	height:30px;
        margin-bottom: 10px;
}

.chartDetailQuestion{
	width: 500px; 
        float: left; 
        padding: 0px 30px 0px 30px;
}

#chartDetailDetail input {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
        width: 400px;
	height: 28px;
}

.chartDetailOrderDetail input {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
        width: 400px;
	height: 28px;
}

.chartDetailOrderDetail textarea {
	border: 1px solid #ffffff;
	color: #828282;
	/*width: 260px;*/
        width: 400px;
	height:80px;
}

.chartDetailOrderDetail span.label{
	width: 150px;
        display: inline-block;
        /*padding: 0px 30px 0px 30px;*/
}

.chartDetailInputBlock {
        width: 800px;
	float: left;
}

.chartDetailSubTitle {
	font-size: 125%;
	font-weight: normal;
        clear: both; 
        padding: 20px 30px 10px 30px;
}

/* 稼動機カルテ(インド版) */
/* 稼働機カルテ お客様情報 */
.chartExDetailTable01 {
    word-break: break-all;
}
.chartExDetailTable01 th {
    word-break: normal;
}
.chartExDetailTable01 .width01 {
        width: 15%;
}
.chartExDetailTable01 .width02 {
	width: 35%;
}
.chartExDetailTable01 .width03 {
	width: 15%;
}
.chartExDetailTable01 .width04 {
	width: 35%;
}

/* 稼働機カルテ 納入・巡回記録 */
.chartExDetailTable02 tbody td{
    font-size: 10.5px;
}
.chartExDetailTable02 tbody input{
    font-size: 10.5px;
}
.chartExDetailTable02 tbody textarea{
    font-size: 10.5px;
}

.chartExDetailTable02 {
    word-break: break-all;
}
.chartExDetailTable02 th {
    word-break: normal;
}
.chartExDetailTable02 .width01 {
    width: 40px;
}
.chartExDetailTable02 .width02 {
    width: 150px;
}
.chartExDetailTable02 .width03 {
    width: 80px;
}
.chartExDetailTable02 .width04 {
    width: 80px;
}
.chartExDetailTable02 .width05 {
    width: 80px;
}
.chartExDetailTable02 .width06 {
    width: 80px;
}
.chartExDetailTable02 .width07 {
    width: auto;
}
.chartExDetailTable02 .width08 {
    width: 100px;
}
.chartExDetailTable02 .width09 {
    width: 50px;
}
.chartExDetailTable02 .width10 {
    width: 20px;
}

/* 稼働機カルテ サービス記録 */
.chartExDetailTable03{
    table-layout: fixed;
}
.chartExDetailTable03 tbody td{
    font-size: 10.5px;
}
.chartExDetailTable03 tbody input{
    font-size: 10.5px;
}
.chartExDetailTable03 tbody textarea{
    font-size: 10.5px;
}
.chartExDetailTable03 tbody select{
    font-size: 10.5px;
}
.chartExDetailTable03 a {
    font-size: 12px;
}
.chartExDetailTable03 {
    word-break: break-all;
}
.chartExDetailTable03 th {
    word-break: normal;
}

.chartExDetailTable03.view .width01 {
        width: 20px;
}
.chartExDetailTable03 .width01 {
        width: 40px;
}
.chartExDetailTable03 .width02 {
	width: 110px;
}
.chartExDetailTable03 .width03 {
        width: 80px;
}
.chartExDetailTable03 .width04 {
	width: 70px;
}
.chartExDetailTable03 .width05 {
        width: 70px;
}
.chartExDetailTable03 .width06 {
        width: 70px;
}
.chartExDetailTable03 .width07{
        width: 220px;
}
.chartExDetailTable03 .width08{
        width: 88px;
}
.chartExDetailTable03 .width09{
        width: 44px;
}
.chartExDetailTable03 .width07-01,
.chartExDetailTable03 .width07-02,
.chartExDetailTable03 .width07-03,
.chartExDetailTable03 .width07-04,
.chartExDetailTable03 .width07-05,
.chartExDetailTable03 .width07-06,
.chartExDetailTable03 .width07-07,
.chartExDetailTable03 .width07-08,
.chartExDetailTable03 .width07-09,
.chartExDetailTable03 .width07-10,
.chartExDetailTable03 .width08-01,
.chartExDetailTable03 .width08-02,
.chartExDetailTable03 .width08-03,
.chartExDetailTable03 .width08-04,
.chartExDetailTable03 .width09-01,
.chartExDetailTable03 .width09-02
{
	width: 10px;
}

.chartExDetailTable03 .width10 {
        width: 40px;
}
.chartExDetailTable03 .width11 {
        width: 70px;
}
.chartExDetailTable03 .width12 {
        width: 150px;
}
.chartExDetailTable03 .width13{
        width: 70px;
}
.chartExDetailTable03 .width14{
        width: 70px;
}

.chartExDetailTable03 .width15{
        width: 313px;
}
.chartExDetailTable03 .width15-01 {
        width: 70px;
}
.chartExDetailTable03 .width15-02 {
        width: 70px;
}
.chartExDetailTable03 .width15-03 {
        width: 70px;
}
.chartExDetailTable03 .width15-04 {
        width: 70px;
}

.chartExDetailTable03 .width16 {
        width: 556px;
}
.chartExDetailTable03 .width16-01 {
        width: 70px;
}
.chartExDetailTable03 .width16-02 {
        width: 70px;
}
.chartExDetailTable03 .width16-03 {
        width: 70px;
}
.chartExDetailTable03 .width16-04 {
        width: 70px;
}
.chartExDetailTable03 .width16-05 {
        width: 70px;
}
.chartExDetailTable03 .width16-06 {
        width: 70px;
}
.chartExDetailTable03 .width16-07 {
        width: 70px;
}

.chartExDetailTable03 .width17 {
        width: 60px;
}
.chartExDetailTable03 .width18 {
        width: 70px;
}
.chartExDetailTable03 .width19 {
        width: 70px;
}
.chartExDetailTable03 .width20 {
        width: 70px;
}
.chartExDetailTable03 .width21 {
        width: 70px;
}
.chartExDetailTable03 .width22 {
        width: 60px;
}
.chartExDetailTable03 .width23 {
        width: 55px;
}
.chartExDetailTable03 .width24 {
        width: 60px;
}
.chartExDetailTable03 .width25 {
        width: 20px;
}


.chartExDetailTable03 .height01 {
	height: 25px;
}
.chartExDetailTable03 .height02 {
	height: 75px;
}

.chartExDetailTable03 .edit_mode .kbn_area {
        cursor: pointer;
    }
    
.chartExDetailTable03 .vertical {
    writing-mode: tb-rl;
    direction: ltr;
    width: 11px;
    height: 120px;
}

/* 稼働機カルテ 営業 */
.chartExDetailTable04 tbody td{
    font-size: 10.5px;
}
.chartExDetailTable04 tbody input{
    font-size: 10.5px;
}
.chartExDetailTable04 tbody textarea{
    font-size: 10.5px;
}

.chartExDetailTable04 {
    word-break: break-all;
}
.chartExDetailTable04 th {
    word-break: normal;
}
.chartExDetailTable04 .width01 {
    width: 40px;
}
.chartExDetailTable04 .width02 {
    width: 50px;
}
.chartExDetailTable04 .width03 {
    width: 80px;
}
.chartExDetailTable04 .width04 {
    width: 80px;
}
.chartExDetailTable04 .width05 {
    width: 80px;
}
.chartExDetailTable04 .width06 {
    width: 80px;
}
.chartExDetailTable04 .width07 {
    width: auto;
}
.chartExDetailTable04 .width08 {
    width: 50px;
}
.chartExDetailTable04 .width09 {
    width: 20px;
}

.chartExDetailTable03 .transform{
    transform: rotateZ(180deg);
}