@charset "utf-8";


/* --------------------------------------------- */

      
form#mail_form{
	width : 98%;
	margin : 30px auto;
	padding : 10px 0;
	background : #FFF;
	border : 1px solid #cccccc;
	border-radius : 7px;
	text-shadow : 0px 1px 0px #ffffff;
}
form#mail_form dl{
	width : 90%;
	margin : 0 auto;
	overflow : hidden;
}
form#mail_form dl dt{
	clear : both;
	width : 30%;
	float : left;
	border-top : 1px solid #cccccc;
	padding : 10px 0;
	text-align : left;
	overflow : hidden;
}
form#mail_form dl dd{
	width : 90%;
	border-top : 1px solid #cccccc;
	padding : 15px 0 10px 5%;
}
form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
	border : none;
}
form#mail_form dl dt span{
    padding : 0px 0px 0px 10px;
	font-size : 85%;
}

form#mail_form dl dt{
	text-align : left;
	padding : 10px 0 5px;
	font-weight : bold;
}




form#mail_form input{
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form#mail_form textarea{
	width : 85%;
	height : 120px;
	padding :  4px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form#mail_form input:focus,
form#mail_form textarea:focus{
	padding :  4px;
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}
form#mail_form input#name,
form#mail_form input#name21{
	padding-left :  5px;
	width : 30%;
}
form#mail_form input#read_1,
form#mail_form input#read_2{
	width : 30%;
}
form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm{
	width : 80%;
}
form#mail_form ul li{
	list-style-type : none;
	margin-bottom : 0.5em;
}
form#mail_form ul li label:hover{
	cursor : pointer;
}
form#mail_form ul li input{
	height : auto;
	margin-right : 0.5em;
}
form#mail_form input#postal{
	width : 30%;
}
form#mail_form input#address_1,
form#mail_form input#address_2{
	display : block;
	width : 95%;
	margin-bottom : 7px;
}
form#mail_form input#add{width : 60%; padding-left : 4px;}
form#mail_form input#name1{width : 30%; padding-left : 4px;}
form#mail_form input#name2{width : 30%; padding-left : 4px;}
form#mail_form input#email{width : 60%; padding-left : 4px;}
form#mail_form input#id{width : 60%; padding-left : 4px;}
form#mail_form input#pass{width : 60%; padding-left : 4px;}
form#mail_form input#phone1{width : 10%; padding-left : 4px;}
form#mail_form input#phone2{width : 10%; padding-left : 4px;}
form#mail_form input#phone3{width : 10%; padding-left : 4px;}
form#mail_form input#zipcode{width : 20%; padding-left : 4px;}
form#mail_form input#prefecture{width : 40%; padding-left : 4px;}
form#mail_form input#city{width : 60%; padding-left : 4px;}
form#mail_form input#address{width : 60%; padding-left : 4px;}
form#mail_form input#address2{width : 60%; padding-left : 4px;}

form#mail_form input#phone21{width : 10%; padding-left : 4px;}
form#mail_form input#phone22{width : 10%; padding-left : 4px;}
form#mail_form input#phone23{width : 10%; padding-left : 4px;}
form#mail_form input#zipcode21{width : 20%; padding-left : 4px;}
form#mail_form input#prefecture21{width : 40%; padding-left : 4px;}
form#mail_form input#city21{width : 60%; padding-left : 4px;}
form#mail_form input#address21{width : 60%; padding-left : 4px;}
form#mail_form input#address22{width : 60%; padding-left : 4px;}





form#mail_form input#mail_submit_button {
  display       : inline-block;
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  height        : 60px;
  width         : 50%;
  background    : #00b300;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #00b300;    /* 枠の指定 */
}
form#mail_form input#mail_submit_button:hover {
  color         : #00b300;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



#waku{
	padding : 10px 10px;
	
	}
#waku table{
 margin-left: auto;
 margin-right: auto;}

#setumei{	width : 90%;
	margin : 20px 20px;
	padding : 10px 0;
	text-align : center;}
	
#result1{ width : 90%;
	margin : 30px auto;
	padding : 10px 0;}
	
/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and (max-width : 640px){

form#mail_form{
	width : 95%;
}
form#mail_form dl{
	width : 90%;
}
form#mail_form dl dt{
	width : auto;
	float : none;
	text-align : left;
	padding : 10px 0 5px;
	font-weight : bold;
}
form#mail_form dl dd{
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
}
form#mail_form dl dt span{
	font-weight : normal;
}

#setumei{
	width : 95%;
}
#setumei dl{
	width : 90%;
}
#setumei dl dt{
	width : auto;
	float : none;
	text-align : left;
	padding : 10px 0 5px;
	font-weight : bold;
}
#setumei dl dd{
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
}
#setumeidl dt span{
	font-weight : normal;
}


#result1{	width : 80%;
	margin : 20px auto;
	padding : 10px 0;
}


/* 640pixel end */