@charset "UTF-8";
/* CSS Document */


body{
	background-color:transparent;
	color:#fff;
	overflow:hidden;
}



div#inquiry{
	width:424px;
}
div#message{
	width:424px;
}


div.form_title{
	float:left;
}
div.form_title h3{
	display:table-cell;
	width:100px;
	height:100px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	background:#323333;
	-o-border-radius:50px;
	-ms-border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}

div.form{
	float:left;
	padding-top:8px;
	color:#fff;
}

div.form dd input{
	margin:0 0 0 10px;
	padding:0;
	height:18px;
	font-size:12px;
	border:1px solid #666;
}

input.name{width:120px !important;}
input.mail{width:160px !important;}


div.form ul{
	overflow:hidden;
	padding-bottom:9px;
}
div.form li{
	float:left;
	width:140px;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
}
div.form li.checkbox_last{
	float:left;
	width:280px;
}
div.form li input{
	margin:0 3px 0 0;
}

div.form p.form_enmoku{
	clear:both;
	margin-top:-3px;
	height:24px;
	font-weight:bold;
	font-size:11px;
	line-height:24px;
}

div.form p.form_bottom{
	clear:both;
	height:24px;
	font-weight:bold;
	font-size:11px;
	line-height:24px;
}
div.form p.form_bottom span{
	font-size:10px;
}

input.submit_btn{
	margin-top:16px;
	padding:0;
	width:66px;
	height:20px;
	font-size:11px;
	line-height:20px;
	text-align:center;
	background:#ccc;
	cursor:pointer;
	border:none;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}



/* お問い合わせ側 */

div#inquiry div.form_title{
	width:116px;
}
div#inquiry div.form{
	width:308px;
}

div#inquiry div.form_head{
	height:56px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}

div#inquiry div.form dl{
	clear:both;
	margin-left:-10px;
	padding-bottom:12px;
	overflow:hidden;
}
div#inquiry div.form dt{
	float:left;
	width:60px;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	text-align:right;
}
div#inquiry div.form dt.kakunin{
	line-height:16px;
}
div#inquiry div.form dt span{
	font-size:10px;
}
div#inquiry div.form dd{
	float:left;
	width:248px;
	font-weight:bold;
	font-size:10px;
	line-height:20px;
}

div#inquiry textarea{
	width:270px !important;
	height:100px !important;
	font-size:12px;
	line-height:18px;
	border:1px solid #666;
}





/* メッセージ側 */

div#message div.form_title{
	width:100px;
}
div#message div.form{
	width:324px;
}

div#message div.form_head{
	margin-left:24px;
	height:111px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
div#message div.form_head p{/* chromeの10px以下文字表示対策 */
	display:inline-block;
	margin-top:11px;
	width:260px;
	padding-left:1em;
	font-weight:bold;
	font-size:10px;
	line-height:15.5px;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin: 0% 0%;
	-ms-transform: scale(0.9);
	-ms-transform-origin: 0% 0%;
	transform: scale(0.9);
	transform-origin: 0% 0%;
	zoom: 0.9;
}

div#message div.form dl{
	clear:both;
	margin-left:-10px;
	padding-bottom:12px;
	overflow:hidden;
}
div#message div.form dt{
	float:left;
	width:80px;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	text-align:right;
}
div#message div.form dt.kakunin{
	line-height:16px;
}
div#message div.form dt span{
	font-size:10px;
}
div#message div.form dd{
	float:left;
	width:254px;
	font-weight:bold;
	font-size:10px;
	line-height:20px;
}

div#message div.form p.form_bottom{
	margin-left:16px;
}

div#message textarea{
	margin-top:2px;
	margin-left:16px;
	width:270px !important;
	height:120px !important;
	font-size:12px;
	line-height:18px;
	border:1px solid #666;
}

div#message input.submit_btn{
	margin-left:16px;
}



@media screen and (max-width: 640px){

div#inquiry{
	width:100%;
}
div#message{
	width:100%;
}


div.form_title{
	float:none;
}

div.form{
	float:none;
	padding-top:18px;
}




}