/*canÈ«¥Ú©`¥¸¹²Í¨*/
html{
  font-size:inherit;
}
body{
  font-size:1em;
  line-height: 180%;
}

.head.is-pc {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
div.layout-container{
  padding-bottom:111px;
  line-height:150%;
  font-size:14px;
}
.module-go-top a{
  text-align:inherit;
  margin:0;
}
#sub-menu ul li{
  line-height:21px;
}
img{
  vertical-align:inherit;
}

/*top*/
.canTop_mw .top-banner {
  position: relative;
  display: block;
  width: 1024px;
  height: 582px;
}

.canTop_mw .top-banner a { position: absolute; top: 0; left: 0; }

.canTop_mw #top-link-button-01 { top: 370px; left: 360px; }
.canTop_mw #top-link-button-02 { top: 397px; left: 870px; }
.canTop_mw #top-link-button-03 { top: 361px; left: 682px; }
.canTop_mw #top-link-button-04 { top: 312px; left: 776px; }
.canTop_mw #top-link-button-05 { top: 481px; left: 62px; }
.canTop_mw #top-link-button-06 { top: 269px; left: 152px; }
.canTop_mw #top-link-button-07 { top: 291px; left: 375px; }
.canTop_mw #top-link-button-08 { top: 451px; left: 473px; }
.canTop_mw #top-link-button-09 { top: 80px; left: 700px; }

.canTop_mw .top-sub-menu {
  display: block;
  text-align: center;
  background-color: #f7f8f8;
  padding: 20px 0 40px 0;
}
.canTop_mw .top-sub-menu dd {
  display: inline-block;
  width: 200px;
  height: 77px;
  margin: 0;
  padding: 0;
}
.canTop_mw .top-sub-menu dd a {
  position: relative;
  display: block;
  width: 200px;
  height: 77px;
}
.canTop_mw .top-sub-menu dd a img { position: absolute; top: 0; left: 0; }
.canTop_mw .top-sub-menu dd a img:nth-child(2) { display: none; }

.canTop_mw .top-sub-menu dd a:hover img:nth-child(2) { display: block; }




/*products_top*/
.productsTop_mw #sub-menu-use { display: none; }
.productsTop_mw #sub-menu-products { display: none; }

.productsTop_mw .products-top-menu {
  display: block;
  float: left;
  width: 362px;
  margin-top: 20px;
  margin-left: 36px;
}

.products-content .products-top-menu:first-child,
.products-content h4+.products-top-menu { margin-left: 0;}
.productsTop_mw .products-content {
  clear: both;
}
.productsTop_mw .products-content h4 {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #002e73;
  padding: 10px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #ffffff;
}
.productsTop_mw .products-top-menu ul {
  list-style: disc url(images/list_marker_02.png) outside;
}
.productsTop_mw .products-top-menu ul li {
  margin: 20px 0;
  padding: 0 0 20px 0;
  font-size: 1.5em;
  line-height: 1.2em;
}
.productsTop_mw .products-top-menu ul li a {
  width: 200px;
  color: #727171;
}
.productsTop_mw .products-top-menu ul li a:hover {
  text-decoration: none;
  color: #000000;
}
.productsTop_mw .products-top-menu ul li a span { font-size: 16px; }
.productsTop_mw .products-top-menu ul li a i {
  font-size: 14px;
  display: block;
}


/*products*/
.products_mw #sub-menu-use { display: none; }

.products_mw .products-content h4 {
  margin: 0;
  padding: 0;
  border: none;
  margin: 10px 0 20px 0;
  font-size: 1.6em;
  line-height: 1.4em;
  color: #231815;
}

.products_mw .products-content .detail {
  position: relative;
  display: block;
  width: 760px;
  height: 680px;
  background-image: url(/products/can/assets/css/images/products_detail_bg.png);
  background-repeat: no-repeat;
}

.products_mw .detail-box {
  position: absolute;
  display: block;
}
.products_mw .detail-box * { display: block; width: 100%; }
.products_mw .detail-box sup { display: inline; width: auto; }
.products_mw .detail-box h5 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  line-height: 1.4em;
  color: #002e73;
}
.products_mw .detail-box span {
  margin-bottom: 10px;
}
.products_mw .detail-box p {
  margin-top: 5px;
  font-size: 1.0em;
  line-height: 1.6em;
  letter-spacing: 0.1em;
}

