/*******************************************
Garlic Setting

--------------------------------------------
01 Custom Layout
*******************************************/

/*===========================================
01  Custom Layout
===========================================*/

/* font-size
-----------------------------------------------------------*/
div#garlic_container {
    font-size: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center !important;
    width: 100%;
}
div#garlic_container form p {
	font-size: 100%!important;
	line-height: 1.6!important;
    margin: 0.5em 0!important;
}
div#garlic_container form#garlic_submit_form div.glc_required_description{
	font-size: 14px!important;
}
/* warning_color 
-----------------------------------------------------------*/
span.warning_color {
	color: #D00000!important;
	margin-left: 3px;
}

/* dl dt dd
-----------------------------------------------------------*/
div#garlic_container form#garlic_submit_form dl{
	border-color: #999!important;
	font-size: 100%!important;
 font-family: sans-serif;
}
div#garlic_container form#garlic_submit_form dl,
div#garlic_container form#garlic_submit_form dd{
	background-color: #ffffff!important;
}
div#garlic_container form#garlic_submit_form dl dt{
	background-color: #CCC!important;
	width: 23% !important;
	font-weight: bold!important;
}
div#garlic_container form#garlic_submit_form dl dd {
	width: 70%!important;
	border-color: #999!important;
}
div#garlic_container form#garlic_submit_form dl.unit_end {
	margin: 0 0 15px 0!important;
}

/* Other
-----------------------------------------------------------*/
div#garlic_container div.glc_form_title{
	display: none;
}
div#garlic_container dl dd span {
	font-size: 100%!important;
}
div#garlic_container dl dd textarea {
	padding: 2px!important;
	height: 5em;
 font-size: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 div#garlic_container form#garlic_submit_form dl dd textarea { padding: 2px!important; width: 470px!important; height: 5em; max-width: 100%; }
}

div#garlic_container form#garlic_submit_form li {
	background: none;
	margin-bottom: 3px!important;
}
div#garlic_container input.glc_text_garlic_company,
div#garlic_container input.glc_text_garlic_Unit__c,
div#garlic_container input.glc_text_garlic_email {
width: 350px;
}
div.garlic_container form#garlic_submit_form p{
	font-size: 100%!important;
}
div#garlic_container form#garlic_submit_form dl dd .glc_comment_upper_garlic_department__c,
div#garlic_container form#garlic_submit_form dl dd .glc_comment_upper_garlic_graduate__c,
div#garlic_container form#garlic_submit_form dl dd .glc_comment_upper_garlic_birthday__c{
  font-size: 85% !important;
}
div#garlic_container form#garlic_submit_form dl dd .glc_comment_upper_garlic_birthday__c{
  margin: 0 0 3px!important;
}
div#garlic_container form#garlic_submit_form dl dd .glc_comment_upper_garlic_department__c{
  margin: 10px 0 3px!important;
}
div#garlic_container form#garlic_submit_form dl dd .glc_comment_upper_garlic_graduate__c{
  margin: 5px 0 3px!important;
}

/*btn Design
-----------------------------------------------------------*/
div#garlic_container p.glc_button_container input,
div#garlic_container input#garlic_submit,
div#garlic_container input#garlic_return{
	color: white;
	font-size: 16px!important;
	line-height: 1.5;
	font-weight: bold;
	background-image: url("../images/nfesite/bg_submit.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 2px #CCC solid;
	border-bottom-color: #787878;
	border-right-color: #787878;
	cursor: pointer;
	margin-top: 15px;
	padding: 5px 15px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	filter: none;
}
div#garlic_container p.glc_button_container input:active,
div#garlic_container input#garlic_submit:active,
div#garlic_container input#garlic_return:active{
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	border-top-color: #787878;
	border-left-color: #787878;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	filter: none;
}

/* Personal information 
-----------------------------------------------------------*/
div#garlic_container form#garlic_submit_form iframe.garlic_agreement_sentence {
	height: auto!important;
}

/* Substitution
-----------------------------------------------------------*/
body,
div.substitution,
div.substitution_check{
	background-color: #F3F3F3;
	/padding-top: 15px!important;
	font-size:14px;
	font-family: sans-serif;
	font-weight:normal;
}
div.substitution div, div.substitution_check div {
	position: relative;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	font-size:12px;
}
div.substitution div, div.substitution_check div p{
	font-size:13px;
	margin: 0.5em 0;
	line-height: 1.6;
}
div.substitution div span.item {
	display: block;
	float: right;
	margin: 0 15px 0 0;
	padding-left: 15px;
	width: 100px;
	line-height: 140%;
}
div.substitution input {
	margin: 0 10px 5px 0!important;;
}
div.substitution_check form.glc_button_left {
	display: block;
	margin: 0 0 0 20%;
	float: left;
}
div.substitution_check form.glc_button_right {
	display: block;
	margin: 0 20% 0 0;
	float: right;
}
div.garlic_container p{
	font-size: 130%;
	line-height: 140%;
}
div.substitution_check form.glc_button_right {
	margin: 0 12% 0 0;
}
div.substitution_check form.glc_button_left {
	margin: 0 0 0 15%;
}

body.pc div#garlic_container{
  margin-top: 15px
}