@charset "utf-8";

/* 1 product */

/*============================
#productArea
============================*/
#productArea {}

/*============================
#productIntro
============================*/
#productIntro { margin-top: 50px; border: solid 1px #ddd; }
#productIntro .info { margin: 50px; font-size: 0.938em; line-height: 1.667;}

/*============================
#productRokkaku
============================*/
#productRokkaku { margin-top: 50px; border-top: solid 1px #ddd; }
#productRokkaku .copy { margin: 0 30px 0 30px; font-size: 0.875em; line-height: 1.563; }
#productRokkaku .photo {}
#productRokkaku .photo ul { margin-top: 30px; }
#productRokkaku .photo ul li { float: left; margin-left: 20px; }
#productRokkaku .photo ul li.leftSide { margin-left: 0; }
#productRokkaku .photo ul li .image {}
#productRokkaku .photo ul li .image img {}
#productRokkaku .photo ul li .caption { color: #9b181f; font-size: 1.125em; line-height: 1.563; margin-top:20px; }

/*============================
#productIgyou
============================*/
#productIgyou { margin-top: 50px; border-top: solid 1px #ddd; }
#productIgyou .copy { margin: 0 30px 0 30px; font-size: 0.875em; line-height: 1.563;  }
#productIgyou .photo {}
#productIgyou .photo ul { margin-top: 30px; }
#productIgyou .photo ul li { float: left; margin-left: 20px; }
#productIgyou .photo ul li.leftSide { margin-left: 0; }
#productIgyou .photo ul li .image {}
#productIgyou .photo ul li .image img {}
#productIgyou .photo ul li .caption { color: #9b181f; font-size: 1.125em; line-height: 1.563; margin-top:20px; }

/*============================
#productMaru
============================*/
#productMaru { margin-top: 50px; border-top: solid 1px #ddd; }
#productMaru .copy { margin: 0 30px 0 30px; font-size: 0.875em; line-height: 1.563; }
#productMaru .photo {}
#productMaru .photo ul { margin-top: 30px; }
#productMaru .photo ul li { float: left; margin-left: 20px; }
#productMaru .photo ul li.leftSide { margin-left: 0; }
#productMaru .photo ul li.second { margin-top: 50px; }
#productMaru .photo ul li .image {}
#productMaru .photo ul li .image img {}
#productMaru .photo ul li .caption { color: #9b181f; font-size: 1.125em; line-height: 1.563; margin-top:20px; }

/*============================
#productMachine
============================*/
#productMachine { margin-top: 50px; border-top: solid 1px #ddd; }
#productMachine .copy { margin: 0 30px 0 30px; font-size: 0.875em; line-height: 1.563;  }
#productMachine .photo {}
#productMachine .photo ul { margin-top: 30px; }
#productMachine .photo ul li { float: left; margin-left: 20px; }
#productMachine .photo ul li.leftSide { margin-left: 0; }
#productMachine .photo ul li .image {}
#productMachine .photo ul li .image img {}
#productMachine .photo ul li .caption { color: #9b181f; font-size: 1.125em; line-height: 1.563; margin-top:20px; }


/*2 technology */

/*============================
#technologyArea
============================*/
#technologyArea {}

/*============================
#techIntro
============================*/
#techIntro { margin-top: 50px; }
#techIntro .info { border: solid 1px #ddd; padding: 50px 60px; }
#techIntro .info .title { font-size: 1.125em; font-weight: bold; }
#techIntro .info .copy { margin-top: 20px; font-size: 0.938em; line-height: 1.875; }
#techIntro .picture01 { margin-top: 40px; }
#techIntro .picture01 img { margin-left: 40px; }
#techIntro .picture01 img:first-child { margin-left: 0; }

