/* ************************************** _

タイトル：base.css

概要：全ページ共通となるベースCSSファイル

_ ************************************** */


/* kill 'Browser standard style'
---------------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*
body,html{
min-width:980px;
}
*/

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
}

/* Re style
---------------------------------------------------------------------------- */

a { color: #45A5D6; text-decoration: none;}
a:hover { color: #64b9e5; text-decoration: underline;}
/*a:visited { color: #3688BA;}*/

strong { font-weight: bold; }
em     { font-style: normal; }

img {
	border: 0;
	max-width: 100%;
	vertical-align: bottom;
  	height: auto;
}

hr { display:none; }

p {
	margin-top: 0;
	padding-bottom: 0;
	line-height: 1.75;
}

li { margin: 0; list-style: none; }

ul ul, ol ul, ul ol, ol ol,dl ul, dl ol, dl dl, td td, dt label { font-size: 100%; }

input[type="text"]{
	font-family: 'Lato', sans-serif!important;
}

table { border-collapse: collapse; }
table tr.attention_bg{background-color: #ffcdcd!important;}
table.td_migiyose td{text-align:right;}
.bg1{background-color: #fffef2;}

/* table
================================================== */
/*2段組みtable*/
table.basetable{
	width:100%;
	border-top:1px solid #ccc;
}
table.basetable th{
	width:45%;
	padding:5px 10px 5px 27px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
table.basetable td{
	padding:5px 10px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
}
table.basetable tr:nth-child(even) {
	background: #f7f7f7;
}

/*2段組みtable*/
table.basetable2{
	width:100%;
	border-top:1px solid #ccc;
}
table.basetable2 th{
	width:40%;
	padding:5px 10px 5px 27px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
table.basetable2 td{
	padding:5px 10px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
}
table.basetable2 tr:nth-child(even) {
	background: #f7f7f7;
}

/*3段組みtable 見積もり */
table.mitsumoritable{
	width:100%;
	border-top:1px solid #ccc;
}
table.mitsumoritable th{
	width:40%;
	padding:5px 10px 5px 27px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
table.mitsumoritable td{
	padding:5px 10px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	text-align:right;
	width:30%;
}

table.mitsumoritable td input[type="text"] , table.mitsumoritable td input[type="number"]{
	text-align:right;
	width:100%;
	padding: 5px 10px;
}


/*3段組みtable 見積もり  見出しつき*/
table.mitsumoritable2{
	width:100%;
}
table.mitsumoritable2 th{
	width:40%;
	padding:5px 10px 5px 27px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
table.mitsumoritable2 td{
	padding:5px 10px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	text-align:right;
	width:30%;
}
table.mitsumoritable2 th.firstkomumoku , table.mitsumoritable2 td.firstkomumoku{
	padding:5px 10px 3px 10px;
}

table.mitsumoritable2 tr:first-child {
	background: #fff!important;
}
table.mitsumoritable2 td input[type="text"] , table.mitsumoritable2 td input[type="number"]{
	text-align:right;
	width:100%;
	padding: 5px 10px;
}

table.mitsumoritable2 tr:nth-child(odd) {
	background: #f7f7f7;
}

table.mitsumoritable tr:nth-child(even) {
	background: #f7f7f7;
}

/*3段組みtable 用品 */
table.youhintable{
	width:100%;
	margin:-20px 0 0 0;
}

table.youhintable td{
	padding:5px 10px 3px 10px;
	vertical-align: middle;
	text-align:left;
	
}
table.youhintable td input[type="text"] , table.mitsumoricredittable td input[type="textarea"] , table.mitsumoricredittable td input[type="number"]{
	width:100%;
}
table.youhintable td span{
	display: inline-block;
	vertical-align: middle;
}
table.youhintable td span.hinmei{
	width:45%;
	margin-right:50px;
}
table.youhintable td span.kakaku{
	width:35%;
}

table.youhintable tr:nth-child(even) {
	background: #f7f7f7;
}

ul.youhinshinki{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items:stretch;
	align-content:stretch;
	width:100%;
	margin-top:-15px;
}
ul.youhinshinki li{
	flex-basis: auto;
	max-width:auto;
	padding:0 2px;
	height:auto!important;
}
ul.youhinshinki li input{
	width:100%;
	padding: 5px 10px;
}

/*3段組みtable 見積り　クレジット */
table.mitsumoricredittable{
	width:100%;
}

table.mitsumoricredittable td{
	padding:5px 10px 3px 10px;
	vertical-align: middle;
	text-align:left;
	width:40%
}
table.mitsumoricredittable td input[type="text"] , table.mitsumoricredittable td input[type="textarea"] , table.mitsumoricredittable td input[type="number"]{
	width:80%;
}

table.mitsumoricredittable tr:nth-child(even) {
	background: #f7f7f7;
}

/*3段組み 数字パネルtable*/
table.basetable3dan{
	width:210px;
	margin:0 auto 20px auto;
	text-align:center;
}
table.basetable3dan th{
	width:70px;
	padding:2px;
	vertical-align: middle;
	font-weight:normal;
}
table.basetable3dan td{
	padding:2px;
	vertical-align: middle;
	width:70px;
	text-align:center;
}
table.basetable3dan td input[type="text"] , table.basetable4dan td input[type="textarea"] , table.basetable4dan td input[type="number"]{
	width:100%;
}
table.basetable3dan td input[type="button"]{
    display: inline-block;
	width:70px;
	height:60px;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    border-bottom: solid 4px #333;
    border-radius: 3px;
	font-size:20px;
}

table.basetable3dan td input[type="button"]:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.number_show{
	text-align:right;
	/*font-size:24px;*/
	letter-spacing: 2px;
	background-image: url("../images/cmn_img/konma6.svg");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto 22px;
}

.kanmanone{
	background-image: none!important;
}
.kanma3{
	background-image: url("../images/cmn_img/konma3.svg");
	background-repeat: no-repeat;
	background-position: bottom right;
	letter-spacing:2px;
	background-size: auto 22px;
}
.kanma6{
	background-image: url("../images/cmn_img/konma6.svg");
	background-repeat: no-repeat;
	background-position: bottom right;
	letter-spacing:2px;
	background-size: auto 22px;
}

/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .number_show { background-size: auto 22px;background-image: url("../images/cmn_img/konma6_ie_panel.svg");}
	*::-ms-backdrop, .basetable3dan .number_show { background-size: auto 22px;background-image: url("../images/cmn_img/konma6_ie_basetable3dan.svg"); }
	*::-ms-backdrop, .mitumori_total .kanma3 { background-size: auto 20.9px;background-image: url("../images/cmn_img/konma3.svg"); }
	*::-ms-backdrop, .mitumori_total .kanma6 { background-size: auto 20.9px;background-image: url("../images/cmn_img/konma6.svg"); }
	*::-ms-backdrop, .mitsumoritable .kanma3 { background-size: auto 23.9px;background-image: url("../images/cmn_img/konma3_ie_mitsumoritable.svg"); }
	*::-ms-backdrop, .mitsumoritable .kanma6 { background-size: auto 23.9px;background-image: url("../images/cmn_img/konma6_ie_mitsumoritable.svg"); }
	*::-ms-backdrop, .mitsumoritable2 .kanma3 { background-size: auto 24.0px;background-image: url("../images/cmn_img/konma3_ie_mitsumoritable.svg"); }
	*::-ms-backdrop, .mitsumoritable2 .kanma6 { background-size: auto 24.0px;background-image: url("../images/cmn_img/konma6_ie_mitsumoritable.svg"); }
	*::-ms-backdrop, .youhintable .kanma3 { background-size: auto 24.0px;background-image: url("../images/cmn_img/konma3_ie_mitsumoritable.svg"); }
	*::-ms-backdrop, .youhintable .kanma6 { background-size: auto 24.0px;background-image: url("../images/cmn_img/konma6_ie_mitsumoritable.svg"); }
	*::-ms-backdrop, .basetable .kanma3 { background-size: auto 22px;background-image: url("../images/cmn_img/konma3_ie.svg"); }
	*::-ms-backdrop, .basetable .kanma6 { background-size: auto 22px;background-image: url("../images/cmn_img/konma6_ie.svg"); }
	*::-ms-backdrop, .basetable2 .kanma3 { background-size: auto 22px;background-image: url("../images/cmn_img/konma3_ie.svg"); }
	*::-ms-backdrop, .basetable2 .kanma6 { background-size: auto 22px;background-image: url("../images/cmn_img/konma6_ie.svg"); }
}
/* Edge */
@supports (-ms-ime-align: auto) {
	.kanma3 { background-size: auto 22.8px;background-image: url("../images/cmn_img/konma3.svg"); }
	.kanma6 { background-size: auto 22.8px;background-image: url("../images/cmn_img/konma6.svg"); }
}

/*4段組みの見出し用 table*/
table.koumokutable4dan{
	width:100%;
	margin:0
}
table.koumokutable4dan th{
	width:30%;
}
table.koumokutable4dan td{
	text-align:center;
}
table.koumokutable4dan td:nth-child(2+3){
	width:20%;
}
table.koumokutable4dan td:nth-child(4){
	width:30%;
}

/*4段組み table*/
table.basetable4dan{
	width:100%;
	margin-bottom:50px;
	border-top:1px solid #ccc;
}
table.basetable4dan th{
	width:30%;
	padding:5px 10px 5px 27px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
table.basetable4dan td{
	padding:5px 10px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
}
table.basetable4dan td input[type="text"] , table.basetable4dan td input[type="textarea"] , table.basetable4dan td input[type="number"]{
	width:100%;
}
table.basetable4dan td:nth-child(2+3){
	width:20%;
}
table.basetable4dan td:nth-child(4){
	width:30%;
}
table.basetable4dan tr:nth-child(even) {
	background: #f7f7f7;
}

/*7段組みtable*/
table.ichirantable7{
	width:100%;
	margin:0
}
table.ichirantable7 th{
	font-weight:normal;
	text-align:center;
	padding:0 10px;
}

/*
table.ichirantable7 th:nth-child(1){
	width:55px;
}
table.ichirantable7 th:nth-child(2){
	width:20px;
}
table.ichirantable7 th:nth-child(3){
	width:460px;
}
table.ichirantable7 th:nth-child(4){
	width:140px;
}
table.ichirantable7 th:nth-child(5){
	width:180px;
}
table.ichirantable7 th:nth-child(6){
	width:55px;
}
table.ichirantable7 th:nth-child(7){
	width:90px;
}
*/

table.ichirantable7 td{
	padding:5px 10px;
	vertical-align: middle;
	text-align:right;
	line-height:1.3;
	
}
table.ichirantable7 td input[type="text"] , table.ichirantable7 td input[type="textarea"] , table.ichirantable7 td input[type="number"]{
	width:100%;
}
/*
table.ichirantable7 td:nth-child(1){
	width:55px;
}
table.ichirantable7 td:nth-child(2){
	width:20px;
}
table.ichirantable7 td:nth-child(3){
	width:460px;
	text-align:left;
}
table.ichirantable7 td:nth-child(4){
	width:140px;
}
table.ichirantable7 td:nth-child(5){
	width:180px;
}
table.ichirantable7 td:nth-child(6){
	width:55px;
}
table.ichirantable7 td:nth-child(7){
	width:90px;
}
*/
table.ichirantable7 td:nth-child(4){
	text-align: left;
}

table.ichirantable7 tr:nth-child(even) {
	background: #f7f7f7;
}
table.ichirantable7 tr:nth-child(1) {
	background: #fff;
}
table.ichirantable7 tr:nth-child(2) {
	background: #fff;
	border-bottom:1px solid #ccc;
}
table.ichirantable7 tr:nth-child(n + 2) {
	border-bottom:1px solid #ccc;
}


/*6段組みtable*/
table.ichirantable{
	width:100%;
	margin:0
}
table.ichirantable th{
	font-weight:normal;
	text-align:center;
	padding:0 10px;
}

table.ichirantable th:nth-child(1){
	width:55px;
}
table.ichirantable th:nth-child(2){
	width:480px;
}
table.ichirantable th:nth-child(3){
	width:150px;
}
table.ichirantable th:nth-child(4){
	width:150px;
}
table.ichirantable th:nth-child(5){
	width:55px;
}
table.ichirantable th:nth-child(6){
	width:90px;
}
table.ichirantable td{
	padding:5px 10px;
	vertical-align: middle;
	text-align:right;
	line-height:1.3;
	
}
table.ichirantable td input[type="text"] , table.ichirantable td input[type="textarea"] , table.ichirantable td input[type="number"]{
	width:100%;
}
table.ichirantable td:nth-child(1){
	width:55px;
}
table.ichirantable td:nth-child(2){
	width:480px;
	text-align:left;
}
table.ichirantable td:nth-child(3){
	width:150px;
}
table.ichirantable td:nth-child(4){
	width:150px;
}
table.ichirantable td:nth-child(5){
	width:55px;
}
table.ichirantable td:nth-child(6){
	width:90px;
}
table.ichirantable tr:nth-child(even) {
	background: #f7f7f7;
}
table.ichirantable tr:nth-child(1) {
	background: #fff;
}
table.ichirantable tr:nth-child(2) {
	background: #fff;
	border-bottom:1px solid #ccc;
}
table.ichirantable tr:nth-child(n + 2) {
	border-bottom:1px solid #ccc;
}

/*クレジット詳細　table*/
ul.creditdetail_koumoku{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:stretch;
	align-content:stretch;
	width:100%;
	padding:0px 10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

ul.creditdetail_koumoku li{
	text-align:right;
}
ul.creditdetail_koumoku li:first-child{
	flex-basis:8%;
	max-width:8%;
}
ul.creditdetail_koumoku li:nth-child(2){
	flex-basis:17%;
	max-width:17%;
}
ul.creditdetail_koumoku li:nth-child(3){
	flex-basis:20%;
	max-width:20%;
}
ul.creditdetail_koumoku li:nth-child(4){
	flex-basis:21%;
	max-width:21%;
}
ul.creditdetail_koumoku li:nth-child(5){
	flex-basis:11%;
	max-width:11%;
}
ul.creditdetail_koumoku li:last-child{
	flex-basis:15%;
	max-width:15%;
}


ul.creditdetail_result{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:stretch;
	align-content:stretch;
	width:100%;
}

ul.creditdetail_result li{
	text-align:right;
}
ul.creditdetail_result li:first-child{
	flex-basis:8%;
	max-width:8%;
}
ul.creditdetail_result li:nth-child(2){
	flex-basis:17%;
	max-width:17%;
}
ul.creditdetail_result li:nth-child(3){
	flex-basis:20%;
	max-width:20%;
}
ul.creditdetail_result li:nth-child(4){
	flex-basis:21%;
	max-width:21%;
}
ul.creditdetail_result li:nth-child(5){
	flex-basis:11%;
	max-width:11%;
}
ul.creditdetail_result li:last-child{
	flex-basis:15%;
	max-width:15%;
}

/* 2カラム用　*/
ul.radio_2column{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:stretch;
	align-content:stretch;
	width:100%;
}

ul.radio_2column li{
	text-align:right;
}
ul.radio_2column li:first-child{
	flex-basis:60%;
	max-width:60%;
	text-align:left;
}
ul.radio_2column li:last-child{
	flex-basis:40%;
	max-width:40%;
	text-align:right;
}

ul.creditdetail_koumoku input[type="text"] , ul.creditdetail_koumoku input[type="textarea"] , ul.creditdetail_koumoku input[type="number"]{
	width:100%;
}

table.creditdetailtable{
	width:100%;
	margin:0
}
table.creditdetailtable th{
	font-weight:normal;
	text-align:center;
	vertical-align: middle;
	padding:0 0;
	width:100%;
}
table.creditdetailtable td{
	padding:0 0;
	vertical-align: middle;
	text-align:right;
	line-height:1.3;
	width:100%;
	
}


table.ichirantable tr:nth-child(even) {
	background: #f7f7f7;
}
table.creditdetailtable span{
	display: inline-block;
	vertical-align: middle;
}

table.creditdetailtable span.kaisu{
	width:5%;
}
table.creditdetailtable span.syokai{
	width:20%;
}
table.creditdetailtable span.tsukiduki{
	width:20%;
}
table.creditdetailtable span.bonus{
	width:20%;
}
table.creditdetailtable span.bonushiritsu{
	width:5%;
}
table.creditdetailtable span.tesuryo{
	width:20%;
}



/*ポップアップ用table*/
table.popuptable{
	width:100%;
	margin:0;
	border-top:1px solid #ccc;
}

table.popuptable td{
	padding:5px 10px 5px 27px;
	vertical-align: middle;
	text-align:left;
	
}
table.popuptable td input[type="text"] , table.ichirantable td input[type="textarea"] , table.ichirantable td input[type="number"]{
	width:100%;
}
table.popuptable td:nth-child(1){
	width:55px;
}
table.popuptable tr:nth-child(even) {
	background: #f7f7f7;
}



/* フォームまわり
---------------------------------------------------------------------------- */
input, button, textarea, select , submit , password {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	font: 1.0em  "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック Medium" , "Yu Gothic Medium" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

input[type="text"] , input[type="textarea"] , input[type="number"] , input[type="password"] {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  outline: 0;
}
input[type="text"] , input[type="textarea"] , input[type="number"] , input[type="password"] {
  padding: 5px 10px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  transition: border-color ease .2s;
}

input[type="text"]:focus , input[type="textarea"]:focus , input[type="number"]:focus , input[type="password"] {
  border-color: #5f98e1;
}

.suuji{width:100px;}
.wd10per{width:10%!important;}
.wd15er{width:15%!important;}
.wd20per{width:20%!important;}
.wd30per{width:30%!important;}
.wd35per{width:35%!important;}
.wd40per{width:40%!important;}
.wd45per{width:45%!important;}
.wd50per{width:50%!important;}
.wd55per{width:55%!important;}
.wd60per{width:60%!important;}
.wd70per{width:70%!important;}
.wd80per{width:80%!important;}
.wd90per{width:90%!important;}
.wd100per{width:100%!important;}

.wd200px{width:200px!important;}

/* html5
---------------------------------------------------------------------------- */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}

html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}


/* body 
---------------------------------------------------------------------------- */
body{
	padding: 0;
	color: #333333;
	/*font: 1.3em  sans-serif "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック Medium" , "Yu Gothic Medium" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
	/*font: 1.1em  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	font-size:1.3em;
	font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
	/*font-family: 'Lato', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
	line-height: 1.75;
	background: #F2F2F2;
	overflow-x: hidden;
}


/* wrapper
---------------------------------------------------------------------------- */
#wrapper{
	margin: 0 auto;
	width: 100%;
	text-align: left;	
}

/* container
---------------------------------------------------------------------------- */
#container{
	width: 100%;
	margin: 0 auto;
	
}

/* header
---------------------------------------------------------------------------- */
#header{
	width: 100%;
	background: rgba(255,255,255,0.7);
	height:55px;
	z-index:99;
}
#header.login{
	background: none;
}
#header .inner{
	padding:0 10px;
	margin: 0 auto;
	position: relative;
}
#header .inner h1{
	/*padding-top:10px;*/
	position:fixed;
	top:5px;
	left:10px;
	z-index:999;
}
.fixed{
    position:fixed;
    top:0;
  }





/* content
---------------------------------------------------------------------------- */

#content{
	width: 100%;/*1200px*/
	margin: 0 auto;
}

/*メインコンテンツ*/
#content #primaryContent{
	max-width: 980px;
	margin: 0 auto;
	padding-top:8px;
}
#content #primaryContent_iframe{
	width: 100%;
	margin: 0 auto;
	padding-top:20px;
}

