@charset "utf-8";

h1 span{
	background:#cf47c7;
	color:#fff;
	font-size:0.7em;
	padding:0 5px;
	font-weight:bold;
	text-shadow:none;
	margin:0 5px 0 0;
}

#mf1 {
	margin:50px 0 0 0;
}


#mf1 dl{
	float:left;
	width:480px;
	margin:0 0 60px 0;
}
#mf1 dl:nth-of-type(even){
	float:right;
}
#mf1 dl:hover{
	background:#ffe8fd;
	cursor:pointer;
}
#mf1 dt{
	color:#cf47c7;
	font-size:1.25em;
	margin:0 0 10px 0;
	font-weight:bold;
}
#mf1 dt span{
	font-size:0.7em;
	background:#ff9500;
	color:#fff;
	margin:0 0 0 5px;
	padding:0 5px;
}
#mf1 .tyui{
	font-size:1.2em;
	font-weight:bold;
}


#mf2{
	margin:50px 0 0 0;
}

#mf2 h2{
	color:#cf47c7;
	font-size:1.25em;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom: #000 dotted 1px;
}

#mf2 h2 span{
	background:#f00;
	color:#fff;
	padding:2px 5px;
	margin:0 10px 0 0;
	font-size:0.85em;
}
#mf2 h3{
	color:#fff;
	font-size:1.56em;
	padding:15px;
	background:#cf47c7;
	text-align:center;
	font-weight:bold;
	margin:0 0 10px 0;
}
#mf2 .cbox{
	margin:0 0 70px 0;
}
#mf2 #cbox1 li{
	float:left;
}
#mf2 #cbox1 li:nth-of-type(even){
	float:right;
	padding:10px 0 0 0;
}

#mf2 #cbox2 ul{
	margin:0 0 20px 0;
}
#mf2 #cbox2 li{
	float:left;
}
#mf2 #cbox2 li:nth-of-type(even){
	float:right;
}

#mf2 #cbox3 dl{
	text-align:center;
	margin:10px 0 0 0;
	font-size:1.43em;
}

#mf2 #cbox3 dl dt{
	color:#000;
	margin:0 0 30px 0;
	font-weight:bold;
}
#mf2 #cbox3 dl dd{
	color:#ff7f00;
	font-weight:bold;
}

#mf2 .jbox{
	border-bottom:#000 dotted 1px;
	margin:0 0 30px 0;
}
#mf2 .jbox-inner{
	padding:0 10px 30px 10px;
}
#mf2 #cbox4 .jbox dl{
	width:500px;
	float:right;
}
#mf2 #cbox4 .jbox p{
	float:left;
}
#mf2 #cbox4 .jbox:nth-of-type(even) dl{
	float:left;
}
#mf2 #cbox4 .jbox:nth-of-type(even) p{
	float:right;
}
#mf2 #cbox4 .jbox dt{
	text-indent:-50px;
	margin:0 0 20px 50px;
	font-size:1.25em;
	color:#cf47c7;
	font-weight:bold;
}
#mf2 #cbox4 .jbox dt:before{
	content:url(../img/tyuto/ic1.png);
	padding:0 10px 0 0;
	position:relative;
	top:5px;
}

#mf2 #cbox4 p{
	color:#ff7f00;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	line-height:1.7em;
}


#mf2 #cbox5 .ibox:nth-of-type(odd){
	background:url(../img/tyuto/bak1.jpg) left top repeat;
}
#mf2 #cbox5 .ibox-inner{
	padding:20px 20px 40px 20px;
}
#mf2 #cbox5 .ibox dl{
	float:left;
	width:460px;
}
#mf2 #cbox5 .ibox dl:nth-of-type(even){
	float:right;
}
#mf2 #cbox5 .ibox:last-of-type dl{
	width:100%;
}

