@charset "utf-8";
html {
  min-height: 100%;
  position: relative;
}
 
body {
  margin-bottom: 200px;
}
 
footer {
  bottom: 0;
  left: 0;
  height: 200px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 100px;
  text-align: center;
  position: absolute;
  background: #000000;
}
div.main	{
	width: 820px;
        font-size: 10pt;
        margin-left: auto;
        margin-right: auto;
}

h1      {
        font-style: italic;
        font-size: 10pt;
        color: #008b8b;
}
h3      {
        font-size: 133.3%;
        font-style: italic;
        color: #008b8b;
        margin-left: 5px;
        margin-right: 50px;
        margin-bottom: 5px;
}

sup	{
        font-size: 58%;
        color: #ff00ff;
}

.error {
  font-weight: bold;
  font-size: 110%;
  color: #ff0000;
}
.is-red {
  color: #ff0000;
}

.hide-elem {
  display: none !important;
}

.show-elem {
  display: block !important;
}

textarea	{
	border: 1px #cccccc solid;
        ime-mode: active;
        font-size: 10pt;
        resize: none;
        overflow: hidden;
}
input	{
	border: 1px #cccccc solid;
        ime-mode: active;
        height: 20px;
        font-size: 12pt;
}

input[type="button"] {
         box-shadow: 3px 3px 3px #aaaaaa;
}
input[type="radio"] {
  display: inline-block;
  vertical-align: top;
}

button	{
         padding: 5px;
         cursor: pointer;
}

table   {
        border-spacing: 0;
        width: 100%;
        margin-bottom: 10px;
}

.table1	{
	background: url(../../image/bg_td0.jpg) ;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        font-size: 12pt;
}
.table1 th.th3	{
	background: url(../../image/bg_th1.jpg) ;
        width : 1px;
	border: none;
}
.table1 th.topL	{
	background: url(../../image/bg_th1.jpg) ;
        width : 1px;
	border : none;
        -webkit-border-top-left-radius : 5px;
        -moz-border-radius-topleft : 5px;
}
.table1 th.topR	{
	background: url(../../image/bg_th1.jpg) ;
	border : none;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
       text-align: left;
}
.table1 td	{
	border: none;
}

.attbox     {
        position: absolute;
        background: transparent;
        padding: 4px;
        border: none;
}

.attbox p{
        color: #333;
        top: 10px;
        height: 100%;
        background: #DFD;
        font-size : 11pt;
        padding: 2px 2px 2px 2px;
}

.table2	{
        width: 800px;
}

.table2 th	{
        background: #dca0cc;
	border: 1px solid #0f0909;
}
.table2 td	{
	background: #FaFaFa;
	border: 1px solid #0f0909;
}
.table2 td.btmL {
        border-bottom-left-radius: 8px;
}

.table2 td.btmR {
        border-bottom-right-radius: 8px;
}

.table3	{
        font-size: 12pt;
}
 

.table3 th	{
        background: #DBA0C9;
	border-bottom: 1px solid #f9f9ff;
	border-left: 1px solid #f9f9ff;
        text-align: left;
        width: 35%;
}
.table3 th.topL	{
        background: #DBA0C9;
        border-top-left-radius: 10px;
}
.table3 th.topR	{
        background: #DBA0C9;
	border-bottom: 1px solid #f9f9ff;
        border-top-right-radius: 10px;
	border-left: 1px solid #f9f9ff;
}

.table3 td	{
	background: #F8C2E5;
	border-bottom: 1px solid #f9f9ff;
	border-left: 1px solid #f9f9ff;
        vertical-align: top;
}
.table3 td.btmR	{
        border-bottom-right-radius: 10px;
}

.table3 td.btmL	{
        border-bottom-left-radius: 10px;
}
.numb {
      ime-mode: inactive;
}
.ch1	{
	border: #dddddd 1px solid;
        width: 55px;
        font-size: 10pt;
        float: right;
        font-weight: normal;
}
.th1	{
        width: 1em;
	text-align: center;
        vertical-align: middle;
        padding-left: 3px;
}
.th2	{
        font-size: 70%;
}
.smf	{
	font-size: 80%;
}
.fileup {
  display: inline-block;
}
a img{border:0}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:14px;line-height:1.7;min-width:320px;color:#333;-webkit-text-size-adjust:100%}
input,textarea{font-family:'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;font-size:14px}
option,select{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:14px}
.input-not-imemode{ime-mode:disabled}
input::-webkit-input-placeholder{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#ccc}
input:-moz-placeholder{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#ccc}
.input-text{-webkit-appearance:none;height:40px;width:100%;border:solid 1px #ccc;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}
input.checkbox[type=checkbox],input.radio[type=radio]{display:inline-block;margin-right:5px}
input.checkbox[type=checkbox]+label,input.radio[type=radio]+label{position:relative;display:inline-block;cursor:pointer}
.wrap-checkbox,.wrap-radio{position:relative}
.select-box,.select-box-basic{width:100%}
.select-box select,.select-box-basic select{display:block;position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;border:0;color:#fff;height:40px;line-height:1;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 -1px #444;box-shadow:inset 0 -1px #444;background-color:#7d7d7d;padding-left:15px;padding-right:25px;padding-top:8px;padding-bottom:8px;background-image:url(clientlibs/images/share/icon/icon-angle_down_select.png);background-repeat:no-repeat;-webkit-background-size:30px,9px;-moz-background-size:30px,9px;-o-background-size:30px,9px;background-size:30px,9px;background-position:right 50%;cursor:pointer}
.select-box label,.select-box-basic label{position:relative;display:block}
.select-box select::-ms-expand,.select-box-basic select::-ms-expand{display:none}
.select-box-basic select{color:#000;background-color:#fff;-webkit-box-shadow:inset 0 2px 0 #999;box-shadow:inset 0 2px 0 #999;border:solid 1px #ccc;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;background-image:url(clientlibs/images/share/icon/icon-angle_down_select_gray.png)}
.button-primary,.button-primary-multiple,.button-primary-no-shadow,.button-primary-nonbland,.button-secondary,.button-secondary-multiple,.button-third,.button-third-multiple,.button-third-small,.l-product-discover-button-primary,.l-product-discover-button-primary-arrow,.l-product-discover-button-secondary-arrow{font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;-webkit-appearance:none;display:inline-block;-webkit-transition:background-color 300ms;-o-transition:background-color 300ms;transition:background-color 300ms;text-align:center;border:0;color:#fff;height:45px;line-height:45px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background-color:#000;-webkit-box-shadow:inset 0 -1px #99000d;box-shadow:inset 0 -1px #99000d;cursor:pointer;text-decoration:none;padding-left:15px;padding-right:15px}
.flow{display:table;width:94%}
.flow li{display:table-cell;color:#fff;position:relative;height:30px;width:20%;vertical-align:middle;text-align:center}
.flow li:before{content:'';position:absolute;display:block;left:0;top:0;height:30px;right:15px;background-color:#7d7d7d}
.flow li:after{content:'';display:block;position:absolute;width:0;height:0;right:0;top:0;border-style:solid;border-width:15px 0 15px 15px;border-color:transparent transparent transparent #7d7d7d}
.flow li.current:before{background-color:#922}
.flow li.current:after{border-color:transparent transparent transparent #922}
.flow li .l-label{font-size:12px;line-height:16px;z-index:3;position:relative;margin-right:20px}
.flow li.last{width:20%}
.flow li.last:before{right:0}
.flow li.last:after{display:none}
.flow li.last .l-label{margin-right:0}
