@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本共通cssの定義
=================================================================== */
/*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
header
­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.cm_header_sub_wrapper {
  position: fixed;
  top: -144px;
  left: 0;
  background-color: #ffffff;
  width: 100%;
  z-index: 100;
}

.cm_header,
.cm_header_sub {
  margin: auto;
  width: 960px;
}

.cm_header {
  position: relative;
  height: 114px;
}

.cm_header_sub {
  height: 52px;
  padding-top: 20px;
}

.cm_header_logo {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 999;
  background-color: #ffffff;
  width: 175px;
  height: 186px;
}

.cm_header_logo:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 114px;
  box-shadow: -1px 0 1px #e2f1f7;
  behavior: url(../js/PIE.htc);
}

.ie8 .cm_header_logo:before {
  background-color: #e2f1f7;
  left: -2px;
}

.cm_header_logo:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 173px;
  width: 2px;
  height: 114px;
  box-shadow: 1px 0 1px #e2f1f7;
  behavior: url(../js/PIE.htc);
}

.ie8 .cm_header_logo:after {
  background-color: #e2f1f7;
  left: 175px;
}

.cm_header_inner {
  margin-left: 175px;
  padding-top: 27px;
  width: 785px;
}

.cm_header_heading {
  float: left;
  margin-left: 30px;
}

.cm_header_heading_upper {
  font-size: 85.7%;
}

.cm_header_heading_lower p,
.cm_header_heading_lower_sub p {
  float: left;
  padding-left: 55px;
  font-family: "Oswald", sans-serif;
  font-size: 228.5%;
  font-weight: bold;
  line-height: 1.0;
}
.cm_header_heading_lower ul,
.cm_header_heading_lower_sub ul {
  float: left;
  margin-top: 2px;
  margin-left: 10px;
  font-size: 85.7%;
}
.cm_header_heading_lower ul li,
.cm_header_heading_lower_sub ul li {
  line-height: 1.3;
}

.cm_header_heading_lower {
  margin-top: 20px;
}

.cm_header_heading_lower_sub {
  float: left;
}

.cm_header_nav {
  float: right;
  width: 40%;
}
.cm_header_nav ul {
  text-align: right;
  float: right;
}
.cm_header_nav ul li {
  display: inline-block;
}
.cm_header_nav ul li a {
  display: block;
  font-weight: bold;
}
.cm_header_nav ul li .icon_beginner {
  margin-right: 20px;
  padding-left: 20px;
}
.cm_header_nav ul li .icon_access {
  margin-right: 2px;
  padding-left: 25px;
}

.cm_header_nav_sub {
  float: right;
/*   width: 460px; */
}
.cm_header_nav_sub ul {
  margin-left: -10px;
  overflow: hidden;
  height: 36px;
}
.cm_header_nav_sub ul li {
  float: left;
  margin-left: 10px;
}

.cm_header_nav_upper {
  line-height: 1.2;
}
.cm_header_nav_upper li a {
  line-height: 1.2;
}

.cm_header_nav_lower {
  margin: 15px 0 23px;
  height: 32px;
}
.cm_header_nav_lower li {
  float: left;
}
.cm_header_nav_lower li + li {
  margin-left: 10px;
}