.mainwrap{
	padding:20px;
	background-color: #fff;
}


.submitwrap{
	text-align: center;
	padding:50px 0;
}
.submitwrap.fixbtn{
	position: fixed;
	bottom:0px;
	width: 100%;
	z-index:9999;
	max-width:960px;
	margin:0 auto;
}
.submitwrap_dammy{
	text-align: center;
	padding:50px 0;
}


.submitwrap ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:stretch;
	align-content:stretch;
	width:940px;
	margin:0 auto;
}
.submitwrap ul li{
	flex-basis: 300px;
	max-width: 300px;
	margin-bottom:20px;
}

/*登録ボタン*/
.button {
  display: inline-block;
  width: 300px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	border-radius: 25px;
	cursor: pointer;
	margin: 0;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  background-color: #29abe2;
  color: #fff;
}
.button:hover {
  background-color: #59b1eb;
}

/*戻るボタン*/
.modorubutton {
  display: inline-block;
  width: 300px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	border-radius: 25px;
	cursor: pointer;
	margin: 0;
}
.modorubutton::before,
.modorubutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.modorubutton,
.modorubutton::before,
.modorubutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.modorubutton {
  background-color: #fff;
  color: #898989;
	outline: 2px solid #898989;
	outline-offset: -2px;
}
.modorubutton:hover {
  background-color: #898989;
	color: #fff;
}

