@charset "UTF-8";

body > header {
	background-color: #06c;
}

div#nav {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #EFEFEF;
}
div#nav p {
	font-size: 13px;
	line-height: 1;
	margin: 0 auto;
	width: 1070px;
	color: #06C;
}
div#nav p a {
	text-decoration: none;
	color: #333;
}
div#nav p i.fa-home {
	margin-right: 3px;
}
div#nav p i.fa-angle-double-right {
	margin: 0 1em;
	color: #333;
}

div#title {
	width: 100%;
	background: #036;
}
div#title h1 {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	color: #FFF;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 30px 0;
	font-weight: normal;
	box-sizing: border-box;
}
div#contents {
	width: 1100px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
}
div#contents h2 {
	border-bottom: 3px solid #EFEFEF;
	margin: 0 0 30px;
}
div#contents h2 span {
	display: inline-block;
	margin: 0 0 -3px;
	padding: 0 10px;
	font-size: 24px;
	color: #333;
	line-height: 1.5;
	border-bottom: 3px solid #06c;
}
div#contents h3 {
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 15px;
	color: #036;
}

/**service**/
div#contents.service h2 {
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 0 5px 30px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	border: 3px solid #036;
}
div#contents.service h2 span {
	display: block;
	border: none;
	line-height: 200px;
	text-align: center;
}
div#contents.service .contbox {
	padding-top: 50px;
}
div#contents.service .contbox a {
	width: 300px;
	height: 60px;
	display: block;
	margin: 0 auto;
	line-height: 60px;
	color: #FFF;
	background: #036;
	font-size: 16px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;
	text-align: center;
	text-decoration: none;
}
div#contents.service .contbox a:hover {
	opacity: 0.6;
}
/**company**/
dl#company {
	width: 95%;
	margin: 0 auto;
}
dl#company dt {
	font-size: 14px;
	font-weight: normal;
	width: 15%;
	margin: 0 0 1.5em;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}
dl#company dd {
	font-size: 14px;
	width: 75%;
	display: inline-block;
	border-left: 1px solid #036;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 5px 5px 5px 2em;
}
/**privacy**/
div#contents.privacy h3 {
	padding-top: 10px;
}
div#contents.privacy ul {
	margin: 0 0 10px;
}
div#contents.privacy li {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

/**contact**/
span.txtred {
	color: #F00;
}
.contact table {
	margin: 0 0 15px;
	width: 70%
}
.contact th,
.contact td {
	font-size: 13px;
	line-height: 1.5;
	font-weight: 300;
	text-align: left;
	padding: 1em;
	border: 1px solid #CCC;
	vertical-align: middle;
	box-sizing: border-box;
}
.contact input {
	line-height: 1.2;
	padding: 0.2em;
}
.contact label {
	margin-right: 0.5em;
}
.contact label input {
	margin-right: 0.2em;
}
.contact #btn input {
	background: #f6f8f9;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
	border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #CCC;
	line-height: 1;
	font-size: 13px;
	font-weight: 300;
	padding: 1em 1.5em;
	margin: 0 0.5em;
}