@charset "utf-8";

/** --------------------------------------------------------------------------------
 * タブ
 */
/** ----------------------------------------
 * サンプル1
 */
div.tabBlock_type1 {
  margin: 10px;
}

div.tabBlock_type1 ul.tabList {
  margin-bottom: -1px;
  position: relative;
  z-index: 10;
  list-style-type: none;
}

div.tabBlock_type1 ul.tabList::after {
  display: block;
  clear: both;
  content: "";
}

div.tabBlock_type1 ul.tabList li {
  padding: 10px 15px;
  border: 1px solid #999;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  float: left;
  -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
  -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
  box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));
  background-image: -webkit-linear-gradient(#666, #bbb);
  background-image: -moz-linear-gradient(#666, #bbb);
  background-image: linear-gradient(#666, #bbb);
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  cursor: pointer;
}

div.tabBlock_type1 ul.tabList li.active {
  padding-bottom: 11px;
  border-bottom: none;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
  background-image: -webkit-linear-gradient(#999, #fff);
  background-image: -moz-linear-gradient(#999, #fff);
  background-image: linear-gradient(#999, #fff);
}

div.tabBlock_type1 ul.tabList li:not(:last-of-type) {
  margin-right: 5px;
}

div.tabBlock_type1 div[class^="tabPanel"] {
  padding: 10px;
  border: 1px solid #999;
}

/** ----------------------------------------
 * サンプル2
 */
div.tabBlock_type2 {
  margin: 10px 0;
}

div.tabBlock_type2 ul.tabList {
  margin-bottom: -1px;
  display: table;
  position: relative;
  z-index: 10;
  width: 100%;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
}

div.tabBlock_type2 ul.tabList li {
  padding: 10px 15px;
  border-width: 1px;
  border-style: solid solid solid none;
  border-color: #999;
  display: table-cell;
  color: #333;
  background-color: #ccc;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  cursor: pointer;
}

div.tabBlock_type2 ul.tabList li:first-of-type {
  border-left-style: solid;
}

div.tabBlock_type2 ul.tabList li.active {
  padding-bottom: 11px;
  border-bottom: none;
  background-color: #fff;
}

div.tabBlock_type2 ul.tabList li:not(.active) {
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset, -1px -1px 2px rgba(0,0,0,0.3) inset;
     -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset, -1px -1px 2px rgba(0,0,0,0.3) inset;
          box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset, -1px -1px 2px rgba(0,0,0,0.3) inset;
}

div.tabBlock_type2 div[class^="tabPanel"] {
  padding: 10px;
  border: 1px solid #999;
}

/** --------------------------------------------------------------------------------
 * アコーディオンメニュー
 */
/** ----------------------------------------
 * サンプル1
 */
dl.accordionMenuBlock_type1 {
  margin: 10px;
}

dl.accordionMenuBlock_type1 dt {
  padding: 12px 2.2em 12px 10px;
  border-width: 1px;
  border-style: solid solid none;
  border-color: #999;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  text-shadow: 0 1px 1px #fff;
  cursor: pointer;
}

dl.accordionMenuBlock_type1 dt:hover,
dl.accordionMenuBlock_type1 dt:active {
  background: #ddd;
}

dl.accordionMenuBlock_type1 dt:first-of-type {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

dl.accordionMenuBlock_type1 dt:not(.active):last-of-type,
dl.accordionMenuBlock_type1 dd:last-of-type {
  border-bottom-style: solid;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-bottom-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

dl.accordionMenuBlock_type1 dt::before {
  margin-top: -0.1em;
  margin-right: -1.83em;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: block;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 1px #fff;
  box-shadow: 0 1px 1px #fff;
  float: right;
  content: "";
  display: block;
  width: 1.63em;
  height: 1.63em;
  color: #fff;
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, -webkit-linear-gradient(#bbb, #666);
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, -moz-linear-gradient(#bbb, #666);
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, linear-gradient(#bbb, #666);
  text-align: center;
}

dl.accordionMenuBlock_type1 dt.active::before {
  background: url("/images/block/cross.png") no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: url("/images/block/cross.png") no-repeat 50% 50%, -webkit-linear-gradient(#bbb, #666);
  background: url("/images/block/cross.png") no-repeat 50% 50%, -moz-linear-gradient(#bbb, #666);
  background: url("/images/block/cross.png") no-repeat 50% 50%, linear-gradient(#bbb, #666);
}

dl.accordionMenuBlock_type1 dd {
  padding: 12px 10px;
  border-width: 1px;
  border-style: dashed solid none;
  border-color: #999;
  display: none;
  font-size: 85.8%;
}

/** ----------------------------------------
 * サンプル2
 */
dl.accordionMenuBlock_type2 {
  margin: 10px 0;
  border-top: 1px solid #999;
}

dl.accordionMenuBlock_type2 dt,
dl.accordionMenuBlock_type2 dd {
  border-bottom: 1px solid #999;
}

dl.accordionMenuBlock_type2 dt {
  padding: 12px 2.2em 12px 10px;
  border-bottom: 1px solid #999;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  text-shadow: 0 1px 1px #fff;
  cursor: pointer;
}

dl.accordionMenuBlock_type2 dt:hover,
dl.accordionMenuBlock_type2 dt:active {
  background: #ddd;
}

dl.accordionMenuBlock_type2 dt::before {
  margin-top: -0.1em;
  margin-right: -1.83em;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: block;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 1px #fff;
  box-shadow: 0 1px 1px #fff;
  float: right;
  content: "";
  display: block;
  width: 1.63em;
  height: 1.63em;
  color: #fff;
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, -webkit-linear-gradient(#bbb, #666);
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, -moz-linear-gradient(#bbb, #666);
  background: url("/images/block/arrowB.png") no-repeat 50% 50%, linear-gradient(#bbb, #666);
  text-align: center;
}

dl.accordionMenuBlock_type2 dt.active::before {
  background: url("/images/block/cross.png") no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: url("/images/block/cross.png") no-repeat 50% 50%, -webkit-linear-gradient(#bbb, #666);
  background: url("/images/block/cross.png") no-repeat 50% 50%, -moz-linear-gradient(#bbb, #666);
  background: url("/images/block/cross.png") no-repeat 50% 50%, linear-gradient(#bbb, #666);
}

dl.accordionMenuBlock_type2 dd {
  padding: 12px 10px;
  display: none;
  font-size: 85.8%;
}

/** --------------------------------------------------------------------------------
 * 横メニュー
 */
/** ----------------------------------------
 * サンプル1
 */
ul.horizontalMenuBlock_type1 {
  margin: 10px 0;
  display: table;
  width: 100%;
  list-style-type: none;
  font-size: 78.6%;
  text-align: center;
  letter-spacing: -0.01px;
  border-collapse: separate;
}

ul.horizontalMenuBlock_type1 li {
  display: table-cell;
  border: 1px solid #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: -webkit-linear-gradient(#bbb, #666);
  background: -moz-linear-gradient(#bbb, #666);
  background: linear-gradient(#bbb, #666);
  vertical-align: middle;
}

ul.horizontalMenuBlock_type1 li:hover,
ul.horizontalMenuBlock_type1 li:active {
  background: #bbb;
}

ul.horizontalMenuBlock_type1 li:not(:first-of-type) {
  border-left-color: rgba(255,255,255,0.3);
}

ul.horizontalMenuBlock_type1 li a {
  padding: 10px 2px;
  display: block;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

/** ----------------------------------------
 * サンプル2
 */
ul.horizontalMenuBlock_type2 {
  margin: 10px 0;
  display: table;
  width: 100%;
  list-style-type: none;
  font-size: 78.6%;
  text-align: center;
  letter-spacing: -0.01px;
  table-layout: fixed;
  border-collapse: separate;
}

ul.horizontalMenuBlock_type2 li {
  display: table-cell;
  border: 1px solid #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: -webkit-linear-gradient(#bbb, #666);
  background: -moz-linear-gradient(#bbb, #666);
  background: linear-gradient(#bbb, #666);
  vertical-align: middle;
}

ul.horizontalMenuBlock_type2 li:hover,
ul.horizontalMenuBlock_type2 li:active {
  background: #bbb;
}

ul.horizontalMenuBlock_type2 li:not(:first-of-type) {
  border-left-color: rgba(255,255,255,0.3);
}

ul.horizontalMenuBlock_type2 li a {
  padding: 10px 2px;
  display: block;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

/** ----------------------------------------
 * サンプル3
 */
ul.horizontalMenuBlock_type3 {
  margin: 10px 0;
  display: table;
  width: 100%;
  list-style-type: none;
  font-size: 78.6%;
  text-align: center;
  letter-spacing: -0.01px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
}

ul.horizontalMenuBlock_type3 li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: table-cell;
  border: 1px solid #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: -webkit-linear-gradient(#bbb, #666);
  background: -moz-linear-gradient(#bbb, #666);
  background: linear-gradient(#bbb, #666);
  vertical-align: middle;
}

ul.horizontalMenuBlock_type3 li:hover,
ul.horizontalMenuBlock_type3 li:active {
  background: #bbb;
}

ul.horizontalMenuBlock_type3 li:not(:first-of-type) {
  border-left-color: rgba(255,255,255,0.3);
}

ul.horizontalMenuBlock_type3 li a {
  padding: 10px 2px;
  display: block;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

ul.horizontalMenuBlock_type3 li a img {
  margin-right: 3px;
  vertical-align: middle;
}

/** ----------------------------------------
 * サンプル4
 */
ul.horizontalMenuBlock_type4 {
  margin: 10px 0;
  display: table;
  width: 100%;
  list-style-type: none;
  font-size: 78.6%;
  text-align: center;
  letter-spacing: -0.01px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
}

ul.horizontalMenuBlock_type4 li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: table-cell;
  border: 1px solid #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: -webkit-linear-gradient(#bbb, #666);
  background: -moz-linear-gradient(#bbb, #666);
  background: linear-gradient(#bbb, #666);
  vertical-align: middle;
}

ul.horizontalMenuBlock_type4 li:hover,
ul.horizontalMenuBlock_type4 li:active {
  background: #bbb;
}

ul.horizontalMenuBlock_type4 li:not(:first-of-type) {
  border-left-color: rgba(255,255,255,0.3);
}

ul.horizontalMenuBlock_type4 li a {
  padding: 10px 2px;
  display: block;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

ul.horizontalMenuBlock_type4 li a img {
  margin: 0 auto 2px;
  display: block;
}

/** --------------------------------------------------------------------------------
 * 縦メニュー
 */
/** ----------------------------------------
 * サンプル1
 */
ul.verticalMenuBlock_type1 {
  margin: 10px;
  list-style-type: none;
}

ul.verticalMenuBlock_type1 li {
  border: 1px solid #999;
  background-image: url("/images/block/arrowR_blue.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: url("/images/block/arrowR_blue.png"), -webkit-linear-gradient(#fff, #ddd);
  background-image: url("/images/block/arrowR_blue.png"), -moz-linear-gradient(#fff, #ddd);
  background-image: url("/images/block/arrowR_blue.png"), linear-gradient(#fff, #ddd);
  background-repeat: no-repeat;
  background-position: 100% 50%, 0 0;
}

ul.verticalMenuBlock_type1 li:hover,
ul.verticalMenuBlock_type1 li:active {
  background: #fff url("/images/block/arrowR_blue.png") no-repeat 100% 50%;
}

ul.verticalMenuBlock_type1 li:not(:last-of-type) {
  border-bottom-style: none;
}

ul.verticalMenuBlock_type1 li:first-of-type {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

ul.verticalMenuBlock_type1 li:last-of-type {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-bottom-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

ul.verticalMenuBlock_type1 li a {
  padding: 12px 22px 12px 10px;
  display: block;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
}

/** ----------------------------------------
 * サンプル2
 */
ul.verticalMenuBlock_type2 {
  margin: 10px;
  list-style-type: none;
  font-size: 85.8%;
}

ul.verticalMenuBlock_type2::after {
  content: "";
  display: block;
  clear: both;
}

ul.verticalMenuBlock_type2 li {
  border: 1px solid #999;
  -webkit-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
}

ul.verticalMenuBlock_type2 li:nth-of-type(even) {
  border-left-style: none;
}

ul.verticalMenuBlock_type2 li:not(:nth-last-child(-n+2)) {
  border-bottom-style: none;
}

ul.verticalMenuBlock_type2 li:first-of-type {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

ul.verticalMenuBlock_type2 li:nth-of-type(2) {
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

ul.verticalMenuBlock_type2 li:last-of-type {
  -webkit-bottom-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

ul.verticalMenuBlock_type2 li:nth-last-of-type(2) {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

ul.verticalMenuBlock_type2 li:hover,
ul.verticalMenuBlock_type2 li:active {
  background: #fff;
}

ul.verticalMenuBlock_type2 li a {
  padding: 12px 2.2em 12px 10px;
  display: block;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
}

ul.verticalMenuBlock_type2 li a::before {
  margin-top: -0.24em;
  margin-right: -1.83em;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: block;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 1px #fff;
  box-shadow: 0 1px 1px #fff;
  float: right;
  content: "";
  width: 1.9em;
  height: 1.9em;
  color: #fff;
  background: url("/images/block/arrowR.png") no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666));
  background: url("/images/block/arrowR.png") no-repeat 50% 50%, -webkit-linear-gradient(#bbb, #666);
  background: url("/images/block/arrowR.png") no-repeat 50% 50%, -moz-linear-gradient(#bbb, #666);
  background: url("/images/block/arrowR.png") no-repeat 50% 50%, linear-gradient(#bbb, #666);
  text-align: center;
}

/** ----------------------------------------
 * サンプル3
 */
ul.verticalMenuBlock_type3 {
  margin: 10px 0;
  border-top: 1px solid #999;
  list-style-type: none;
}

ul.verticalMenuBlock_type3 li {
  border-bottom: 1px solid #999;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
}

ul.verticalMenuBlock_type3 li:hover,
ul.verticalMenuBlock_type3 li:active {
  background: #fff;
}

ul.verticalMenuBlock_type3 li a {
  padding-right: 20px;
  display: block;
  line-height: 40px;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
  font-size: 14px;
}

ul.verticalMenuBlock_type3 li a div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.verticalMenuBlock_type3 li a::before {
  position: absolute;
  right: 5px;
  top: 0.3em;
  content: url("/images/block/arrowR_gray.png");
}

ul.verticalMenuBlock_type3 li a img {
  vertical-align: top;
}

/** ----------------------------------------
 * サンプル4
 */
ul.verticalMenuBlock_type4 {
  border-top: 1px solid #999;
  list-style-type: none;
}

ul.verticalMenuBlock_type4 li {
  border-bottom: 1px solid #ccc;
  position: relative;
  background-image: url("/images/block/arrowR_blue.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: url("/images/block/arrowR_blue.png"), -webkit-linear-gradient(#fff, #ddd);
  background-image: url("/images/block/arrowR_blue.png"), -moz-linear-gradient(#fff, #ddd);
  background-image: url("/images/block/arrowR_blue.png"), linear-gradient(#fff, #ddd);
  background-repeat: no-repeat;
  background-position: 100% 50%, 0 0;
}

ul.verticalMenuBlock_type4 li:hover,
ul.verticalMenuBlock_type4 li:active {
  background: #fff url("/images/block/arrowR_blue.png") no-repeat 100% 50%;
}

ul.verticalMenuBlock_type4 li a {
  display: table;
  width: 100%;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
  font-size: 13px;
}

ul.verticalMenuBlock_type4 li a div {
  display: table-cell;
  line-height: 1.2;
}

ul.verticalMenuBlock_type4 li a div:first-of-type,
ul.verticalMenuBlock_type4 li a img {
  width: 40px;
  vertical-align: top;
}

ul.verticalMenuBlock_type4 li a div:last-of-type {
  padding: 5px 22px 5px 5px;
  vertical-align: middle;
}

/** --------------------------------------------------------------------------------
 * 一覧
 */
/** ----------------------------------------
 * サンプル1
 */
div.list_type1 .item {
  border-top: 1px solid #ddd;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  unicode-bidi: bidi-override;
  direction: rtl;
}

div.list_type1 article:last-of-type {
  border-bottom: 1px solid #ddd;
}

div.list_type1 a.item {
  color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  text-decoration: none;
}

div.list_type1 a.item:hover,
div.list_type1 a.item:active {
  background: #fff;
}

div.list_type1 .main,
div.list_type1 .sub {
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}

/* 見出し */
div.list_type1 .main h1 {
  color: #2b577d;
  text-shadow: 0 1px 1px #fff;
}

/* アーティスト名 */
div.list_type1 .main .name,
div.list_type1 .main .title {
  color: #999;
  font-size: 78.6%;
  letter-spacing: -0.01px;
}

/* 本文 */
div.list_type1 .main .text {
  font-size: 78.6%;
  letter-spacing: -0.01px;
}

div.list_type1 .sub {
  width: 80px;
}

div.list_type1 .sub p.jacket img {
  width: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
          box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  background-color: #fff;
}

/** ----------------------------------------
 * サンプル2
 */
div.list_type2 .item {
  border-top: 1px solid #ddd;
  display: table;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
}

div.list_type2 article:last-of-type {
  border-bottom: 1px solid #ddd;
}

div.list_type2 a.item {
  color: #000;
  text-decoration: none;
}

div.list_type2 a.item:hover,
div.list_type2 a.item:active {
  background: #fff;
}

div.list_type2 .item a {
  display: table;
  width: 100%;
  color: #000;
  text-decoration: none;
}

div.list_type2 .main,
div.list_type2 .sub {
  display: table-cell;
  vertical-align: middle;
}

/* 曲目 */
div.list_type2 .main .title {
  text-shadow: 0 1px 1px #000;
}

/* アーティスト名 */
div.list_type2 .main .name {
  color: #999;
  font-size: 78.6%;
  letter-spacing: -0.01px;
}

/* 本文 */
div.list_type2 .main .text {
  font-size: 78.6%;
  letter-spacing: -0.01px;
}

div.list_type2 .sub {
  width: 80px;
}

div.list_type2 .sub p.jacket img {
  width: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
          box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  background-color: #fff;
}

/** ----------------------------------------
 * サンプル3
 */
div.list_type3 {
  padding: 0 5px;
}

div.list_type3::after {
  content: "";
  display: block;
  clear: both;
}

div.list_type3 .item {
  padding: 10px 5px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
}

div.list_type3 .item:nth-of-type(2n+1) {
  clear: both;
}

@media only screen and (min-width: 321px) {/* 321px以上で適用 */
  div.list_type3 .item {
    width: 33.33%;
  }
  
  div.list_type3 .item:nth-of-type(2n+1) {
    clear: none;
  }
  
  div.list_type3 .item:nth-of-type(3n+1) {
    clear: both;
  }
}

/* 曲目 */
div.list_type3 .title {
  font-size: 85.8%;
  text-shadow: 0 1px 1px #000;
  text-align: center;
}

div.list_type3 .title a {
  display: inline-block;
}

div.list_type3 .title span {
  display: block;
  overflow: hidden;/* overflowの値にvisible以外のものを指定 */
  text-overflow: ellipsis;/* テキストが表示領域からはみ出た場合、末尾に省略符号「…」を表示 */
  white-space: nowrap;/* 自動改行しない */
  text-align: left;
}

div.list_type3 .title img {
  margin: 0 auto 10px;
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* アーティスト名 */
div.list_type3 .name,
div.list_type3 .name a {
  color: #999;
}

div.list_type3 .name {
  font-size: 71.5%;
  letter-spacing: -0.01px;
  overflow: hidden;/* overflowの値にvisible以外のものを指定 */
  text-overflow: ellipsis;/* テキストが表示領域からはみ出た場合、末尾に省略符号「…」を表示 */
  white-space: nowrap;/* 自動改行しない */
}

div.list_type3 .name a {
  text-decoration: none;
}

/* 本文 */
div.list_type3 .text {
  font-size: 71.5%;
  letter-spacing: -0.01px;
}

/* ダウンロード＆視聴 */
div.list_type3 p.more {
  margin-top: 10px;
}

div.list_type3 p.more a {
  display: block;
}

div.list_type3 p.more a img {
  width: 100%;
}

/** ----------------------------------------
 * サンプル4
 */
div.list_type4 article a {
  border-top: 1px solid #ddd;
  padding: 7px 10px 7px 25px;
  display: block;
  color: #000;
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, -webkit-linear-gradient(#fff, #ddd);
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, -moz-linear-gradient(#fff, #ddd);
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, linear-gradient(#fff, #ddd);
  text-decoration: none;
}

div.list_type4 article:last-of-type a {
  border-bottom: 1px solid #ddd;
}

div.list_type4 article a:hover,
div.list_type4 article a:active {
  background: #fff url("/images/block/icon/disc.png") no-repeat 5px 50%;
}

/* アーティスト名 */
div.list_type4 .name {
  color: #999;
  font-size: 71.5%;
  letter-spacing: -0.01px;
}

/** ----------------------------------------
 * サンプル5
 */
ul.list_type5 {
  list-style-type: none;
}

ul.list_type5 li a {
  border-top: 1px solid #ddd;
  padding: 7px 10px 7px 25px;
  display: block;
  color: #000;
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, -webkit-linear-gradient(#fff, #ddd);
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, -moz-linear-gradient(#fff, #ddd);
  background: url("/images/block/icon/disc.png") no-repeat 5px 50%, linear-gradient(#fff, #ddd);
  text-decoration: none;
}

ul.list_type5 li a:hover,
ul.list_type5 li a:active {
  background: #fff url("/images/block/icon/disc.png") no-repeat 5px 50%;
}

/** --------------------------------------------------------------------------------
 * タイトル
 */
/** ----------------------------------------
 * サンプル1
 */
.heading_type1 {
  margin: 20px 0 0;
  padding: 5px 10px 4px;
  border-bottom: 3px solid #305f02;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,1) inset;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,1) inset;
  position: relative;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background: -webkit-linear-gradient(#cbe987, #86b129);
  background: -moz-linear-gradient(#cbe987, #86b129);
  background: linear-gradient(#cbe987, #86b129);
  font-size: 140%;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.heading_type1.searchIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/search.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/search.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/search.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/search.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.newIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/new.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/new.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/new.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/new.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.rankingIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/ranking.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/ranking.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/ranking.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/ranking.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.lockIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/lock.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/lock.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/lock.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/lock.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.mailIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/mail.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/mail.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/mail.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/mail.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.errorIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/error.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/error.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/error.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/error.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.penIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/pen.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/pen.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/pen.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/pen.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.memoIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/memo.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/memo.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/memo.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/memo.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.folderIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/folder.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/folder.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/folder.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/folder.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.companyIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/company.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/company.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/company.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/company.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.questionIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/question.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/question.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/question.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/question.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.noteIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/note.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/note.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/note.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/note.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.notebookIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/notebook.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/notebook.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/notebook.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/notebook.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

.heading_type1.paymentIcon {
  padding-left: 32px;
  background-image: url("/assets/images/sp/contents/icon/payment.png"), -webkit-gradient(linear, left top, left bottom, from(#cbe987), to(#86b129));
  background-image: url("/assets/images/sp/contents/icon/payment.png"), -webkit-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/payment.png"),    -moz-linear-gradient(#cbe987, #86b129);
  background-image: url("/assets/images/sp/contents/icon/payment.png"),         linear-gradient(#cbe987, #86b129);
  background-repeat: no-repeat, no-repeat;
  background-position: 2px 50%, 0 0;
  -webkit-background-size: 28px 28px, auto auto;
     -moz-background-size: 28px 28px, auto auto;
          background-size: 28px 28px, auto auto;
}

/** ----------------------------------------
 * サンプル2
 */
.heading_type2 {
  margin: 20px 0 0;
  padding: 7px 10px 7px 18px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  color: #305f02;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.heading_type2::before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  position: absolute;
  top: 7px;
  left: 5px;
  bottom: 7px;
  width: 5px;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#98bb4a), to(#305f02));
  background: -webkit-linear-gradient(#98bb4a, #305f02);
  background: -moz-linear-gradient(#98bb4a, #305f02);
  background: linear-gradient(#98bb4a, #305f02);
}

/** ----------------------------------------
 * サンプル3
 */
.heading_type3 {
  margin: 20px 0 0;
  padding: 7px 10px 7px 15px;
  border: 1px solid #999;
  position: relative;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  color: #2b577d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  font-size: 135.8%;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.heading_type3::before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  position: absolute;
  top: 7px;
  left: 5px;
  bottom: 7px;
  width: 5px;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#457dac), to(#173b5a));
  background: -webkit-linear-gradient(#457dac, #173b5a);
  background: -moz-linear-gradient(#457dac, #173b5a);
  background: linear-gradient(#457dac, #173b5a);
}

/** ----------------------------------------
 * サンプル4
 */
.heading_type4 {
  margin: 10px 10px 10px;
  padding: 5px 15px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  position: relative;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background-image: -webkit-linear-gradient(#666, #000);
  background-image: -moz-linear-gradient(#666, #000);
  background-image: linear-gradient(#666, #000);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.heading_type4::before,
.heading_type4::after {
  margin-top: -3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  background-image: -webkit-linear-gradient(#fff, #ccc);
  background-image: -moz-linear-gradient(#fff, #ccc);
  background-image: linear-gradient(#fff, #ccc);
  z-index: 100;
}

.heading_type4::before {
  left: 5px;
}

.heading_type4::after {
  right: 5px;
}

/** ----------------------------------------
 * サンプル5
 */
.heading_type5 {
  margin: 13px 0 8px -10px;
  padding: 2px 0 2px 42px;
  color: #acd05c;
  background: url("/assets/images/sp/contents/common/headingBg.png") no-repeat 6px 50%;
  -webkit-background-size: 60px auto;
     -moz-background-size: 60px auto;
          background-size: 60px auto;
  font-size: 16px;
  font-weight: bold;
}

/** ----------------------------------------
 * サンプル6
 */
.heading_type6 {
  margin: 15px 0 10px;
  padding-left: 5px;
  border-left: 5px solid #305f02;
  color: #305f02;
  font-weight: bold;
}

/** --------------------------------------------------------------------------------
 * 検索
 */
/** ----------------------------------------
 * サンプル1
 */
.search_type1 form {
  margin: 20px 0 10px;
  padding: 0 10px;
}

.search_type1 form::after {
  content: "";
  display: block;
  clear: both;
}

.search_type1 form p {
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
  float: left;
  width: 30%;
  height: 3em;
}

.search_type1 form p:first-of-type {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  width: 50%;
}

.search_type1 form p:last-of-type {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  width: 20%;
  color: #fff;
  background: url("/images/block/icon/search.png") no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, from(#44506f), to(#123));
  background: url("/images/block/icon/search.png") no-repeat 50% 50%, -webkit-linear-gradient(#44506f, #123);
  background: url("/images/block/icon/search.png") no-repeat 50% 50%, -moz-linear-gradient(#44506f, #123);
  background: url("/images/block/icon/search.png") no-repeat 50% 50%, linear-gradient(#44506f, #123);
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.search_type1 form p:last-of-type:hover,
.search_type1 form p:last-of-type:active {
  background: #44506f url("/images/block/icon/search.png") no-repeat 50% 50%;
}

.search_type1 form p:nth-of-type(2) {
  border-right-style: none;
  border-left-style: none;
}

.search_type1 form input,
.search_type1 form select,
.search_type1 form option {
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}

.search_type1 form input,
.search_type1 form select {
  width: 100%;
  height: 3em;
}

.search_type1 form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search_type1 form input[type="search"] {
  padding: 0 3px;
}

.search_type1 form input[type="submit"] {
  color: #fff;
  background: transparent;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  text-indent: -9999px;
}

.search_type1 .syllabary {
  margin: 0 10px 15px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #123;
}

.search_type1 dl {
  margin: 0 auto;
  display: table;
}

.search_type1 dl dt {
  padding: 0 5px;
  display: block;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5)
}

.search_type1 dl dd {
  display: table-cell;
}

.search_type1 dl dd ul {
  margin: 5px;
  display: table;
}

.search_type1 dl dd ul li {
  display: table-cell;
}

.search_type1 dl dd ul li a {
  padding: 5px 10px;
  border: 1px solid #999;
  display: block;
  color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  background-image: -webkit-linear-gradient(#fff, #ccc);
  background-image: -moz-linear-gradient(#fff, #ccc);
  background-image: linear-gradient(#fff, #ccc);
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

.search_type1 dl dd ul li:first-of-type a {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.search_type1 dl dd ul li a:hover,
.search_type1 dl dd ul li a:active {
  background: #fff;
}

.search_type1 dl dd ul li:not(:first-of-type) a {
  border-left-color: #fff;
}

.search_type1 dl dd ul li:last-of-type a {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

/** --------------------------------------------------------------------------------
 * pager
 */
/** ----------------------------------------
 * サンプル1
 */
.pager_type1 ul {
  margin: 10px 8px 0;
  text-align: center;
  font-size: 0;
}

.pager_type1 ul li {
  margin: 0 2px 10px;
  display: inline-block;
  font-size: small;
}

.pager_type1 ul li a {
  padding: 7px 12px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  position: relative;
  color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.pager_type1 ul li a:not([href]) {
  background: #f6f6f6;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.pager_type1 ul li a[href]:hover,
.pager_type1 ul li a[href]:active {
  background: #fff;
}

.pager_type1 ul li.prev a {
  padding-left: 25px;
}

.pager_type1 ul li.prev a::before {
  margin-top: 1px;
  position: absolute;
  left: 5px;
  content: url("/images/block/pager/prev.png");
}

.pager_type1 ul li.next a {
  padding-right: 25px;
}

.pager_type1 ul li.next a::after {
  margin-top: 1px;
  position: absolute;
  right: 5px;
  content: url("/images/block/pager/next.png");
}

/** ----------------------------------------
 * サンプル2
 */
.pager_type2 {
  margin: 0 0 10px;
  padding-top: 5px;
}

.pager_type2,
.pager_type2 div.currentPage p {
  background-color: #eee;
}

.pager_type2 div.currentPage {
  padding: 0 6em;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 2;
}

.pager_type2 div.currentPage p {
  margin-top: 5px;
  border: 1px solid #999;
  border-top-style: none;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.3) inset;
  box-shadow: 0 -1px 1px rgba(0,0,0,0.3) inset;
}

.pager_type2 ul {
  line-height: 1.4;
}

.pager_type2 ul::after {
  display: block;
  clear: both;
  content: "";
}

.pager_type2 ul li {
  border: 1px solid #999;
  display: block;
  position: relative;
  height: 2em;
  color: #000;
  background-color: #fff;
}

.pager_type2 ul li.prev {
  float: left;
}

.pager_type2 ul li.next {
  float: right;
}

.pager_type2 ul li.prev {
  border-left-style: none;
  border-bottom-style: none;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.pager_type2 ul li.next {
  border-right-style: none;
  border-bottom-style: none;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.pager_type2 ul li>* {
  padding: 0.5em 2em;
  display: block;
  color: #999;
  text-decoration: none;
}

.pager_type2 ul li a {
  color: #000;
}

.pager_type2 ul li a:hover {
  text-decoration: underline;
}

.pager_type2 ul li.prev>*::before {
  position: absolute;
  left: 5px;
  content: url("/images/block/pager/prev.png");
}

.pager_type2 ul li.next>*::after {
  position: absolute;
  right: 5px;
  content: url("/images/block/pager/next.png");
}

/** ----------------------------------------
 * サンプル3
 */
.pager_type3 {
  border: 1px solid #999;
  border-right-style: none;
  border-left-style: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  line-height: 1;
}

.pager_type3::after {
  display: block;
  clear: both;
  content: "";
}

.pager_type3 ul li {
  width: 40%;
}

.pager_type3 ul li.prev {
  float: left;
}

.pager_type3 ul li.next {
  float: right;
  text-align: right;
}

.pager_type3 ul li a {
  padding: 15px 10px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  text-decoration: none;
}

.pager_type3 ul li a:hover {
  text-decoration: underline;
}

.pager_type3 ul li.prev a {
  padding-left: 5px;
}

.pager_type3 ul li.prev a::before {
  margin-right: 10px;
  float: left;
  content: url("/images/block/pager/prev.png");
}

.pager_type3 ul li.next a {
  padding-right: 5px;
}

.pager_type3 ul li.next a::after {
  margin-left: 10px;
  float: right;
  content: url("/images/block/pager/next.png");
}

/** --------------------------------------------------------------------------------
 * slide
 */
/** ----------------------------------------
 * サンプル1
 */
.slide_type1 {
  margin: 10px 0;
}

.slide_type1 .flickContainer {
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.slide_type1 .flickContainer .flickWrapper {
  position: relative;
  z-index: 1;
}

.slide_type1 .flickContainer .flickWrapper .flickCol {
  float: left;
}

.slide_type1 .flickWrapper:after,
.slide_type1 .flickBtn:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.slide_type1 .flickWrapper,
.slide_type1 .flickBtn {
  zoom: 1;
}

.slide_type1 .flickLamp {
  margin-top: 10px;
  padding-top: 0.7em;
  position: absolute;
  width: 100%;
}

.slide_type1 .lamp_def {
  margin: 0 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #aaa;
}

.slide_type1 .lamp_cur {
  -webkit-box-shadow: 0 0 2px 1px rgba(006,155,255,0.2);
  -moz-box-shadow: 0 0 2px 1px rgba(006,155,255,0.2);
  box-shadow: 0 0 2px 1px rgba(006,155,255,0.2);
  background-color: #069bff;
}

.slide_type1 .flick_btn_next,
.slide_type1 .flick_btn_back {
  margin-top: 10px;
  padding: 7px 15px;
  border: 1px solid #999;
  display: block;
  position: relative;
  color: #000;
  background-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
  background-image: -webkit-linear-gradient(#fff, #999);
  background-image: -moz-linear-gradient(#fff, #999);
  background-image: linear-gradient(#fff, #999);
  text-shadow: 0 1px 1px rgba(255,255,255,1);
  font-size: 13px;
}

.slide_type1 .flick_btn_next {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  float: right;
}

.slide_type1 .flick_btn_back {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  float: left;
}

.slide_type1 .pointer {
  cursor: pointer !important;
}

.slide_type1 .btnFalse {
  color: #999 !important;
  background: #eee !important;
}

/** ----------------------------------------
 * サンプル2
 */
.slide_type2 {
  margin: 10px auto;
  position: relative;
}

.slide_type2,
.slide_type2 .slides_container,
.slide_type2 .slides_container div.item {
  width: 320px;
}

.slide_type2 .slides_container {
  display: none;
}

/* 前へ・次へリンク */
.slide_type2 a.prev,
.slide_type2 a.next {
  margin-top: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #f7f7f7), to(#d4d4d4));
  background-image: -webkit-linear-gradient(#fff, #f7f7f7 50%, #d4d4d4);
  background-image: -moz-linear-gradient(#fff, #f7f7f7 50%, #d4d4d4);
  background-image: linear-gradient(#fff, #f7f7f7 50%, #d4d4d4);
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

.slide_type2 a.prev {
  padding: 7px 15px;
  border: 1px solid #999;
  position: absolute;
  left: 0;
}

.slide_type2 a.prev::before {
  content: "Prev";
}

.slide_type2 a.next {
  padding: 7px 15px;
  border: 1px solid #999;
  position: absolute;
  right: 0;
}

.slide_type2 a.next::before {
  content: "Next";
}

/* pager */
.slide_type2 ul.pagination {
  margin-top: 10px;
  padding: 15px 0;
  text-align: center;
  line-height: 10px;
}

.slide_type2 ul.pagination li {
  margin: 0 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #aaa;
}

.slide_type2 ul.pagination li a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

.slide_type2 ul.pagination li.current {
  background-color: #cf1226;
  -moz-box-shadow:0 0 4px #ea6573;
  -webkit-box-shadow: 0 0 4px #ea6573;
  box-shadow: 0 0 4px #ea6573;
}

/** ----------------------------------------
 * サンプル3
 */
.slide_type3 {
  padding: 10px;
  position: relative;
  min-height: 150px;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px rgba(0,0,0,0.5) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px rgba(0,0,0,0.5) inset;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px rgba(0,0,0,0.5) inset;
  background-color: #ccc;
}

.slide_type3 .slides_container,
.slide_type3 .slides_container div.item {
  margin: 0 auto;
  width: 300px;
  height: 150px;
}

.slide_type3 .slides_container {
  display: none;
}

/* 前へ・次へリンク */
.slide_type3 a.prev,
.slide_type3 a.next {
  border: solid #999;
  border-width: 1px 0;
  display: block;
  width: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #f7f7f7), to(#d4d4d4));
  background-image: -webkit-linear-gradient(#fff, #f7f7f7 50%, #d4d4d4);
  background-image: -moz-linear-gradient(#fff, #f7f7f7 50%, #d4d4d4);
  background-image: linear-gradient(#fff, #f7f7f7 50%, #d4d4d4);
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

.slide_type3 a.prev:hover
.slide_type3 a.next:active {
  background: #999;
}

.slide_type3 a.prev {
  -webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 0 1px rgba(0,0,0,0.5);
  box-shadow: 1px 0 1px rgba(0,0,0,0.5);
  left: 0;
  background-color: #fff;
}

.slide_type3 a.prev::before {
  margin-top: -3px;
  border: 5px solid;
  border-color: transparent #4a81ae transparent transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: -3px;
  content: "";
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

.slide_type3 a.next {
  -webkit-box-shadow: -1px 0 1px rgba(0,0,0,0.5);
  -moz-box-shadow: -1px 0 1px rgba(0,0,0,0.5);
  box-shadow: -1px 0 1px rgba(0,0,0,0.5);
  right: 0;
  background-color: #fff;
}

.slide_type3 a.next::before {
  margin-top: -3px;
  border: 5px solid;
  border-color: transparent transparent transparent #4a81ae;
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  content: "";
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

/** ----------------------------------------
 * サンプル4
 */
.slide_type4 {
  margin: 10px auto;
  overflow: hidden;
}

.slide_type4 .flipsnap {
  width: 5000px;
}

.slide_type4 .item {
  padding-right: 10px;
  float: left;
}

/** --------------------------------------------------------------------------------
 * ボタン
 */
input[class^="button_type"] {
  -webkit-appearance: none; /* webkit系独自拡張：ブラウザ独自のスタイルを無効にする */
}

/** ----------------------------------------
 * サンプル1
 */
.button_type1 {
  margin: 15px 0;
	text-align: center;
}

.button_type1 a,
.button_type1 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 3px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbdf5), color-stop(0.25, #ff82ec), to(#ff62e8));
  background-image: -webkit-linear-gradient(#ffbdf5, #ff82ec 25%, #ff62e8);
  background-image: -moz-linear-gradient(#ffbdf5, #ff82ec 25%, #ff62e8);
  background-image: linear-gradient(#ffbdf5, #ff82ec 25%, #ff62e8);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,000,217,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,000,217,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,000,217,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.3);
}

/** ----------------------------------------
 * サンプル2
 */
.button_type2 {
  margin: 15px 0;
	text-align: center;
}

.button_type2 a,
.button_type2 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #e01425;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe665e), to(#e01425));
  background-image: -webkit-linear-gradient(#fe665e, #e01425);
  background-image: -moz-linear-gradient(#fe665e, #e01425);
  background-image: linear-gradient(#fe665e, #e01425);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.4) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.4) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.4) inset;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0);
}

/** ----------------------------------------
 * サンプル3
 */
.button_type3 {
  margin: 15px 0;
	text-align: center;
}

.button_type3 a,
.button_type3 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #05546b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#28aedb), to(#0b6f8d));
  background-image: -webkit-linear-gradient(#28aedb, #0b6f8d);
  background-image: -moz-linear-gradient(#28aedb, #0b6f8d);
  background-image: linear-gradient(#28aedb, #0b6f8d);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 -2px 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 -2px 1px rgba(0,0,0,0.1) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 -2px 1px rgba(0,0,0,0.1) inset;
	text-decoration: none;
	text-shadow: 0 -2px 1px rgba(0,0,0,0.2);
}

/** ----------------------------------------
 * サンプル4 */
.button_type4 {
  margin: 15px 0;
	text-align: center;
}

.button_type4 a,
.button_type4 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #1881b1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b7d9e6), to(#1881b1));
  background-image: -webkit-linear-gradient(#b7d9e6, #1881b1);
  background-image: -moz-linear-gradient(#b7d9e6, #1881b1);
  background-image: linear-gradient(#b7d9e6, #1881b1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 3px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 3px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 3px rgba(255,255,255,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}

/** ----------------------------------------
 * サンプル5 */
.button_type5 {
  margin: 15px 0;
	text-align: center;
}

.button_type5 a,
.button_type5 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #3b083b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#db1fdb), to(#3b083b));
  background-image: -webkit-linear-gradient(#db1fdb, #3b083b);
  background-image: -moz-linear-gradient(#db1fdb, #3b083b);
  background-image: linear-gradient(#db1fdb, #3b083b);
	-webkit-box-shadow: 0 1px 2px rgba(037,096,168,0.5), 0 0 1px rgba(255,255,255,0.7) inset;
	-moz-box-shadow: 0 1px 2px rgba(037,096,168,0.5), 0 0 1px rgba(255,255,255,0.7) inset;
	box-shadow: 0 1px 2px rgba(037,096,168,0.5), 0 0 1px rgba(255,255,255,0.7) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4),	0px 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル6 */
.button_type6 {
  margin: 15px 0;
	text-align: center;
}

.button_type6 a,
.button_type6 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #000043;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#56569c), to(#000043));
  background-image: -webkit-linear-gradient(#56569c, #000043);
  background-image: -moz-linear-gradient(#56569c, #000043);
  background-image: linear-gradient(#56569c, #000043);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4), 0 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル7 */
.button_type7 {
  margin: 15px 0;
	text-align: center;
}

.button_type7 a,
.button_type7 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #4e49eb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b7eb), color-stop(0.25, #7f63f0), to(#1f4cd1));
  background-image: -webkit-linear-gradient(#b5b7eb, #7f63f0 25%, #1f4cd1);
  background-image: -moz-linear-gradient(#b5b7eb, #7f63f0 25%, #1f4cd1);
  background-image: linear-gradient(#b5b7eb, #7f63f0 25%, #1f4cd1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 0 1px rgba(247,008,215,1) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 0 1px rgba(247,008,215,1) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 0 1px rgba(247,008,215,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル8 */
.button_type8 {
  margin: 15px 0;
	text-align: center;
}

.button_type8 a,
.button_type8 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #134201;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#42ff42), to(#146600));
  background-image: -webkit-linear-gradient(#42ff42, #146600);
  background-image: -moz-linear-gradient(#42ff42, #146600);
  background-image: linear-gradient(#42ff42, #146600);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.6), 0 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル9 */
.button_type9 {
  margin: 15px 0;
	text-align: center;
}

.button_type9 a,
.button_type9 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #179b7c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #14856b), color-stop(0.65, #14856b), to(#14856b));
  background-image: -webkit-linear-gradient(#fff, #14856b 50%, #14856b 65%, #14856b);
  background-image: -moz-linear-gradient(#fff, #14856b 50%, #14856b 65%, #14856b);
  background-image: linear-gradient(#fff, #14856b 50%, #14856b 65%, #14856b);
	-webkit-box-shadow: 0 1px 4px rgba(048,048,048,0.5), 0 0 1px rgba(255,255,255,0.2) inset;
	-moz-box-shadow: 0 1px 4px rgba(048,048,048,0.5), 0 0 1px rgba(255,255,255,0.2) inset;
	box-shadow: 0 1px 4px rgba(048,048,048,0.5), 0 0 1px rgba(255,255,255,0.2) inset;
	text-decoration: none;
	text-shadow: 0 -1px 2px rgba(0,0,0,0.8), 0 1px 1px rgba(158,158,158,0.3);
}

/** ----------------------------------------
 * サンプル10 */
.button_type10 {
  margin: 15px 0;
	text-align: center;
}

.button_type10 a,
.button_type10 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #7d0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2819), to(#ab0000));
  background-image: -webkit-linear-gradient(#ff2819, #ab0000);
  background-image: -moz-linear-gradient(#ff2819, #ab0000);
  background-image: linear-gradient(#ff2819, #ab0000);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,0.7) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,0.7) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,0.7) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4), 0 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル11 */
.button_type11 {
  margin: 15px 0;
	text-align: center;
}

.button_type11 a,
.button_type11 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 3px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbe3b), color-stop(0.25, #fc7600), to(#ff5100));
  background-image: -webkit-linear-gradient(#ffbe3b, #fc7600 25%, #ff5100);
  background-image: -moz-linear-gradient(#ffbe3b, #fc7600 25%, #ff5100);
  background-image: linear-gradient(#ffbe3b, #fc7600 25%, #ff5100);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,094,008,1) inset;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,094,008,1) inset;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,094,008,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル12 */
.button_type12 {
  margin: 15px 0;
	text-align: center;
}

.button_type12 a,
.button_type12 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #b85f00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbe3b), color-stop(0.25, #ffc821), to(#ff3c00));
  background-image: -webkit-linear-gradient(#ffbe3b, #ffc821 25%, #ff3c00);
  background-image: -moz-linear-gradient(#ffbe3b, #ffc821 25%, #ff3c00);
  background-image: linear-gradient(#ffbe3b, #ffc821 25%, #ff3c00);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 -1px 1px rgba(255,255,255,0.7) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 -1px 1px rgba(255,255,255,0.7) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 -1px 1px rgba(255,255,255,0.7) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.3);
}

/** ----------------------------------------
 * サンプル13 */
.button_type13 {
  margin: 15px 0;
	text-align: center;
}

.button_type13 a,
.button_type13 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #949494;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #050505;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #ebebeb), color-stop(0.5, #dbdbdb), to(#b5b5b5));
  background-image: -webkit-linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
  background-image: -moz-linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
  background-image: linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,1);
}

/** ----------------------------------------
 * サンプル14 */
.button_type14 {
  margin: 15px 0;
	text-align: center;
}

.button_type14 a,
.button_type14 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3a3a3), color-stop(0.5, #3b3b3b), color-stop(0.5, #242424), to(#000000));
  background-image: -webkit-linear-gradient(#a3a3a3, #3b3b3b 50%, #242424 50%, #000000);
  background-image: -moz-linear-gradient(#a3a3a3, #3b3b3b 50%, #242424 50%, #000000);
  background-image: linear-gradient(#a3a3a3, #3b3b3b 50%, #242424 50%, #000000);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.6) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.6) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.6) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,1), 0 1px 1px rgba(255,255,255,0.2);
}

/** ----------------------------------------
 * サンプル15 */
.button_type15 {
  margin: 15px 0;
	text-align: center;
}

.button_type15 a,
.button_type15 input[type="submit"] {
  margin: 0;
	padding: 10px 20px;
	border: 1px solid #806d20;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc195), color-stop(0.5, #806820), to(#806d20));
  background-image: -webkit-linear-gradient(#ccc195, #806820 50%, #806d20);
  background-image: -moz-linear-gradient(#ccc195, #806820 50%, #806d20);
  background-image: linear-gradient(#ccc195, #806820 50%, #806d20);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.4);
}

/** --------------------------------------------------------------------------------
 * スピーチボックス
 */
/** ----------------------------------------
 * サンプル1
 */
.speech_type1 {
  margin: 20px 15px 15px;
  padding: 15px 10px;
  border: 3px solid #bbb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff 70%, #ddd);
  background-image: -moz-linear-gradient(#fff 70%, #ddd);
  background-image: linear-gradient(#fff 70%, #ddd);
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  font-size: 12px;
}

.speech_type1::after,
.speech_type1::before {
  border-style: solid;
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
}

.speech_type1::after {
  margin-left: -15px;
  border-color: rgba(255,255,255,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-bottom-color: #fff;
  border-width: 15px;
  left: 50%;
}

.speech_type1::before {
  margin-left: -19px;
  border-color: rgba(187,187,187,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-bottom-color: #bbb;
  border-width: 19px;
  left: 50%;
}

/** ----------------------------------------
 * サンプル2
 */
.speech_type2 {
  margin: 20px 15px 15px 38px;
  padding: 15px 10px;
  border: 3px solid #bbb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff 70%, #ddd);
  background-image: -moz-linear-gradient(#fff 70%, #ddd);
  background-image: linear-gradient(#fff 70%, #ddd);
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  font-size: 12px;
}

.speech_type2::after,
.speech_type2::before {
  border-style: solid;
  position: absolute;
  right: 100%;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
}

.speech_type2::after {
  margin-top: -15px;
  border-color: rgba(255,255,255,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-right-color: #fff;
  border-width: 15px;
  top: 50%;
}

.speech_type2::before {
  margin-top: -19px;
  border-color: rgba(187,187,187,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-right-color: #bbb;
  border-width: 19px;
  top: 50%;
}

/** ----------------------------------------
 * サンプル3
 */
.speech_type3 {
  margin: 20px 15px 15px;
  padding: 15px 10px;
  border: 3px solid #bbb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff 70%, #ddd);
  background-image: -moz-linear-gradient(#fff 70%, #ddd);
  background-image: linear-gradient(#fff 70%, #ddd);
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  font-size: 12px;
}

.speech_type3::after,
.speech_type3::before {
  border-style: solid;
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
}

.speech_type3::after {
  margin-left: -15px;
  border-color: rgba(221,221,221,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-top-color: #ddd;
  border-width: 15px;
  left: 50%;
}

.speech_type3::before {
  margin-left: -19px;
  border-color: rgba(187,187,187,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-top-color: #bbb;
  border-width: 19px;
  left: 50%;
}

/** ----------------------------------------
 * サンプル4
 */
.speech_type4 {
  margin: 20px 38px 15px 15px;
  padding: 15px 10px;
  border: 3px solid #bbb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff 70%, #ddd);
  background-image: -moz-linear-gradient(#fff 70%, #ddd);
  background-image: linear-gradient(#fff 70%, #ddd);
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  font-size: 12px;
}

.speech_type4::after,
.speech_type4::before {
  border-style: solid;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
}

.speech_type4::after {
  margin-top: -15px;
  border-color: rgba(255,255,255,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-left-color: #fff;
  border-width: 15px;
  top: 50%;
}

.speech_type4::before {
  margin-top: -19px;
  border-color: rgba(187,187,187,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-left-color: #bbb;
  border-width: 19px;
  top: 50%;
}

/** --------------------------------------------------------------------------------
 * 飛び出る画像
 */
/** ----------------------------------------
 * サンプル1
 */
.popout_type1 {
  margin-top: 60px;
}

.popout_type1 a {
  margin: 15px 40px;
  padding: 10px 20px;
  border: 1px solid #0060a2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background-image: linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
  position: relative;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#069bff), to(#0060a2));
  background-image: -webkit-linear-gradient(#069bff, #0060a2);
  background-image: -moz-linear-gradient(#069bff, #0060a2);
  background-image: linear-gradient(#069bff, #0060a2);
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.popout_type1 a::after {
  position: absolute;
  bottom: -10px;
  left: -30px;
  content: url("/images/block/popout/01.png");
}

/** ----------------------------------------
 * サンプル2
 */
.popout_type2 {
  margin-top: 60px;
}

.popout_type2 a {
  margin: 15px 40px;
  padding: 10px 20px;
  border: 1px solid #ff62e8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background-image: linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
  position: relative;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbdf5), color-stop(0.25, #ff82ec), to(#ff62e8));
  background-image: -webkit-linear-gradient(#ffbdf5, #ff82ec 25%, #ff62e8);
  background-image: -moz-linear-gradient(#ffbdf5, #ff82ec 25%, #ff62e8);
  background-image: linear-gradient(#ffbdf5, #ff82ec 25%, #ff62e8);
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.popout_type2 a::after {
  position: absolute;
  bottom: -10px;
  right: -30px;
  content: url("/images/block/popout/02.png");
}

/** --------------------------------------------------------------------------------
 * フォーム
 */
/** ----------------------------------------
 * サンプル1
 */
.form_type1 {
}

.form_type1 {
  padding: 20px 10px 5px;
  line-height: 1.0;
  color: #333;
  background-color: #eee;
  text-shadow: 0 1px 1px #fff;
}

.form_type1 dt {
  margin-bottom: 5px;
  padding-left: 5px;
  border-left: 5px solid #305f02;
}

.form_type1 dd {
  margin: 0 0 25px 10px;
}

.form_type1 dd input:not([type="submit"]),
.form_type1 dd textarea,
.form_type1 dd select {
  border: 1px solid #999;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3) inset;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3) inset;
  background-color: #fff;
}

.form_type1 input:not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]),
.form_type1 textarea {
  -webkit-appearance: none; /* webkit系独自拡張：ブラウザ独自のスタイルを無効にする */
}

.form_type1 input[type="text"],
.form_type1 input[type="email"] {
  width: 90%;
}

.form_type1 input:not([type="submit"]) {
  line-height: 2.0;
}

.form_type1 input[type="submit"] {
  min-width: 34%;
}

.form_type1 input[type="password"],
.form_type1 input[type="tel"] {
  width: 50%;
}

.form_type1 input[type="number"] {
  width: 4em;
}

.form_type1 input[type="checkbox"],
.form_type1 input[type="radio"] {
  margin-right: 0.8em;
  -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transform-origin: 0;
     -moz-transform-origin: 0;
          transform-origin: 0;
}

.form_type1 select {
  margin-top: 5px;
  -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transform-origin: 0;
     -moz-transform-origin: 0;
          transform-origin: 0;
}

.form_type1 label:nth-child(n+2) {
  margin-left: 1.5em;
}

.form_type1 textarea {
  width: 90%;
  height: 8em;
}