/*オレンジボタン*/
.orangebutton {
  display: inline-block;
  width: 300px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	border-radius: 25px;
	cursor: pointer;
	margin:25px 0;
}
.orangebutton::before,
.orangebutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.orangebutton,
.orangebutton::before,
.orangebutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.orangebutton {
  background-color: #ffa800;
  color: #fff;
}
.orangebutton:hover {
  background-color: #ffbb39;
}

/*緑ボタン*/
.greenbutton {
  display: inline-block;
  width: 300px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	border-radius: 25px;
	cursor: pointer;
}
.greenbutton::before,
.greenbutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.greenbutton,
.greenbutton::before,
.greenbutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.greenbutton {
  background-color: #8de229;
  color: #fff;
}
.greenbutton:hover {
  background-color: #a9ea5d;
}

/*黒ボタン*/
.kurobutton {
  display: inline-block;
  width: 300px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	border-radius: 25px;
	cursor: pointer;
}
.kurobutton::before,
.kurobutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.kurobutton,
.kurobutton::before,
.kurobutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.kurobutton {
  background-color: #333;
  color: #fff;
}
.kurobutton:hover {
  background-color: #444;
}


/*新規登録ボタン*/
.shinkibutton {
  display: inline-block;
  width: 150px;
  /*height: 54px;*/
  text-align: center;
  text-decoration: none;
  line-height: 36px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.shinkibutton::before,
.shinkibutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.shinkibutton,
.shinkibutton::before,
.shinkibutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.shinkibutton {
  background-color: #8de229;
  color: #fff;
}
.shinkibutton:hover {
  background-color: #a9ea5d;
	color:#fff;
	text-decoration: none;
}

/*新規登録ボタン2　細い*/
.shinkibutton2 {
  display: inline-block;
  width: 150px;
  height: 36px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.shinkibutton2::before,
.shinkibutton2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.shinkibutton2,
.shinkibutton2::before,
.shinkibutton2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.shinkibutton2 {
  background-color: #8de229;
  color: #fff;
}
.shinkibutton2:hover {
  background-color: #a9ea5d;
	color:#fff;
	text-decoration: none;
}


/*削除ボタン*/
.sakujyobutton {
  display: inline-block;
  width: 55px;
  /*height: 54px;*/
  text-align: center;
  text-decoration: none;
  line-height: 36px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.sakujyobutton::before,
.sakujyobutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.sakujyobutton,
.sakujyobutton::before,
.sakujyobutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.sakujyobutton {
  background-color: #e22959;
  color: #fff;
}
.sakujyobutton:hover {
  background-color: #f35b83;
	color:#fff;
	text-decoration: none;
}


/*編集ボタン*/
.hensyubutton, .searchbutton {
  display: inline-block;
  width: 55px;
  /*height: 54px;*/
  text-align: center;
  text-decoration: none;
  line-height: 36px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.hensyubutton::before,
.hensyubutton::after,
.searchbutton::before,
.searchbutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.hensyubutton,
.hensyubutton::before,
.hensyubutton::after,
.searchbutton,
.searchbutton::before,
.searchbutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.hensyubutton, .searchbutton {
  background-color: #29abe2;
  color: #fff;
}
.hensyubutton:hover, .searchbutton:hover {
  background-color: #59b1eb;
	color:#fff;
	text-decoration: none;
}

/*編集ボタン2　赤色*/
.hensyubutton2 {
  display: inline-block;
  width: 55px;
  height: 36px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.hensyubutton2::before,
.hensyubutton2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.hensyubutton2,
.hensyubutton2::before,
.hensyubutton2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.hensyubutton2 {
  background-color: #e22959;
  color: #fff;
}
.hensyubutton2:hover {
  background-color: #f35b83;
	color:#fff;
	text-decoration: none;
}

/*試算ボタン*/
.shisanbutton {
  display: inline-block;
  /*width: 55px;*/
width: 100%;
  height: 36px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.shisanbutton::before,
.shisanbutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.shisanbutton,
.shisanbutton::before,
.shisanbutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.shisanbutton {
  background-color: #8de229;
  color: #fff;
}
.shisanbutton:hover {
  background-color: #a9ea5d;
	color:#fff;
	text-decoration: none;
}


/*見積もりボタン*/
.mitsumoributton {
  display: inline-block;
  width: 90px;
  /*height: 54px;*/
  text-align: center;
  text-decoration: none;
  line-height: 36px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.mitsumoributton::before,
.mitsumoributton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.mitsumoributton,
.mitsumoributton::before,
.mitsumoributton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.mitsumoributton {
	background-color: #ff7f00;
  color: #fff;
}
.mitsumoributton:hover {
	background-color: #ff931e;
	color:#fff;
	text-decoration: none;
}
/*評価書ボタン*/
.hyoukasyo {
  display: inline-block;
  width: 90px;
  /*height: 54px;*/
  text-align: center;
  text-decoration: none;
  line-height: 36px;
  outline: none;
	cursor: pointer;
	border-radius: 5px;
}
.hyoukasyo::before,
.hyoukasyo::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.hyoukasyo,
.hyoukasyo::before,
.hyoukasyo::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.hyoukasyo {
	background-color: #29abe2;
  color: #fff;
}
.hyoukasyo:hover {
	background-color: #59b1eb;
	color:#fff;
	text-decoration: none;
}

/*リセットボタン*/
.resetbutton {
  display: inline-block;
  width: 200px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	border-radius: 25px;
	cursor: pointer;
	margin:25px 0 0 0;
}
.resetbutton::before,
.resetbutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.resetbutton,
.resetbutton::before,
.resetbutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.resetbutton {
  background-color: #e22959;
  color: #fff;
}
.resetbutton:hover {
  background-color: #f35b83;
	color:#fff;
	text-decoration: none;
}

/*絞り込みボタン*/
/*
.conditionsbutton {
  display: inline-block;
  width: 55px;
  text-align: center;
  text-decoration: none;
 ht: 36px;
  line-height: 36px;
	cursor: pointer;
	border-radius: 5px;
	border:1px solid #2AABE4;
}
.conditionsbutton::before,
.conditionsbutton::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.conditionsbutton,
.conditionsbutton::before,
.conditionsbutton::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.conditionsbutton {
  background-color: #fff;
  color: #2AABE4;
}
.conditionsbutton:hover {
  background-color: #2AABE4;
	color:#fff;
	text-decoration: none;
}
.conditionsbutton.active {
  background-color: #2AABE4;
	color:#fff;
	text-decoration: none;
}
*/

/* 見出し
---------------------------------------------------------------------------- */
h2{
	background-color: #535353;
	color:#fff;
	font-weight:bold;
	padding: 6px 10px 5px 20px;
	margin-bottom:20px;
}


/* topicPath
---------------------------------------------------------------------------- */
	
#topicPath {
	height: 30px;
	line-height: 32px;
	background: #FFF;
	margin-top: -40px;
	margin-bottom: 30px;
}
	#topicPath ul{
		width: 1200px;
		margin: 0 auto;
		padding: 0 0 0 30px;
		background: #F2F2F2 url(file:///C|/Users/Y.Yamazaki.C-E-S/images/cmn_img/bg_home.gif) no-repeat 10px center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	#topicPath ul span{
		font-size: 12px!important;  
	}
	
	#topicPath li {   
		display: inline;  
		line-height:110%;   
		list-style-type:none; 
		font-size: 12px!important;  
	}

	#topicPath li.home{
		
	}
		#topicPath li a {   
			margin-right: 3px;   
			padding-right: 13px;   
			background:url(file:///C|/Users/Y.Yamazaki.C-E-S/images/cmn_img/topicpath.gif) no-repeat right center; 
			font-size: 12px!important;    
		}
@media screen and (max-width: 480px) {
	#topicPath{ display: none; }
}

/* タブ
---------------------------------------------------------------------------- */
.tab_wrap{width:980px; margin:0 auto;}
.tab_wrap.fixbtn{padding-bottom:120px;}
.tab_area{margin:0 10px;}
.tab_area label{width:150px; margin:0 5px; display:inline-block; padding:5px 0; color:#fff; background:#29ABE2; text-align:center; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:20px 20px; display:none;}
.tab_panel p{letter-spacing:1px; text-align:left;}

.tab_area label.active{background:#fff; color:#29ABE2;}
.tab_area label.active:hover{opacity:1.0;}
.tab_panel.active{display:block;}

/* footer
---------------------------------------------------------------------------- */

/* pagetop */

#page-top {
    position: fixed;
    bottom: 55px;
    right: 10px;
	z-index: 99999;
}
#page-top a {
    text-decoration: none;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}

.sp_bottom_menu{
    display:none;
}



#footer {
	width: 100%;
	margin : 0 auto;
	background: #E2F1F7;
	clear:both;
}
@media screen and (max-width: 1200px) {
	#footer {
		height: auto;
		
	}
}



/*フッターナビゲーション*/
#footer .foot_wrap_bg{
	background: #00a1e0;
}
#footer .foot_wrap{
	background: #00a1e0;
	padding: 40px 0 40px 0;
	color: #fff;
	font-size:15px;
	max-width: 1000px;
	margin: 0 auto;
}
#footer .foot_wrap a{
	color:#fff;
	text-decoration: none;
}
#footer .foot_wrap a:hover{
	color:#BBECFF;
	text-decoration: none;
}