#mf2 #cbox5 .ibox dt{
	margin:0 0 20px 0;
	font-size:1.25em;
	color:#cf47c7;
	font-weight:bold;
}
#mf2 #cbox5 .ibox dt:before{
	content:url(../img/tyuto/ic1.png);
	padding:0 10px 0 0;
	position:relative;
	top:5px;
}
#mf2 #cbox5 .ibox:last-of-type  dt{
	text-align:center;
}
#mf2 #cbox5 .ibox:last-of-type dt:before{
	content:url(../img/tyuto/ic3.png);
	padding:0 10px 0 0;
	position:relative;
	top:5px;
}
#mf2 #cbox5 .ibox:last-of-type dt:after{
	content:url(../img/tyuto/ic2.png);
	padding:0 0 0 10px;
	position:relative;
	top:5px;
}
#mf2 #cbox5 li{
	float:left;
}

#mf2 #cbox6 dl{
	float:left;
	width:490px;
}
#mf2 #cbox6 dl:nth-of-type(even){
	float:right;
}

#mf2 #cbox6 dl dt{
	color:#cf47c7;
	font-weight:bold;
	font-size:1.25em;
	text-align:center;
	background:url(../img/tyuto/bak2.jpg) left top repeat;
	padding:10px 0;
	margin:0 0 10px 0;
}
#mf2 #cbox6.part dl{
	float:none;
	width:auto;
}

#mf2 #cbox6.part dl dt{
	text-align:left;
	overflow:hidden;
	padding:10px;
}
#mf2 #cbox6.part dl dd{
	overflow:hidden;
}
#mf2 #cbox6.part dl dd:nth-of-type(1){
	float:left;
	margin:0 10px 0 0;
}


#mf2 #cbox8 .cbox-inner{
	padding:0 20px;
}
#mf2 #cbox8 dl{
	float:left;
	width:620px;
}
#mf2 #cbox8 dl dt{
	color:#ff7f00;
	font-weight:bold;
	font-size:1.5em;
	margin:0 0 20px 0;
}
#mf2 #cbox8 dl dd.name{
	text-align:right;
	font-weight:bold;
	margin:30px 0 0 0;
}
#mf2 #cbox8 p{
	float:right;
}

#mf2 #cbox9 table{
	width:100%;
	border:#ffc2fb solid 5px;
}
#mf2 #cbox9 table th,
#mf2 #cbox9 table td{
	padding:20px;
	border:#ffc2fb solid 1px;
}
#mf2 #cbox9 table th{
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}


#mf2 #cbox10 p{
	text-align:center;
	font-weight:bold;
	color:#f00;
}







#form{
	padding:0 50px;
}

#form-frame{
	border:2px solid #797b7a;
	padding:10px 10px;
	font-size:120%;
	line-height:1.5;
}

#form-frame h4{
	font-size:120%;
	line-height:1.5;
	font-weight:bold;
	padding:0 10px 5px 10px;
	border:1px solid #797b7a;
	border-width:0 0 1px 0;
}

#form-frame table{
	table-layout:fixed;
	width:100%;
}

#form-frame th{
	border:1px dashed #797b7a;
	border-width:0 0 1px 0;
	padding:15px 10px;
	vertical-align:top;
}

#form-frame th .his{
	float:right;
	color:red;
}


#form-frame td{
	border:1px dashed #797b7a;
	border-width:0 0 1px 0;
	padding:8px 10px;
}

#form-frame th.nob,
#form-frame td.nob{
	border:none;
}

#form-frame select{
	max-width:100%;
}


#form .sbtn{
	padding:30px 0;
	text-align:center;
}

#form .w1,
#form .w2,
#form .w3,
#form .w4,
#form .w5{
	border:1px solid #a0a0a0;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}

#form .w1{
	width:30%;
}

#form .w2{
	width:15%;
}

#form .w3{
	width:20%;
}

#form .w4{
	width:70%;
}
#form .w5{
	width:80%;
}

#form select{
	border:1px solid #a0a0a0;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}


#form .sbtn {
	text-align:center;
}

#form .sbtn input{
	border:none;
	border-radius:none;
	background:none;

	background:#cf47c7;
	display:inline-block;
	color:#fff;
	font-size:1.5em;
	line-height:1.1em;
	padding:10px 30px;
	text-decoration:none;
	box-shadow:-1px 2px 2px 0 rgba(0,0,0,0.5);
	cursor:pointer;
}



input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}





