@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2014-09-08
 * Editor:    contents
 * Modified:  by:contents aya
 *
 * ***********************************************************
 */


/* font-size===========================================

11px -> 83.4%
12px -> 91.7%
13px -> 100%
14px -> 108.4%
15px -> 116.7%
16px -> 125%
17px -> 133.4%
18px -> 141.7%
19px -> 150%
20px -> 158.4%
21px -> 166.7%
22px -> 175%
23px -> 183.4%
24px -> 191.7%
25px -> 200%
26px -> 208.4%
27px -> 217% 

===================================================== */

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  form.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */


ul.discrip {
	background:#D8F2FA;
	padding:12px 20px;
}

ul.discrip li strong {
	font-size:125%;
}

ul.discrip li{
	float:left;
}

ul.discrip li.btn {
	float:right;
}


.discrip2 p {
	margin-bottom:15px;
	text-align:center;
}

.telInfo {
	background:#EEEEEE;
	padding:12px 20px;
	text-align:center;
	font-size:108.4%;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:50px;
}

.telInfo img {
	margin:0 15px;
}



.telInfo02 {
	background:#EEEEEE;
	padding:12px 20px;
	text-align:center;
	width:600px;
	margin:30px auto 50px;
	line-height:200%;
}



/*-- login ---*/


#loginbox {
	width:400px;
	margin:100px auto;
	/*background:#F6F6F6;*/
	border:3px solid #EEE;
	padding:15px 30px 5px;
}




/*-- form table ---*/

.table01 {
	width:100%;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}



.table01 th {
	background:#CCCCCC;
	width:76px;
	text-align:center;
	padding:30px 0;
	vertical-align:top;
}


.table01 td {
	background:#F6F6F6;
	padding:30px;
}


.table01 td img,
.table02 td img {
 vertical-align: bottom;
}

.txt {
	background: url(../img/common/maru_01.png) 3px 7px no-repeat;
	padding-left:15px;
}

.table01 td dd,
.table02 td dd {
	padding-top:30px;
	width:100%;
}

.codename {
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:10px;
	margin-bottom:13px;
	font-size:125%;
}

.table02 {
	width:100%;
	border:1px solid #B2E5F5;
	margin-bottom:20px;
}

.table02 th {
	background:#B2E5F5;
	width:76px;
	text-align:center;
	padding:30px 0;
	vertical-align:top;
}

.table02 td {
	background:#F6F6F6;
	padding:30px 0;
}

.table03 {
	margin-left:50px;
}


.table03 th {
	text-align:left;
}


.table02 strong,
.red {
	color:#D80000;
	font-weight:normal;
}

.custamer {
	margin-left:30px;
}

.custamer th {
	width:130px;
	padding:0 0 12px 0;
	text-align:left;
	vertical-align:middle;
	background:none;
}

.custamer td {
	/*width:600px;*/
	padding:0 0 12px 0;
}

.acMenu li {
	margin-bottom:5px;
	padding-left:5px;
}

.accordion_click,
.accordion_click2,
.accordion_click3 {
	cursor:pointer;
	}
	

.inputset img {
	vertical-align: text-bottom;
	margin:0 5px 10px 5px;
}
	
.inputset strong {
	font-size:141.7%;
}

/*-- input ---*/

input[type="text"],
input[type="password"],
textarea,
select {
	padding:0 10px;
	border: 1px solid #B2E5F5;
	margin: 0px 5px 0px 0px;
	background-color: #fff;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
	vertical-align:middle;
}

input[type="text"],
input[type="password"] {
	width:180px;
	height:31px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #317AC5;
	background-color: #FBFBFB;
}

.table03 input[type="text"],
.table03 input[type="password"] {
	width:200px;
}

input[type="text"].number {
	width:40px;
}
	
.custamer input[type="text"]  {
	width:300px;
}

input[type="text"].full {
	width:580px;
}

.txtbox {
	width:560px;
}

/*-- btnArea ---*/

.btnArea1, 
.btnArea2{
	margin:40px auto 20px;
	text-align:center;
}

#loginbox .btnArea1 {
	margin:10px auto 20px;
}

.btnArea2 {
	width:550px;
}


.btnArea2 li.left {
	float:left;
}

.btnArea2 li.right {
	float:right;
}


/*-- txt ---*/

p.note {
	margin-top:40px;
}

p.note a:link,
p.note a:visited {
	color:#007299;
	text-decoration:underline;
}

p.note a:hover,
p.note a:active {
	color:#007299;
	text-decoration:none;
}
	

/*-------error----------*/

#error {
	background:#FA080B;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:108.4%;
	margin-bottom:30px;
}

#loginbox #error {
	background: #ffebe8;
	border: 1px solid #FA080B;
	padding:8px;
	text-align:center;
	color:#FA080B;
	font-weight:bold;
	font-size:108.4%;
	margin-bottom:10px;
}

.errNote {
	color:#FA080B;
}

.error input[type="text"] {
	border:1px solid #FA080B;
	background:#FEE0E0;
}



/*-------conf----------*/
	
#conf {
	background:#00A8DF;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:108.4%;
	margin-bottom:30px;
}
	
	
	/*-------thanks----------*/
	
#thanks {
	text-align:center;
	/*margin-bottom:40px;*/
}

#message {
	padding:20px 0;
	background:#F5F5F5;
	color:#0098CA;
	font-size:141.7%;
	margin-bottom:20px;
}

#thanks p {
	width:654px;
	margin:0 auto 1.5em;
}