/* ---------------------------------------- */

.red {
  color:#D40003;
  font-weight: bold;
}

#problem {
  padding: 1em 0 2em 0;
}
#problem .line {
  margin: 1em 1em;
  font-weight: bold;
}
#problem .red {
  color:#D40003;
}

#problem .left_side {
  border:#4777D8 2px solid;
  background:#C0D0F1;
  width: 20em;
  display:table-cell;
  text-align:center;
  padding: 0.5em;
  vertical-align: middle;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:0px 0px 6px 1px #4777D8 inset;
  -webkit-box-shadow:0px 0px 6px 1px #4777D8 inset;
  box-shadow:0px 0px 6px 1px #4777D8 inset;
}
#problem .right_side {
  border:#ee7777 2px solid;
  background:#F9D4D4;
  width: 20em;
  display:table-cell;
  text-align:center;
  padding: 0.5em;
  vertical-align: middle;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:0px 0px 6px 1px #ee7777 inset;
  -webkit-box-shadow:0px 0px 6px 1px #ee7777 inset;
  box-shadow:0px 0px 6px 1px #ee7777 inset;
}
#problem .arrow {
  display:table-cell;
  vertical-align: middle;
}

#case {
  padding:0 3em 2em 3em;
}
#case .case_title {
  color:#a93c34;
  border-bottom: #a93c34 1px solid;
  font-size:140%;
  font-weight: bold;
  padding: 2em 0 0 0.5em;
}
#case .case_item {
  clear: both;
  padding: 1em 0 0 1.5em;
}
#case .case_stitle {
  color:#333;
  font-size:100%;
  font-weight: bold;
  padding: 1em 0 0.5em 0;
}
#case .case_image {
  float: right;
  padding: 0 0 1em 0;
}
#case .case_detail {
  padding: 0 0 1em 0.5em;
}

#case .case_item1 {
  width: 68%;
  float: left;
  padding: 1em 0 2em 0;
}
#case .case_item2 {
  width: 30%;
  float: right;
  padding: 1em 0 0 0;
}

table.typeP {
  width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
  text-align: center;
	line-height: 1.5;
	border-top: 1px solid #ccc;
  margin: 1em 0 1em 0;
}
table.typeP caption {
  text-align: right;
}
table.typeP th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #eee;
	vertical-align:middle;  
}
table.typeP td {
	padding: 10px;
	vertical-align: top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;  
}

table.typeP .top {
  background: #E57C16;
  color:#fff;
}
table.typeP .side {
  background: #FFCA97;
	vertical-align:middle;
}

table.typeP .l2 {
  background: #fafafa;
}
table.typeP .marubatu {
  font-size: 160%;
  color:#E57C16;
  padding: 0;
}
table.typeP .setname {
  font-size: 90%;
  color:#333;
  background: #FFCA97;
}

table.typeP .price1 {
  font-size: 180%;
  color:#fff;
  background:#e5004f;
  text-shadow: 1px 1px 2px #333;
  padding-top: 0.6em;
}
table.typeP .price1_text {
  font-size: 70%;
  padding-left: 0.2em;
}
table.typeP .price2 {
  font-weight: normal;
}

table.typeP .space {
  padding:0;
  border-right:none;
  border-left: none;
}

table.typeP .price3 {
  font-size: 160%;
  color:#fff;
  background:#D06244;
  text-shadow: 1px 1px 2px #333;
  padding-top: 0.6em;
}
table.typeP .price3_text {
  font-size: 60%;
  padding-left: 0.2em;
}

table.typeP2 {
  width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
  text-align: center;
	line-height: 1.5;
	border-top: 1px solid #aaa;
  margin: 1em 0 1em 0;
}
table.typeP2 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #eee;
	vertical-align:middle;  
}
table.typeP2 td {
	padding: 10px;
	vertical-align: top;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	vertical-align:middle;  
}
table.typeP2 .top {
  background: #bbb;
}
table.typeP2 .pricered {
  color: #dd3333;
  font-weight: bold;
}
table.typeP2 .l2 {
  background: #fafafa;
}


#sample .campaign {
  padding:0;
  font-size:150%;
  color:#D40003;
  font-weight: bold;
}

table.price980 {
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
  margin-bottom: 2em;
  width: 90%;
}
table.price980 th {
	width: 150px;
	padding: 10px;
  font-weight: normal;
  vertical-align:middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
  color:#fff;
  background:#E57C16;
}
table.price980 td {
	padding: 10px;
	vertical-align: top;
  text-align: center;
  font-size:120%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
} 

/* ---------- */
#attention {
  font-size:1.25em;
  line-height:1.6em;
  padding-bottom:40px;
}
#attention p {
  padding:14px 50px;
}
#attention ul {
  list-style : none;
  padding-left:37px;
}
#attention li {
  float:left;
  padding:8px 13px;
}
#attention .person {
 margin-right:50px;
 background:url(../images/person.png) no-repeat right;
}
#attention h3 {
  text-align: center;
  font-size:1.4em;
  font-weight:bold;
  color:#a93c34;
  background:#ffffff;
  border:2px solid #a93c34;
  margin:14px 50px 8px 50px;
  padding:18px 18px 18px 18px;
}
#attention .detail {
  margin:20px 80px 20px 80px;
}