@charset "UTF-8";

/*
		0. Feature
		1. Infomation
	
*/

body{
}


/* --------------------------------------------------

	0. Feature

-------------------------------------------------- */
@-webkit-keyframes fadein {
	
	0%	{
	opacity: 0;
	background-color: none;
	top:0px;
	}
	100%	{
	opacity: 1;
	background-color: none;
	top: 0;
	}
}


#feature{
	background:url(../img/company/bg_ttl.jpg) no-repeat center top;
}

#feature h2{
	width:960px;
	margin:0 auto;
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: middle center;
	-webkit-transform: scale(1);
	height:120px;
	padding-top:60px;
}
/* --------------------------------------------------

	1. info

-------------------------------------------------- */

#main .contact{
	padding:20px;
	border:#CBCED1 solid 1px;
	background:#FFF;
}

#main .contact h3{
	background:url(../img/common/ttl_info.jpg) no-repeat;
	width:596px;
	line-height:37px;
	color:#002048;
	font-size:14px;
	padding:1px 0 2px 24px;
	margin-bottom:10px;
}
#main .contact h4{
	font-weight:bold;
	font-size:14px;
	color:#002048;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#CBCED1 solid 1px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
#main .contact .ttl{
	font-weight:bold;
	font-size:18px;
	color:#002048;
	margin-bottom:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
#main .contact .lead{
	font-weight:bold;
	font-size:14px;
	color:#002048;
	margin-bottom:10px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}


#main .contact .thanks{
	font-weight:bold;
	font-size:18px;
	text-align:center;
	color:#002048;
	margin:80px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}

#main .contact .warning{
	font-size:12px;
	padding:12px;
	border:solid 1px #F00;
	background:#FCE6E3;
	margin-bottom:15px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#main .contact .inner{
	margin-bottom:20px;
}

#main .contact table{
	border:1px solid #CBCED1;	
	margin-bottom:10px;
	width:100%;
}

#main .contact table th,td{
	border:1px solid #CBCED1;
	padding:10px;
}

#main .contact table th{
	width:120px;
	background:#F7F8F8;
	vertical-align:middle;
	text-align:left;
	color:#002048;
	position:relative;
}

#main .contact table th span{
	position:absolute;
	top:15px;
	right:10px;
	background:#F60;
	font-size:10px;
	line-height:18px;
	display:block;
	color:#FFF;
	width:30px;
	text-align:center;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#main .contact table td .input{
	width:440px;
	background:#F7F8F8;
	padding:5px;
	font-size:14px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #CBCED1;
}

#main .contact .btn{
	background:#E5E6E8;
	text-align:center;
	padding:10px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}