#footer .foot_wrap .foot_wrap_r{
	float:right;
	text-align: right;
	width:60%;
}
#footer .foot_wrap .foot_wrap_r ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#footer .foot_wrap .foot_wrap_r ul li{
	align-items: stretch;
	font-size:15px;
	padding:0 8px;
	margin-bottom:12px;
}
#footer .foot_wrap .foot_wrap_r ul li:last-child{
	align-items: stretch;
	font-size:15px;
	padding:0 0 0 8px;
}

#footer .foot_wrap .foot_wrap_l{
	float:left;
	width:37%;
}
#footer .foot_wrap .foot_wrap_l p{
	line-height:1.5em;
}
#footer .copy_wrap .txtlink span{
	margin-right:20px;
}
.copywrite{
	font-size:15px;
	padding-top:48px;
}


/* 汎用てきなもの
================================================== */
input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
label {
  position: relative;
  display: inline-block;
  word-break: break-all;
  cursor: pointer;
}
label input[type="checkbox"] + span,
label input[type="radio"] + span {
  position: relative;
  padding: 0 30px 0 28px;
}

/*ラジオボタン*/
label input[type="radio"] + span::before {
  border-color: #29ABE2;
}
label span {
  display: inline-block;
}
label input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
label input[type="radio"] + span::before {
  position: absolute;
  display: inline-block;
  content: '';
  box-sizing: border-box;
  border-radius: 22px;
}
label input[type="radio"] + span::before {
  z-index: 0;
  top: 7px;
  left: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 2px #29ABE2 solid;
}
label input[type="radio"]:checked + span::before {
  border-width: 6px;
	background-color: #29ABE2;
	
}
/*ラジオボタン ボタン風*/
.pop_radio input {
  display:none; 
}