/*============================
#techKensaku
============================*/
#techKensaku { margin-top: 50px; border-top: solid 1px #ddd; }
#techKensaku .caption { color: #9b181f; font-size: 1.125em; line-height: 1.563; margin-top:20px; margin-left: 40px; }
#techKensaku .caption:first-child { margin-top: 0; }
#techKensaku .detail { margin-top: 20px; border: solid 1px #ddd; }
#techKensaku .detail .leftContent { float: left; width: 450px; }
#techKensaku .detail .leftContent .photo {}
#techKensaku .detail .leftContent .photo img {}
#techKensaku .detail .leftContent .subCap { margin: 10px; font-size: 0.875em; line-height: 1.563; }
#techKensaku .detail .leftContent .subCap span { margin-left: 120px; }
#techKensaku .detail .rightContent { float: right; width: 400px; margin: 40px; }
#techKensaku .detail .rightContent .subTitle { font-weight: bold; margin-bottom: 20px; }
#techKensaku .detail .rightContent .text { font-size: 0.875em; line-height: 1.563; }
#techKensaku .graph { margin-top: 40px; padding-bottom: 40px; text-align: center; }
#techKensaku .graph img { }

/*============================
#techKyoumen
============================*/
#techKyoumen { margin-top: 50px; border-top: solid 1px #ddd; }
#techKyoumen .detail { border: solid 1px #ddd; }
#techKyoumen .detail .leftContent { float: left; width: 450px; }
#techKyoumen .detail .leftContent .photo {}
#techKyoumen .detail .leftContent .photo img {}
#techKyoumen .detail .rightContent { float: right; width: 400px; margin: 40px; }
#techKyoumen .detail .rightContent .text { font-size: 0.875em; line-height: 1.563; }

/* 3 plan */

/*============================
#planArea
============================*/
#planArea {}

/*============================
#planInfo
============================*/
#planInfo {}
#planInfo .koma { margin-top: 50px; border: solid 1px #ddd; padding: 40px; }
#planInfo .koma .title { color: #9b181f; font-size: 1.125em;  }
#planInfo .koma .copy { font-size: 0.875em; margin-top: 30px; line-height: 1.667; }
#planInfo .picture {}
#planInfo .picture img { margin-left: 40px; margin-top: 40px; }
#planInfo .picture img:first-child { margin-left: 0; }

/*============================
#planFlow
============================*/
#planFlow {}
#planFlow .flow { margin-top: 50px; border-top: solid 1px #ddd; }
#planFlow .flow .flowImage { height: 946px; background: url(../../imageFile/product/bg_plan_flow.png) no-repeat top center; }
#planFlow .flow .flowImage .firstBlock { width: 150px; position: relative; top: 20px; left: 400px; }
#planFlow .flow .flowImage .firstBlock .title {}
#planFlow .flow .flowImage .firstBlock .title span { color: #9b181f; font-size: 1.5em; padding-right: 10px; }
#planFlow .flow .flowImage .secondBlock { margin-top: 105px; }
#planFlow .flow .flowImage .secondBlock .leftSide { float: left; width: 280px; margin-left: 100px; position: relative; }
#planFlow .flow .flowImage .secondBlock .leftSide .koma {}
#planFlow .flow .flowImage .secondBlock .leftSide .firstList { position: absolute; top: 0; }
#planFlow .flow .flowImage .secondBlock .leftSide .secondList { position: absolute; top: 200px; }
#planFlow .flow .flowImage .secondBlock .leftSide .thirdList { position: absolute; top: 400px; }
#planFlow .flow .flowImage .secondBlock .leftSide .koma .title {}
#planFlow .flow .flowImage .secondBlock .leftSide .koma .title span { color: #9b181f; font-size: 1.5em; padding-right: 10px; }
#planFlow .flow .flowImage .secondBlock .leftSide .text { margin-top: 30px; font-size: 0.875em; line-height: 1.6; }
#planFlow .flow .flowImage .secondBlock .rightSide { float: right; width: 280px; margin-right: 100px; position: relative; }
#planFlow .flow .flowImage .secondBlock .rightSide .koma {}
#planFlow .flow .flowImage .secondBlock .rightSide .firstList { position: absolute; top: 100px; }
#planFlow .flow .flowImage .secondBlock .rightSide .secondList { position: absolute; top: 300px; }
#planFlow .flow .flowImage .secondBlock .rightSide .thirdList { position: absolute; top: 500px; }
#planFlow .flow .flowImage .secondBlock .rightSide .koma .title { text-align: right; }
#planFlow .flow .flowImage .secondBlock .rightSide .koma .title span { color: #9b181f; font-size: 1.5em; padding-right: 10px; }
#planFlow .flow .flowImage .secondBlock .rightSide .koma .text { margin-top: 30px; font-size: 0.875em; line-height: 1.6; }
#planFlow .flow .flowImage .thirdBlock { width: 150px; position: relative; top: 775px; left: 410px; }
#planFlow .flow .flowImage .thirdBlock .title {}
#planFlow .flow .flowImage .thirdBlock .title span { color: #9b181f; font-size: 1.5em; padding-right: 10px; }

