/* encode UTF-8 */

html,body {
	/* ページの一番下の背景色 */
  background-color:#FFF;
  /* 背景画像、背景色の変更 */
    color:#000;
  -webkit-text-size-adjust: none;
  font-family:sans-serif;
 /*line-height: 1.25;*/
  font-size:18px;
}

.bgimg {
max-width:640px; /*横最大幅640pxに指定。*/
width:100%;
margin: 0 auto;
}

.bgset {
background-image: url(../img/zyukyuusanG_bg2.jpg);
background-repeat:repeat-y;
background-position:center top;
background-color:#FFAE00;
background-size:100%;
}
.title_div {
    position: relative;
}
.title_div span {
    position: absolute;
    color: #000;
    font-family: "ro-shino-std",sans-serif;
font-style: normal;
font-weight: 400;
	
    font-size: 1.5em;
    font-weight: 900;
    left:4%;
    bottom: 10%;
    text-shadow: 1px 1px 0 #FFF,
             -1px 1px 0 #FFF,
             1px -1px 0 #FFF,
             -1px -1px 0 #FFF;
}

.title_img {
width:100%;
    height: auto;
    
}

.sub_title {
    width:90%;
    height: auto;
}

.sub_div {
    margin: 0 auto;
    margin-bottom: 4px;
    text-align:center;
    width: 100%;
}
.sub2_div {
    margin: 0 auto;
    margin-bottom: 4px;
    padding: 0 8px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align:left;
    width: 100%;
}

.section_div {
    padding: 8px 0px;
}

.botton-radio2 {
    margin-bottom: 5px;
}
.botton-radio1 input[type="radio"],
.botton-radio2 input[type="radio"] {
    display:none;
}

.cdddays {
    margin: 0 auto;

    text-align:center;
    width: 100%;
}
.cdddays span {
   
    color: #F00;
    font-family: "ro-shino-std",sans-serif;
font-style: normal;
font-weight: 900;
	top:0;
    font-size: 1.8em;
    font-weight: 900;
    text-shadow: 1px 1px 0 #FFF,
             -1px 1px 0 #FFF,
             1px -1px 0 #FFF,
             -1px -1px 0 #FFF;
}

/* レート */
.botton-radio1 input[type="radio"].rate1c + label {
  border: 1px solid #999;
    background-image:url(../img/selectbt_b.png);
    background-repeat: no-repeat;
}

.botton-radio1 input[type="radio"]:checked.rate1c + label {
    border: 1px solid #a00;
    color:#F00;
    background-image:url(../img/selectbt.png);
    background-repeat: no-repeat;
}



/* 換金率 */
.botton-radio2 input[type="radio"].kankin1c + label {
  border: 1px solid #999;
    background-image:url(../img/selectbt_b.png);
}
.botton-radio2 input[type="radio"]:checked.kankin1c + label {
  border: 1px solid #a00;
     color:#F00;
    background-image:url(../img/selectbt.png);
}




.botton-radio1 label ,
.botton-radio2 label {
 color: #FFF;
    font-family: "ro-shino-std",sans-serif;
font-style: normal;
font-weight: 400;
    
  border: 1px solid #999;
  text-align: center;
  display: inline-block;
  padding: 0px 0px;
  width: 94px;
  height:28px;
}

.botton-radio1 label:hover,
.botton-radio2 label:hover {
    color: #FF0;
    font-family: "ro-shino-std",sans-serif;
font-style: normal;
font-weight: 400;
    
    border: 1px solid #a00;
    cursor: pointer;
}


/*-------アコーディオン ----------*/
h2 {
	margin:0 auto;
	/*text-align:center;
	vertical-align:middle;*/
	cursor:pointer;
}

h2#acd0 span {
display:block;
	
height: 37px;
	background:url(../img/howto_t1_f.png);
    background-repeat: no-repeat;
    background-position: center;
}
h2#acd0.bg02 span {

background:url(../img/howto_t1b_f.png);
     background-repeat: no-repeat;
background-position: center;
    height: 37px;  
}



h3 {

    margin:0 auto;
/*	margin:10px auto;
	text-align:center;
	vertical-align:middle;*/
	cursor:pointer;
}

h3 span  {
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   /* padding-top:11.88%;*/
    height:38px;
}

h3#acd1 span {
display:block;
	/*background:url(開く時の画像) no-repeat right 50%;*/

	background:url(../img/sec_ac1b.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
h3#acd1.bg02 span{
	/*background:url(閉じる時の画像) no-repeat right 50%;*/

    
background:url(../img/sec_ac1a.png);
     background-repeat: no-repeat;
background-position: bottom;


}