.cm_header_nav_lower .btn_info, .cm_header_nav_lower .btn_em,
.cm_header_nav_sub .btn_info,
.cm_header_nav_sub .btn_em {
  width: 150px;
  height: 32px;
  font-weight: bold;
}
.cm_header_nav_lower .icon_order,
.cm_header_nav_lower .icon_contact,
.cm_header_nav_sub .icon_order,
.cm_header_nav_sub .icon_contact {
  padding-left: 30px;
}

 /*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
global nav
­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.cm_global_nav,
.cm_global_nav_sub {
  background-color: #15a7e6;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  behavior: url(../js/PIE.htc);
}
.cm_global_nav .cm_global_nav_inner,
.cm_global_nav_sub .cm_global_nav_inner {
  width: 960px;
  margin: auto;
}
.cm_global_nav .cm_global_nav_inner li,
.cm_global_nav_sub .cm_global_nav_inner li {
  display: table-cell;
  width: 130px;
  height: 72px;
  border-right: 1px solid #0589c2;
  vertical-align: middle;
}
.cm_global_nav .cm_global_nav_inner li a,
.cm_global_nav .cm_global_nav_inner li span.current,
.cm_global_nav_sub .cm_global_nav_inner li a,
.cm_global_nav_sub .cm_global_nav_inner li span.current {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 72px;
  height: 72px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.cm_global_nav .cm_global_nav_inner li a:hover,
.cm_global_nav .cm_global_nav_inner li span.current:hover,
.cm_global_nav_sub .cm_global_nav_inner li a:hover,
.cm_global_nav_sub .cm_global_nav_inner li span.current:hover {
  background-color: #004a91;
}
.cm_global_nav .cm_global_nav_inner li a.lines,
.cm_global_nav .cm_global_nav_inner li span.lines,
.cm_global_nav_sub .cm_global_nav_inner li a.lines,
.cm_global_nav_sub .cm_global_nav_inner li span.lines {
  padding: 20.4px 0 18.04px;
  line-height: 1.28;
}
.cm_global_nav .cm_global_nav_inner li span.current,
.cm_global_nav_sub .cm_global_nav_inner li span.current {
  background: url("../images/common/x_global_nav.png") repeat-x;
  background-position: bottom left;
  background-color: #004a91;
}

.cm_global_nav {
  position: relative;
  z-index: 2;
}
.cm_global_nav ul {
  margin-left: 175px;
}

.cm_global_nav_sub_wrapper {
  height: 72px;
}

.cm_global_nav_inner li a.cm_global_nav_sub_home {
  width: 175px;
  color: #15a7e6;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  background: url("../images/common/icon_logo_head.png") no-repeat 40px 19px white;
}
.cm_global_nav_inner li a.cm_global_nav_sub_home:hover {
  background: url("../images/common/icon_logo_head.png") no-repeat 40px 19px white;
}

.cm_global_nav_sub_home span {
  margin-left: 30px;
}

/*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
button
------------­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.btn_info {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  margin: 0 0 1px 0;
  padding: 5px 10px 4px;
  border: 1px solid #77A402;
  border-radius: 3px;
  background: #94C70C;
  background: -webkit-linear-gradient(#9ecb17, #8cc403);
  background: linear-gradient(#9ecb17, #8cc403);
  -pie-background: linear-gradient(#9ecb17, #8cc403);
  box-shadow: inset 0 1px 0 #BFE158, 0 3px 0 #E5E5E5;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.btn_info:hover {
  margin: 1px 0 0 0;
  background-color: #7EAF08;
  background: -webkit-linear-gradient(#90bc0b, #7eaf08);
  background: linear-gradient(#90bc0b, #7eaf08);
  -pie-background: linear-gradient(#90bc0b, #7eaf08);
  box-shadow: inset 0 1px 0 #BFE158, 0 2px 0 #E5E5E5;
  color: #FFFFFF;
}

.btn_em {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  margin: 0 0 1px 0;
  padding: 5px 10px 4px;
  border: 1px solid #f39500;
  border-radius: 3px;
  background: #f7b400;
  background: -webkit-linear-gradient(#f8ba00, #f7af00);
  background: linear-gradient(#f8ba00, #f7af00);
  -pie-background: linear-gradient(#f8ba00, #f7af00);
  box-shadow: inset 0 1px 0 #fde355, 0 3px 0 #e5e5e5;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.btn_em:hover {
  color: #FFFFFF;
  margin: 1px 0 0 0;
  background-color: #eba100;
  background: -webkit-linear-gradient(#f2b000, #eba100);
  background: linear-gradient(#f2b000, #eba100);
  -pie-background: linear-gradient(#f2b000, #eba100);
  box-shadow: inset 0 1px 0 #fde355, 0 2px 0 #e5e5e5;
}

.btn_default {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background: #FFFFFF;
  color: #0098d9;
  font-weight: bold;
}
.btn_default:hover {
  color: #0098d9;
  background-color: #f2f2f2;
}

.btn_default_em {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border: 1px solid #414141;
  border-radius: 3px;
  background: #ffffff;
  color: #414141;
  font-weight: bold;
}
.btn_default_em:hover {
  color: #414141;
  background-color: #e1e1e1;
}

.btn_default_val {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  background: #15a7e6;
  color: #FFFFFF;
  font-weight: bold;
}
.btn_default_val:hover {
  color: #FFFFFF;
  background-color: #0589c2;
}

.btn_category01,
.btn_category02,
.btn_category03,
.btn_category04,
.btn_category05,
.btn_category06,
.btn_category07 {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border-radius: 3px;
  color: #ffffff;
  font-weight: bold;
}

.btn_category01 {
  border: 1px solid #ef4d51;
  background: #ef4d51;
}
.btn_category01:hover {
  background-color: #db3034;
}

.btn_category02 {
  border: 1px solid #ff8416;
  background: #ff8416;
}
.btn_category02:hover {
  background-color: #f56f03;
}

.btn_category03 {
  border: 1px solid #d9d711;
  background: #d9d711;
}
.btn_category03:hover {
  background-color: #c8c608;
}

.btn_category04 {
  border: 1px solid #4ccdc2;
  background: #4ccdc2;
}
.btn_category04:hover {
  background-color: #41c1b6;
}

.btn_category05 {
  border: 1px solid #6184d6;
  background: #6184d6;
}
.btn_category05:hover {
  background-color: #5277cf;
}

.btn_category06 {
  border: 1px solid #cb60b6;
  background: #cb60b6;
}
.btn_category06:hover {
  background-color: #bc50a7;
}

.btn_category07 {
  border: 1px solid #f66b96;
  background: #f66b96;
}
.btn_category07:hover {
  background-color: #e36089;
}

.btn_detail {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border-top: 1px solid #15a7e6;
  border-bottom: 3px solid #0066a0;
  border-radius: 3px;
  background: #15a7e6;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
.btn_detail:hover {
  color: #FFFFFF;
  margin-top: 1px;
  background-color: #0589c2;
  border-top: 1px solid #15a7e6;
  border-bottom: 2px solid #0066a0;
}

.btn_more_detail {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border-top: 1px solid #004a91;
  border-bottom: 3px solid #002147;
  border-radius: 3px;
  background: #004a91;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
.btn_more_detail:hover {
  margin-top: 1px;
  color: #FFFFFF;
  background-color: #053872;
  border-top: 1px solid #004a91;
  border-bottom: 2px solid #002147;
}

.btn_noimage {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  padding: 5px 10px;
  border-top: 1px solid #e7f2f9;
  border-bottom: 3px solid #bdd0e3;
  border-radius: 3px;
  background: #e7f2f9;
  color: #0098d9;
  font-weight: bold;
  text-align: center;
}
.btn_noimage:hover {
  color: #0098d9;
  margin-top: 1px;
  background-color: #d2e6f2;
  border-top: 1px solid #d2e6f2;
  border-bottom: 2px solid #99b7d3;
}

.btn_primary {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  margin: 0 0 1px 0;
  padding: 0 10px;
  border: 1px solid #0098d9;
  border-radius: 3px;
  box-shadow: 0 3px 0 #CCE0EC;
  background: #FFFFFF;
  color: #0098d9;
  font-weight: bold;
}
.btn_primary:hover {
  color: #0098d9;
  margin: 1px 0 0 0;
  background-color: #DCF0F8;
  box-shadow: 0 2px 0 #CCE0EC;
}

.btn_note {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 50px;
  text-decoration: none;
  behavior: url(../js/PIE.htc);
  position: relative;
  margin: 0 0 1px 0;
  padding: 0 10px;
  border: 1px solid #F0F0F0;
  border-radius: 3px;
  box-shadow: 0 3px 0 #CCCCCC;
  background: #F0F0F0;
  color: #414141;
  font-weight: bold;
}
.btn_note:hover {
  color: #414141;
  margin: 1px 0 0 0;
  background-color: #DCF0F8;
  box-shadow: 0 2px 0 #CCCCCC;
}

.btn_info > span,
.btn_em > span,
.btn_default > span,
.btn_detail > span,
.btn_primary > span,
.btn_more_detail > span {
  display: inline-block;
}

.icon_btn_point_em_right,
.icon_btn_point_wh_right {
  display: block;
}

/* scroll header sub navigation square btn */
.btn_beginner,
.btn_access {
  behavior: url(../js/PIE.htc);
  display: block;
  margin: 0 0 1px 0;
  border: 1px solid #0098d9;
  width: 32px;
  height: 30px;
  border-radius: 3px;
  box-shadow: 0 3px 0 #cce0ec;
  text-align: center;
  line-height: 30px;
  background-color: #ffffff;
}
.btn_beginner:hover,
.btn_access:hover {
  margin: 1px 0 0 0;
  background-color: #cce0ec;
  box-shadow: 0 2px 0 #cce0ec;
}