.pop_radio label {
  display:block;
	width:100%;
  color:#333;
  padding:0 10px;
	-webkit-transition: all .3s;
    transition: all .3s;
	padding-left:20px;
}

.pop_radio input[type="radio"]:checked + label { 
  background-color:#29ABE2;
	color:#fff;
	border-radius: 30px;
}

/*チェックボックス ボタン風*/
.pop_check input {
  display:none; 
}

.pop_check label {
  display:block;
	width:100%;
  color:#333;
  /*padding:10px 10px;*/
	padding:0px 10px;
	-webkit-transition: all .3s;
    transition: all .3s;
	padding-left:20px;
}

.pop_check input[type="checkbox"]:checked + label { 
  background-color:#29ABE2;
	color:#fff;
	border-radius: 30px;
}

/*ラジオボタン ボタン風 クレジット　重量税　自賠責　詳細用*/
.pop_raido_credit input {
  display:none; 
}

.pop_raido_credit label {
  display:block;
	width:100%;
  color:#333;
  /*padding:10px 10px;*/
	padding:0px 10px;
	-webkit-transition: all .3s;
    transition: all .3s;
}

.pop_raido_credit input[type="radio"]:checked + label { 
  background-color:#29ABE2;
	color:#fff;
	border-radius: 30px;
}

