@charset "utf-8";

img.thumb{
	margin: 15px;
	padding: 5px;
	border: 1px solid rgb(9,86,194);
}

.mg_tp28{
	margin-top:28px;
}


/******************************************
 *	table
 ******************************************/
 	
table{
	margin:14px auto;
	border-collapse: collapse;
	border-spacing: 0px;
	width:100%;
}

tr{
	border-top:2px solid rgb(180,170,150);
}

tr:last-child{
	border-bottom:2px solid rgb(180,170,150);
}

th{
	width:25%;
	min-width:55px;
	font-weight:bold;
	background-color:rgb(235,230,220);
	padding: 14px;
	vertical-align:middle;
	text-align:left;

}

td{
	width:75%;
	padding: 14px;
	vertical-align:middle;
}

input, select, textarea{
	padding: 5px;
	color: rgb(50, 20, 10);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

input:focus,textarea:focus{
	background-color:#FEDCA3;
}

input{
	vertical-align: middle;
}

input#text_edit_name{
	width:100%;
	max-width:300px;
}

input#text_edit_mail{
	width:100%;
	max-width:400px;
}

div#control{
	text-align:center;
}

div#control input{
	margin: 26px 12px 40px 12px;
	width:100px;
	height:40px;
	background-color:rgb(215,205,195);
	font-weight:bold;
	font-size:14px;
	-webkit-transition:0.5s 0 linear;
	-moz-transition:0.5s 0 linear;
	-ms-transition:0.5s 0 linear;
	-o-transition:0.5s 0 linear;
	transition:0.5s 0 linear;
}

div#control input:hover{
	color:rgb(9,86,194);
	-webkit-transition:0.5s 0 linear;
	-moz-transition:0.5s 0 linear;
	-ms-transition:0.5s 0 linear;
	-o-transition:0.5s 0 linear;
	transition:0.5s 0 linear;
}

textarea{
	width:100%;
	height:70px;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
	Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* PC、大型タブレット向けのレイアウトの指定：701px～900px */
@media only screen and (min-width: 701px) {

#contents #main{
	float:left;
	width:100%;
}

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
	Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* PC向けのレイアウトの指定：961px～1280px */
@media only screen and (min-width: 961px) {
#contents #main{
		width:79.809%;
}

}