@charset "utf-8";



label{
padding:0px 10px;
width: 160px;
}




textarea{
	width:89%;
	height:100px;
	border:1px solid #C8C9C9;
}

input{border:1px solid #C8C9C9;height:24px;padding:0 4px;}

input.company{width:400px;}
input.adress{width:100px;}

::placeholder{
	color: #999;
}

/*** FIELDSETS AND LEGENDS ***/



fieldset{
	margin: 0 0 1.5em 0;
	border:1px solid #0075C1;
}

fieldset.select{
	background:#f7f7f7;
}


legend{
color: #0075C1;
font-size:0.975em;
font-weight: bold;
margin-left: 1em;
padding:0px 5px;
}
legend span{
	color: #f00;
	font-size: 14px;
	font-weight: normal;
}


fieldset p{
 margin:10px 0px 0px 10px;
 }

/*** FORM BLOCKS ***/

form ul.controls,
form ul.category{
padding:5px 10px;
list-style: none;
}

form ul.controls li{
padding:10px 0px 7px 0;
display:block;
clear: left;
font-size: 0.875em;
}

form ul.controls li:first-child{
border:none;
}


form ul.category li{
	padding:10px 0px 7px 0;
	display:block;
	clear: left;
	font-size: 0.875em;
	color:#000;
}
@media only screen and (max-width: 640px){
	form ul.controls li,
	form ul.category li{
		padding:10px;
	}
}

/*** FORM BLOCK ELEMENTS ***/

label{
padding:0px 10px;
width: 160px;
float: left;
}
@media only screen and (max-width: 640px){
	label{
		display: block;
		width: auto;
		float: none;
		margin: 0 0 10px;
	}
}
label span{color:#ff0000;}

.error{
color: #c00;
}



input, textarea, 
label{
font-size:1.0em;
line-height:1.6em;
}

select{height:24px;}

input, textarea, select{
font-family: Verdana, Arial, Helvetica, sans-serif;
}


input.radio{
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;
	border:none;
}

input.check{
	margin:0px 0 0 1em;
	padding:0px;
	position:relative;
	top:-1px;
	border:none;
}


.ml-1em{margin-left:1em;}
.ml-13em{margin-left:1.3em;}
.ml-15em{margin-left:1.5em;}
.ml-2em{margin-left:2em;}


.Confirmation{
	width:90%;
	margin:0 auto;
	text-align:center;
	font-size:15px;
}



.tipped {
	color: #646464;
}

.comp,
.adr,
.tel,
.mail{width:70%;}
@media only screen and (max-width: 640px){
    .comp,
    .adr,
    .tel,
    .mail{width:100%;}
}


/* Selectbox Styles
=================================*/

a.sctble_display {
	border: solid #ddd 1px;
}

	a.sctble_display span {
		padding: 0 22px 0 7px;
		height: 22px;
		background: #fff url(../../inquiry/images/icon_select.png) no-repeat right 0;
		line-height: 22px;
	}
	a.sctble_display:hover span { background-position: right -21px }
	a.sctble_focus span { background-position: right -42px !important }
	
/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {}

	div.sctble_mat dl {}
	
	div.sctble_mat a {
		padding-right: .7em;
		color: #1972ea;
		font-weight: bold;
	}
	
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}



/* Selectbox Styles
=================================*/

a.sctble_display {
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #262626;
	text-decoration: none;
	cursor: default;
}

	a.sctble_display span {
		display: block;
		width: 5em;
		cursor: default;
	}
	
	a.m_year span,
	a.s_year span { width: 3em }
	a.m_month span,
	a.s_month span,
	a.m_day span,
	a.s_day span { width: 2em }
	a.callback span { width: 9em }

/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {
	border: solid #dfdfdf 1px;
	border-top: none;
	border-left: none;
	background: #eee;
}

	div.sctble_mat dl {
		margin: 0 0 0 15px;
		/*border: solid #999 1px;*/
		border-top: none;
		border-left: none;
		padding: 10px 0;
		text-align:left;
		overflow:hidden;
	}
	
		div.sctble_mat dl dt {
			float: left;
			clear:both;
			margin: 0 0 1em 0 !important;
			border: none !important;
			padding: 0 !important;
			width: 120px;
			color: #333;
			font-size:0.875em;
			font-weight: bold;
		}
		
		div.sctble_mat dl dd {
			margin: 0 0 1em 0em !important;
			padding: 0 0 0 140px;
		}

	div.sctble_mat a {
		padding-right: .7em;
		color: #1972ea;
		font-size:0.875em;
	}
	
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}

/* フォーム
=================================*/
#mainVisual h1 {
    display: block;
    padding: 0;
}
.h_caution{
	margin: 0 0 30px;
}
.h_caution .link{
	margin: 10px 0 0;
	text-align: right;
	
}
.h_caution .link a{
	display: inline-block;
	padding: 20px;
	color: #646464;
	text-decoration: none;
	border: 1px solid #ccc;
}
.h_caution .link a span{
	display: block;
}
.h_caution .link a .line{
	color: #0070b6;
	text-decoration: underline;
}
.h_caution .link a:hover .line{
	color: #ff6400;
}
.policy{
	width: 90%;
	height: 100px;
	overflow: auto;
	background: #ededed;
	padding: 20px;
	margin: auto;
}
.policy_s{
	width: 90%;
	overflow: auto;
	background: #ededed;
	padding: 20px;
	margin: auto;
}

.products_form {
    margin-bottom: 30px;
    padding: 15px;
    text-align: left;
	border: 1px solid #C8C9C9;
}
#ContaContents .controls li .item{
    margin-left: 20px;
}
#ContaContents .controls li .item:first-child{
    margin-left: 0;
}
/*#ContaContents .controls li .help{
    width: 150px;
}*/
#ContaContents .controls li .readonly{
    width: 250px;
    background: #f5f5f5;
}
@media only screen and (max-width: 640px){
    #ContaContents .controls li .item{
        display: block;
        margin-left: 0 !important;
        padding: 2px 0;
    }
    #ContaContents .controls li .help,
    #ContaContents .controls li .readonly{
        width: 70%;
    }
    #ContaContents .controls li label{
        font-weight: bold;
    }
}