/*チェックボックス*/
label input[type="checkbox"] + span::before {
  border-color: #29ABE2;
}
label input[type="checkbox"]:checked + span::before {
  background-color: #29ABE2;
}
label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
input[type="checkbox"] + span::before, label input[type="checkbox"] + span::after {
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 2px #29ABE2 solid;
  border-radius: 5px;
}
label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
}
label input[type="checkbox"]:checked + span::before {
  background-color: #29ABE2;
}
label input[type="checkbox"]:checked + span::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*ポップアップ　チェックボックス*/
/*
.pop_check input {
display: none;
}
.pop_check label {
position: relative;
display: block;
padding: 15px 0;
padding-right: 35px;
cursor: pointer;
}
.pop_check input[type='checkbox'] {
position: absolute;
visibility: hidden !important;
}
.pop_check input[type='checkbox'] + label:before,
.pop_check input[type='checkbox'] + label:after {
position: absolute;
top: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: -7.5px;
content: '';
}
.pop_check input[type='checkbox'] + label:before {
right: 0;
width: 60px;
height: 30px;
border: 1px solid #999;
border-radius: 30px;
background: #ffffff;
}
.pop_check input[type='checkbox'] + label:after {
right: 30px;
width: 30px;
height: 30px;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
border-radius: 50%;
background: #999;
}
.pop_check input[type='checkbox']:checked + label:after {
right: 0;
background: #29ABE2;
}
*/

