@charset "UTF-8";


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
.ML50 {
	margin-left: 50px;
}

fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul {
	padding-left:5%;
}
li {
	list-style:none;
	margin:1em 0;
}

caption, th {
	text-align:left;
	width: 8rem;
}

q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	vertical-align: text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select, button {
	font-family:sans-serif;
	font-size:inherit;
	font-weight:inherit;
}
option:after{
	content:"　";
}

:focus {
	outline: 0;
}
img, textarea {
	vertical-align:bottom;
}
input, select, object, label, legend, button {
	vertical-align:middle;
}
form {
	display:inline;
}
hr {
	display:none;
}
body {
	background:none !important;
	font:16px/1.4 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	margin:0;
}



a:link{
	color:#3093E4;
	text-decoration:none;
}

a.tel,
a.tel:visited,
a.tel:hover{
	color:#333;
	text-decoration:none;
}


a:visited{
	color:#3093E4;
		text-decoration:none;
}

a:hover{
	color:#3093E4;
	text-decoration:none;
}




#container{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0 20px 50px 20px;

}





#button {
	max-width:100%;
	margin:auto;
	border:none;
	text-align:center;
}
#button {
	text-align:center;
	display:table;
	width:100%;
}
#button .b2 {
	text-align:center;
	display:table-cell;
	width:50%;
}	


.listF {
	display:inline-block;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}
.listF li{
	float:left;
	margin:1em 1em 0 0.4em;
}


.mihon{
	font-size:11px;
	color:#666;
}


.kanryo{
	font-size:20px;
}

.MT20{
	margin-top:20px;
}


a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#pankuzu,#pankuzu a{
	clear:both;
	margin:24px 0 0 0;
	text-align:left;
	font-size:10px;
}




.hissu{
	color:red;
	font-size:0.8em;
	letter-spacing:0;
	font-weight:normal;
}

.example{
	display:none;
}
#ie7 .example{
	color:#666;
	font-size:12px;
	display: block;
}





.ime-auto { ime-mode: auto; }/*自動判別です。*/
.ime-jp { ime-mode: active; }/*日本語入力モード*/
.ime-en { ime-mode: inactive; }/*英数字入力モード*/


/*html5バリテーション*/
:invalid {
  background-color: #FFF3A0;
}
input[ type=radio ]:invalid {
	box-shadow:0 0 3px #FF6600;
}

a img {
	border:none;
}
img {
	max-width:100%;
	height:auto;
}
#container{
  width: 700px; 
}
#header h1 a {
  background: none repeat scroll 0 0 transparent;
  display: block;
  height: auto;
  margin: 0;
  text-align: left;
  text-indent: 0;
  width: 100%;
}
input[ type=checkbox ],
input[ type=radio ] {
  -moz-transform-origin: right center;
  -moz-transform: scale( 1.3 , 1.3 );
  -webkit-transform-origin: right center;
  -webkit-transform: scale( 1.3 , 1.3 );
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"]{
	height:1.8em;
	vertical-align:middle;
}

#form_lead{
    margin: 0 auto;
    padding: 0;
}
#form_lead h2{
	margin:20px 0;
	color:#FFFFFF;
	background-color:#EE587E;
	height:3em;
	line-height:3em;
	border-radius:10px;
	font-weight:bold;
	
}
#form_lead p.lead{
	display:block;
	margin-top:10px;
	text-align:left;
} 

#form_lead p.lead a{
	color:#EE587E;
}

#title {
	width:100%;
	text-align:center;
	margin:10px 0 30px;
}

h1 {
	background:#3365A9;
	width:700px;
	padding:20px 0;
	border-radius:5px;
	color:#FFF;
	font-size:x-large;
	margin:auto;
}

nav ul {
	display:table;
	width:100%;
	padding:0;
	margin:0 0 50px;
}

nav ul li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	overflow:visible;
	background:#FFF;
	color:#666;
}

nav ul li.yajirusi {
	color:#3365A9;
}

nav ul li table {
	width:100%;
	border-collapse:collapse;
	border:solid 1px #3365A9;
}
nav ul li table th,
nav ul li table td{
	text-align:center;
	background:#EEE;
	padding:5px;
}
nav ul li table th {
	background:#999;
	font-weight:bold;
	color:#FFF;
}

