/* 共通定義 */

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

body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, 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 {
	}
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: 47px;
    padding: 0px 0 0 20px;
    color: #FFFCEB;
    font-size: 120%;
    margin: 30px 0px 12px;
    font-weight: normal;
    background-color: #505050;
	border-left: 8px solid #5CC7C5;
}
h2 span { font-size:13px; font-weight:normal}
h3 {
	line-height:30px;
	color:#333;
	font-size:110%;
	margin:0 20px 12px;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
}
.required {
	color: #FF3C3C;
	font-size:12px;
	font-weight:normal;
	margin-left:5px
}
#basic {
	margin:0px 20px;}
table  {
	width:100%;
	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:#505050;
	color:#fff;
}
td {
	width:80%;
	font-size:100% ;
	border-left:dottd 1px #fff;
	border-top:solid 1px #fff;
	line-height:1.6em;
	color:#555;
	padding:0px 20px;
	background-color:#F4F4F4
}
td input { vertical-align:middle; height:30px;}
td label { white-space:nowrap; margin-right:15px;}
td select {height:30px;}
#basic .seimei label { width:35px; display:inline-block; text-align:lrft; margin-right:0; mar}
#basic .seimei br { display:none}
input.address { width:90%}
input.mailadd { width:50%}

/**フォーム**/

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

#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;
}



#enquite {
	background-color:#f4f4f4; margin:0 20px 20px; padding-bottom:20px;}
#enquite dt {
	line-height:30px;
	color:#333;
	font-size:110%;
	margin:20px 20px 12px;
	font-weight:normal;
	border-bottom:1px dotted #999;}
#enquite dt span { color:#666; margin-right:5px;}	
#enquite dd {
	margin:0px 20px;
	padding:0;
	line-height:2em
	}

#enquite label { width:100px;}
#enquite input { margin-right:6px;}
#enquite .b.clearfix label { width:auto}
#enquite .c.clearfix label { width:auto}
#enquite .a.clearfix dd:first-child { border-bottom:1px solid #ddd; padding:5px 0}
#enquite .c.clearfix dd { border-bottom:1px solid #ddd; padding:5px 0}

#enquite .f textarea { 
	width: 98%;
	height:100px;}
/**
#enquite input { 
	display:inline;
	height:auto;}
**/
#enquite label{
	font-size:100%;
	display:inline-block;
	padding-right:30px;
}


#enquite textarea { margin:10px 20px 10px; width:90%; min-height:200px}

	
		

#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:120%;
	display:block;}
#area td strong span {
	background-color:#A02527;
	color:#fff;
font-size: 12px;
line-height: 42px;
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 p.caution{
	padding:10px 10px 30px;
	font-size:80%;
	color:#24536E;
}


#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%;
	}

	
	
	

.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;*/
}

h2 {
line-height: 24px !important;
    padding: 10px 0 10px 20px;
    color: #FFFCEB;
    font-size: 90%;
    margin: 30px 0px 12px;
    font-weight: normal;
    background-color: #505050;
	border-left: 8px solid #5CC7C5;
}

th {
	width:30% ;
	font-size:70% ;
	border-top:solid 1px #fff;
	padding:10px;
	font-weight:normal;
	font-weight:normal;
	line-height:1.6em;
	color:#fff;
}
td {
	width:70%;
	font-size:70% ;
	border-left:dottd 1px #fff;
	border-top:solid 1px #fff;
	line-height:1.6em;
	color:#555;
	padding:0px 0 0 10px;
}
dl { font-size:70%}
table tr:nth-of-type(1) td label, table tr:nth-of-type(2) td label {
	display:block;
	}

table tr:nth-of-type(6) td label, table tr:nth-of-type(5) td label {
	display:block;
	}
#enquite label {
    display: block;
    padding-bottom: 10px;
}
#basic .seimei br { display:block}


#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:62%; 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;}
	**/
}