/*セレクトボックス*/
.selectbox span.alert {
    color: red;
    font-size: 16px;
}
select{
    margin-top:-0;
	font-size:0.9em!important;
}
.selectbox {
overflow: hidden;
width: auto;
margin: 0 auto;
text-align: center;
position: relative;
border-radius: 2px;
border: 2px solid #29ABE2;
background: #ffffff;
display: inline-block;
	vertical-align: bottom
}
.selectbox select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
color: #29ABE2;
}
.selectbox select::-ms-expand {
display: none;
}

.selectbox::before {
position: absolute;
top: 0.7em;
right: 0.6em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #29ABE2;
pointer-events: none;
}
.selectbox select {
padding: 0 38px 0 8px;
color: #29ABE2;
}

.selectbox2 {
overflow: hidden;
width: auto;
margin: 0 auto;
text-align: center;
position: relative;
border-radius: 2px;
border: 2px solid #29ABE2;
background: #ffffff;
display: inline-block;
vertical-align: bottom;
height:50px;
line-height:46px;
}
.selectbox2 select {
width: 300px;
padding-right: 1em;
cursor: pointer;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
color: #29ABE2;
}
.selectbox2 select::-ms-expand {
display: none;
}

.selectbox2::before {
position: absolute;
top: 1.0em;
right: 0.6em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #29ABE2;
pointer-events: none;
}
.selectbox2 select {
padding: 0 38px 0 8px;
color: #29ABE2;
	
}


/*ファイル*/
input[type="file"] {
	font-size:16px;	
}

button:disabled {
	background-color: #9f9f9f !important;
	cursor: inherit;
}

.notice-message {
	background-color: rgb(164, 25, 25);
	color: #fff;
	text-align: center;
	display: block;
	padding: 8px 0;
	font-weight: 700;
	font-size: 16px;
}