nav ul li table.activeNav th {
	background: #FC0;
	color:#333333;
}
nav ul li table.activeNav td {
	background:#FFF;
	color:#333333;
}

#header {
	margin:0 auto;
	padding:0;
}


/*フォーム本体*/
fieldset {
	margin: 2em 0 0 0;
}

h2 {
	background:#3365A9;
	color:#FFF;
	font-size:20px;
	padding:8px 0;
	margin-bottom:0;
	letter-spacing:0.1em;
}
.acdn {
	margin:0 0;
	border:solid 1px #3365A9;
	border-bottom:none;
}
.acdn>dt {
	display:table;
	width:100%;
	text-align:left;
	
	font-weight:bold;
	border-bottom:dotted 1px #CCC;
	transition:0.4s;
}
.acdn>dt.title {
	text-align: center;
	padding: 5px 0;
	background-color: #4180d3;
	color: #fff;
}
.acdn>dt.title:hover {
	background-color: #4180d3 !important;
	color: #fff !important;
}
.acdn>dt:last-of-type,
.acdn>dd.close:last-of-type {
	border-bottom: 1px solid #3365A9;
}
.acdn>dt.active:last-of-type {
	border-bottom:dotted 1px #CCC;
}

.acdn>dt .yajirushi:after{
	cursor:pointer;
	content:"\25BC";
	color:#3C9FE8;
}
.acdn>dt.active .yajirushi:after{
	cursor:pointer;
	content:"\25B2";
	color:#999;
}
.acdn>dt:hover {
	background:#C8EAFF !important;
}
.acdn>dt:nth-of-type(2n) {
	background: #EEE;
}
.acdn>dt .checkbox,
.acdn>dt .title,
.acdn>dt .yajirushi {
	padding-top:10px;
	padding-bottom:10px;
	display:table-cell;
	vertical-align:middle;
}
.acdn>dt .title {
	cursor:pointer;
}
.acdn>dt .checkbox{
	width:1em;
	padding-right:1em;
	padding-left:1em;
}
.acdn>dt .yajirushi{
	width:1em;
	padding-right:1em;
}
.acdn>dd {
	background:#F6FBFF;
	margin:0;
	padding:20px;
}
.acdn>dd:last-child {
border-bottom:dotted 1px #CCC;
}
.acdn>dd th {
	font-weight:bold;
	padding-right:1em;
}
.acdn>dd td {
	text-align:left;
}
.acdn>dd .pageLink {
	text-align:right;
	margin:0;
}
.kaijyou {
	display:table;
	width:100%;
	border:solid 1px #3365A9;
	border-top:none;
	cell-spacing:2px;
	background:#E5E5E5;
	margin:0 0 50px;
	box-sizing:border-box;
}
.kaijyou dt,
.kaijyou dd {
	display:table-cell;
	vertical-align:middle;
	padding:10px 20px;
}
.kaijyou dt {
	text-align:center;
	line-height:100%;
	width:25%;
	background:#FFF;
	font-weight:bold;
}
.kaijyou dd {
	text-align:left;
	background:#F4FAFF;
}
table#customer,
table#confirmTable {
	width:100%;
	border:solid 1px #3365A9;
	background:#E5E5E5;
}
table#customer th,
table#customer td,
table#confirmTable th,
table#confirmTable td{
	padding:10px 20px;
}
table#customer th {
	text-align:center;
	line-height:100%;
	width:25%;
	background:#FFF;
}
table#confirmTable th {
	line-height:100%;
	background:#F4FAFF;
}
	
table#customer td {
	text-align:left;
	background:#F4FAFF;
}
table#confirmTable td {
	text-align:left;
	background:#FFF;
}

/*firefoxでもsafari/ieと同じフォーカスの動きにする*/
*:-moz-placeholder:focus {
color: transparent !important;
}
 *[autofocus]:-moz-placeholder:focus {
color: graytext !important;
}
textarea {
	width:100%;
}
input[type="checkbox"], input[type="radio"] {
	height:22px;
	margin-right:0.3em;
}
select {
	vertical-align:middle;
}