/*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
icon
------------­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.icon {
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
}

.icon_order {
  background-position: 0 1px;
}

.icon_news {
  background-position: 0 -50px;
}

.icon_contact {
  background-position: 0 -96px;
}

.icon_access {
  background-position: 0 -150px;
}

.icon_access_m {
  background-position: 0 -1550px;
}

.icon_access_l {
  background-position: 0 -800px;
}

.icon_beginner {
  background-position: 0 -200px;
}

.icon_tel_head {
  background-position: 0 -250px;
}

.icon_tel_head_l {
  background-position: 0 -700px;
}

.icon_tel_sidebar {
  background-position: 0 -1150px;
}

.icon_security {
  background-position: 0 -2896px;
}

.icon_sitemap {
  background-position: 0 -900px;
}

.icon_company {
  background-position: 0 -1000px;
}

.icon_yen {
  background-position: 0 -1500px;
}

.icon_question {
  background-position: 4px -1598px;
}

.icon_beginner_color {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  line-height: 24px;
}
.icon_beginner_color:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 0 -1650px;
  height: 24px;
  line-height: 24px;
  width: 18px;
  top: 0;
  right: 0;
}

.icon_transport {
  background-position: 0 -1870px;
}

.icon_office {
  background-position: 0 -1920px;
}

.icon_delivery {
  background-position: 0 -1990px;
}

.icon_visit {
  background-position: 0 -2050px;
}

.icon_reward {
  background-position: 0 -2710px;
}

.icon_spanner {
  background-position: 0 -2760px;
}

.icon_floppy {
  background-position: 0 -2810px;
}

.icon_bd_point_down {
  position: relative;
}
.icon_bd_point_down:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 7px;
  width: 195px;
  height: 15px;
  margin-left: -7px;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 0 -295px;
}

.icon_box_point_up {
  background-position: 0 -400px;
}

.icon_btn_point_em_right {
  background-position: 100px -437px;
}

.icon_btn_point_right {
  background-position: 100px -494px;
}

.icon_btn_point_wh_right {
  background-position: 100px -537px;
}

.icon_btn_point_pr_right {
  background-position: 100px -650px;
}

.icon_point_l_bl_right {
  background-position: 0 -600px;
}

.icon_category_point_right {
  background-position: 219px -494px;
}

.icon_btn_point_db_right {
  background-position: 0 -1050px;
}

.icon_exclamation:before {
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 0 -2858px;
  content: "";
  display: inline-block;
  width: 25px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
}

/*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
font
­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.text_em,
.text_em_n,
.text_em_l {
  font-style: normal;
  color: #ffa200;
}

.text_em,
.text_em_l,
.text_strong {
  font-weight: bold;
}

.text_em_n {
  font-weight: normal;
}

.text_em_l,
.text_strong {
  font-size: 114.2%;
}

.text_strong {
  font-style: normal;
  color: #15a7e6;
}

 /*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
footer
­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.cm_footer_upper {
  width: 960px;
  margin: auto;
  padding: 60px 0;
}

.cm_footer_left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 735px;
}
.cm_footer_left > li {
  float: left;
  width: 225px;
  margin-right: 20px;
}
.cm_footer_left > li > a {
  display: block;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
}
.cm_footer_left > li > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 225px;
  height: 33px;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 219px -494px;
}
.cm_footer_left > li > a + a,
.cm_footer_left > li ul + a {
  margin-top: 30px;
}
.cm_footer_left > li ul li {
  margin-bottom: 3px;
}

.cm_footer_right {
  float: left;
  width: 225px;
  margin-top: -6px;
}
.cm_footer_right > li + li {
  margin-top: 10px;
  min-height: 40px;
}
.cm_footer_right .btn_default,
.cm_footer_right .btn_info,
.cm_footer_right .btn_em {
  display: block;
  min-height: 38px;
  padding: 9px 10px 8px;
  border-radius: 2px;
  font-weight: bold;
  margin: 0 0 1px 0;
}
.cm_footer_right .icon {
  display: block;
  padding: 0 0 0 30px;
}
.cm_footer_right .icon_beginner {
  background-position: 2px -198px;
}
.cm_footer_right .icon_sitemap {
  background-position: 0 -896px;
}
.cm_footer_right .btn_info,
.cm_footer_right .btn_em {
  text-align: left;
}
.cm_footer_right .btn_info:hover,
.cm_footer_right .btn_em:hover {
  position: relative;
  top: 1px;
}

.cm_footer_logo {
  float: left;
  margin-top: 18px;
}

.cm_footer_lower {
  background-color: #002b5c;
}

.cm_footer_lower_wrapper {
  width: 960px;
  margin: auto;
}

.cm_footer_lower_inner {
  position: relative;
  padding: 18px 0;
}
.cm_footer_lower_inner > ul {
  float: left;
  line-height: 1.0;
}
.cm_footer_lower_inner > ul > li {
  float: left;
}
.cm_footer_lower_inner > ul > li + li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #bebebe;
}
.cm_footer_lower_inner > p {
  float: right;
  color: #ffffff;
  font-family: "Oswald", sans-serif;
  line-height: 1.0;
}
.cm_footer_lower_inner a {
  color: #bebebe;
  font-size: 85.7%;
}
.cm_footer_lower_inner a:hover {
  color: #ffffff;
}

a.cm_footer_lower_inner_scroll_top {
  position: fixed;
  bottom: 0;
  left: auto;
  margin-left: 980px;
  width: 50px;
  height: 50px;
  display: none;
  background: #15a7e6;
  box-sizing: border-box;
}
a.cm_footer_lower_inner_scroll_top img {
  position: absolute;
  top: 18px;
  left: 15px;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}
a.cm_footer_lower_inner_scroll_top:hover img {
  position: absolute;
  top: 8px;
}

 /*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
common styles　top pages & lower pages
­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.cm_case {
  background: url("../images/common/x.png") repeat-x;
  padding: 68px 0;
  background-color: #15a7e6;
}

.cm_case_inner {
  position: relative;
  width: 960px;
  margin: auto;
}
.cm_case_inner h2 {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px solid #ffffff;
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.0;
}
.cm_case_inner h2 span {
  position: absolute;
  top: 51px;
  left: 0;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: normal;
}
.cm_case_inner .btn_default_em,
.cm_case_inner .btn_default_val {
  position: absolute;
  top: 18.5px;
  right: 0;
  width: 130px;
  height: 37px;
  line-height: 37px;
  padding: 0 12px;
  z-index: 2;
}
.cm_case_inner .icon_btn_point_wh_right {
  display: block;
}

.cm_case_content {
  margin: 60px 0 0 -20px;
}

.cm_case_content li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 225px;
  margin-left: 20px;
  background-color: #ffffff;
  text-align: center;
}
.cm_case_content li:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 225px;
  height: 5px;
  background: #c2c6c9;
  content: "";
}
.cm_case_content li figure {
  background-color: #ffffff;
  padding: 5px;
  width: 185px;
  height: 112px;
}
.cm_case_content li figure img {
  max-width: 185px;
  max-height: 112px;
}
.cm_case_content li a {
  display: block;
  padding: 15px;
  color: #414141;
}
.cm_case_content li a:hover {
  background: url(../images/common/hover_slash_gray.png);
  color: #414141;
}
.cm_case_content h3 {
  margin-top: 15px;
  background-color: #ffffff;
  padding: 5px;
  text-align: left;
  font-size: 85.7%;
  font-weight: bold;
}

.cm_category_upper {
  height: 75px;
  margin-top: 10px;
  text-align: left;
}

.cm_category_lower {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.cm_category_lower span {
  display: inline-block;
  margin: 0 5px 0 10px;
  font-family: "Oswald", sans-serif;
  font-size: 40px;
  vertical-align: -2px;
}

.cm_category01,
.cm_category02,
.cm_category03,
.cm_category04,
.cm_category05,
.cm_category06,
.cm_category07,
.cm_category08,
.cm_category09 {
  border-top-width: 3px;
  border-top-style: solid;
}
.cm_category01 h3,
.cm_category02 h3,
.cm_category03 h3,
.cm_category04 h3,
.cm_category05 h3,
.cm_category06 h3,
.cm_category07 h3,
.cm_category08 h3,
.cm_category09 h3 {
  border-width: 1px;
  border-style: solid;
}

.cm_category01 {
  border-top-color: #ef4d51;
}
.cm_category01 h3 {
  border-color: #ef4d51;
  color: #ef4d51;
}
.cm_category01 .cm_category_lower {
  color: #ef4d51;
}

.cm_category02 {
  border-top-color: #ff8416;
}
.cm_category02 h3 {
  border-color: #ff8416;
  color: #ff8416;
}
.cm_category02 .cm_category_lower {
  color: #ff8416;
}

.cm_category03 {
  border-top-color: #c8c608;
}
.cm_category03 h3 {
  border-color: #c8c608;
  color: #c8c608;
}
.cm_category03 .cm_category_lower {
  color: #c8c608;
}

.cm_category04 {
  border-top-color: #4ccdc2;
}
.cm_category04 h3 {
  border-color: #4ccdc2;
  color: #4ccdc2;
}
.cm_category04 .cm_category_lower {
  color: #4ccdc2;
}

.cm_category05 {
  border-top-color: #6184d6;
}
.cm_category05 h3 {
  border-color: #6184d6;
  color: #6184d6;
}
.cm_category05 .cm_category_lower {
  color: #6184d6;
}

.cm_category06 {
  border-top-color: #cb60b6;
}
.cm_category06 h3 {
  border-color: #cb60b6;
  color: #cb60b6;
}
.cm_category06 .cm_category_lower {
  color: #cb60b6;
}

.cm_category07 {
  border-top-color: #f66b96;
}
.cm_category07 h3 {
  border-color: #f66b96;
  color: #f66b96;
}
.cm_category07 .cm_category_lower {
  color: #f66b96;
}

.cm_category08 {
  border-top-color: #20c365;
}
.cm_category08 h3 {
  border-color: #20c365;
  color: #20c365;
}
.cm_category08 .cm_category_lower {
  color: #20c365;
}

.cm_category09 {
  border-top-color: #c3a750;
}
.cm_category09 h3 {
  border-color: #c3a750;
  color: #c3a750;
}
.cm_category09 .cm_category_lower {
  color: #c3a750;
}

/* Flow of Data Recovery */
.cm_flow_inner ol {
  margin-left: -20px;
  overflow: hidden;
}
.cm_flow_inner li {
  position: relative;
  float: left;
  width: 175px;
  margin-left: 20px;
  text-align: center;
}
.cm_flow_inner li h3 {
  position: relative;
  margin-top: 45px;
  padding-left: 55px;
  font-family: "Oswald", sans-serif;
  font-size: 38px;
  color: #0098d9;
}
.cm_flow_inner li h3 span {
  position: absolute;
  top: 5px;
  left: 43px;
  font-size: 20px;
  border-bottom: 1px solid #0098d9;
  font-weight: bold;
}

