@charset "Shift_JIS"; 		/* 文字コードセット */

/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}
html{overflow-y:scroll}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}
dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

a{ outline:none}

body {
	font-size:75%; /* 基本のフォントサイズ */
	line-height: 1.8em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333;
}


/* link
---------------------------------------------------- */
a:link,
a:visited {color: #036; text-decoration:underline} 
a:hover,
a:active {color: #036; text-decoration:none}


/* top
---------------------------------------------------- */
#top{
	width:100%;
	background:url(../images/bg_navi.jpg) repeat-x;
}
#top_inner{
	width:960px;
	margin:0px auto;
	height:120px;
	text-align:left
}
#top h1{float:left;	width:28px; height:90px}

#navigation{
	width:661x;
	float:right;
	height:90px;
	font-size:10px;
	line-height:100%;
	list-style:none;
}
#navigation li{float:left; height:90px}

#top2{
	width:960px;
}
#fb{ float:left; padding-top:10px;}
#snavi{ width:404px; float:right}
#snavi p{ float:left; width:142px}
#snavi ul{
	float:right;
	height:30px;
	font-size:10px;
	line-height:100%;
	list-style:none;
}
#snavi li{float:left; height:30px; display:inline; margin-left:5px}


/* wrapper
---------------------------------------------------- */
#wrapper{
	width:100%;
	background-color:#fafafa;
	border-bottom:1px solid #eee;
	padding-top:37px;
}

#pagebody{
	width:960px;
	margin:0px auto;
	text-align:left;
}

#pagetop{ margin-top:40px; text-align:right; font-size:1px}
#pagetop a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}


/* footer
---------------------------------------------------- */
#footer{
	width:960px;
	margin:0px auto;
	text-align:left;
	padding:15px 0px 40px 0px
}
#footer ul{
	margin-bottom:15px
}
#footer li{
	list-style:none;
	display:inline;
	font-size:10px;
	line-height:1.0em;
	border-right:1px solid #ccc;
	padding:0px 7px
}
#footer .first{ padding-left:0px}
#footer .last{ border:none}
#footer a:link,
#footer a:visited {color:#666;text-decoration:none}
#footer a:hover,
#footer a:active { color:#999;text-decoration:none}

address{float:left;width:299px}
#footer p{ width:180px; float:right}
#footer p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}


/* トップページ（index.html）
---------------------------------------------------- */
.top_box{
	background:url(../images/bg_top_box.jpg) no-repeat bottom;
	padding:15px 30px 40px 30px
}

.slider{
	width:960px;
	margin:0 auto;
}


/* 実績（result.html）
---------------------------------------------------- */
#result_category{
	width:210px;
	float:left
}
#result_category ul{
	list-style:none;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#result_category li{
	border-bottom:1px solid #ccc;
	
}
#result_category li a:link,
#result_category li a:visited{
	text-decoration:none;
}
#result_category li a{	
	display:block;
	padding:15px;
	font-weight:bold;
	background:url(../images/ico_link.gif) no-repeat 10px center;
	padding-left:25px
}
#result_category li a:hover{
	background-color:#e0f5ff;	
}

#result_content{
	width:720px;
	float:right;
}


/* 先輩スタッフの声（staff.html）
---------------------------------------------------- */
.staff_left{
	width:335px;
	float:left;
	margin-bottom:20px
}
.staff_left table{
	margin-top:15px;
	width:100%;
	border-collapse:collapse
}
.staff_left th{
	width:30%;
	padding:10px;
	background-color:#eee;
	padding:5px 0px;
	border:1px solid #ccc;
	text-align:center;
}
.staff_left td{
	padding:5px 7px;
	border:1px solid #ccc;
}

.staff_right{
	width:570px;
	float:right;
	margin-bottom:20px
}
.staff_right div{ line-height:normal; margin-bottom:15px}


/* 会社概要（company.html）
---------------------------------------------------- */
.company_atten{
	margin:15px 0px;
	background-color:#eee;
	padding:15px;
	font-size:90%;
	line-height:normal
}


/* お問い合わせ（contact.html）
---------------------------------------------------- */
.contact_privacy{
	border:1px solid #ccc;
	padding:14px;
	font-size:90%;
	margin-bottom:15px
}

.contact_doi{ background-color:#eee; padding:10px; text-align:center; margin-bottom:15px}


/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px; vertical-align:bottom}
table{margin-top:1px}

h2,h3,h4,h5,h6{clear:both}

.form-s{width:70px}
.form-m{width:150px}
.form-l{width:300px}
.form100{width:99%}
.form-h{ height:80px}
/*.needinput{background-color:#fee;border:1px solid #666}*/
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:2px}
input[type="text"], select{border:1px solid #ccc}
input:focus[type="text"]{border:1px solid #06c}
textarea{font-size:100%;border:1px solid #ccc;width:99%; padding:2px}

.clear {clear: both}

.red{ color:#c00}

.f-left{float:left}
.f-right{float:right}

.tac{ text-align:center}
.tar{ text-align:right}

.ul{ margin-left:18px; list-style:square;}
.ol{ margin-left:23px}

.lhn{ line-height:normal}

.link{ background:url(../images/ico_link.gif) no-repeat left center; padding-left:15px}

.title{
	font-size:110%;
	line-height:normal;
	font-weight:bold;
	background-color:#036;
	color:#fff;
	text-align:center;
	padding:5px 0px;
	font-weight:bold;
	margin-bottom:10px
}
.title2{
	font-size:140%;
	line-height:normal;
	font-weight:bold;
	border-left:2px solid #036;
	padding:3px 10px;
	color: #036;
	margin-bottom:10px
}
.title3{
	font-size:100%;
	line-height:normal;
	padding-bottom:3px;
	border-bottom:1px dotted #666;
	margin-bottom:7px
}

.table{
	width:100%;
}
.table th{
	width:25%;
	color:#036;
	padding:10px;
	border-bottom:1px dotted #aaa;
	text-align:left;
}
.table td{
	padding:10px;
	border-bottom:1px dotted #aaa;
}
.table ul{ margin-left:18px}
.table .need{background:url(../images/ico_need.gif) no-repeat 90% center}
.table td span{ color:#666; font-size:80%}

.box{
	border:5px solid #99c3de;
	padding:15px
}

.filter a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}

.w270{ width:270px}
.w280{ width:280px}
.w310{ width:310px}
.w350{ width:350px}
.w450{ width:450px}
.w480{ width:480px}
.w540{ width:540px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.ml15{ margin-left:15px}
.mr15{ margin-right:15px}
.mr30{ margin-right:30px}

@media print{
}