/*個別*/
input#c_zip, input#zip2, input#c_address, input#address3 {
	margin-bottom:0.5em;
}
input#c_zip, input#zip2 {
	width:auto;
	margin-left:0.5em;
	margin-right:0.5em;
}
input.widthauto {
	width:auto;
}
/*個別end*/

/*記入例*/
.font-small {
	color:#000;
	font-size: 0.85em;
	background-color: #F7F1ED;
	margin-left: 0;
	padding: 0;
}

/*SECOM*/
#secom {
	margin-top:50px;
	margin-right:2%;
	text-align:right;
}
#sns {
	padding:0;
	margin-left:-3%;
	overflow:hidden;
}
#sns li{
	float:left;
	width:30%;
	margin-left:3%;
	text-align:center;
}




#modern input[type="submit"],
#modern input.back[type="button"],
#modern .botton a {
	-webkit-appearance: none;
	background:#FF9900;
	text-align:center;
	font-size:x-large;
	font-weight:bold;
	color:#FFF;
	display: inline-block;
	margin:20px auto 0;
	padding:0.3em 2em;
	border:none;
	position: relative;
	border-radius:20px;
	box-shadow: 0 5px 0  #C77502;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	behavior:url(../../common/PIE-1.0.0/PIE.htc);
	position: relative;
	text-decoration: none;
	cursor:pointer;
	transition:0.3s;
}
#modern input.back[type="button"]{
	border-radius:10px;
}
#modern input[type="submit"]:hover,
#modern .botton a :hover{
	background: #FC0;
}
#modern input[type="submit"]:active,
#modern input.back[type="button"]:active,
#modern .botton a :active{
	background: #FC0;
	box-shadow: none;
	margin:25px 0 -5px;
	color: #000;
	text-shadow:none;
	background:#F90;
}
#modern input.back[type="button"]:active{
	background:#E5E5E5;
}
	
#modern .botton {
	display:table;
	width:100%;
}
#modern .botton .b2 {
	display: table-cell;
	text-align:center;
}
#modern .botton .b2 a {
	padding:0.5em 2.5em;
}
#modern input.firstPage[type="submit"] {
	padding:0.6em 0 !important;
	width:60% !important;
}

#modern input.back[type="button"]{
	background:#E5E5E5;
	box-shadow: 0 5px 0 #888;
	color:#777;
}




/*@media screen and (min-width: 770px) {
	select {
		max-width:400px;
}
#modern input[type="submit"]:hover {
	top: -5px;
	background-color: #FF9900;
	box-shadow: 0 10px 0 #C77502;
	behavior:url(../../common/PIE-1.0.0/PIE.htc);
}

#modern input.back[type="button"]:hover {
	top: -5px;
	background:#EEE;
	box-shadow: 0 10px 0 #999;
	behavior:url(../../common/PIE-1.0.0/PIE.htc);
}

#modern input[type="submit"]:active,
#modern input.back[type="button"]:active,
#modern .botton a:active{
	top: 5px;
	box-shadow: none;
}
}









@media screen and (max-width:769px) {
body {
	font-size: inherit;
	margin:0;
}
a.tel {
	color:#3093E4;
}
h1 {
	margin:1em 0;
	text-align:center;
}
h1 img {
	width:95%;
	margin:0 2.5%;
}
.s001 {
	margin-bottom:1em;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea {
	padding:0.5em;
	margin: 5px;
	width:90%;
}
select {
	vertical-align:middle;
	height:2.5em;
}



#container {
	margin:0 auto 2em;
	padding:0;
  text-align: center;
  width: auto;
}




.midasi {
  display: list-item;
  width:92%;
  list-style: none outside none;
  margin: 30px 0 10px;
  padding: 1em 4%;
  text-align: left;
  border:none;
  border-bottom:1px solid #CCC;
  letter-spacing:0.2em;
}
.midasi{
	margin-bottom:0;
}
.mtNo{
	margin-top:0;
}
.centerSp {
	text-align:center;
}






#modern input[type="submit"],
#modern input.back[type="button"] {
	width: 80%;
	font-size:large;
	padding:0.5em 0;
}
#modern .botton .b2 a {
	width:80%;
	font-size:medium;
	padding:0.8em 0;
}

	








}
*/