@charset "UTF-8";
/* ===========CONTENTS ============
creation date: 14 September 2010
last modified: 
=================================== */
/* ======================
　1:MainColumn
====================== */
* {
  margin: 0;
  padding: 0;
}

hr {
  margin: 5px 0;
}

img, a img {
  margin: 0;
  padding: 0;
  border: 0;
}

ul, ol {
  list-style-type: none;
}

/********** div#contents *****************************/
div#contents {
  width: 750px;
  margin: 25px auto 15px;
}

/********** div#contents > div#lead *****************************/
div#contents div#lead p, h2 {
  margin: 0 0 20px;
}

/********** div#contents > div#menu *****************************/
div#contents div#menu {
  margin: 0 0 6px;
}

div#contents div#menu h3 {
  margin: 0 0 20px;
}

div#contents div#menu li {
  float: left;
  margin: 0 3px 0 0;
}

div#contents div#menu li.last {
  float: left;
  margin-right: 0;
}

div#contents div#menu li.last2 {
  float: left;
  margin-right: 0;
  padding-left: 1px;
}

div#contents div#menu li img {
  display: block;
}

div#contents div#menu li a {
  font-size: 1px;
  line-height: 1px;
}

/********** div#contents > div#sec｡・> div.section *****************************/
div#contents div.section {
  width: 750px;
  text-align: left;
  margin-bottom: 8px;
}

div#contents div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div#contents p.text {
  text-align: left;
  padding-bottom: 20px;
}

div#contents div.section div.secBg {
  background: url(../../../../image/sw/cu/sp/lp/sec_bottom.gif) no-repeat center bottom;
  padding-bottom: 12px;
}

div#contents div.section div.secBg div.secContent {
  padding: 10px 8px 0 8px;
  line-height: 140%;
  border-left: 2px solid #a3a3a3;
  border-right: 2px solid #a3a3a3;
}

div#contents p.subttl {
  float: left;
  width: 270px;
  text-align: left;
  margin-bottom: 1px;
}

div#contents p.totop {
  float: right;
  padding: 8px 0;
}

div#contents div.btn {
  width: 665px;
  margin-top: 20px;
}

div#contents div.btn li {
  float: left;
  padding: 5px;
}

div#contents div.btn li img {
  display: block;
}

div#contents p.attention {
  color: #f00;
  text-alingn: center;
}

div#contents div.voice {
  width: 730px;
  text-align: left;
}

div#contents div.voice img {
  margin-bottom: 5px;
}

div#contents div.voice table {
  width: 730px;
  margin: 0 auto 10px auto;
  border: 2px solid #600;
  text-align: left;
  border-collapse: collapse;
}

div#contents div.voice table th {
  padding: 5px;
  border: 2px solid #600;
  background-color: #600;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  border-collapse: collapse;
}

div#contents div.voice table td {
  padding: 5px;
  border: 2px solid #600;
  border-collapse: collapse;
}

div#contents div.voice table td.left {
  width: 110px;
  background-color: #f2e8dc;
}

div#contents div.voice table td.right {
  background-color: #fff;
}

/********** div#contents > div#sec1 *****************************/
/********** div#contents > div#sec2 *****************************/
/********** div#contents > div#lead2 *****************************/
div#contents div#lead2 {
  padding-bottom: 10px;
}

div#contents div#lead2 p {
  margin: 20px auto;
}

/********** div#contents > div#sec3 *****************************/
div#contents div#sec3 div.list {
  margin: 20px auto 10px;
  text-align: center;
}

div#contents div#sec3 div.list li {
  display: inline;
  color: #000;
  padding-right: 10px;
}

/********** div#contents > div#sec4 *****************************/
/********** div#contents > div#sec5 *****************************/
div#contents div#sec5 p.cmmTxt {
  color: #666;
  text-align: left;
  padding-top: 15px;
}

div#contents div#sec5 p.gray {
  color: #666;
  text-align: left;
  padding-top: 15px;
}

/********** div#contents > div#sec6 *****************************/
div#contents div#sec6 div.clum {
  width: 730px;
}

div#contents div#sec6 div.left {
  float: left;
  width: 350px;
  text-align: center;
  padding-top: 15px;
  padding-left: 10px;
}

