/* General Demo Style @import url(//fonts.googleapis.com/css?family=Lato:300,400,700); @font-face { font-family: 'fontawesome'; src:url('../fonts/fontawesome.eot'); src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome.svg#fontawesome') format('svg'), url('../fonts/fontawesome.woff') format('woff'), url('../fonts/fontawesome.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ body, html { font-size: 100%; padding: 0; margin: 0; } /* Reset */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } body { /*font-family: 'Lato', Calibri, Arial, sans-serif;*/ /*font-family:'UD Shin Go Regular','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,"MS Pゴシック", sans-serif;*/ font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, "MS Pゴシック", sans-serif; color: #000; background: #fffffff; min-height: 800px; } a { color: #044497; text-decoration: underline; } a:hover { color: #000; } .main, .container > header { width: 100%; width: 1220px; margin: 0 auto; padding: 0 1.875em 3.125em 1.875em; } .main { max-width: 69em; padding-top: 2em; } .column { float: left; width: 50%; padding: 0 2em; min-height: 300px; min-width: 320px; position: relative; } .column:nth-child(2) { min-height: 400px; box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); background: url(../images/clickhere.png) 90px 0 no-repeat; } .column:last-child:before { content: ""; position: absolute; height: 7px; background: #ceccc6; top: 100px; left: 10px; } .column p { font-weight: 300; font-size: 2em; padding: 0; margin: 0; text-align: right; line-height: 1.5; } .container > header { padding: 2.875em 1.875em 2.875em; text-align: center; background: rgba(0, 0, 0, 0.01); } .container > header h1 { font-size: 2.625em; line-height: 1.3; margin: 0; color: #89867e; font-weight: 300; } .container > header span { display: block; font-size: 60%; color: #ceccc6; padding: 0 0 0.6em 0.1em; } /* Header Style */ .codrops-top { background: #fff; background: rgba(255, 255, 255, 0.95); text-transform: uppercase; position: relative; font-size: 0.68em; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); line-height: 2.2; } .codrops-top a { padding: 0 1em; letter-spacing: 0.1em; color: #333; display: inline-block; } .codrops-top a:hover { background: rgba(255, 255, 255, 0.99); color: #000; } .codrops-top span.right { float: right; } .codrops-top span.right a { float: left; display: block; } /* Demo Buttons Style */ .codrops-demos { padding-top: 1em; font-size: 0.9em; } .codrops-demos a { display: inline-block; margin: 0.5em; padding: 0.7em 1.1em; border: 3px solid #b1aea6; color: #b1aea6; font-weight: 700; } .codrops-demos a:hover, .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { border-color: #89867e; color: #89867e; } @media screen and (max-width: 46.0625em) { .main { padding: 0; } .column { width: 100%; min-width: auto; min-height: auto; padding: 3em 2em; } .column p { text-align: left; font-size: 1.5em; } .column:nth-child(2) { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); background-position: 90px 3em; } } .label-jsa { background-color: #044497; width: 62px; } .label-dev { background-color: #177014; width: 62px; } .label-desk { background-color: #6f4529; width: 62px; } .label-iso { background-color: #825d9b; width: 62px; } .label-jrca { background-color: #8a1c21; width: 62px; } .label-qc { background-color: #b2522a; width: 62px; } .label-new { color: #b92c28; padding-left: 5px; font-size: 80%; } .gnavi-jsa { color: #ffffff; font-weight: bold; background-color: #044497; border-color: #044497; border-radius: 4px; padding: 12px 20px; } .gnavi-jsa a:visited, a:hover, a:active { color: #ffffff; text-decoration: none; } .gnavi-iso { color: #ffffff; font-weight: bold; background-color: #825d9b; border-color: #825d9b; border-radius: 4px; padding: 12px 20px; } .gnavi-iso a:visited, a:hover, a:active { color: #ffffff; text-decoration: none; } .gnavi-jrca { color: #ffffff; font-weight: bold; background-color: #419b72; border-color: #419b72; border-radius: 4px; padding: 12px 20px; } .gnavi-jrca a:visited, a:hover, a:active { color: #ffffff; text-decoration: none; } .gnavi-qc { color: #ffffff; font-weight: bold; background-color: #b2522a; border-color: #b2522a; border-radius: 4px; padding: 12px 20px; } .gnavi-qc a:visited, a:hover, a:active { /*color: #ffffff;*/ color: #000000; text-decoration: none; } .nav-pills a { color: #044497; border: solid 2px #044497; border-width: 2px 2px 0px 2px; /*background-color: #ffffff;*/ } .nav-pills > li > a:focus, .nav-pills > li > a:hover { color: #fff; background-color: #7198c9; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #044497; } .nav-pills > li > a { border-radius: 4px 4px 0 0 / 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0; } .breadcrumb { padding: 8px 15px; margin-top: 10px; list-style: none; background-color: #e2e3dd; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #000; content: ">\00a0"; } .breadcrumb > .active { color: #000; } .h4padding { padding: 12px; } .huline { padding-bottom: 0.1em; border-bottom: 1px solid #7198c9; } .pastnews { float: right; font-weight: normal; font-size: 90%; color: #044497; /* padding-bottom: .1em; border-bottom: 1px solid #7198C9; */ } .pastnews:before { content: ">\00a0"; } .linklist { line-height: 180%; font-weight: normal; color: #044497; } .linklist:before { content: ">\00a0"; } .download { line-height: 180%; font-weight: normal; color: #044497; } .download:before { content: ">\00a0"; } .download:after { content: "\00a0"url("/image/pdf_icon.png"); } .downloaddoc { line-height: 180%; font-weight: normal; color: #044497; } .downloaddoc:before { content: ">\00a0"; } .downloaddoc:after { content: "\00a0"url("/image/doc_icon.png"); } .downloadxls { line-height: 180%; font-weight: normal; color: #044497; } .downloadxls:before { content: ">\00a0"; } .downloadxls:after { content: "\00a0"url("/image/xls_icon.png"); } .contenttitle { font-weight: normal; font-size: 120%; color: #044497; } .content-margintop { margin-top: 80px; } .head-margintop { margin-top: 20px; } .head-marginbottom { margin-bottom: 20px; } .content-marginbottom { margin-bottom: 80px; } .part-marginbottom { margin-bottom: 10px; } @media (max-width: 767px) { .list-anc li { color: #fff; background-color: #337ab7; border-color: #2e6da4; margin-bottom: 10px; padding: 5px 10px; } .list-anc a { color: #fff; } } .list-padding { padding: 5px 0px; } .list-padding ul { margin-bottom: 5px; } .listnone-indent { /* list-style-type: circle;*/ padding: 10px 30px; } .list-indent { list-style-type: circle; padding: 10px 30px; } .list-indent li { /* padding-left: 40px; text-indent: -30px; */ } .listnum-indent { list-style-type: decimal; padding: 10px 35px; } .listnum-indent li { /* padding-left: 30px; text-indent: -30px; */ } .container { max-width: 1054px; overflow: visible; } .bread { width: 100%; margin: 0 auto; color: #000000; margin-top: 10px; margin-bottom: -20px; padding: 5px 0; line-height: 2em; font-size: 16px; vertical-align: middle; background-image: url("/image/bread_bg.png"); background-repeat: repeat-x; } .bread a { text-decoration: none; color: #000000; } .bread a:hover { text-decoration: none; color: #044497; } .toppanel-jsa { color: #fff; background-color: #044497; border-color: #044497; border-radius: 8px; padding: 40px 20px; } .toppanel-jsa img { margin: 10px auto 0px auto; } /* .toppanel-iso { color: #fff; background-color: #8a1c21; border-color: #8a1c21; border-radius: 8px; padding:40px 20px; } */ .toppanel-iso { color: #fff; background-color: #825d9b; border-color: #825d9b; border-radius: 8px; padding: 40px 20px; } .toppanel-iso img { margin: 10px auto 0px auto; } .toppanel-jrca { color: #fff; background-color: #8a1c21; border-color: #8a1c21; border-radius: 8px; padding: 40px 20px; } .toppanel-jrca img { margin: 10px auto 0px auto; } .toppanel-qc { color: #fff; background-color: #b2522a; border-color: #b2522a; border-radius: 8px; padding: 40px 20px; } .toppanel-qc img { margin: 10px auto 0px auto; } .toppanel-desk { color: #fff; background-color: #6f4529; border-color: #6f4529; border-radius: 8px; padding: 40px 20px; } .toppanel-desk img { margin: 10px auto 0px auto; } .toppanel-dev { color: #fff; background-color: #177014; border-color: #177014; border-radius: 8px; padding: 40px 20px; } .toppanel-dev img { margin: 10px auto 0px auto; } .bg-primary { color: #fff; background-color: #044497; } .btn-primary { color: #fff; background-color: #044497; } .btn-primary:hover { background-color: #044497; border-color: #2e6da4; } .btn-primary .badge { color: #044497; background-color: #fff; } .btn-link { font-weight: 400; color: #044497; border-radius: 0; }