@charset "utf-8";

* {margin:0;padding:0;}

body {
	font: 16px/1.5 arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#333333;
	background: #ffffff;
}
#wrapper {
	width: 680px;
	margin: 0 auto;
	padding: 0 10px;
}
#wrapper_m input[type="text"], #wrapper_m input[type="email"], #wrapper_m input[type="tel"] {
   font-size: 120%;
}
#wrapper_m select {
   font-size: 105%;
}
#wrapper_m input[type="checkbox"], #wrapper_m input[type="radio"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	margin-right: 2px;
}
#wrapper_m input[type="submit"], #wrapper_m input[type="button"] {
   font-size: 120%;
}
input[type="button"] {
   font-size: 120%;
}

#header {
	height: 65px;
	border-bottom: 5px #f7c7ce solid;
}
#header img.logo {
    margin: 8px 5px 0;
}
img {
    border: 0 none;
}
#contactForm {
	margin: 20px 0 0 0;
}
#contactForm p {
	margin: 20px 0;
	font-size: 110%;
}
#contactForm div#formWrap p.error_messe {
	margin: 10px 0;
	color: #cc0000;
}
div#contactForm h2 {
	/*background: url(common/mark_angel.gif) no-repeat;
	padding: 0 0 0 40px;*/
	font-size: 130%;
}

.hissu {
	margin-left :3px;
	color: #bb0000;
	font-size: 80%;
}
div#wrapper div.dl_pdf {
	margin: 10px;
	padding-left: 0;
}
#footer {
	margin: 20px 0 10px 0;
}
#footer p.foot {
	font-size: 10px;
}

div.errorCont ul {
	padding-left: 30px;
}

div#contactForm p.pageback a {
	font-size: 12px;
}
div#contactForm form table tbody tr td.uline a {
	font-size: 12px;
}
.uline {
	height: 55px;
}
.privacy {
	font-size: 90%;
	margin: 0 5px;
	text-align: right;
	clear: both;
}
#wrapper_m #sslseal img {
	width: 80px;
	height: 40px;
}
.caution {
	font-weight: bold;
	color: #FF0000;
}
label {
	white-space: nowrap;
}
.separator {
	border-bottom: 1px #cccccc dotted;
	margin: 0 0 8px 0;
}
.datsumou {
	margin-left: 15px;
}

form input, form textarea {
	border:0;
	padding:6px;
	font-size:1.2em;
	font-family:Arial, sans-serif;
	color:#444;
	border:solid 1px #ccc;
	margin:0 0 10px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
form input[type=submit], form input[type=reset], form input[type=button] {
	padding: 5px 20px;
	margin: 10px 10px 10px 0;
	font-size:1.1em;
}
form input[type=checkbox], form input[type=radio] {
	width:24px;
	height:24px;
}
form select {
    color: #666666;
    height: 38px;
    font-size: 100%;
    padding: 8px 50px 8px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(common/select_arrow.jpg) no-repeat right;
}
dd.uline {
	text-align: right;
}
dl {
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    background-color:#f7c7ce;
    margin:5px;
}
dl dt {
    float:left;
    clear: left;
    width:140px;
	color: #555;
    font-weight:bold;
    background-color:#f7c7ce;
    border-top:1px solid #ddd;
    padding:5px;
}
dl dd {
    background-color:#ffffff;
    border-top:1px solid #ddd;
    margin-left:150px; 
    padding:5px;
	color: #555;
}

@media (max-width: 480px) {
	#wrapper {
		width: 100%;
	}
	dl {
		border-bottom:none;
		border-left:none;
		border-right:none;
		width:96%;
	}
	dl dt {
		float:none;
		width:96%;
		border-top:none;
	}
	dl dd {
		border-top:none;
		margin-left:0; 
		padding-bottom: 1em;
	}
	form textarea, form input[type=text] {
		width: 96%;
	}
	.privacy {
	width: 95%;
	}
}