@charset "utf-8";

/*---------------------------マージン関係--------------------------*/
.mb_t_20{
	margin-top:20px;
}

.mb_t_30{
	margin-top:30px;
}

.mb_b_5{
	margin-bottom:5px;
}

/*---------------------------幅関係--------------------------*/
.width_35{
	width:35px;
}

.width_50{
	width:50px;
}

.width_100{
	width:100px;
}

.width_150{
	width:150px;
}

.width_200{
	width:200px;
}

.width_300{
	width:300px;
}

.width_98p{
	width:98%;
}

.width_80p{
	width:80%;
}

/*---------------------------位置関係--------------------------*/
.center{
	text-align:center;
}

.right{
	text-align:right;
}

.left{
	text-align:left;
}


/*---------------------------サイト全体設定--------------------------*/
html{
	
}

body {
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	display: inline-block;
	font-size: 16px;
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box; /* Chrome, Safari */
	-moz-box-sizing: border-box;    /* Firefox */
	box-sizing: border-box;         /* IE8+, Opera */
	width:100%;
	padding:10px 8px 8px 8px;
	font-weight:bold;
	margin-bottom:10px;
	border:1px solid #CCC;
}

a {
	text-decoration:none;
}

.text_color{
	color: #333333;	
}

table {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

table tr td.title {
	width:25%;
	border-bottom:3px solid #CCC;
	font-weight:bold;
	font-size:14px;
}

form {
	margin: 0;
	padding: 0;
}

input[type="submit"] {
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 120px;
	padding: 10px 0;
}

input[type="button"] {
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 120px;
	padding: 10px 0;
}

input[type="text"] {
    border:1px solid #CCC;
	padding:10px;
}

input[type="radio"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

input[type="checkbox"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

form textarea {
	border:1px solid #CCC;
	width:90%;
	height:150px;
	padding:10px;
}

.font_w{
	font-weight:bold;
}

label{
	font-size:14px;
	font-weight:bold;
}

.answer{
	font-size:14px;
	font-weight:bold;
}

/*---------------------------メインコンテンツエリア ---------------------------*/

#content {
	margin-left:auto;
	margin-right:auto;
	padding:0 5px;
	text-align:left;
}

#attention {
	padding:0 10px;
	margin-bottom:10px;
}

b {
	color:#F00;
}

.caution_text{
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
}


/*---------------------------メール送信完了 ---------------------------*/

#blue{
	border:1px solid #00F;
	background:#D0D0FF;
	color:#00F;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

#red{
	border:1px solid #F00;
	background:#FFD9D9;
	color:#F00;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

.res_btn{
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 120px;
	padding: 10px 0;
	display:block;
}