.cm_flow_inner li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  width: 10px;
  height: 20px;
  margin-top: -10px;
  background: url("../images/common/sprite/i.png") no-repeat;
  background-position: 0px -600px;
}

.cm_flow_inner li h3 span {
  left: 59px;
}

.cm_flow_box {
  position: relative;
  margin-top: 25px;
}
.cm_flow_box p {
  display: table-cell;
  width: 176px;
  height: 72px;
  background-color: #f2f2f2;
  color: #0098d9;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.cm_flow_box p:before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #f2f2f2 transparent;
}

/* advertizement banner */
.cm_ad {
  padding: 40px 0;
  border-top: 1px solid #e1e1e1;
  background-color: #f2f2f2;
}
.cm_ad ul {
  margin: -10px 0 0 -20px;
}
.cm_ad li {
  float: left;
  margin: 10px 0 0 20px;
  border: 3px solid #ffffff;
  -webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.cm_ad li:hover {
  opacity: .8;
  border: 3px solid #15a7e6;
}
.cm_banner_inner {
  width: 960px;
  margin: auto;
}

/* address */
.cm_address {
  width: 960px;
  margin: auto;
  padding: 70px 0;
}

.cm_address_left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 510px;
  padding-right: 8px;
}
.cm_address_left .cm_address_left_em {
  font-size: 18px;
  font-weight: bold;
}
.cm_address_left ul {
  margin-top: 15px;
}
.cm_address_left li {
  float: left;
  margin-right: 10px;
}
.cm_address_left .btn_info,
.cm_address_left .btn_em {
  width: 240px;
  height: 60px;
  padding: 17px 0 13px;
  font-size: 128.5%;
  font-weight: bold;
}
.cm_address_left .btn_info span,
.cm_address_left .btn_em span {
  padding-left: 30px;
}
.cm_address_left .icon_order {
  background-position: 0 4px;
}
.cm_address_left .icon_contact {
  background-position: 0 -94px;
}
.cm_address_left .btn_primary {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  behavior: url(../js/PIE.htc);
  width: 490px;
  height: 60px;
  margin-top: 20px;
  padding: 16px;
  box-shadow: 0 3px 0 #cce0ec;
  text-align: center;
}
.cm_address_left .btn_primary span {
  padding-left: 30px;
  font-size: 128.5%;
}
.cm_address_left .btn_primary:hover {
  margin-top: 21px;
}