h3 span p {
    color: #000;
    font-family: "ro-shino-std",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: left;
}



h3#acd2 span {
display:block;
	/*background:url(開く時の画像) no-repeat right 50%;*/
height: 38px;
	background:url(../img/sec_ac2b.png);
    background-repeat: no-repeat;
    background-position: center;
}
h3#acd2.bg02 span{
	/*background:url(閉じる時の画像) no-repeat right 50%;*/
background:url(../img/sec_ac2a.png);
     background-repeat: no-repeat;
background-position: center;
    height: 38px;  
}

h3#acd3 span {
display:block;
	/*background:url(開く時の画像) no-repeat right 50%;*/

	background:url(../img/sec_ac3b.png);
    background-repeat: no-repeat;
    background-position: center;
}
h3#acd3.bg02 span{
	/*background:url(閉じる時の画像) no-repeat right 50%;*/
background:url(../img/sec_ac3a.png);
     background-repeat: no-repeat;
background-position: center;

}

.acod {
    margin:0 auto;
    width:320px;
    background-color:rgba(255,255,255,0.5);
    background-position: center;
}

.acod_help {
    margin:0 auto;
    text-align:center;
        background:url(../img/howto_t1bg_f.png);
        background-repeat:repeat-y;
        background-position: center;
    /*width:260px;*/
}

.acod_help2 {
        margin:0 auto;

    text-align:center;
    /*width:260px;*/
}
.acd_inside_help {
    width:270px;
    padding:10px;
    text-align:center;
    margin:0 auto;
}

.acd_inside_help p {
    text-align:left;
    color: #000;
    font-family: "ro-shino-std",sans-serif;
font-style: normal;
font-weight: 600;
    font-size:14px;
}


.acd_inside {
    margin: 0 auto;
    padding: 10px 0px;
    

    
    text-align:center;
    vertical-align:middle;
}

.acd_inside p {
        color: #000;
    font-family: "ro-shino-std",sans-serif;
font-style: normal;
font-weight: 900;
}


/*　送信ボタン */
.submit_div {
    margin: 0 auto;
    padding-top:10px;
    text-align:center;
    width: 100%;
}
.submit_div2 {
    margin: 0 auto;
    padding:8px 0px;
    text-align:center;
    width: 100%;
}

.submit_btn {
    margin: 0 auto;
    border: 0px;
    width:200px;
    height:91px;
    background: url(../img/button.png) no-repeat;
}

.submit_btn2 {
    margin: 0 auto;
    border: 0px;
    width:200px;
    height:91px;
    background: url(../img/button_back.png) no-repeat;
}

/*結果画面　テーブル*/
table {
    font-size: 14px;
	width: 94%;				/* ボックス外側余白を指定する */
	margin-left: auto;		/* 左側の余白を自動に指定する */
	margin-right: auto;		/* 右側の余白を自動に指定する */
	border-collapse: collapse;	/* 隣接するセルの罫線を重ねて表示する */
}

table th{
	padding: 2px;			/* 見出しの余白を指定する(上下左右) */
	background-color:#33333d;	/* 見出しの背景色を指定する */
	color: #FFF;			/* フォントの色を指定する */
	font-weight: normal;	/* フォントの太さを指定する */
	text-align: center;		/* テキストの位置を指定する */
	vertical-align: top;	/* 見出しテキストの位置を指定する */
	border: 1px solid #666666;/* 罫線を実線で指定する */
}
table td {
	padding: 2px;				/* セルの余白を指定する(上下左右) */
    text-align: right;	
	border: 1px solid #666666;	/* 罫線を実線で指定する */
}

table tr {
 /* background:#fff;*/
 background-color: rgba(255,255,255,0.70);
}
table tr:nth-child(odd){
 /* background:#ece7d5;*/
    background-color:rgba(236,231,213,0.70);
}

/* 予測結果 テーブルサイズ */
 table.yosokure tr th:nth-of-type(1) {

    width:15%;
}
 table.yosokure tr th:nth-of-type(2) {

    width:31%;
}
 table.yosokure tr th:nth-of-type(3) {

    width:31%;
}
 table.yosokure tr th:nth-of-type(4) {

    width:23%;
}

/* 時給 テーブルサイズ */
 table.zikyu tr th:nth-of-type(1) {

    width:15%;
}
 table.zikyu tr th:nth-of-type(2) {

    width:42%;
}
 table.zikyu tr th:nth-of-type(3) {

    width:43%;
}
/* 結果コメント */
.recom {
    font-size: 0.8em;
}

