@charset "UTF-8";
body #container {
  font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ,'Lucida Grande', sans-serif;
}

/*--------------------------------------
　カテゴリ　見出し部分
---------------------------------------*/
h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.7em;
  margin: 0 0 12px;
  padding-bottom: 3px;
}

/* コンテナ枠
----------------------------*/
#container {
  position: relative;
  width: 980px;
}

/* メイン枠
---------------------------*/
#main_contents {
  float: right;
  width: 814px;
  margin-bottom: 50px;
}

ul#menuList {
  height: 93px;
  background-color: #e0e0e0;
}

ul#menuList li {
  display: inline;
}

ul#menuList li img {
  margin: 10px -9px 0px 10px;
}

div.box h2 {
  margin: 50px 0 0 0;
  padding: 0 0 3px 0;
  border-bottom: 3px solid #07a0e4;
  font-size: 1.35em;
  background: ffffff;
}

div.box h2 img {
  margin: 0 12px 5px 5px;
}

body.mac div.box h2 img {
  margin: 0 12px 3px 5px;
}

/* ポイント1 */
div#po1 {
  position: relative;
}

div#po1 p#btLogo {
  margin: 0px 0 0 23px;
  padding: 35px 0 0 0;
}

div#po1 h4 {
  margin: 20px 0 0 29px;
  font-size: 1.35em;
}

div#po1 p#po1txt {
  margin: 10px 29px 0;
  font-size: 0.8em;
  line-height: 145%;
}

body.mac div#po1 p#po1txt {
  font-size: 0.9em;
}

div#po1 p#btImg {
  position: absolute;
  top: 15px;
  left: 485px;
}

/* ポイント2 */
div#point2 {
  background: #eeeeee;
  padding: 0 0 20px 0;
}

div#point2 h2 {
  background: #ffffff;
}

div#point2 div#po2contents {
  margin: 17px 20px 0 20px;
  background: #ffffff;
  padding: 3px 20px;
}

.po2l1,
.po2l2,
.po2l3 {
  position: relative;
  height: 193px;
  margin: 3px 0 0 0;
}

.po2l1,
.po2l2 {
  border-bottom: 1px solid #eeeeee;
}

.po2l1,
.po2l2 {
  border-bottom: 1px solid #eeeeee;
}

.po2l1 div.po2box,
.po2l2 div.po2box,
.po2l3 div.po2box {
  width: 360px;
  background: #ffffff;
  text-align: center;
}

.po2l1 div#no1,
.po2l1 div#no2,
.po2l2 div#no3,
.po2l2 div#no4,
.po2l3 div#no5,
.po2l3 div#no6 {
  height: 190px;
}

.po2l1 div#no1 {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #eeeeee;
}

.po2l1 div#no2 {
  position: absolute;
  top: 0;
  left: 363px;
}

.po2l2 div#no3 {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #eeeeee;
}

.po2l2 div#no4 {
  position: absolute;
  top: 0;
  left: 363px;
}

.po2l3 div#no5 {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #eeeeee;
}

.po2l3 div#no6 {
  position: absolute;
  top: 0;
  left: 363px;
}

.po2l1 div.po2box .po2txt,
.po2l2 div.po2box .po2txt,
.po2l3 div.po2box .po2txt {
  margin: 15px 0 0 0;
  font-size: 0.8em;
  line-height: 150%;
}

body.mac .po2l1 div.po2box .po2txt,
body.mac .po2l2 div.po2box .po2txt,
body.mac .po2l3 div.po2box .po2txt {
  font-size: 0.9em;
}

.po2l1 div.po2box img,
.po2l2 div.po2box img,
.po2l3 div.po2box img {
  margin: 15px 0 0 0;
}

/* ポイント3 */
div#point3 {
  background: #eeeeee;
  padding: 0 0 20px 0;
}

div#point3 h2 {
  background: #ffffff;
}

div#point3 div#po3contents {
  margin: 37px 20px 0 20px;
  padding: 0;
}

#step1 {
  position: relative;
  height: 70px;
  background: #ffffff;
}

#step1 p#img {
  position: absolute;
  margin: 5px;
}

#step1 p#txt {
  line-height: 70px;
  margin: 0 0 0 80px;
  font-size: 0.9em;
  font-weight: bold;
}

#step2 {
  position: relative;
  height: 389px;
}

#step2 div#yes,
#step2 div#no {
  width: 382px;
  background: #ffffff;
}

#step2 div#yes {
  position: absolute;
  top: 0;
  left: 0;
}

#step2 div#no {
  position: absolute;
  top: 0;
  left: 392px;
}

#step2 p#yesMark {
  background: #eeeeee;
  text-align: center;
}

p#yesMark {
  background: #eeeeee;
  text-align: center;
}