.cm_address_right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 450px;
  padding-left: 20px;
  border-left: 1px solid #e1e1e1;
}

.cm_address_right_maintxt {
  position: relative;
  background-color: #15a7e6;
}
.cm_address_right_maintxt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -29px;
  left: 202px;
  border: 13px solid transparent;
  border-top: 18px solid #15a7e6;
}

.cm_address_right_tel {
  padding-left: 65px;
  margin: 36px 0 0 60px;
  color: #15a7e6;
  font-family: "Oswald", sans-serif;
  font-size: 285.7%;
  font-weight: bold;
  line-height: 1.0;
}
.cm_address_right_tel + p {
  margin-top: 10px;
  text-align: center;
}

 /*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
common styles　lower pages
­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
/* breadcrumb list */
.cm_breadcrumb_list {
  background-color: #004a91;
}
.cm_breadcrumb_list ol {
  width: 960px;
  margin: 0 auto;
}
.cm_breadcrumb_list ol li {
  position: relative;
  display: inline-block;
  color: #ffffff;
  line-height: 48px;
  padding: 0 20px 0 35px;
  font-size: 85.7%;
}
.cm_breadcrumb_list ol li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 48px;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 0 -1200px;
}
.cm_breadcrumb_list ol li:first-child {
  padding: 0 20px;
}
.cm_breadcrumb_list ol li:first-child:before {
  content: "";
  display: none;
}
.cm_breadcrumb_list ol li a {
  display: inline-block;
  line-height: 14px;
  color: #ffffff;
  border-bottom: 1px solid #80a5c8;
}

/* sidebar */
.cm_main_one_column_wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 960px;
  margin: 0 auto;
}

.cm_main_wrapper {
  width: 960px;
  margin: 0 auto;
  padding-top: 36px;
}

.cm_main_left_column {
  float: left;
  width: 205px;
}

.cm_main_left_upper_nav {
  border: solid #15a7e6;
  border-width: 0 1px 1px 1px;
}
.cm_main_left_upper_nav .cm_main_left_upper_nav_head {
  display: block;
  background-color: #15a7e6;
  padding: 10px;
  color: #ffffff;
}
.cm_main_left_upper_nav .cm_main_left_upper_nav_head:after {
  display: none;
}
.cm_main_left_upper_nav li {
  position: relative;
  border-top: 1px solid #15a7e6;
  font-weight: bold;
  z-index: 1;
  background-color: #FFFFFF;
}
.cm_main_left_upper_nav li span {
  display: block;
  padding: 10px 30px 9px 10px;
}
.cm_main_left_upper_nav li a {
  position: relative;
  display: block;
  padding: 10px 25px 10px 10px;
}
.cm_main_left_upper_nav li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 203px;
  height: 10px;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 190px -1050px;
  margin-top: -5px;
}
.cm_main_left_upper_nav li span.current {
  top: 0;
  left: -1px;
  border: 1px solid #004a91;
  background-color: #004a91;
  width: 161px;
  color: #ffffff;
  z-index: 2;
}
.cm_main_left_upper_nav li span.current:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 218px;
  height: 42px;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 203px -1350px;
}
.cm_main_left_upper_nav li li {
  border-top: 1px dotted #15a7e6;
}
.cm_main_left_upper_nav li li a {
  padding-left: 30px;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 10px -1255px;
  font-weight: normal;
}

.cm_main_left_upper_nav .cm_main_left_upper_nav_lines > span.current:after {
  width: 215px;
  height: 63px;
  background-position: 203px -2350px;
}

.cm_main_left_info {
  position: relative;
  margin-top: 55px;
  margin-bottom: 27px;
  padding: 20px 15px;
  background: url(../images/common/info_bg.png);
}
.cm_main_left_info h1 {
  font-weight: bold;
  padding-bottom: 15px;
}
.cm_main_left_info h2 {
  position: relative;
  padding-top: 15px;
}
.cm_main_left_info h2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 1px;
  background-color: #e1e1e1;
}
.cm_main_left_info:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 100px;
  width: 12px;
  height: 8px;
  background: url(../images/common/info_arrow.png);
  margin-left: -5px;
}
.cm_main_left_info + p {
  margin-bottom: 20px;
  font-family: "Oswald", sans-serif;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.0;
  padding-left: 48px;
}

.cm_main_left_btn {
  border: none;
}
.cm_main_left_btn li {
  margin-bottom: 12px;
  padding-left: 0;
  border: none;
}
.cm_main_left_btn li:after {
  display: none;
}
.cm_main_left_btn li .icon_order,
.cm_main_left_btn li .icon_contact,
.cm_main_left_btn li .icon_access_m {
  padding-left: 30px;
}
.cm_main_left_btn li a {
  width: 205px;
  padding: 6px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.cm_main_left_btn li a span {
  height: 20px;
  line-height: 20px;
}

/*-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-
contents
------------­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐*/
.cm_page_title {
  position: relative;
  background-color: #004a91;
}
.cm_page_title:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/common/x.png") repeat-x;
  width: 100%;
  height: 5px;
}
.cm_page_title > h1 {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 62px 0 60px;
  line-height: 1.1;
  color: #ffffff;
  font-size: 185.7%;
  font-weight: bold;
}
.cm_page_title > h1 span {
  position: relative;
  padding-left: 46px;
}
.cm_page_title > h1 span:before {
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  background-position: 0 -1450px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 10px;
  margin: -5px 0 0 20px;
  font-size: 10px;
  vertical-align: middle;
}

.cm_main_right_column {
  float: right;
  width: 715px;
}
.cm_main_right_column p + p {
  margin-top: 20px;
}