@media screen and (max-width: 800px) {
	
#mf1 dl{
	float:none !important;
	width:auto;
	margin:0 0 30px 0;
	padding:10px;
}

/*-----------*/


#mf2 h2{
	padding:0 10px 10px 10px;
}

#mf2 h3{
	padding:10px;
	text-align:left;
}
#mf2 .cbox{
	margin:0 0 50px 0;
}

#mf2 #cbox1 li{
	float:none !important;
}

#mf2 #cbox2 ul{
	margin:0 0 30px 0;
}
#mf2 #cbox2 li{
	float:none !important;
}



#mf2 #cbox3 dl{
	padding:0 10px;
}
#mf2 #cbox3 dl br{
	display:none;
}

#mf2 #cbox4 .jbox dl{
	width:auto;
	float:none !important;
}
#mf2 #cbox4 .jbox p{
	float:none;
}

#mf2 #cbox4 p{
	padding:0 10px;
	text-align:left;
}


#mf2 #cbox5 .ibox:nth-of-type(odd){
	background:none;
}
#mf2 #cbox5 .ibox-inner{
	padding: 0;
}
#mf2 #cbox5 dl:nth-of-type(odd){
	background:url(../img/tyuto/bak1.jpg) left top repeat;
}
#mf2 #cbox5 .ibox dl{
	width:auto;
	float:none !important;
	padding:10px;
}
#mf2 #cbox5 .ibox:last-of-type dl{
	width:auto;
}

#mf2 #cbox5 li{
	float:none !important;
}

#mf2 #cbox6 dl{
	width:auto;
	float:none !important;
	margin:0 0 20px 0 ;
}



#mf2 #cbox8 .cbox-inner{
	padding:0;
}
#mf2 #cbox8 dl{
	width:auto;
	float:none;
	padding:0 10px;
	margin:0 0 20px 0;
}
#mf2 #cbox8 p{
	float:none;
	text-align:center;
}

#mf2 #cbox9 table,
#mf2 #cbox9 table tbody,
#mf2 #cbox9 table tr,
#mf2 #cbox9 table th,
#mf2 #cbox9 table td{
	display:block;
	border:none;
}
#mf2 #cbox9 table th,
#mf2 #cbox9 table td{
	padding:20px;
	border:none;
}
#mf2 #cbox9 table th{
	background:#ffc2fb;
}






#form{
	padding:0 10px;
}

#form-frame{
	border:2px solid #797b7a;
	padding:10px;
	font-size:120%;
	line-height:1.5;
}

#form-frame h4{
	font-size:120%;
	line-height:1.5;
	font-weight:bold;
	padding:0 10px 5px 10px;
	border:1px solid #797b7a;
	border-width:0 0 1px 0;
}

#form-frame table{
	table-layout:fixed;
	width:100%;
}

#form-frame table col{
	display:none;
}

#form-frame th{
	background:rgba(207,71,199,0.1);
	border:1px dashed #797b7a;
	border-width:0 0 1px 0;
	padding:15px 10px;
	vertical-align:top;
	font-size:0.8em;
	line-height:1.5;
	width:auto;
	display:block;
}

#form-frame th .his{
	float:right;
	color:red;
}


#form-frame td{
	border:1px dashed #797b7a;
	border-width:0 0 1px 0;
	padding:10px;
	font-size:0.8em;
	line-height:1.5;
	width:auto;
	display:block;
}

#form-frame th.nob,
#form-frame td.nob{
	border:none;
}


#form .sbtn{
	padding:30px 0;
	text-align:center;
}

#form .w1,
#form .w2,
#form .w3,
#form .w4,
#form .w5{
	border:1px solid #a0a0a0;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}

#form .w1{
	width:30%;
}

#form .w2{
	width:15%;
}

#form .w3{
	width:20%;
}

#form .w4{
	width:98%;
}
#form .w5{
	width:98%;
}

#form select{
	border:1px solid #a0a0a0;
	font-size:1.2em;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}

#form input[type="text"]{
	font-size:1.1em;
	padding:5px;
}
#form input[type="radio"]{
}
#form label{
	display:inline-block;
	border:#ccc solid 1px;
	padding:0 10px;
	border-radius:10px;
	background:#eee;
}





}