#step2 #yTitle {
  margin: 6px;
  line-height: 60px;
  background: #d9f1fd;
  font-size: 0.9em;
  font-weight: bold;
}

#step2 #yTitle img {
  margin: 0 20px 0 0;
}

div#step2 #yes ul {
  margin: 0 0 0 7px;
  padding: 0 0 5px 0;
}

div#step2 #yes ul li {
  height: 124px;
  float: left;
  text-align: center;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
}

div#step2 #yes ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}

div#step2 #yes ul li#l01 {
  width: 119px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

div#step2 #yes ul li#l02 {
  width: 126px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

div#step2 #yes ul li#l03 {
  width: 119px;
  border-bottom: 1px solid #eeeeee;
}

div#step2 #yes ul li#l04 {
  width: 119px;
  border-right: 1px solid #eeeeee;
}

div#step2 #yes ul li#l05 {
  width: 126px;
  border-right: 1px solid #eeeeee;
}

p#noMark {
  background: #eeeeee;
  text-align: center;
}

#nTitle {
  margin: 6px;
  background: #ffedd9;
  text-align: center;
  height: 47px;
  padding: 12px 0 0 0;
  line-height: 130%;
  font-size: 0.9em;
  font-weight: bold;
}

div#step2 #no ul {
  margin: 0 0 0 7px;
  padding: 0 0 5px 0;
}

div#step2 #no ul li {
  height: 124px;
  float: left;
  text-align: center;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
}

div#step2 #no ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}

div#step2 #no ul li#l01 {
  width: 186px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

div#step2 #no ul li#l02 {
  width: 186px;
  border-bottom: 1px solid #eeeeee;
}

div#step2 #no ul li#l03 {
  width: 186px;
  border-right: 1px solid #eeeeee;
}

div#step2 #no ul li#l01,
div#step2 #no ul li#l02,
div#step2 #no ul li#l03 {
  position: relative;
}

div#step2 #no ul li#l01 span,
div#step2 #no ul li#l02 span,
div#step2 #no ul li#l03 span {
  display: block;
  position: absolute;
  top: 25px;
  left: 14px;
  font-size: 0.72em;
  text-align: left;
  line-height: 140%;
}

body.mac div#step2 #no ul li#l01 span,
body.mac div#step2 #no ul li#l02 span,
body.mac div#step2 #no ul li#l03 span {
  font-size: 0.82em;
}

div#step2 #no ul li#l02 span {
  display: block;
  position: absolute;
  top: 25px;
  left: 8px;
  font-size: 0.72em;
  text-align: left;
  line-height: 140%;
}

#step3 {
  background: #ffffff;
  padding: 6px 0 20px 0;
}

#step3 #st3Title {
  margin: 0 6px;
  line-height: 60px;
  background: #d9f1fd;
  font-size: 0.9em;
  font-weight: bold;
}

#step3 #st3Title img {
  margin: 0 20px 0 0;
}

#step3 #st3txt {
  font-size: 0.75em;
  line-height: 150%;
  margin: 10px 8px;
}

body.mac #step3 #st3txt {
  font-size: 0.89em;
}

#step3 div#profile {
  width: 680px;
  margin: 0 auto;
}

#step3 div#profile p {
  color: #61af01;
  font-size: 0.75em;
  padding: 3px 0;
}

#step3 div#profile dl {
  border: 1px solid 	#eff7e2;
  padding: 0 0 0 0;
}

#step3 div#profile dt {
  font-size: 0.75em;
  line-height: 140%;
  width: 270px;
  float: left;
  padding: 4px 0 4px 7px;
  height: 35px;
}

body.mac #step3 div#profile dt {
  font-size: 0.85em;
}

#step3 div#profile dd {
  font-size: 0.75em;
  margin: 0 0 0 270px;
  line-height: 35px;
  height: 35px;
  padding: 4px 0;
}

body.mac #step3 div#profile dd {
  font-size: 0.85em;
}

#step3 div#profile dt.stg,
#step3 div#profile dd.stg {
  background: #eff7e2;
}

#step4 {
  background: #ffffff;
  padding: 6px 0 6px 0;
}

#step4 #st4Title {
  margin: 0 6px;
  line-height: 60px;
  background: #d9f1fd;
  font-size: 0.9em;
  font-weight: bold;
}

#step4 #st4Title img {
  margin: 0 20px 0 0;
}

#step4 div.st4box {
  width: 740px;
  margin: 0 auto;
}

#step4 div#cls {
  position: relative;
  height: 250px;
  border-bottom: 1px solid #efefef;
}

#step4 div.st4box h5 {
  margin: 15px 0 0 0;
  border-left: 6px solid #059fe5;
  padding: 3px 0 3px 8px;
}

