@charset "utf-8";

/****ヘッダーエリアの設定
*******************************************************/
#header {
	width: 650px;
	margin: 50px auto 60px auto;
}
#header h1 {
	text-align: center;
	margin-bottom: 50px;
}
#header ul li {
}
#header ul li a {
	display: block;
	padding: 9px 0;
	width: 130px;
	float: left;
	text-align: center;
	background: url(../img/icon_nav.gif) 0 0 #ffffff no-repeat;
}
#header ul li a:hover {
	background: url(../img/icon_nav_hover.gif) 0 0 #fafafa no-repeat;
}
/******************************************************/




/****コンテナとコンテンツエリアの設定
*******************************************************/
#container {
	width: 650px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content {
}

h2.page_tit {
	text-align: center;
	margin-bottom: 40px;
}
h2.page_tit span {
	display: inline-block;
	font-size: 14px;
	border-bottom: 2px solid #cccccc;
	padding: 0 8px 3px 8px;
}
/******************************************************/






/**** フッターの設定
*******************************************************/
#copyright {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 10px 0;
}
/******************************************************/






/**** indexの設定
*******************************************************/
.top_logo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 420px;
	height: 84px;
}
/******************************************************/






/**** Worksの設定
*******************************************************/
.works_wait {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 2.0em;
}
/******************************************************/






/**** Company Profileの設定
*******************************************************/
.company_page h3 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
.company_page .vision {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 2.0em;
	margin-bottom: 50px;
}
.table_company {
	font-size: 14px;
	margin: 0 auto 30px auto;
	width: auto;
}
.table_company th {
	width: auto;
	color: #222222;
	font-weight: bold;
	text-align: right;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
}
.table_company td {
	width: auto;
	padding: 10px 0 10px 10px;
	vertical-align: top;
}
.table_company .content_list li {
	list-style: outside square ;
	margin-left: 1.2em;
}
/******************************************************/






/**** Business Contentsの設定
*******************************************************/
.business_page h3 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
.business_page .ad_comment {
	margin-bottom: 45px;
}
.business_page h4 {
	font-size: 14px;
	font-weight: bold;
	border-left: solid 2px #444444;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 1.1em;
}
.business_page p {
	font-size: 14px;
	padding: 0 0 0 15px;
}
.business_page .content_box {
	width: 10em;
	margin:0 auto;
	font-size: 14px;
}
.business_page .content_list {
}
.business_page .content_list li {
	list-style: outside square;
	margin-left: 1em;
}
/******************************************************/






/**** contactの設定
*******************************************************/
.table_contact_form {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
}

.table_contact_form th {
	width: 35%;
	text-align: left;
	padding-bottom: 30px;
}

.table_contact_form td {
	width: 65%;
	padding-bottom: 30px;
}

.table_contact_form th p {
	margin: 0;
	line-height: 22px;
	border-left: solid 2px #444444;
	padding: 0 0 0 20px;
	margin-bottom: 1px;
	line-height: 1.1em;
}

.table_contact_form th span {
	font-size: 11px;
	color: #9a0101;
	padding: 0 0 0 8px;
}

.table_contact_form td span {
	color: #666666;
	font-size: 12px;
}

.table_contact_form input {
	border: 1px solid #444444;
	background-color: #ffffff;
	line-height: 1.8em;
	padding: 0 3px;
	font-family: Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
span.confirm {
	font-size: 12px;
}

.table_contact_form textarea {
	border: 1px solid #444444;
	font-family: Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.table_contact_form .send_btn {
	padding: 5px 20px;
	cursor: pointer;
}

.table_contact_form .send_btn:hover {
	background-color: #96cd5c;
}
.table_contact_form input.zip {
	margin-bottom: 10px;
}
.table_contact_form input.zip_btn {
	margin-bottom: 10px;
	font-size: 11px;
	cursor: pointer;
	background-color: #9fd1ff;
}
.table_contact_form input.zip_btn:hover {
	background-color: #4b98de;
	color: #ffffff;
}

/**送信完了**/
.thanks_page h3 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

.thanks_page p {
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
}

.thanks_page p span {
	font-size: 16px;
	font-weight: bold;
}
/******************************************************/