.products_mw #detail-box-01 {
  top: 70px;
  left: 0;
  width: 320px;
  height: 300px;
}
.products_mw #detail-box-01 * { text-align: right; }

.products_mw #detail-box-02 {
  top: 125px;
  right: 0;
  width: 410px;
  height: 250px;
}
.products_mw #detail-box-02 * { text-align: center; }

.products_mw #detail-box-03 {
  top: 410px;
  left: 60px;
  width: 100%;
  height: 150px;
}
.products_mw #detail-box-03 * { text-align: left; }
.products_mw #detail-box-03 span { float: left; width: 10px; line-height: 1.1em; margin-top: 5px; }

.products_mw #detail-box-03 h5, #detail-box-03 p { margin-left: 35px; }

.products_mw .site-link {
  position: absolute;
  display: block;
  bottom: 0;
  padding-bottom: 40px;
  width: 100%;
}
.products_mw .site-link a {
  display: block;
  width: 230px;
  height: 42px;
  background-image: url(/products/can/assets/css/images/site_link_button.png);
  background-color: #0ca1dd;
  color: #ffffff;
  padding-top: 10px;
  padding-left: 30px;
  margin: 0 auto;
}
.products_mw .site-link a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #002e73;
}



/*scene*/
.scene_mw #sub-menu-products { display: none; }

.scene_mw .scene-banner {
  margin: 0;padding: 0;
}
.scene_mw .scene-content {
  margin: 0;
  padding: 30px;
  background-color: #f1f9fe;
}

.scene_mw .detail {
  position: relative;
  display: block;
  width: 700px;
  height: auto;
  min-height: 250px;
}
.scene_mw .detail h4 {
  position: absolute;
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 1.8em;
  line-height: 1.6em;
  letter-spacing: 0.2em;
}
.scene_mw .detail .h4-extra { letter-spacing: 0.1em; }
.scene_mw .detail p {
  position: absolute;
  display: block;
  top: 50px;
  left: 0;
  font-size: 1.25em;
  line-height: 1.8em;
}
.scene_mw .detail img {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}

.scene_mw .points {
  position: relative;
  display: block;
  width: 700px;
  height: auto;
  min-height: 180px;
  background-image: url(/products/can/assets/css/images/scene_point_bg_top.png);
  background-repeat: no-repeat;
  background-position: top left;
}
.scene_mw .points span {
  display: block;
  margin-top: -100px;
  width: 700px;
  height: 125px;
  background-image: url(/products/can/assets/css/images/scene_point_bg_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.scene_mw .points h5 {
  position: absolute;
  top: 6px;
  left: 110px;
  color: #3aa36b;
  font-size: 1.4em;
  font-weight: normal;
}
.scene_mw .points p {
  padding: 60px 30px 0 30px;
}

.scene_mw .use-material {
  display: block;
  width: 100%;
  height: auto;
  margin: 30px 0;
}
.scene_mw .use-material dt, .use-material dd { display: inline-block; }

.scene_mw .use-material dt {
  font-size: 1.6em;
  letter-spacing: 0.2em;
  color: #96895a;
}
.scene_mw .use-material dd {
  margin-left: 20px;
  letter-spacing: 0.2em;
}
.scene_mw .use-material dd:before {
  content: "¡ñ";
}
.scene09video{
  width: 100%;
  height: auto;
	margin-bottom: 5px;
	cursor: pointer;
}
.scene09video+p.caption{
  font-size: 14px;
	margin-bottom: 15px;
}

/*pr*/
.pr_mw #sub-menu-products { display: none; }
.pr_mw #sub-menu-use { display: none; }

.pr_mw .block-section { background-color: #ffffff; margin-bottom: 40px; }

.pr_mw .pr-section {
  float: left;
  font-size: 1.2em;
}
.pr_mw .pr-section p {
  line-height: 1.8em;
  letter-spacing: 0.1em;
}
.pr_mw .block-section a img {
	vertical-align: bottom;
}


.pr_mw #pr02,
.pr_mw #prBrs02 {
  width: 360px;
  height: 430px;
  border-left: 2px solid #000000;
  margin-left: 30px;
  padding-left: 30px;
}
.pr_mw #prBrs02 {
  height: 490px;
}
.pr_mw #pr03,
.pr_mw #prBrs03 { margin: 30px 0; }
.pr_mw #pr04  { width: 520px; margin-right: 30px; }
.pr_mw #prBrs04 { width: 500px; margin-right: 30px; }
.pr_mw #pr05  { width: 208px; text-align: right; }
.pr_mw #prBrs05 { width: 228px;  text-align: center;}
.pr_mw #pr05 span,
.pr_mw #prBrs05 span { font-size: 0.6em; }
.pr_mw #pr06 { margin: 30px 0; }

.pr_mw #pr07 { width: 200px; }
.pr_mw #pr07 p { text-align: center; }
.pr_mw #pr07 p:nth-child(3) { font-size: 1.2em; line-height: 0.8em; margin-bottom: 30px; }
.pr_mw #pr07 p:nth-child(4) { font-size: 0.8em; }

.pr_mw #pr08 {
  width: 520px;
  border-left: 2px solid #000000;
  margin-left: 30px;
  padding-left: 30px;
}
.pr_mw #pr08 h4 {
  margin: 0;
  padding: 0;
  border: none;
  color: #000000;
  font-size: 1.4em;
  letter-spacing: 0.2em;
  line-height: 1.6em;
}

