@charset "UTF-8";
/*=====================================================
	var
=====================================================*/
/*=======================================================
	shared
=======================================================*/
* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
  font-size: 13px;
  -webkit-text-size-adjust: 100%;
}

img {
  border: none;
  vertical-align: bottom;
}

li {
  list-style: none;
}

/*=====================================================
	font color
=====================================================*/
.red {
  color: #CC0000 !important;
}

.blue {
  color: #0099CC;
}

.orange {
  color: #FF6600;
}

.yellow {
  color: #996600;
}

.green {
  color: #55B859;
}

.brown {
  color: #CC6633;
}

/*
=========================================================
	table
=========================================================
*/
table {
  border-collapse: collapse;
  border-spacing: 0px;
}

/*
=========================================================
	indent
=========================================================
*/
.note1 {
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}

.note1_5 {
  padding-left: 1.5em;
  text-indent: -1.5em;
  display: block;
}

.note2 {
  padding-left: 2em;
  text-indent: -2em;
  display: block;
}

.note2_5 {
  padding-left: 2.5em;
  text-indent: -2.5em;
  display: block;
}

.note3 {
  padding-left: 3em;
  text-indent: -3em;
  display: block;
}

/*=====================================================
	wrap
=====================================================*/
.wrap {
  margin: 10px auto;
  width: 720px;
}

/*=====================================================
	planinfo
=====================================================*/
.planinfo {
  margin-bottom: 15px;
  overflow: hidden;
  *zoom: 1;
}
.planinfo .planinfo_box {
  width: 350px;
}
.planinfo .planinfo_box.planinfo-b {
  float: left;
}
.planinfo .planinfo_box.planinfo-smartfamily {
  float: right;
}
.planinfo .planinfo_inner {
  width: 322px;
  border-right: 4px solid #F3F3F3;
  border-left: 4px solid #F3F3F3;
  border-bottom: 4px solid #F3F3F3;
  padding: 10px;
}
.planinfo .planinfo_title {
  margin-bottom: 0;
}
.planinfo .planinfo_lead {
  font-size: 115.38462%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
.planinfo .planinfo-b .planinfo_lead {
  color: #138EB3;
}
.planinfo .planinfo-smartfamily .planinfo_lead {
  color: #FF6600;
}
.planinfo .planinfo_msg {
  font-size: 107.69231%;
  line-height: 1.5;
  margin-bottom: 7px;
  text-align: center;
  font-weight: bold;
}
.planinfo .planinfo_msg .minus {
  padding: 0 1px;
  vertical-align: baseline;
}
.planinfo .planinfo_text {
  font-size: 100%;
  line-height: 1.5;
  margin-bottom: 7px;
  font-weight: bold;
}
.planinfo .planinfo_attention {
  font-size: 92.30769%;
  line-height: 1.5;
}

.pricegraph {
  margin-bottom: 20px;
}

/*=====================================================
	pricelist
=====================================================*/
.pricelist {
  margin-bottom: 20px;
  overflow: hidden;
  *zoom: 1;
}
.pricelist .pricelist_box {
  width: 312px;
  border: 4px solid #F3F3F3;
  padding: 15px;
}
.pricelist .pricelist_box.pricelist_b {
  float: left;
}
.pricelist .pricelist_box.pricelist_smartfamily {
  float: right;
}
.pricelist .pricelist_title {
  font-size: 123.07692%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}
.pricelist .pricelist_title.pricelist_titleB {
  color: #1396E2;
}
.pricelist .pricelist_title.pricelist_titleSmartFamily {
  color: #FF6901;
}
.pricelist .pricelist_tbl {
  border: 1px solid #ccc;
  margin: 0 auto;
  width: 312px;
}
.pricelist .pricelist_tbl.pricelist_tblB th {
  background: #E0F5FC;
}
.pricelist .pricelist_tbl.pricelist_tblSmartFamily th {
  background: #FFF4E8;
}
.pricelist .pricelist_tbl th {
  border: 1px solid #ccc;
  font-weight: normal;
  line-height: 1;
  padding: 7px 5px;
  text-align: center;
}
.pricelist .pricelist_tbl td {
  line-height: 1;
  padding: 7px 5px;
  border: 1px solid #ccc;
}
.pricelist .pricelist_tbl .pricelist_elprice {
  width: 13px;
}
.pricelist .pricelist_tbl .pricelist_unit {
  text-align: center;
}
.pricelist .pricelist_tbl .pricelist_price {
  text-align: right;
}
.pricelist .pricelist_tbl .pricelist_bgStrong {
  background: #FFFDE8;
}

/*=====================================================
	btn_close
=====================================================*/
.btn_close {
  margin-bottom: 20px;
  text-align: center;
}