.cm_main_column_title {
  position: relative;
  margin-bottom: 36px;
  padding-left: 25px;
  height: 48px;
  line-height: 48px;
  border-left: 3px solid #004a91;
  font-size: 185.7%;
  font-weight: bold;
}
.cm_main_column_title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -3px;
  width: 3px;
  height: 30px;
  background-color: #15a7e6;
}

.cm_main_column_head {
  border-top: 3px solid #0096DF;
  padding-top: 48px;
  margin-bottom: 32px;
  font-size: 157.1%;
  font-weight: bold;
  line-height: 1.0;
}

.cm_main_column_section + .cm_main_column_section {
  margin-top: 80px;
}

.cm_section_case {
  margin-bottom: 84px;
}

.cm_main_right_column_left {
  float: left;
}

.cm_main_right_column_right {
  overflow: hidden;
  padding-left: 20px;
}

div.cm_box,
ul.cm_box > li,
ol.cm_box > li {
  padding: 30px 30px;
  border: solid 1px #0098d9;
}

.cm_box + .cm_box,
ul.cm_box > li + li,
ol.cm_box > li + li {
  margin-top: 24px;
}

/* navigation to cost page  */
.cm_fee_detail {
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #E1E1E1;
}
.cm_fee_detail .cm_fee_detail_inner,.cm_fee_detail .cm_fee_order_inner {
  width: 347px;
  margin: 0 auto;
}
.cm_fee_detail .cm_fee_detail_inner p {
  margin-bottom: 25px;
}
.cm_fee_detail .cm_fee_detail_inner .btn_more_detail,.cm_fee_detail .cm_fee_order_inner .btn_info {
  padding: 16px 0;
  width: 347px;
  font-size: 128.5%;
}
.cm_fee_detail .cm_fee_detail_inner .icon_yen {
  background-position: 0 -1498px;
  padding-left: 40px;
}
.cm_fee_detail + .cm_main_column_section {
  margin-top: 72px;
}

.cm_fee_detail.noborder {
  padding-top: 10px;
  border: 0;
}

.cm_fee_detail .cm_fee_order_inner{
  margin-top: 20px;
}

.cm_fee_detail .cm_fee_order_inner .icon_order {
  background-position: 0 4px;
  padding-left: 40px;
}

.cm_df_list {
  margin-top: 32px;
}
.cm_df_list dt, .cm_df_list dd {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-top: 28px;
  border-top: 1px solid #e1e1e1;
}
.cm_df_list dt {
  clear: both;
  width: 245px;
  padding-right: 25px;
  line-height: 1.3;
  font-size: 128.5%;
  color: #0098d9;
  font-weight: bold;
}
.cm_df_list dd {
  width: 470px;
}
.cm_df_list dd + dt,
.cm_df_list dd + dt + dd {
  margin-top: 36px;
}
.cm_df_list dt .btn_note_box {
  padding-top: 20px;
}
.cm_df_list dt .btn_note {
  display: block;
  font-size: 14px;
  height: 40px;
}
.cm_df_list dt .btn_note:hover {
  background-color: #E9E9E9;
}
.cm_df_list dt .btn_note .icon_question {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 30px;
  background-position: 4px -1590px;
}
.cm_df_list dt img {
  margin-top: 30px;
}
.cm_df_list dd img + p,
.cm_df_list dd p + p {
  margin-top: 18px;
}
.cm_df_list dd p + img {
  margin-top: 30px;
}
.cm_df_list dd > h4 {
  margin-bottom: 12px;
  padding: 5px 24px;
  background-color: #15a7e6;
  font-weight: bold;
  color: white;
}
.cm_df_list dd > h5 {
  font-weight: bold;
  padding: 8px 0 8px 0;
}
.cm_df_list dd .cm_box_list + h4 {
  margin-top: 12px;
}
.cm_df_list dd * + .cm_notice {
  margin-top: 8px;
}

.cm_df_list_qa dt:before, .cm_df_list_qa dd:before {
  display: block;
  height: 36px;
  line-height: 36px;
  font-family: "Oswald", sans-serif;
}
.cm_df_list_qa dt:before {
  content: "Q.";
  margin-bottom: 10px;
  font-size: 200%;
}
.cm_df_list_qa dd {
  min-height: 95px;
}
.cm_df_list_qa dd:before {
  content: "A.";
  margin-bottom: 8px;
  font-size: 257.1%;
}
.cm_df_list_qa * + .cm_list {
  margin-top: 24px;
}

.cm_list li {
  padding-left: 18px;
  position: relative;
}
.cm_list li + li {
  margin-top: 8px;
}
.cm_list li:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  left: 0;
  top: 5px;
  background-position: 0 -2170px;
}

.cm_box_list {
  padding: 0;
}
.cm_box_list > li {
  border: solid 1px #414141;
  behavior: url(../js/PIE.htc);
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 6px;
  padding: 5px 20px 3px;
  background-color: white;
  font-weight: bold;
}
.cm_box_list .cm_box_list_last {
  margin-bottom: 0;
}
.cm_box_list.etc:after {
  display: inline-block;
  font-weight: bold;
  content: "など";
  margin-left: -2px;
}

p.cm_notice {
  position: relative;
  padding-left: 18px;
}
p.cm_notice:before {
  position: absolute;
  left: 0;
  content: '※';
  color: #ffa200;
}

ul.cm_notice > li {
  position: relative;
  padding-left: 18px;
}
ul.cm_notice > li:before {
  position: absolute;
  left: 0;
  content: '※';
  color: #ffa200;
}

.cm_grid_list {
  width: 714px;
  overflow: hidden;
  margin-top: 36px;
  border-top: 1px solid #E0E0E0;
}
.cm_grid_list li {
  position: relative;
  float: left;
  width: 198px;
  height: 25px;
  padding: 20px 20px 40px;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
}
.cm_grid_list li span {
  display: block;
  font-weight: normal;
  font-family: "Oswald", sans-serif;
}
.cm_grid_list li:after {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  right: -1px;
  width: 1px;
  height: 60px;
  background-color: #e1e1e1;
}
.cm_grid_list li.lines {
  height: 45px;
  padding: 10px 20px 30px;
}

div.cm_index_contents_list,
.cm_index_contents_list > li {
  padding: 30px;
  border-bottom: 5px solid #CCDBE9;
  background-color: #f3f8fb;
}