/* 4 software */

/*============================
#softwareArea
============================*/
#softwareArea {}

/*============================
#softIntro
============================*/
#softIntro { margin-top: 50px; border: solid 1px #ddd; }
#softIntro .info { margin: 50px; }
#softIntro .info .title { font-size: 1.125em; font-weight: bold; }
#softIntro .info .copy { font-size: 0.938em; margin-top: 25px; line-height: 1.667; }

/*============================
#softFeature
============================*/
#softFeature { margin-top: 50px; border-top: solid 1px #ddd; }
#softFeature .feature { }
#softFeature .feature ul {}
#softFeature .feature ul li { float: left; width: 458px; border: solid 1px #ddd; margin-top: 20px; margin-left: 20px; }
#softFeature .feature ul li.topSide { margin-top: 0; }
#softFeature .feature ul li.leftSide { margin-left: 0; }
#softFeature .feature ul li .koma { margin: 35px; }
#softFeature .feature ul li .koma .komaTitle { font-weight: bold; }
#softFeature .feature ul li .koma .komaTitle span { color: #9b181f; font-size: 1.5em; padding-right: 20px; }
#softFeature .feature ul li .koma .text { margin-top: 20px; font-size: 0.938em; line-height: 1.667; }

/*============================
#softEnv
============================*/
#softEnv { margin-top: 50px; border-top: solid 1px #ddd; }
#softEnv .howto {}
#softEnv .howto table { border: solid 1px #ddd; }
#softEnv .howto table tr {}
#softEnv .howto table tr th { width: 210px; height: 50px; padding-left: 20px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; background: #f5f5f5; }
#softEnv .howto table tr td { width: 730px; height: 50px; padding-left: 20px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; }

/*============================
#softBuy
============================*/
#softBuy { margin-top: 50px; border-top: solid 1px #ddd; }
#softBuy .howto {}
#softBuy .howto table { border: solid 1px #ddd; }
#softBuy .howto table tr {}
#softBuy .howto table tr th { width: 210px; height: 50px; padding-left: 20px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; background: #f5f5f5; }
#softBuy .howto table tr td { width: 730px; height: 50px; padding-left: 20px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; }

/*============================
#softScreen
============================*/
#softScreen { margin-top: 50px; border-top: solid 1px #ddd; }
#softScreen .komaLeft { border: solid 1px #ddd; margin-top: 20px; }
#softScreen .komaLeft .leftContent { float: left; width: 450px; }
#softScreen .komaLeft .leftContent .photo {}
#softScreen .komaLeft .leftContent .photo img {}
#softScreen .komaLeft .rightContent { float: right; width: 488px; }
#softScreen .komaLeft .rightContent .data { width: 408px; padding: 40px; }
#softScreen .komaLeft .rightContent .data .caption { color: #9b181f; font-size: 1.125em; }
#softScreen .komaLeft .rightContent .data .text { font-size: 0.875em; margin-top: 30px; line-height: 1.5; }

#softScreen .komaRight { border: solid 1px #ddd; margin-top: 20px; }
#softScreen .komaRight .leftContent { float: left; width: 488px; }
#softScreen .komaRight .leftContent .data { width: 408px; padding: 40px; }
#softScreen .komaRight .leftContent .caption { color: #9b181f; font-size: 1.125em; }
#softScreen .komaRight .leftContent .text { font-size: 0.875em; margin-top: 30px; line-height: 1.5; }
#softScreen .komaRight .rightContent { float: right; width: 450px; }
#softScreen .komaRight .rightContent .photo {}
#softScreen .komaRight .rightContent .photo img {}

