/* 共通定義 */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	background-color: #fff;
	text-align: center;
	background-position: 0% 0%;
	background-repeat: repeat-x;
}

p {
	line-height: 1.8em;
	font-size:90%;
	padding:0 30px 10px;
	color:#555;
	margin:0;
}
img {
	border: 0px;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}

.gray { color:#999;}
/* clearfix
---------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}
/* for macIE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* clearfixを使わない場合 */
**********:after {	
    content:".";display: block;clear: both;height: 0;visibility: hidden;}
/* end of for macIE */



/* リンク */

a:link {
}
a:visited {
}
a:hover {
	color:#00C3FF !important;
	text-decoration:underline !important;
}




#Wrapper { 
	margin:0 !important; 
}
/* article*/
article {
	width:100%;
	margin:0 auto;
	padding:0px;
	margin-top:0px;
	text-align:left;
}
section {
	background-color:#e7e7e7;
	}
h1 {
	line-height:38px;
	padding-top:30px;
	border-bottom:solid 1px #aaa;
	color:#333;
	font-size:150%;
	margin:0 20px 12px;
	font-weight:normal;
}
h2 {
	line-height:30px;
	padding-top:40px;
	border-bottom:dotted 1px #aaa;
	color:#333;
	font-size:120%;
	margin:0 20px 12px;
	font-weight:normal;
}
h3 {
	line-height:30px;
	color:#333;
	font-size:110%;
	margin:0 20px 12px;
	font-weight:normal;
}
.required {
	color:#FF0000;
	}
table  {
	width:100%;
	margin:0px 0px;;
	border-radius:8px;
}
th {
	width:20% ;
	font-size:100% ;
	border-top:solid 1px #fff;
	padding:10px 30px;
	font-weight:normal;
	font-weight:normal;
	line-height:1.6em;
	background-color:#99B6BF;
	color:#fff;
}
td {
	width:80%;
	font-size:100% ;
	border-left:dottd 1px #fff;
	border-top:solid 1px #fff;
	line-height:2em;
	color:#555;
	padding:0px 20px;
}
table.haveto tr:nth-of-type(1) td input, table.haveto tr:nth-of-type(2) td input,  table.haveto tr:nth-of-type(5) td input, table.haveto tr:nth-of-type(6) td input,  table.haveto tr:nth-of-type(7) td input, table.haveto tr:nth-of-type(8) td input{
	height:30px;
	}
table.haveto tr:nth-of-type(3) td input, table.haveto tr:nth-of-type(4) td input{
	margin-left:10px;
	}

table tr td label {

	display:inline;
	}/**/
table tr:nth-of-type(1) td input, table tr:nth-of-type(2) td input {
	}
table tr:nth-of-type(5) td input {
	}

/**フォーム**/

input {
	border:solid 1px #ccc;
	margin:7px 0;
	}

#submit {
	 background-color:#40829A;
	 color:#fff;
	 font-size:140%;
	 width:300px;
	 line-height:50px;
 	text-shadow:0 -1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
	background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad4e', endColorstr='#eb9316', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	border-color:#e38d13;
	border-width:1px;
	 height:50px;
	 margin:40px 0 30px 0px;
	cursor:pointer !important;
	border-radius: 6px;
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}
#submit:hover {
		filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}





/**
.radio label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.radio label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.radio input[type="radio"]:checked + .switch-on {
	background-color: #e67168;
	color: #fff;
}
.radio input[type="radio"]:checked + .switch-off {
	background-color: #4191b6;
	color: #fff;
}



.radio input{
	display: none;
	border-radius: 0;	
}
.radio label{
	display: block;
	float: left;
	cursor: pointer;
	width: 12%;
	margin: 0;
	padding: 12px 5px;
	border-right: 1px solid #abb2b7;
	background: #cbd2d6;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border: none;
}

.radio .first label{
	border-radius: 3px 0 0 3px !important;
}
.radio .last label{
	border-right: 0px;
	border-radius: 0 3px 3px 0 !important;
}
.radio input[type="radio"]:checked + label {
	background-color: #90b60c;
	color: #fff;
}
.ages.radio input[type="radio"]:checked + .switch-on {
	background-color: #75b44b;
	color: #fff;
}
.ages.radio input[type="radio"]:checked + .switch-off {
	background-color: #75b44b;
	color: #fff;
}



.check input{
	display: none;
	border-radius: 0;	
}
.check label{
	display: block;
	float: left;
	cursor: pointer;
	width: 100px;
	margin: 0;
	padding: 12px 5px;
	border-right: 1px solid #abb2b7;
	background: #bdc3c7;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border: none;
}
.check .first label{
	border-radius: 3px 0 0 3px !important;
}
.check .last label{
	border-right: 0px;
	border-radius: 0 3px 3px 0 !important;
}
.check input[type="checkbox"]:checked + label {
	background-color: #de5d8e;
	color: #fff;
}
**/


