@charset "utf-8"; 

/* reset
--------------------*/
body, div,
dl, dt, dd, ul, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, textarea, p, blockquote, th ,td {
	margin: 0;
	padding: 0;
}

ul{
	list-style-type: none;
}

body  {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333333;
	* font-size: 75%;/* IE6,7 */
	background: url("../../image/head_back.gif") repeat-x;
}

td{
	font-size: 12px;
}
table {
	line-height: 1.6;
	border: 0px;
	border-collapse:collapse;
}

table th {
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	font-weight: normal;
}
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px 4px;
	font-size: 12px;
}

input {
	vertical-align: middle;
	margin: 0;
}

p {
	line-height: 1.7;
}

img {
	border: none;
	vertical-align: bottom;
}

address {
	font-style:normal;
}

ul li {
	line-height: 1.4;
}

/* リンクの設定 */
a:link {
	border: none;
	color: #333333;
	text-decoration: none;
}

a:visited {
	border: none;
	text-decoration: underline;
	color: #333333;
}

a:hover {
	border: none;
	text-decoration: underline;
	color: #333333;
}

a:active {
	border: none;
	text-decoration: underline;
	color: #333333;
}

a:focus {
	outline: none;
}

/* layout
---------------------*/
#wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	padding-top: 23px;
	height: 139px;
}


#footer_wrapper {
	background: url("../../image/footer_back.gif");
}

#footer {
	background: url("../../image/footer_top.gif") repeat-x;
}

#footer_inner {
	margin: 0 auto;
	padding-top: 30px;
	width: 960px;
	height: 65px;
}

/* header
---------------------*/
#head_info {
	width: 400px;
	height: 43px;
	background: url("../../image/info_back.png") no-repeat right 0px;
	position: relative;
	float: right;
}

#head_info li {
	margin: 17px 0px 0px 20px;
	float: left;
	_display: inline;
}

#head_parts {
	padding-top: 25px;
	float: right;
}

#head_parts li {
	margin-left: 25px;
	float: left;
}


/* footer
---------------------*/
#footer_logo {
	margin-right: 40px;
	float: left;
}

#address {
	float: left;
	color: #FFF;
}

#copyright {
	float: right;
}

body, html{
height:100%;
}

#container{
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}

#footer_wrapper{
border:0px #FF0000 solid;
position: absolute;
bottom: 0;
width: 100%;
}

#header {
height: 70px;
}

.member{
border:0px #FF0000 solid;
padding-bottom: 150px;
}

article{
border:0px #FF0000 solid;
width:960px;
margin:0 auto 80px auto;
}



.member h1{
margin-top:0;
padding:15px;
background-color:#2186C0;
color:#FCF9EF;
font-size:18pt;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
letter-spacing:0.05em;
}

.wrap{
width:400px;
padding:60px 0 0 0;
margin:0 auto;
border:0px #FF0000 solid;
}

.sp{
display:none;
}

.text{
padding:0 0 30px 0;
text-align:center;
}

.text h3{
padding:0 0 20px 0;
font-size:12pt;
}

.block{
display:table;
margin:auto;
text-align:left;
}

.tel{
font-size:16pt;
padding:0 0 5px 0;
}

.a1 a{
display:table;
margin:auto;
}
.a1 p{
display:table;
margin:auto;
padding:5px 0 5px 12px;
background:url(../image/mark4.gif) no-repeat 0 50%;
}