.cm_index_contents_list > li + li {
  margin-top: 28px;
}
.cm_index_contents_list h3 {
  margin-bottom: 14px;
  color: #0098d9;
  font-size: 157.1%;
  font-weight: bold;
}

.cm_contents_list_left_img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 215px;
}

.cm_contents_list_right_img {
  float: right;
  margin-left: 20px;
}

.cm_index_contents_left,
.cm_index_contents_right {
  overflow: hidden;
}

.cm_index_detail_btn {
  margin-top: 25px;
}
.cm_index_detail_btn .btn_detail {
  width: 215px;
  padding: 8px 0;
}

.cm_right_column_explain + .cm_index_contents_list {
  margin-top: 36px;
}

.cm_check_list,
.cm_trouble_list {
  font-size: 114.2%;
}

.cm_check_list_l {
  font-size: 128.5%;
}

.cm_check_list li,
.cm_check_list_l li,
.cm_trouble_list li {
  position: relative;
  padding: 22px 30px 21px 62px;
  background-color: #f3f8fb;
  font-weight: bold;
  line-height: 1.3;
}
.cm_check_list li:before,
.cm_check_list_l li:before,
.cm_trouble_list li:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
}
.cm_check_list li + li,
.cm_check_list_l li + li,
.cm_trouble_list li + li {
  margin-top: 10px;
}

.cm_check_list li:before,
.cm_check_list_l li:before {
  width: 28px;
  height: 24px;
  margin-top: -12px;
  background-position: 0 -2120px;
}

.cm_trouble_list li:before {
  width: 30px;
  height: 29px;
  margin-top: -15px;
  background-position: 0 -2280px;
}

/* pagination */
.cm_pagination {
  margin-top: 34px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.cm_pagination_nav {
  display: inline-block;
}
.cm_pagination_nav li {
  float: left;
  width: 38px;
  margin: 0 5px;
}
.cm_pagination_nav li a, .cm_pagination_nav li span {
  behavior: url(../js/PIE.htc);
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
.cm_pagination_nav li a:hover {
  background-color: #f2f2f2;
  color: #15a7e6;
}
.cm_pagination_nav li span.current {
  background-color: #15a7e6;
  border-color: #15a7e6;
  color: #FFFFFF;
}
.cm_pagination_nav li .cm_pagination_previous,
.cm_pagination_nav li .cm_pagination_next {
  position: relative;
  display: block;
  text-indent: -9999px;
}
.cm_pagination_nav li .cm_pagination_previous:after,
.cm_pagination_nav li .cm_pagination_next:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/common/sprite/i.png");
  background-repeat: no-repeat;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -6px;
}
.cm_pagination_nav li .cm_pagination_previous:after {
  left: 50%;
  margin-left: -6px;
  background-position: 0 -1800px;
}
.cm_pagination_nav li .cm_pagination_next:after {
  right: 50%;
  margin-right: -6px;
  background-position: 0 -1830px;
}

/* table */
.cm_details_table {
  width: 470px;
  text-align: center;
}
.cm_details_table th, .cm_details_table td {
  height: 58px;
  line-height: 1.7;
  text-align: center;
}
.cm_details_table th:first-child, .cm_details_table td:first-child {
  width: 50%;
}
.cm_details_table th {
  font-size: 16px;
  font-weight: bold;
  color: #0098D9;
  background: #f3f8fb;
}
.cm_details_table th:first-child, .cm_details_table td:first-child {
  border-top: 1px solid #0098D9;
  border-left: 1px solid #0098D9;
  border-bottom: 1px solid #0098D9;
  border-right: 1px dotted #0098D9;
}
.cm_details_table th + th, .cm_details_table td + td {
  border-top: 1px solid #0098D9;
  border-bottom: 1px solid #0098D9;
  border-right: 1px solid #0098D9;
}

.cm_category01 .cm_restoration_case_device_name {
  border-color: #ef4d51;
  color: #ef4d51;
  font-weight: bold;
}
.cm_category01 .cm_restoration_case_time dd span {
  color: #ef4d51;
}
.cm_category01 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_red.png");
}
.cm_category01 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #ef4d51;
}
.cm_category01 .cm_restoration_case_comment_title {
  color: #ef4d51;
}

.cm_category02 .cm_restoration_case_device_name {
  border-color: #ff8416;
  color: #ff8416;
  font-weight: bold;
}
.cm_category02 .cm_restoration_case_time dd span {
  color: #ff8416;
}
.cm_category02 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_orange.png");
}
.cm_category02 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #ff8416;
}
.cm_category02 .cm_restoration_case_comment_title {
  color: #ff8416;
}

.cm_category03 .cm_restoration_case_device_name {
  border-color: #c8c608;
  color: #c8c608;
  font-weight: bold;
}
.cm_category03 .cm_restoration_case_time dd span {
  color: #c8c608;
}
.cm_category03 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_yellow.png");
}
.cm_category03 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #c8c608;
}
.cm_category03 .cm_restoration_case_comment_title {
  color: #c8c608;
}

.cm_category04 .cm_restoration_case_device_name {
  border-color: #4ccdc2;
  color: #4ccdc2;
  font-weight: bold;
}
.cm_category04 .cm_restoration_case_time dd span {
  color: #4ccdc2;
}
.cm_category04 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_light_green.png");
}
.cm_category04 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #4ccdc2;
}
.cm_category04 .cm_restoration_case_comment_title {
  color: #4ccdc2;
}

.cm_category05 .cm_restoration_case_device_name {
  border-color: #6184d6;
  color: #6184d6;
  font-weight: bold;
}
.cm_category05 .cm_restoration_case_time dd span {
  color: #6184d6;
}
.cm_category05 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_blue_purple.png");
}
.cm_category05 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #6184d6;
}
.cm_category05 .cm_restoration_case_comment_title {
  color: #6184d6;
}

.cm_category06 .cm_restoration_case_device_name {
  border-color: #cb60b6;
  color: #cb60b6;
  font-weight: bold;
}
.cm_category06 .cm_restoration_case_time dd span {
  color: #cb60b6;
}
.cm_category06 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_red_purple.png");
}
.cm_category06 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #cb60b6;
}
.cm_category06 .cm_restoration_case_comment_title {
  color: #cb60b6;
}

.cm_category07 .cm_restoration_case_device_name {
  border-color: #f66b96;
  color: #f66b96;
  font-weight: bold;
}
.cm_category07 .cm_restoration_case_time dd span {
  color: #f66b96;
}
.cm_category07 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_pink.png");
}
.cm_category07 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #f66b96;
}
.cm_category07 .cm_restoration_case_comment_title {
  color: #f66b96;
}