#enquite {
	background-color:#fff;}
#enquite dt {
	margin:20px 20px 10px;}
#enquite dd {
	margin:0px 0px;
	padding:0 20px 0 20px;
	}
/**
#enquite .a label{
	font-size:86%;
}

#enquite .a .first label{
	border-radius: 5px 0 0 0 !important;
	margin-left:20px;
}
#enquite .a .second label{
	border-radius: 0 5px 0 0 !important;
}
#enquite .a .third label{
	border-radius: 0 0 0 5px !important;
	margin-left:20px;
}
#enquite .a .last label{
	border-right: 0px;
	border-radius: 0 0 5px 0 !important;
}	
#enquite .b .first label{
	border-radius: 5px 0 0 5px !important;
	margin-left:20px;
}
#enquite .b .last label{
	border-right: 0px;
	border-radius: 0 5px 5px 0 !important;
}	
#enquite .c .first label{
	border-radius: 5px 0 0 0 !important;
	margin-left:20px;
}
#enquite .c .second label{
	border-radius: 0 5px 0 0 !important;
}
#enquite .c .third label{
	border-radius: 0 0 0 5px !important;
	margin-left:20px;
}
#enquite .c .last label{
	border-right: 0px;
	border-radius: 0 0 5px 0 !important;
}	
#enquite .d .first label{
	border-radius: 5px 0 0 5px !important;
	margin-left:20px;
}
#enquite .d .last label{
	border-right: 0px;
	border-radius: 0 5px 5px 0 !important;
}		
#enquite .e .first label{
	border-radius: 5px 0 0 5px !important;
	margin-left:20px;
}
#enquite .e .last label{
	border-right: 0px;
	border-radius: 0 5px 5px 0 !important;
}		


#enquite input[type="radio"]:checked + .switch-off {
    color:#fff;
	background-color:#66B4CC;
}
#enquite input[type="checkbox"]:checked + .switch-off {
    color:#fff;
	background-color:#D8639D;
}



#enquite input{
	display: none;
	border-radius: 0;	
}
#enquite label{
	float:left;
	display: inline-block;
	cursor: pointer;
	margin: 0px;
	padding: 15px 5px;
	background: #e7e7e7;
	color: #555e64;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
#enquite .a label{
	width:22.5%;
}
#enquite .b label{
	width:17.7%;
}
#enquite .c label{
	width:30.2%;
}
#enquite .d label{
	width:30.1%;
}
#enquite .e label{
	width:5.469%;
}
**/
#enquite .f textarea { 
	width: 98%;
	height:100px;}
/**
#enquite input { 
	display:inline;
	height:auto;}
**/
#enquite label{
	font-size:100%;
	display:inline-block;
	padding-right:30px;
}




	
		

#area {
	background-color:#fff;}
.block {
	background-color:#777;
	color:#fff;
	text-align:center;
	font-size:120%;
	line-height:1.5em;
	margin-bottom:8px;}
#area th {
	text-align:center;
	vertical-align:center;
	border-right:solid 1px #fff;	
	width:auto;}
#area tr th {
	background-color:#72a1ae}
#area .altday tr th {
	background-color:#72aea1}


#area .pack tr th {
	background-color:#48ABC4}
#area .pack tr td {
	background-color:#F3EFDF}
#area tr:nth-child(even) th {
	background-color:#86b8bc;}
#area .altday tr:nth-child(even) th {
	background-color:#86bc8e;}
#area td {
	padding:10px;
	vertical-align:top;
	border-right:solid 1px #bbb;
	border-bottom:solid 1px #bbb;
	width:auto;
	background-color:#fff;
	font-size:90%;
	text-align:center;}
#area td strong {
	font-size:115%;
	display:block;}
#area td strong span {
	background-color:#A02527;
	color:#fff;
