@charset "utf-8";

article p{
margin-left:auto;
margin-right:auto;
text-align:center;
}

#sub .grid{
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}

#sub .grid2{
	max-width:450px;
	margin-left:auto;
	}

td {
	vertical-align: middle;
    font-size:15px;
	padding: 0.5em;
}

.radius{
	border-radius: 20px;
	background-color:#F2F2F2;
}

.contents_in{
    font-weight: bold;
    font-size:15px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.center{
width:100%;
margin-left:auto;
margin-right:auto;

}

.t1{width:50%;}

.t2{width:80%;}

.t3{width:40%;}

.mail_title{
    font-weight: bold;
    font-size:1em;
	width:90%;
}

.necessary{
	display: inline-block;
	width:70px;
	color: red;
}
.not_necessary{
	display: inline-block;
	width:70px;
}
.input_area p{
	padding:0px !important;
}


input[type=text]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:25px;
   padding:0 3px;
}
 
input[type=text]:focus {
   border:solid 2px black;
}
 
input[type=text], select { 
   outline: none;
}

textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   padding:0 3px;
}
 
textarea:focus {
   border:solid 2px gray;
}
 
textarea, select { 
   outline: none;
}

.backradius{
border-radius: 5px;
background-color:#F2F2F2;
}

.grid2{
	padding-top: 10px;
	padding-bottom: 10px;
}

input[type=button]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:200px;
   height:25px;
   padding:0 3px;
   cursor:pointer;
   color:#333;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}

section table {
	 width: 100%; 
	margin-left:auto;
	margin-right:auto;

}
section th, section td  { padding: 10px; border:none; }
section th  { background: #f4f4f4; }

/*----------------------------------------------------
    .demo01
----------------------------------------------------*/
.demo01 th  { width: 40%;}
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
        width: 100%;
        display: block;
        border: none;
        text-align:center;
        
    .t1{width:80%} .t2{width:100%} .t3{width:60%}
    }
    .demo01 tr:first-child th   { border: none; }
}

/* モニター幅940px以下 */
@media only screen and (max-width:940px){



	#sub .grid{
		margin-left:0px;
		text-align:center;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}

	#sub .grid2{
		max-width:100%;
		margin-left:0px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}

	.center{
		text-align:center;
	}
	
	.input_area p{
	padding:0px !important;
	width:100%;
}
}