.a2{
display:table;
width:100%;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #9FCC66), color-stop(1.00, #6EA619));
background: -webkit-linear-gradient(#9FCC66, #6EA619);
background: -moz-linear-gradient(#9FCC66, #6EA619);
background: -o-linear-gradient(#9FCC66, #6EA619);
background: -ms-linear-gradient(#9FCC66, #6EA619);
background: linear-gradient(#9FCC66, #6EA619);
}  
.a2 p{
text-align:center;
font-size:10pt;
line-height:40px;
color:#FFFFFF;
}
.a2:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration:none;
}


/* form ///////////////////////////////// */
form{
text-align:center;
}
.form{
margin:0 auto 20px auto;
display:table;
}
.form table{
margin:0 auto 30px 0;
}
.form td{
padding:10px 10px;
text-align:right;
border:1px #EFEFEF solid;
}
.form td:nth-child(1){
background-color:#FCF9EF;
}
.form td:nth-child(2){
text-align:left;
}
.form input[type="text"],
.form input[type="password"]{
border:1px #F7863A solid;
width:160px;
line-height:20px;
background-color:#F6F6F6;
padding:5px;
}

input[type="submit"]{
cursor:pointer;
height:40px;
width:200px;
border:0px #FF0000 solid;
color:#FFFFFF;
font-size:10pt;
text-indent:1em;
letter-spacing:1em;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7863A), color-stop(1.00, #F67220));
background: -webkit-linear-gradient(#F7863A, #F67220);
background: -moz-linear-gradient(#F7863A, #F67220);
background: -o-linear-gradient(#F7863A, #F67220);
background: -ms-linear-gradient(#F7863A, #F67220);
background: linear-gradient(#F7863A, #F67220);
}
input[type="submit"]:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}


/* flow ///////////////////////////////// */
.flow ul{
display:table;
margin:60px auto 0 auto;
}
.flow li{
display:table-cell;
padding:0 15px;
background:url(../image/mark3.gif) no-repeat right 50%;
}
.flow li:last-child{
background:none;
padding-right:0;
}
.flow li p{
display:inline-block;
width:160px;
line-height:40px;
text-align:center;
text-decoration:none;
font-size:11pt;
border:1px #EDEDED solid;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.flow .this p{
background-color:#6EA619;
border:1px #6EA619 solid;
color:#FFFFFF;
}


/* login ///////////////////////////////// */
.login ul{
margin:40px 0 20px 0;
}

/* user ///////////////////////////////// */
.user{
padding:20px 0;
text-align:right;
}
.user a{
display:inline-block;
margin:0 0 0 10px;
padding:5px 0 5px 12px;
background:url(../image/mark4.gif) no-repeat 0 50%;
}


/* menu ///////////////////////////////// */
.menu{
display:table;
width:100%;
}
.menu li{
display:table-cell;
width:25%;
padding:0 5px;
}
.menu li a{
display:block;
text-align:center;
text-decoration:none;
border:1px #EDEDED solid;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.00, #F7F7F7));
background: -webkit-linear-gradient(#FFFFFF, #F7F7F7);
background: -moz-linear-gradient(#FFFFFF, #F7F7F7);
background: -o-linear-gradient(#FFFFFF, #F7F7F7);
background: -ms-linear-gradient(#FFFFFF, #F7F7F7);
background: linear-gradient(#FFFFFF, #F7F7F7);
}
.menu li p{
line-height:36px;
margin:2px 0;
font-size:12pt;
}
.menu li:nth-child(1) p{
border-bottom:2px #E06666 solid;
}
    
.menu li:nth-child(2) p{
border-bottom:2px #3291C5 solid;
}
.menu li:nth-child(3) p{
border-bottom:2px #851B87 solid;
}
.menu li:nth-child(4) p{
border-bottom:2px #568D13 solid;
}

/* flyer ///////////////////////////////// */
.flyer .menu li:nth-child(1) a{
    display:block;
    line-height:40px;
    text-align:center;
    border:1px #E06666 solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #E7A34B), color-stop(1.00, #C06A00));
    background: -webkit-linear-gradient(#E7A34B, #C06A00);
    background: -moz-linear-gradient(#E7A34B, #C06A00);
    background: -o-linear-gradient(#E7A34B, #C06A00);
    background: -ms-linear-gradient(#E7A34B, #C06A00);
    background: linear-gradient(#E06666, #A83232);
    }
    .flyer .menu li:nth-child(1) p{
    border-bottom:0;
    color:#FFFFFF;
    }
    .flyer .menu li:nth-child(1) a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    text-decoration:none;
    }
    .flyer .list h3{
    background-color:#EFFCFF;
    }

    
/* invoice ///////////////////////////////// */
.invoice .menu li:nth-child(2) a{
display:block;
line-height:40px;
text-align:center;
border:1px #69B4E0 solid;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #69B4E0), color-stop(1.00, #3181CA));
background: -webkit-linear-gradient(#69B4E0, #3181CA);
background: -moz-linear-gradient(#69B4E0, #3181CA);
background: -o-linear-gradient(#69B4E0, #3181CA);
background: -ms-linear-gradient(#69B4E0, #3181CA);
background: linear-gradient(#69B4E0, #3181CA);
}
.invoice .menu li:nth-child(2) p{
border-bottom:0;
color:#FFFFFF;
}
.invoice .menu li:nth-child(2) a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration:none;
}
.invoice .list h3{
background-color:#EFFCFF;
}


/* receipt ///////////////////////////////// */
.receipt .menu li:nth-child(3) a{
display:block;
line-height:40px;
text-align:center;
border:1px #C07CC5 solid;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #C07CC5), color-stop(1.00, #924599));
background: -webkit-linear-gradient(#C07CC5, #924599);
background: -moz-linear-gradient(#C07CC5, #924599);
background: -o-linear-gradient(#C07CC5, #924599);
background: -ms-linear-gradient(#C07CC5, #924599);
background: linear-gradient(#C07CC5, #924599);
}
.receipt .menu li:nth-child(3) p{
border-bottom:0;
color:#FFFFFF;
}
.receipt .menu li:nth-child(3) a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration:none;
}
.receipt .list h3{
background-color:#F5F2FD;
}


/* password ///////////////////////////////// */
.password .menu li:nth-child(4) a{
display:block;
line-height:40px;
text-align:center;
border:1px #9FCC66 solid;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #9FCC66), color-stop(1.00, #6EA619));
background: -webkit-linear-gradient(#9FCC66, #6EA619);
background: -moz-linear-gradient(#9FCC66, #6EA619);
background: -o-linear-gradient(#9FCC66, #6EA619);
background: -ms-linear-gradient(#9FCC66, #6EA619);
background: linear-gradient(#9FCC66, #6EA619);
}
.password .menu li:nth-child(4) p{
border-bottom:0;
color:#FFFFFF;
}
.password .menu li:nth-child(4) a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration:none;
}


/* list ///////////////////////////////// */
.list h3{
margin:20px 0;
background-color:#EFEFEF;
text-align:center;
padding:10px;
font-size:11pt;
letter-spacing:0.5em;
}
.list table{
width:100%;
border:0px #FF0000 solid;
}
.list td, .list th{
text-align:center;
padding:20px;
border-bottom:1px #CCCCCC dotted;
white-space:nowrap;
}
.list td a{
display:block;
margin:auto;
width:160px;
padding:5px;
color:#FFFFFF;
font-size:10pt;
text-indent:0.5em;
letter-spacing:0.5em;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7863A), color-stop(1.00, #F67220));
background: -webkit-linear-gradient(#F7863A, #F67220);
background: -moz-linear-gradient(#F7863A, #F67220);
background: -o-linear-gradient(#F7863A, #F67220);
background: -ms-linear-gradient(#F7863A, #F67220);
background: linear-gradient(#F7863A, #F67220);
}
.list td a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration:none;
}

.list th a{
display:block;
margin:auto;
width:160px;
padding:5px;
color:#FFFFFF;
font-size:10pt;
text-indent:0;
letter-spacing:normal;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #D02A0F), color-stop(1.00, #9C1708));
background: -webkit-linear-gradient(#D02A0F, #9C1708);
background: -moz-linear-gradient(#D02A0F, #9C1708);
background: -o-linear-gradient(#D02A0F, #9C1708);
background: -ms-linear-gradient(#D02A0F, #9C1708);
background: linear-gradient(#D02A0F, #9C1708);
}
.list th a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration:none;
}


/* maintenance ///////////////////////////////// */
.maintenance h2{
font-size:14pt;
padding:0 0 20px 0;
}

.maintenance .table{
display:table;
margin:60px auto;
}

.maintenance h4{
font-size:11pt;
padding:30px 0 0 0;
}
.maintenance h3{
font-size:14pt;
padding:5px 0 10px 0;
}

/* error ///////////////////////////////// */
.error h2{
font-size:14pt;
padding:0 0 20px 0;
}

.error .table{
display:table;
margin:60px auto;
}
.error h3{
font-size:14pt;
padding:5px 0 10px 0;
}

/* policy ///////////////////////////////// */
.policy{
height:300px;
width:auto;
overflow-y:scroll;
text-align:left;
padding:0 20px 20px 50px;
border:2px #9FCC66 solid;
}

.policy h2{
font-size:18pt;
padding:20px 0 20px 0;
margin:0 0 0 -30px;
}
.policy h3{
font-size:14pt;
padding:20px 0 20px 0;
margin:0 0 0 -30px;
}

.new .check{
padding:40px 0;
}

/* ///////////////////////////////// */
#footer_inner a{
color:#FFFFFF;
}

@media (max-width:960px) {
article, #wrapper, #footer_inner{
width:96%;
}
#footer_inner{
height:auto;
}
#copyright{
margin:10px 0 30px 0;
float: left;
}
}


@media (max-width:780px) {
.flow ul{
display:table;
width:100%;
margin:40px auto 0 auto;
}
.flow li{
padding:0 5px;
}
.flow li p{
width:90%;
line-height:40px;
text-decoration:none;
font-size:9pt;
}
}


@media (max-width:480px) {
.menu li p{
font-size:10pt;
}
.member{
padding-bottom: 200px;
}

}


@media (max-width:400px) {
article{
margin:0 auto 30px auto;
}
.wrap{
width:96%;
padding:30px 0 0 0;
}
#copyright img{
max-width:96%;
}

.member h1{
font-size:14pt;
}

.menu li{
padding:0 2px;
}
.menu li p{
line-height:46px;
margin:2px 0;
font-size:9pt;
}

.list td, .list th{
padding:10px 5px;
}
.list td a{
width:140px;
padding:15px 0;
}
.list th a{
width:140px;
padding:15px 0;
font-size:8pt;
}

.form{
margin:0 auto 20px auto;
}
.form table{
margin:0 auto 10px 0;
}

input[type="submit"]{
height:50px;
}
.form input[type="text"],
.form input[type="password"]{
width:80px;
}

.flow ul{
display:table;
width:100%;
margin:40px auto 0 auto;
}
.flow li{
padding:0 5px;
}
.flow li p{
width:90%;
line-height:40px;
text-decoration:none;
font-size:9pt;
}


.login ul{
margin:40px 0 0 0;
}
.a1 a{
border:1px #EDEDED solid;
}
.a1 a{
display:table;
width:100%;
text-align:center;
text-decoration:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.00, #F7F7F7));
background: -webkit-linear-gradient(#FFFFFF, #F7F7F7);
background: -moz-linear-gradient(#FFFFFF, #F7F7F7);
background: -o-linear-gradient(#FFFFFF, #F7F7F7);
background: -ms-linear-gradient(#FFFFFF, #F7F7F7);
background: linear-gradient(#FFFFFF, #F7F7F7);
margin:0 0 5px 0;
}  
.a1 p{
padding:0 0 0 12px;
line-height:40px;
}

.sp{
display:inline;
}
.pc{
display:none;
}

}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017/03/29, 13:37:54
    Author     : umeda
*/

.form table.infotable{
    width: 400px;
}
.form table.infotable td.title{
    background-color:#6EA619 ;
    text-align: left;
    color: white;
}
.form table.infotable td.submit{
    background-color: white;
    text-align: center;
}
.form table.infotable td:nth-child(2){
    width: 200px;
}

input[type="submit"][disabled] {
    cursor:pointer;
    height:40px;
    width:200px;
    border:0px #FF0000 solid;
    color:#FFFFFF;
    font-size:10pt;
    text-indent:1em;
    letter-spacing:1em;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d3d3d3), color-stop(1.00, #d3d3d3));
    background: -webkit-linear-gradient(#d3d3d3, #d3d3d3);
    background: -moz-linear-gradient(#d3d3d3, #d3d3d3);
    background: -o-linear-gradient(#d3d3d3, #d3d3d3);
    background: -ms-linear-gradient(#d3d3d3, #d3d3d3);
    background: linear-gradient(#d3d3d3, #d3d3d3);
    cursor: default;
}

div.error ul li{
    text-align: center;
    color: red;
}

div.instructions{
    margin-top: 10px;
    text-align: center;
}

.child{
    margin: 0 0 0 1em;
    padding: 0;
}
/*# sourceMappingURL=all.css.map */