.pr_mw .caption {
  font-size: 0.8em;
}
.pr_mw .textRightAdjust {
  text-align: right;
}
.pr_mw .textCenterAdjust,
.textCenterAdjust {
  text-align: center;
}
.pr_mw .caption.textRightAdjust,
.pr_mw .caption.textCenterAdjust {
  display: block;
}

.products_mw #detail-box-note{
  top: 560px;
  left: 60px;
  width: 100%;
  height: 150px;
}
.products_mw #detail-box-note dt{
  width: 30px;
  margin-bottom: 0;
}
.products_mw #detail-box-note dd{
  width: calc(100% - 30px);
  margin-bottom: 0;
}

.pr_mw .notes {
  font-size: 0.8em;
}
.noteList dt{
  font-size: 0.8em;
  float: left;
  width: 3em;
  width: 30px;
  font-weight: normal;
}
.noteList dd{
  font-size: 0.8em;
  float: left;
  width: calc(100% - 30px);
  margin-bottom: 1em;
}
.pr_mw #prBrs06 {
  width: 360px;
  margin-left: 0;
}
.pr_mw #prBrs07 {
  width: 360px;
  margin-left: 30px;
}
.pr_mw #prBrs06 p,
.pr_mw #prBrs07 p {
  min-height: 100px;
  height: auto;
}
.pr_mw #prBrs10 {
  width: 100%;
}
.pr_mw #prBrs11 {
  width: 520px;
  margin-right: 30px;
}
.pr_mw #prBrs12 {
  width: 208px;
  text-align: right;
}
.pr_mw #prBrs13 .infoBox {
  border: 4px solid #BBE9FF;
  padding: 15px;
  margin-bottom: 60px;
}
.pr_mw #prBrs13 .infoTitle {
  color: #002E73;
  font-size: 1.2em;
  margin-bottom: 15px;
}
.pr_mw #prBrs14 .infoBox {
  border: 4px solid #BBE9FF;
  padding: 15px;
  margin-bottom: 60px;
}
.pr_mw #prBrs14 .infoTitle {
  color: #002E73;
  font-size: 1.2em;
  margin-bottom: 15px;
}


.pointImgRightAdjust {
  float: right;
}
table.eventInfo {
  padding: 0 0 10px 1.5em;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
table.eventInfo th,
table.eventInfo td {
  padding: 10px 15px;
  border-left: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  font-size: 16px;
  text-align: left;
  background-color: #f2f2f2;
  font-weight: normal;
  line-height: 160%;
  width: 15%;
}
table.eventInfo td {
  background-color: #FFF;
  border-right: solid 1px #ddd;
  width: 85%;
}
table.eventInfo tr:first-child th,
table.eventInfo tr:first-child td {
  border-top: solid 1px #ddd;
}


.clearFix::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix{
	display: inline-table;
	min-height: 1%;
}
* html .clearFix{
	height: 1%;
}
.clearFix{
	display: block;
}

.columnHalf{
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 15px;
}
.columnHalf:nth-child(odd){
	margin-left: 0;
}
.columnSet_pr_br .columnHalf img{
	width: 100%;
	height: auto;
}