@charset "UTF-8";
/*
	./_example.css/default/default.css
	./_example.css/max-width.800px/mobile.css
*/

body {
	background-color: #fff;
	text-align: center;
	font-size:15px;color:#242424;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
}

A:LINK{text-decoration:none;color:#3E2C20;}
A:VISITED{text-decoration:none;color:#3E2C20;}
A:HOVER{text-decoration:underline;color:#3E2C20;}
A:ACTIVE{text-decoration:underline;color:#3E2C20;}

hr {
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: #333333; /* 線色 */
height: 1px; /* 高さ */
}


.questionmark {
  display: inline-block ;
width:14px;height:14px;
text-align:center;vertical-align:top;
background-color:#FFFFFF;border:hotpink solid 01px;border-radius:50%;
font-size:14px;color:hotpink;font-weight: bold;
padding:0px 03px 06px 03px;
margin:0px 0px 0px 02px;
}




.frame {
  border-collapse: separate;
  border-spacing: 3px 0;
  display: table;
}

.box00 {
  display: table-cell;
  vertical-align: middle;
width:60px;height:60px;
text-align:right;vertical-align:middle;
background-color:#3E2C20;border:#3E2C20 solid 2px;border-radius:50%;
font-size:13px;color: #FFFFFF;
padding: 3px;
}

.box00-1 {
  display: table-cell;
  vertical-align: middle;
width:60px;height:60px;
text-align:right;vertical-align:middle;
background-color:#FFFFFF;border:#3E2C20 solid 2px;border-radius:50%;
font-size:13px;color: #3E2C20;font-weight: bold;
padding: 3px;
}

.box01 {
  display: table-cell;
  vertical-align: middle;
width:60px;height:60px;
text-align:right;vertical-align:middle;
background-color:#FFFFFF;border:#3E2C20 solid 2px;border-radius:5px;
font-size:13px;color:#242424;font-weight: bold;
padding: 3px;
}

.box02 {
  display: table-cell;
  vertical-align: middle;
width:60px;height:60px;
text-align:right;vertical-align:middle;
background-color:#3E2C20;border:#3E2C20 solid 2px;border-radius:5px;
font-size:13px;color: #FFFFFF;
padding: 3px;
}

.box03 {
  display: table-cell;
  vertical-align: middle;
width:auto;height:auto;
text-align:right;vertical-align:middle;
background-color:#3E2C20;border:#3E2C20 solid 2px;border-radius:5px;
font-size:13px;color:#FFFFFF;
padding: 3px;
}
.box04 {
  display: table-cell;
  vertical-align: middle;
width:auto;height:auto;
text-align:right;vertical-align:middle;
background-color:#FFFFFF;border:#3E2C20 solid 2px;border-radius:5px;
font-size:13px;color:#3E2C20;font-weight: bold;
padding: 3px;
}
.box05{
  display: table-cell;
  vertical-align: middle;
width:60px;height:60px;
text-align:right;vertical-align:middle;
background-color:#000000;border:#3E2C20 solid 2px;border-radius:50%;
font-size:13px;color: #FFFFFF;
padding: 3px;
}

.titlebox01 {
text-align:center;
background-color:#3E2C20;
border:#3E2C20 solid 2px;
border-radius:5px;
font-size:15px;color:#FFFFFF;
padding: 0px 0px 0px 0px;
}



.domannaka {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 50%;
}


input,textarea,select{font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
}





div#field01 {
	text-align: right;
	font-size:30px;color:#ffffff;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
        text-shadow: 3px 2px 5px #221811;  
}




div#field05 {
	text-align: left;
	font-size:20px;color:#3E2C20;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
        font-weight: bold;
        margin:0px 0px 0px 0px;
}
div#field06 {
	text-align: left;
	font-size:20px;color:#FF69B4;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
        font-weight: bold;
        margin:0px 0px 0px 0px;
}
div#field07 {
        display: inline-block;
	text-align: left;
	font-size:20px;color:#3E2C20;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
        font-weight: bold;
        margin:0px 0px 0px 0px;
}