#step4 div.st4box p {
  margin: 15px 0 0 15px;
  font-size: 0.8em;
  line-height: 150%;
}

body.mac #step4 div.st4box p {
  font-size: 0.9em;
}

#step4 div.st4box p#sp4img {
  position: absolute;
  top: 20px;
  left: 10px;
}

#step4 div#profile {
  width: 680px;
  margin: 25px auto;
}

#step4 div#profile dl {
  border: 1px solid 	#eff7e2;
  padding: 0 0 0 0;
}

#step4 div#profile dt {
  font-size: 0.75em;
  line-height: 200%;
  width: 110px;
  float: left;
  padding: 4px 0 4px 7px;
  clear: both;
}

body.mac #step4 div#profile dt {
  font-size: 0.85em;
}

#step4 div#profile dt.l2 {
  line-height: 400%;
}

#step4 div#profile dd {
  font-size: 0.75em;
  margin: 0 0 0 110px;
  line-height: 200%;
  padding: 4px 0;
}

body.mac #step4 div#profile dd {
  font-size: 0.85em;
}

#step4 div#profile dt.stg,
#step4 div#profile dd.stg {
  background: #eff7e2;
}

p#ch_bt {
  text-align: center;
  margin: 20px 0 25px 0;
}

/* 左メニュー
---------------------------*/
#sidemenu {
  float: left;
  padding: 0px 0 8px 0px;
  width: 146px;
}

ul.naviR {
  zoom: 100%;
  padding: 0px 0px 0px 0px;
  border: 1px solid #ADADAD;
  margin-bottom: 13px;
}

ul.naviR li {
  display: flex;
  margin: 0px 3px 0px 3px;
  text-indent: 0;
  zoom: 100%;
  padding: 5px 0 5px 5px;
  font-size: 0.8em;
}

ul.naviR li + li {
  border-top: 1px dashed #ADADAD;
}

ul.naviR li img {
  padding: 0px 0 0 0px;
  margin: 6px 0px 0 -2px;
  float: left;
}

ul.naviR li.picklistone img, ul.naviR li.picklisttwo img {
  width: 30px;
  height: 30px;
  margin: 0 0px 0 -2px;
}

ul.naviR li a {
  display: block;
  margin: 2px 6px 0 9px;
  line-height: 1.4em;
  letter-spacing: 0.2px;
}

ul.naviR li.picklistone a, ul.naviR li.picklisttwo a {
  margin: 2px 0 0 6px;
}

body.mac ul.naviR li {
  font-size: 0.87em;
}

/* サポート情報
---------------------------*/
ul.navi_underside {
  zoom: 100%;
  padding: 0px 0px 0px 0px;
  border: 1px solid #ADADAD;
}

ul.navi_underside li {
  margin: 0px 3px 0px 3px;
  text-indent: 0;
  zoom: 100%;
  padding: 5px 0 5px 5px;
  font-size: 0.8em;
}

ul.navi_underside li + li {
  border-top: 1px dotted #ADADAD;
}

ul.navi_underside li img {
  padding: 0px 0 0 0px;
  margin: 6px 0px 0 -2px;
  float: left;
}

ul.navi_underside li a {
  display: block;
  margin: 2px 6px 0 0px;
  line-height: 1.3em;
  letter-spacing: 0.2px;
}

/* サイドメニューグレー部分
---------------------------*/
h5.round {
  padding: 9px 7px 5px 10px;
  font-size: 0.8em;
  font-weight: bold;
  text-align: left;
  letter-spacing: 1px;
  background: #f5f5f5;
  border-top: 1px solid #ADADAD;
  border-left: 1px solid #ADADAD;
  border-right: 1px solid #ADADAD;
  /* IE以外なら丸角も！ */
  border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#dedede');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#dedede')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: -moz-linear-gradient(top, #f5f5f5, #dedede);
  background-image: -ms-linear-gradient(top, #f5f5f5, #dedede);
  background-image: -o-linear-gradient(top, #f5f5f5, #dedede);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#dedede));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #dedede);
  background-image: linear-gradient(top, #f5f5f5, #dedede);
  /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

body.mac h5.round {
  font-size: 0.9em;
}

/*---------------------------
戻るボタン
---------------------------*/
.return {
  margin: 5px 0 5px 0;
  text-align: right;
  font-size: 0.8em;
  line-height: 1.3;
}

/*---------------------------
フロート解除
---------------------------*/
/* for modern brouser */
.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}

/* ie7,macIE5 */
.clfx {
  display: inline-block;
}

/* winIE6 below, exclude macIE5 \*/
* html .clfx {
  height: 1%;
}

.clfx {
  display: block;
}

/**/
/* スマホ用の非表示用コード */
contentsMenu_sp {
  display: none;
}