@charset "utf-8";

@import url(default.css);
@import url(base.css);


	#main{
		width:930px;
		margin:0 auto;
	}
	.flexible #main{width:100%;}

	/* コンテンツタイトルアイコン */


	#telcontact,
	#mailcontact{
		padding:40px 22px 50px;
	}
	.active-sp #mailcontact{
		padding:30px 5%;
	}
	
	#mailcontact{border-top:5px dotted #ccc;}

	.active-sp #telcontact{padding-bottom:40px;}
	.active-sp #telcontact ul{
		margin:0 auto;
		width:280px;
		}

		#telcontact li{
			float:left;
			width:330px;
			list-style:none;
			color:#0d318f;
			line-height:140%;
			font-size:240%;
			font-weight:bold;
			font-family: 'Anton', sans-serif;
		}
		active-sp #telcontact li{width:300px;}
		

			#telcontact li h3{
				float:left;
				width:50px;
				font-size:40%;
				font-family:sans-serif;
			}
	
		.subcontent{
			padding:0 0 0 40px;
			color:#245bb3;			
			border:none;
			background-size:24px auto;
			background-position:0 0;
		}
		
		#telcontact .subcontent{
			background-image:url(../contact/images/ico_tel.png);
			margin-bottom:25px;
		}
		#mailcontact .subcontent{background-image:url(../contact/images/ico_mail.png);}


		#mailcontact table{
			width:100%;
			margin:0 0 0 35px;
			border-spacing:5px;
		}
		.flexible #mailcontact table{
			margin:0 auto;
		}

			#mailcontact th{
				width:90px;
				padding:2px 15px;
				color:#0d318f;
				text-align:left;
				background:#e5edff;
			}
			
			#mailcontact th{
				font-weight:normal;
				padding:2px 5px;
				width:80px;
			}

			#mailcontact td{
				padding:0 10px;
				font-size:1.1em;
				line-height: 1.7em;
			}

			#mailcontact td input{
				padding:5px 10px;
				border-radius: 5px;
				border:1px solid #ccc;
			}
			#mailcontact td textarea{
				padding:5px 10px;
				border-radius: 5px;
				border:1px solid #ccc;
				position: relative;
				top:3px;
			}

			#name{width:200px;}
			#furigana{width:200px;}
			#email{width:400px;}
			#message{width:600px;margin:0;}

			.active-sp #name{width:100%;}
			.active-sp #furigana{width:100%;}
			.active-sp #email{width:100%;}
			.flexible #message{width:100%;}

			#submitbox{padding:20px 0 0 200px;}
			.active-sp #submitbox{padding:20px 0 0;}

			#linknext{
				display:block;
				float:left;
				width:140px;
				margin:0 0 0 50px;;
				padding:10px;
				color:#fff;
				font-weight:bold;
				text-align:center;
				background:#3287cb;
				border:none;
				cursor:pointer;
			}
			.active-sp #linknext{
				float:none;
				margin:0 auto;
			}
				

			#modoru,
			#submit{
				display:block;
				float:left;
				width:140px;
				margin:0 0 0 40px;
				padding:5px 0;
				color:#fff;
				font-weight:bold;
				text-align:center;
				background:#666;
				border:none;
				text-decoration:none;
			}
			.active-sp #modoru,
			.active-sp #submit{
				float:none;
				margin:20px auto 0;
			}

			#submit{
				padding:9px 0;
				background:#c33;
			}


			.remarks{line-height:150%;}		
			
	
		#thakstext{
			width:420px;
			margin:60px auto;
		}
		.active-sp #thakstext{
			width:90%;
			margin:30px auto 0;
		}
			
			#thakstext h1{
				margin-bottom:30px;
				color:#c30;
				font-weight:bold;
				text-align:center;
				font-size:160%;
			}

		.mailcaution{margin-left:40px;}
		.active-sp .mailcaution{margin-left:0;}