﻿@charset "utf-8";

/*基本設定
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
	
body{
	color:#333;
	text-align:center;
	font-size:14px;
	line-height:1.6;
}
	
body,td {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
}

h1, h2, h3, h4, h5, p, ul, ol, li, object, embed {
	margin:0;
	padding:0;
}
	
ul, ol, li {
	list-style:none;
}

img {
	border:none;
	vertical-align:top;
}

hr {
	display:none;
}	

a {
	color:#999;
	text-decoration:none;
	overflow:hidden;
}

a:hover {
	color:#f60;
}




/*レイアウト設定
---------------------------------------------*/
#all{
	margin:0;
	background:url(img/img_top_bg.jpg) 0 0 repeat-x;
	width:100%;
	padding:0;
	text-align:center;
}


#wrapper {
	margin:0 auto;
	width:874px;
	padding:0;
	text-align:left;
}



/*---- contents -----*/
#header {
	width:760px;
	height:140px;
	padding-left:70px;
}

#logo {
	padding:50px 0 0 0;
	width:204px;
	margin-right:25px;
}

#logo h1 {

}

#head_copy {
	padding:73px 0 0 0;
	margin-right:30px;
	width:464px;
}

#head_copy p{
}

#head_read {
	width:735px;
	padding-left:70px;
}


/*------------------------------*/


#contents {
	width:874px;
	padding:20px 0 45px 0;
}

h2 {
	padding:0 0 30px 0;
}

#main {
	padding:0 0 45px 70px;
	width:735px;
}

#main table td.form_head {
	background-color:#ccc;
	color:#333;
	font-size:16px;
	font-weight:bold;
}

#main table td.form_head02 {
	background-color:#ccc;
	color:#333;
	font-size:16px;
	font-weight:bold;
}


#main table {
	border-collapse:collapse;
}

#main td {
	padding:5px 10px 5px 10px;
	border:2px solid #999;
	vertical-align:top;
}

#main td img{
	padding:0 10px 5px 0;
}

.form_kiyaku {
	border:1px solid #ccc;
	width:735px;
	height:150px;
	overflow:auto;
}

.form_kiyaku p {
	width:695px;
	padding:5px;
}

td.important {
	background:url(img/form_ico_important.jpg) 10px 50px no-repeat;
	padding-left:12px;
}

.f_naem input {
	padding:2px;
	width:250px;
}

.f_mail input {
	padding:2px;
	width:250px;
}

.f_jobno input {
	padding:2px;
	width:130px;
}

.f_txt textarea {
	padding:2px;
	width:300px;
}

.thanks {
	text-align:center;
}
.red {
	color:#CC0000;
}

.txt12 {
	font-size:12px;
}

p.inquiry {
	background:url(img/form_ico_mail.jpg) 0 50% no-repeat;
	padding:5px 0 5px 40px; 
	margin:8px 0 0 0;
}

.inquiry a {
	color:#CC0000;
	text-decoration:underline;
}

.inquiry a:hover {
	color:#666666;
}


p.tel {
	background:url(img/form_ico_tel.jpg) 0 50% no-repeat;
	padding:3px 0 5px 40px; 
	line-height:1.2;
}


/*----------------------------------------*/
#footer {
	width:874px;
	height:40px;
	background:url(img/foot_bg.jpg) 0 0 repeat-x;
}



#footer address {
	text-align:right;
	padding:5px;
}








/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{ clear:both;}

.spT20{margin-top:10px;}

.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT40{padding-top:40px;}

.spB05{margin-bottom:5px;}
.spB10{margin-bottom:10px;}
.spB20{margin-bottom:20px;}
.spB30{margin-bottom:30px;}
.spB40{margin-bottom:40px;}

.sppB5{padding-bottom:5px;}
.sppB10{padding-bottom:10px;}
.sppB20{padding-bottom:20px;}
.sppB30{padding-bottom:30px;}
.sppB40{padding-bottom:40px;}
.sppB45{padding-bottom:45px;}

.sppL5{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL40{padding-left:40px;}
.sppL50{padding-left:50px;}
.sppL80{padding-left:80px;}
.sppL188{padding-left:188px;}
.sppL250{padding-left:250px;}
.sppL270{padding-left:270px;}
.sppL360{padding-left:360px;}

.sppR5{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR20{padding-right:20px;}
.sppR30{padding-right:30px;}
.sppR40{padding-right:40px;}

.left{ float:left;}
.right{ float:right;}