.re_outdiv {
    margin: 0 auto;
    width:94%;
}
.resub2_div {
    background-color:rgba(255,255,255,0.5);
    margin: 0 auto;
    padding: 4px 8px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align:left;
}

/*--------------------　フッター ------------------*/
/*fotter CSS*/
/*mypage add CSS*/
.mypageadd {
	background:#FFF;
	text-align:center;
	font-size:14px;
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F8F9), color-stop(50%,#E5EBEE), color-stop(51%,#D7DEE3), color-stop(100%,#F5F7F9));*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5EBEE), color-stop(50%,#FFFFFF), color-stop(100%,#E5EBEE));
	background-color:#D7DEE3;
}

.mypageadd a {
	display:block;
	text-decoration:none;
	color:#00F;
	padding:10px 6px;
}


.bder_line {
	margin:0 auto;
	border-bottom:solid #999 1px;
	border-bottom-style:dotted;
	clear:both;
}

.footbox {
	line-height:24px;
	text-align:center;
	font-size:14px;
	float:none;
	margin:0 auto;
	padding:4px 0;
	display:block;
}

.ftsrctop {
	font-size:14px;
	padding:3px 0;
	background: rgb(255,255,0);
	margin:0 auto;
	text-align:center;
}

.ftsrc {
	font-size:14px;
	background: rgb(237,237,237);
	border-bottom:#999 solid 1px;
	margin:0 auto;
	text-align:center;
}

.ftsrc2 {
	background: rgb(237,237,237);
	border-bottom:#999 solid 1px;
	font-size:14px;
	width:inherit;
	margin:0 auto;
	width:inherit;
	display:box;
	display:-webkit-box;
}

.indiv1 {
	text-align:center;
	background: rgb(237,237,237);
	/*border-top:#999 solid 1px;*/
	border-left:#999 solid 1px;
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:99%;
}

.indiv2 {
	text-align:center;
	background: rgb(237,237,237);
	border-right:#999 solid 1px;
	/*border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:24%;
}

.indiv3 {
	text-align:center;
	background: rgb(237,237,237);
	border-right:#999 solid 1px;
	/*border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:25%;
}

.indiv4 {
	text-align:center;
	background: rgb(237,237,237);
	/*border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:25%;
}

.indiv5 {
	text-align:center;
	background: rgb(237,237,237);
	border-right:rgb(237,237,237) solid 1px;
/*	border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:49%;
}

.indiv6 {
	text-align:center;
	background: rgb(237,237,237);
	/*border-top:#999 solid 1px;*/
	border-left:#999 solid 1px;
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:50%;
}


.indiv1 a,
.indiv2 a,
.indiv3 a,
.indiv4 a,
.indiv5 a,
.indiv6 a {
	color:#00F;
	display: block;
	padding:10px 0;
	text-decoration:none;
	
}

.srhform {
	display: inline-block;
	padding:5px;
	/*background: rgb(237,237,237);*/
}

.srhform input {
	font: normal 14px/100% Arial, Helvetica, sans-serif;
}
.srhform .srhfield {

	background: #fff url('css_img/gnav_02.png') no-repeat 5px 4px;
	padding: 6px 6px 6px 28px;
	width: 200px;
	border: solid 1px #bcbbbb;
	outline: none;
	/*height:30px;*/

	-webkit-border-top-left-radius:2em;
	-webkit-border-bottom-left-radius:2em;
	
	border-top-left-radius:2em;
	border-bottom-left-radius:2em;
	
}
.srhform .srhbutton {
	color: #fff;

	border: solid 0.5px #005b72;
	font-size: 12px;
	height: 30px;
	width: 30px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 15px;
	border-radius: 15px;


	background: #005b72;
	background: -webkit-gradient(radial, 6 3, 1, right bottom, 40, from(#ffffff),color-stop(30%, #0e85ff), color-stop(80%, #0149dd), to(#002ac8));

}

.centerbox {
	margin:0 auto;
}

/* loading */
.resultData {
	display:none;
}

#loadImg {
	margin:55% auto;
	text-align:center;
	background-color: transparent;
	
	animation: fadein 1s linear 0s 3;
	-webkit-animation: fadein 1s linear 0s 3;
	-moz-animation: fadein 1s linear 0s 3;
	
	
	
}

@-webkit-keyframes fadein {
	0%{
		opacity:0;
	}
	25%{
		opacity:0.5;
	}
	50%{
		opacity:1;
	}
	
	75%{
		opacity:0.5;
	}
	100% {
		opacity:0;
	}
}