div#wrapper {
	width: 800px;
	text-align: left;
	background-color: #fff;
	margin: 10px auto;
	border-radius: 5px;
	border: solid 00px #999;
	box-shadow: 0px 0px 00px #666;
}
div#wrapper div#header,div#wrapper div#footer {
	border: solid 2px #2e2017;
	background-color: #2e2017;
	background-image: url(images/header.png);
	background-size: 100% 100%;
}
div#wrapper div#header {
	margin: 5px;
	padding: 10px 30px;
	border-radius: 5px;
}
div#wrapper div#header h1 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 3rem;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: sans-serif;
}
div#wrapper div#header p {
	padding: 0px;
	line-height: 1em;
	color: #FFF;
	text-shadow: 0px 0px 5px #000;
}
div#wrapper div#container {
	padding: 0px 20px;
}
div#wrapper div#footer {
	color: #FFF;
	clear: both;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
}
ul.example_pages {
	border: solid 1px #CCC;
	padding: 15px 30px;
}
ul.example_pages li {
	padding: 5px 0px;
}
div#example_selector {
	padding: 10px;
	text-align: center;
}
div#example_selector select {
	font-size: 18px;
	border-radius: 3px;
	border: solid 1px #CCC;
	padding: 5px 10px;
	box-shadow: 0px 0px 5px #CCC inset;
}
div.tips {
	padding: 5px 20px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 0px 2px 10px #CCC;
	background: #FEE;
}
div.tips p {
	font-size: 14px;
	line-height: 2em;
}
div.tips p strong {
	color: #800040;
}
div.tips p span {
	display: block;
	padding: 10px;
	color: #008080;
}
@media screen and (max-width: 800px) {
	body {
		padding: 0px;
		margin: 0px;
	font-size:15px;color:#242424;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
	}

        div#field01 {
	text-align: left;
	font-size:30px;color:#ffffff;
        font-family:'verdana','Meiryo','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
text-shadow: 3px 2px 5px #221811;  
}

img { 
    max-width: 100%; 
    height:auto;
}

.domannaka {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}



	div#wrapper {
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		box-shadow: none;
		border: none;
	}
	div#wrapper div#header {
		border-radius: 0px;
		padding: 10px;
	}
	div#wrapper div#header h1 {
		font-size: 24px;
	}
	form#mailformpro dl dt {
		float: none;
		width: auto;
		font-size: 16px;
		padding: 3px;
		text-align: left;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		padding: 3px 0px;
		font-size: 15px;
		line-height: 1.5em;
	}
	div#field03 dl dt {
		float: none;
		width: auto;
		font-size: 15px;
		padding: 0px;
		text-align: left;
	}
	div#field03 dl dd {
		clear: both;
		border-top: none;
		padding: 0px 0px;
		font-size: 15px;
		line-height: 1.0em;
	}
	div.mfp_buttons button {
		font-size: 14px;
	}
	div#mfp_phase_confirm h4 {
		font-size: 18px;
	}
	ul#mfp_phase_stat {
		padding: 0px;
	}
	ul#mfp_phase_stat li {
		float: left;
		text-align: center;
		padding: 5px 0px;
		border-radius: 3px;
		margin: 5px;
		list-style: none;
		font-size: 14px;
		width: 28%;
	}
	ul#mfp_phase_stat li.mfp_phase_arrow {
		bos-shadow: none;
		display: none;
	}
	ul#mfp_phase_stat li.mfp_active_phase {
		background-color: #E8EEF9;
		box-shadow: 0px 0px 5px #000;
	}
	ul#mfp_phase_stat li.mfp_inactive_phase {
		background-color: #CCC;
		color: #666;
		box-shadow: 0px 0px 5px #CCC;
	}
	table#mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100px;
	}
	div#mfp_thanks {
		text-align: center;
		font-size: 18px;
		padding: 20px 0px;
	}
	div#mfp_thanks strong {
		color: #C00;
		font-size: 24px;
		display: block;
	}
}