@charset "euc-jp";

/* tag ================================== */

/* functional class ==================== */

/* layout =========================================== */

#content .form{
	margin:15px 0;
}

#content .form textarea{
	font-size:95%;
}

#content .form .box{
	background:#fff;
	padding:0;
}

#content .form .clm {
    float: none;
}

#content .form .lbl {
	margin:5px 0;
}

#content .form .center {
	text-align:center;
}

#content .form .readonly {
	background-color:#CCC;
}

#content .form .a_copy {
    /*text-decoration:underline;*/
}

#content .form .content_main {
    
	/*
	width: 100%;
    padding-left: 30px;
    padding-right: 30px;	
    background-color: #FFFFFF;
    margin: 0 10px;	
	*/
}

#content .form .required {}
#content .form .required:after {
    content: "ɬ¿Ü";
    color: #f00;
    padding-left: 0.5em;
}

#content .form .err_h {
    width: auto;
    margin: 20px;
}
#content .form .err_h .clm_1 {
    width: auto;
}

/*
#content .form .item_input {
    width: auto;
}
*/

#content .page_title .page_title_h {
}

#content .form .item_h, 
#content .form .item_m {
    float: none;
    padding: 0.5em;
}

#content .form .item_h {
}

#content .form .item_m {
}

#content .form .item_first_child .item_h, 
#content .form .item_first_child .item_m {
    border-top-width: 1px;
}


#content .form .item_m .err {
    background-color: transparent;
    border: none;
    font-weight: bold;
    margin: 2px 0;
    padding: 0;
    line-height: 1.4em;
}

#content .form .item_m .example {
    display: block;
    font-size: 10px;
    color: #993333;
}


#content .form .item_m input {
    display: inline;
}

#content .form .item_m input.middle, 
#content .form .item_m input.long {
}

#content .form .item_m input.short {
}

#content .form .item_m textarea {
    display: block;
}

#content .form .item_m select {
}

#content .form .item_m .blk {
}


#content .form .btns {
    padding: 20px;
    text-align: center;
}

#content .form .btns input {
    display: inline-block;
    margin: 10px;
}



/* ===================================================================== */
/* for desktop */
/*@media screen and (min-width: 768px), print {*/


#content .form .item_h, 
#content .form .item_m {
    display: table-cell;
}

#content .form .item_h {

	min-width:180px;
    border: 1px solid #ccc;
    border-right-style: dotted;
    border-width: 0 1px 1px 1px;
    background-color: #eee;
    vertical-align: top;
}
#content .form .item_m {
	width:768px;
	min-width:320px;
    margin-bottom: 0;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 0;
}

#content .form .item_m input.short {
    width: 120px;
}
#content .form .item_m input.middle {
    width: 250px;
}
#content .form .item_m input.long {
    width: 500px;
}
#content .form .item_m textarea {
    width: 500px;
}
#content .form .item_m select {
    display: inline;
}

#content .form .item_m .blk {
    display: inline-block;
    margin-right: 0.5em;
}

/*}*/
/* /@media screen and (min-width: 768px), print */
/* ====================================================================== */


/* ===================================================================== */
/* for mobile */
@media only screen and (max-width: 768px) {

	#content .page_title .page_title_h {
		width: auto;
	}
	
	#content .form .item_h, 
	#content .form .item_m {
		display: block;
	}
	
	#content .form .item_h {
		width: auto;
		min-width:200px;
		border: none;
		border-left: 5px solid #999;
		background-color: transparent;
		vertical-align: middle;
	}
	
	#content .form .item_m {
		width: auto;
		min-width:200px;
		margin-bottom: 1.0em;
		border: none;
	}
	
	#content .form .item_m input.zip{
		width:20% !important;
	}
	
	#content .form .item_m input.middle, 
	#content .form .item_m input.long {
		width: 100%;
	}
	#content .form .item_m input.short {
		width: 80%;
	}
	#content .form .item_m textarea {
		width: 100%;
	}
	#content .form .item_m select {
		display: block;
	}
	
	#content .form .item_m .blk {
		display: block;
	}

}
/* /@media only screen and (max-width: 768px) */
/* ====================================================================== */