.cm_category08 .cm_restoration_case_device_name {
  border-color: #20c365;
  color: #20c365;
  font-weight: bold;
}
.cm_category08 .cm_restoration_case_time dd span {
  color: #20c365;
}
.cm_category08 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_green.png");
}
.cm_category08 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #20c365;
}
.cm_category08 .cm_restoration_case_comment_title {
  color: #20c365;
}

.cm_category09 .cm_restoration_case_device_name {
  border-color: #c3a750;
  color: #c3a750;
  font-weight: bold;
}
.cm_category09 .cm_restoration_case_time dd span {
  color: #c3a750;
}
.cm_category09 .cm_restoration_case_result {
  background: url("../images/pages/case/icon_circle_brown.png");
}
.cm_category09 .cm_restoration_case_device_detail dd {
  border-left: solid 1px #c3a750;
}
.cm_category09 .cm_restoration_case_comment_title {
  color: #c3a750;
}

.cm_restoration_case {
  position: relative;
  padding: 26px 30px 36px;
  background: #FFFFFF;
}
.cm_restoration_case:after {
  position: absolute;
  content: "";
  left: -1px;
  bottom: -6px;
  width: 100%;
  border-left: solid 1px #C2C6C9;
  border-right: solid 1px #C2C6C9;
  border-bottom: solid 5px #C2C6C9;
}
.cm_restoration_case h1 {
  width: 550px;
  font-size: 185.7%;
  font-weight: bold;
}
.cm_restoration_case + .cm_restoration_case {
  margin-top: 36px;
}

.cm_restoration_case_result {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  line-height: 1;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  z-index: 1;
}

.cm_restoration_case_result_inner {
  display: block;
  margin-top: 25px;
}

.cm_restoration_case_result_num {
  position: absolute;
  bottom: 25px;
  right: 42px;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 40px;
}

.cm_restoration_case_result_percent {
  content: "";
  display: block;
  position: absolute;
  bottom: 25px;
  right: 20px;
  display: inline-block;
  font-family: "Oswald", sans-serif;
}

.cm_restoration_case_two_column_box {
  margin: 20px 0 36px;
  width: 100%;
  position: relative;
}
.cm_restoration_case_two_column_box:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  width: 650px;
  height: 5px;
  background: url(../images/common/hover_slash_gray.png) repeat-x;
}

.cm_restoration_case_left_column,
.cm_restoration_case_right_column {
  float: left;
}

.cm_restoration_case_left_column {
  margin-top: 18px;
  width: 195px;
  text-align: center;
}
.cm_restoration_case_left_column .cm_restoration_case_device_name {
  margin-top: 15px;
  margin-bottom: 0;
  border-style: solid;
  border-width: 1px;
  font-size: 85.7%;
  text-align: left;
  padding: 7px 5px;
  line-height: 1.0;
}
.cm_restoration_case_left_column .cm_restoration_case_device_name:before {
  width: 0;
  height: 0;
}
.cm_restoration_case_left_column figure {
  padding: 5px;
}

.cm_restoration_case_right_column {
  margin-top: 20px;
  margin-left: 20px;
}

.cm_restoration_case_time {
  font-size: 128.5%;
  margin-left: -20px;
}
.cm_restoration_case_time > dt, .cm_restoration_case_time > dd {
  float: left;
  margin-left: 20px;
}
.cm_restoration_case_time dt {
  font-weight: bold;
}
.cm_restoration_case_time > dd {
  margin-top: -10px;
}
.cm_restoration_case_time > dd span {
  margin-right: 5px;
  font-family: "Oswald", sans-serif;
  font-size: 135%;
  font-weight: bold;
}

.cm_restoration_case_hour:after {
  content: "/";
  float: right;
  margin-top: 11px;
  margin-left: 15px;
}

.cm_restoration_case_device_detail {
  width: 435px;
  border-top: solid 1px #E1E1E1;
  margin-top: 13px;
  padding-top: 10px;
}
.cm_restoration_case_device_detail > dt, .cm_restoration_case_device_detail > dd {
  float: left;
  margin-top: 12px;
}
.cm_restoration_case_device_detail dt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  width: 135px;
  line-height: 1.2;
}
.cm_restoration_case_device_detail dd {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  width: 300px;
}
.cm_restoration_case_device_detail .lines {
  line-height: 32px;
}

.cm_restoration_case_box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #f2f2f2;
  display: table;
  margin-top: 10px;
  padding: 10px 0 11px;
}
.cm_restoration_case_box h2, .cm_restoration_case_box p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.8;
}
.cm_restoration_case_box h2 {
  width: 141px;
  padding-left: 0;
  text-align: center;
  border-right: solid 1px #CCCCCC;
  border-left: 0;
  font-size: 128.5%;
  font-weight: bold;
}
.cm_restoration_case_box h2:before {
  width: 0;
  height: 0;
}
.cm_restoration_case_box p {
  padding: 0 30px;
}

.cm_restoration_case_engineer_comment {
  margin-top: 36px;
}
.cm_restoration_case_engineer_comment img {
  float: left;
  border-radius: 55px;
}
.cm_restoration_case_engineer_comment .cm_restoration_case_comment_title {
  margin-bottom: 10px;
  border-left: 0;
  padding-left: 0;
  line-height: 1.5;
  font-size: 128.5%;
  font-weight: bold;
}
.cm_restoration_case_engineer_comment .cm_restoration_case_comment_title:before {
  width: 0;
  height: 0;
}

.cm_restoration_case_comment_box {
  position: relative;
  margin-left: 140px;
  padding: 30px;
  border: solid 1px #E1E1E1;
  border-radius: 3px;
  behavior: url(../js/PIE.htc);
}
.cm_restoration_case_comment_box p + p {
  margin-top: 14px;
}
.cm_restoration_case_comment_box:before, .cm_restoration_case_comment_box:after {
  content: "";
  display: block;
  position: absolute;
  border: solid 9px transparent;
  border-right-style: solid;
  border-right-width: 13px;
  top: 45px;
}
.cm_restoration_case_comment_box:before {
  border-right-color: #E1E1E1;
  left: -23px;
}
.cm_restoration_case_comment_box:after {
  border-right-color: #FFFFFF;
  left: -21px;
}

.cm_restoration_case_comment_text {
  margin-top: 10px;
}