font-size: 12px;
line-height: 25px;
padding: 0 6px;
margin-left: 3px;
display: inline;}
#area td .finished {
	background-color:#A74A4C;
	color:#fff;
	font-size:93%;
	margin:0 30%;
	margin-bottom:5px;}
#area td .alert {
	color:#BF4648;
	font-size:93%;
	margin:0 0%;
	margin-bottom:5px;}
/**
#area .modify {
 }
#area table.pack tr:nth-of-type(2) .modify {
	height:auto;
 }	
#area table tr:nth-of-type(2) .modify {
	height:130px;
 }	
#area table tr:nth-of-type(7) .modify {
	height:130px;
 }	
	

#area input[type="radio"]:checked + .switch-on {
	background-color: #e67168;
	color: #fff;
}
#area input[type="radio"]:checked + .switch-off {
    color:#fff;
 	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
	background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#419641', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	border-color:#3e8f3e;
	border-width:1px;
}
**/
#area p.caution{
	padding:10px 10px 30px;
	font-size:80%;
	color:#24536E;
}
/**
#area input{
	display: none;
	border-radius: 0;	
}
#area label{
	display: inline-block;
	cursor: pointer;
	width: 97%;
	margin: 0px;
	padding: 12px 5px;
	border-right: 1px solid #abb2b7;
	background: #fff;
	color: #555;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border: solid 1px #ccc;
	height:20px;
}
**/

#area dl { text-align:left;}
#area dt { display:block; }
#area dd { display:block; font-size:124%; margin-bottom:10px; color:#307B9B}



.resetbtn {
	}
.resetbtn a {
    color:#fff;
 	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
	background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	border-color:#2b669a;
	border-width:1px;
	text-decoration:none;
	line-height:30px;
	width:200px;
	display:inline-block;
	font-size:14px;
	left:50%;
	}
#kids {
	background-color: #E9F7F9; margin:0 20px 20px;
	border:solid 3px #53A2BF; padding:10px; }
#kids h4 { color:#53A2BF; font-size:120%; }	
	
	
	

.alert { padding:10px 15px 10px 15px; margin: 10px 15px; border:2px solid #A43335}
	

.alert li { padding:5px 0 5px; margin: 0px 20px; color:#A33631; font-size:15px !important;}




/* \\\\\\\\\\\\\\\\\    smartphone  ///////////////////////////////// */
@media screen and (max-width: 640px) {
	
body {
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	width: 100%;
	margin: 0 auto;
	/*overflow:hidden;*/
}
th {
	width:30% ;
	font-size:90% ;
	border-top:solid 1px #fff;
	padding:10px;
	font-weight:normal;
	font-weight:normal;
	line-height:1.6em;
	background-color:#99B6BF;
	color:#fff;
}
td {
	width:70%;
	font-size:100% ;
	border-left:dottd 1px #fff;
	border-top:solid 1px #fff;
	line-height:1.6em;
	color:#555;
	padding:0px 0 0 10px;
}
/**
table tr:nth-of-type(1) td input, table tr:nth-of-type(2) td input {
	width:150px;
	}

table tr:nth-of-type(1) td label, table tr:nth-of-type(2) td label {
	display:block;
	}
	/**
table tr:nth-of-type(2) td .modify {
	height:100px !important;
	
	}
table tr:nth-of-type(7) td .modify {
	height:100px !important;
	
	}
table tr:nth-of-type(5) td input {
	width:200px;
	}
table tr:nth-of-type(6) td label, table tr:nth-of-type(5) td label {
	display:block;
	}
	**/
/**table tr:nth-of-type(6) td input {
	width:150px;
	}

.radio label{
	display: block;
	float: left;
	cursor: pointer;
	width: 40%;
	margin: 0;
	padding: 12px 5px;
	border-right: 1px solid #abb2b7;
	background: #cbd2d6;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border: none;
}
#enquite input { display:inline; float:left; margin-right:5px; width:30px;}	
#enquite label { display:block;
padding-bottom:15px;}
**/


#area .pack tr th, #area .pack tr td {
	font-size:70% !important;}
#area .pack dd {
	font-size:70% !important;}
/**
#area label {
	font-size:100%;
	line-height:1.6em;
	height:26px;
	width:80%;
	}
**/
#area tr th { font-size:55%; padding:5px 0}
#area .block { font-size:50%;}
#area tr td { font-size:55%; padding:3px}

/**#area .pack .modify { height:410px !important;}
#area .modify { height:80px;}
	**/
}