/* 5 equip */

/*============================
#equipArea
============================*/
#equipArea {}

/*============================
#equipIntro
============================*/
#equipIntro { margin-top: 50px; border: solid 1px #ddd; }
#equipIntro .info { margin: 50px; }
#equipIntro .info .title { font-size: 1.125em; font-weight: bold; }
#equipIntro .info .copy { font-size: 0.938em; margin-top: 25px; line-height: 1.667; }


/*============================
#equipList
============================*/
#equipList { margin-top: 50px; }
#equipList .tableList {}
#equipList .tableList .leftList { float: left; width: 450px; }
#equipList .tableList .leftList .title { width: 190px; height: 36px; background: url(../../imageFile/product/bg_equipListTitle.png) no-repeat top left; }
#equipList .tableList .leftList .title .titleName { color: #fff; font-size: 0.938em; line-height: 1.563; padding-left: 20px; padding-top: 8px; }
#equipList .tableList .leftList table { border: solid 1px #ddd; }
#equipList .tableList .leftList table tr {}
#equipList .tableList .leftList table tr th { height: 50px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; background: #f5f5f5; }
#equipList .tableList .leftList table tr th.name { width: 380px; padding-left: 20px; }
#equipList .tableList .leftList table tr th.num { width: 70px; text-align: center; }
#equipList .tableList .leftList table tr td { height: 50px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; }
#equipList .tableList .leftList table tr td.name { width: 380px; padding-left: 20px; }
#equipList .tableList .leftList table tr td.num { width: 70px; text-align: center; }
#equipList .tableList .rightList { float: right; width: 450px; }
#equipList .tableList .rightList .title { width: 190px; height: 36px; background: url(../../imageFile/product/bg_equipListTitle.png) no-repeat top left; }
#equipList .tableList .rightList .title .titleName { color: #fff; font-size: 0.938em; line-height: 1.563; padding-left: 20px; padding-top: 8px; }
#equipList .tableList .rightList table { border: solid 1px #ddd; }
#equipList .tableList .rightList table tr {}
#equipList .tableList .rightList table tr th { height: 50px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; background: #f5f5f5; }
#equipList .tableList .rightList table tr th.name { width: 380px; padding-left: 20px; }
#equipList .tableList .rightList table tr th.num { width: 70px; text-align: center; }
#equipList .tableList .rightList table tr td { height: 50px; vertical-align: middle; font-size: 0.875em; border: solid 1px #ddd; }
#equipList .tableList .rightList table tr td.name { width: 380px; padding-left: 20px; }
#equipList .tableList .rightList table tr td.num { width: 70px; text-align: center; }


/* 6 system */

/*============================
#systemArea
============================*/
#systemArea {}

/*============================
#systemIntro
============================*/
#systemIntro { margin-top: 50px; border: solid 1px #ddd; }
#systemIntro .info { margin: 50px; }
#systemIntro .info .title { font-size: 1.125em; font-weight: bold; }
#systemIntro .info .copy { font-size: 0.938em; margin-top: 25px; line-height: 1.667; }

/*============================
#systemKensa
============================*/
#systemKensa {}
#systemKensa .picture {}
#systemKensa .picture img { margin-left: 40px; }
#systemKensa .picture img:first-child { margin-left: 0; }
#systemKensa .koma { margin-top: 50px; border: solid 1px #ddd; padding: 40px; }
#systemKensa .koma .title { color: #9b181f; font-size: 1.125em;  }
#systemKensa .koma .copy { font-size: 0.875em; margin-top: 30px; line-height: 1.667; }
#systemKensa .other { width: 855px; margin: 0 auto; padding-top: 50px; }
#systemKensa .other .text { text-align: left; font-size: 0.875em; line-height: 1.667; }