div#contents div#sec6 div.right {
  float: right;
  width: 320px;
  text-align: center;
  padding-top: 15px;
  padding-right: 10px;
}

/********** div#contents > div#sec7 *****************************/
/********** div#contents > div#secAttention *****************************/
div#contents div#secAttention {
  width: 748px;
  border: 1px solid #f00;
  color: #f00;
  text-align: left;
  margin-top: 20px;
}

div#contents div#secAttention h5 {
  margin: 10px 15px;
  padding-bottom: 10px;
}

div#contents div#secAttention p {
  margin: 10px 15px;
}

div#contents div#secAttention li {
  margin: 2px 15px;
}

div#contents div#secAttention li.last {
  margin-bottom: 20px;
}

/********** 汎用CSS *****************************/
.clear {
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

/* 2008/08/19 */
div#tst_contents {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
}

.tst_section {
  margin: 0 0 10px 0;
  border: 1px solid #999;
  text-align: left;
}

.tst_section h4 {
  padding: 6px 9px;
  background-color: #ffffcb;
  color: #f00;
  text-align: left;
}

div#tst_inner {
  padding: 10px 10px 0;
  text-align: left;
  border-top: 1px solid #999;
}

div#tst_inner .tst_category {
  padding: 0 0 5px 0;
  background: url(../../../../image/sw/cu/sp/lp/dot.gif) repeat-x bottom;
  text-align: left;
}

div#tst_inner .tst_category strong {
  padding: 2px 9px;
  background-color: #600;
  color: #fff;
  font-weight: normal;
  text-align: left;
  margin-left: 5px;
}

div#tst_inner .tst_detail {
  width: 100%;
  padding: 10px 0;
  margin-top: 8px;
}

div#tst_inner dt {
  float: left;
  width: 63px;
  height: 51px;
  padding: 0 0 10px 0;
}

div#tst_inner dd {
  float: left;
  width: 610px;
  padding: 0 10px 10px 10px;
  line-height: 1.5;
  text-align: left;
}

div#tst_inner .tst_imageWrapper {
  float: left;
  margin: 0 10px 5px 0;
}

div#tst_inner .tst_textWrapper {
  float: left;
  width: 285px;
  line-height: 1.5;
  text-align: left;
}

div#tst_inner .tst_btnWrapper {
  float: left;
  width: 313px;
  padding: 18px 0 0 16px;
}

.tst_section .tst_inner .tst_interview {
  float: left;
  width: 365px;
}

.tst_section .tst_inner .tst_interview .tst_textWrapper strong, .tst_section .tst_inner .tst_interview02 strong {
  padding: 2px 9px;
  background-color: #600;
  color: #fff;
  font-weight: normal;
  text-align: left;
  margin-left: 5px;
}

.tst_section .tst_inner .tst_interview02 {
  text-align: left;
}

.tst_section .tst_inner dt {
  float: left;
  clear: left;
  width: 63px;
  height: 51px;
  padding-bottom: 10px;
}

.tst_section .tst_inner dd {
  float: left;
  width: 645px;
  line-height: 1.5;
  text-align: left;
  padding-bottom: 10px;
}

.tst_section .tst_inner .tst_detail {
  background-image: url(../../../../image/sw/cu/sp/lp/dot.gif) repeat-x left top;
  margin-top: 8px;
  padding-top: 11px;
}

.tst_section .tst_inner .tst_interview .tst_textWrapper {
  float: right;
  width: 285px;
  line-height: 1.5;
  padding-top: 14px;
}

.tst_section .tst_inner .tst_btnWrapper {
  float: left;
  width: 313px;
  padding: 18px 0 0 16px;
}

.catch {
  padding: 10px 0 20px 0;
  text-align: center;
}

div#test_contents {
  width: 100%;
  margin: 0 auto;
}

/* mixiチェック */
#share {
  margin: 5px 5px -13px 0;
  text-align: right;
}

/* ショットToシフト */
.shot_to_shift {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 10px auto;
  padding: 15px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  text-decoration: none;
}
.shot_to_shift:hover {
  background-color: #fffce7;
  text-decoration: none;
}
.shot_to_shift_logo {
  width: 55px;
  height: auto;
  margin: 0 15px 0 0;
}
.shot_to_shift_link_text {
  color: #0090a0;
  font-size: 13px;
  text-decoration: none;
}