@charset "utf-8";

/*スタイルシートリセット*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-style:normal;
	font-weight:normal;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #999999;
    margin:10px 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

.clear{
	clear:both;
}

.center{
	text-align: center;
}

.red{
	color:#B20000;
}

.bold{
	font-weight: bold;
}
/*スタイルシートリセット、ここまで*/
/*共通項目の設定*/
body {
	height:100%;
	margin: 0px;
	padding: 0px;
	font-family:"Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	word-spacing: 0.2em;
	line-height: 1.5em;
	font-size:88%;
	background: rgb(127,190,37);
	background: linear-gradient(180deg, rgba(127,190,37,1) 0%, rgba(255,255,255,1) 10%);
}

input:focus, textarea:focus{
	background:#FBE1DB;
}	
/*共通項目の設定、ここまで*/
/*リンク関係の設定*/
#headernavi header li a, footer a, .up a, .company a{
	text-decoration:none;
	color:#009933;	
}

#headernavi header ul a:hover, footer a:hover, .up a:hover, .company a:hover{
	color:#FF9900;
	text-decoration:underline;
}

.partner_right a, .column_area td a{
	text-decoration:none;
	color:#FF9900;	
}

.partner_right a:hover, .column_area td a:hover{
	color:#FF9900;
	text-decoration:underline;
}

.principle a:hover{
	color:#FF9900;
	text-decoration:underline;
}

.copy a{
	text-decoration:none;
	color:#ffffff;	
}
.copy a:hover{
	color:#ffffff;	
	text-decoration:none;
}

.menu li a, .menu li a:hover{
	text-decoration:none;
	color:#009933;
	font-size:16px;
}

.menu li{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 150px;
	margin: auto;
	padding: 10px 10px 5px 10px;
	font-weight: bold;
	background: rgb(127,190,37);
	background: linear-gradient(0deg, rgba(127,190,37,1) 0%, rgba(202,221,105,1) 100%);
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
	cursor: pointer;	
}

.menu p{
	font-size:12px;
	font-style: italic;
	margin: 0;
	padding:0;
}

.menu li:hover {
	color: #fff;
	opacity: 0.5;
}

/*リンク関係の設定、ここまで*/	
/*▼ページレイアウトの設定開始▼*/
#wrapper{
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	overflow:auto;
}


/*メインコンテンツの指定開始*/
#wrapper #main_content{
	width:880px;
	margin:0px auto;
	background-color:#FFF;
}

/*ヘッダー部分ここから*/
#headernavi{
	width:auto;
	height:120px;
	padding:0 ;
	margin:0 auto;
}

#headernavi header{
	width:850px;
	height:120px;
	padding:0;
	margin:0px auto;
}

#headernavi header .header_text{
	padding:0 0 0 10px;
	text-align:left;
	font-size:12px;
	word-spacing:2em;
	width:450px;
}

#headernavi header h1 {
	width: 480px;
	height:70px;
	display:block;
	float:left;
	padding:10px 0 0 10px;
	margin: 0px;
}


.tel {
	height: 90px;
	width: 343px;
	display:block;
	text-align: left;
	margin:0 0 0 10px;
	float:right;
}

#headernavi header ul{
	margin:-23px 0 0 0;
	float:right;	
}

#headernavi header li, #wrapper footer  .f_menu li{
	display:inline;
	padding:0px 4px 0 10px;
	list-style-type: none;
	text-decoration:none;	
	/*background: url(../common/triangle.jpg) no-repeat left center;*/
	font-size:12px;
}

/*ヘッダー部分ここまで*/
/*メニュー部分ここから*/
nav{
	width:850px;
	height:60px;
	margin:0 auto;
	padding:0px;
	/*background: url(../common/menu_bg.jpg) repeat-x;*/
	clear:both;
}
	
.menu{
	width:850px;
	height:60px;
	margin:0 auto;
}

.menu li{
	float:left;
}
/*メニュー部分ここまで*/

#wrapper #main_content .content{
	width:850px;
	height:auto;
	margin:10px auto 10px auto;
	text-align:left;
}

section h1,section h2, section h3, section h4, section h5, section h6{
	padding:10px 10px 0 10px;
	clear:both;
}

section h1,section h2,section h3,section h4,section h5,section h6 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 15px 0;
  text-align: center;
  margin: 1.5em 0;
}

section h1:before,section h2:before,section h3:before,section h4:before,section h5:before,section h6:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section h1 span, section h2 span, section h3 span, section h4 span, section h5 span, section h6 span {
	font-size: small;
	margin:0 0 0 10px;
}

section .principle{
	width:820px;
	padding:10px 10px 10px 20px;
}

section .sub_title{
	border-left:#009933 5px solid;
	border-bottom:#009933 1px solid;
	margin:10px 10px 10px 30px;
	width:795px;
	padding:0 0 0 10px;
	color:#009933;
	font-size:larger;
	clear:both;
}

section .sub_title2{
	border-left:#009933 5px solid;
	border-bottom:#009933 1px solid;
	margin:10px 10px 10px 30px;
	width:580px;
	padding:0 0 0 10px;
	color:#009933;
	font-size:larger;
	clear:both;
}

section .content_area{
	width:850px;
	padding:0 0 20px 0;
	overflow:hidden;
}

section .content_area .work_left{
	float:left;
	width:250px;
	padding:0 0 0 40px;
	overflow:hidden;
}

section .content_area .work_right{
	float:right;
	width:540px;
	overflow:hidden;
}

/*いずれすてる
section .content_area ul{
	margin:0 0 0 30px;
	float:right;	
}

section .content_area li{
	display:inline;
	padding:0px 4px 0 10px;
	list-style-type: none;
}
*/



section  .text{
	width:850px;
	padding:0 0 10px 0;
}

section .content_area .content_area_left{
	float:left;
	width:630px;
	padding:0 0 10px 0;
}

section .content_area .content_area_left .content_area_left_text{
	padding:0 10px 0 50px;
}

section .content_area .content_area_right{
	float:right;
	width:200px;
	padding:0 10px 0 0;
}


/*▼会社概要▼*/	
.company{
	width:840px;
	height:auto;
	padding:0 0 15px 0;
	}

.company table{
	width:790px;
	margin:20px 10px 0 50px;
	}

.company th{
	border-top:2px #009933 solid;
	padding:10px 10px 20px 5px;
	width:150px;
	vertical-align:text-top;
	text-align:left;
}

.company td{
	padding:10px 10px 20px 5px;
	border-top:1px #009933 solid;
}
/*▲会社概要▲*/	

section .content_area .partner_left{
	float:left;
	width:100px;
	padding:0 0 10px 50px;
}

section .content_area .partner_right{
	float:right;
	width:670px;
	padding:0 10px 0 0;
}

.up{
	clear:both;
	float:right;
	padding:0 0 0 10px;
	margin:0 10px 10px 0;
}

section .column_area{
	padding:0 0 0 50px;
}

section .column_area .column_sub_title{
	color:#009933;
	border-bottom:1px #009933 solid;
	width:790px;
	margin:5px 0 0 0;
}

section .column_area table{
	margin:10px 0 0 10px;
}


section .column_area th{
	padding:0 10px 0 0;
	border-bottom:1px #009933 solid;	
}

section .column_area td{
	border-bottom:1px #009933 solid;
	width:690px;
}

section .column_area .column_text{
	width:780px;
	margin:5px 0;
	padding:5px;
	
}

/*フッター部分ここから*/
#wrapper footer{
	padding:0 ;
	margin:0px auto;
	clear:both;
	border-top:#009933 1px solid;
}	

#wrapper footer .f_menu{
	width:880px;
	margin:0 auto;
	padding:5px 0 5px 10px;
	text-align:left;
}	
	
#wrapper footer .f_menu ul{
	letter-spacing: 0.2em;
}

#wrapper #footer2{
	margin:0px auto;
	border-top:#009933 1px solid;
}

#wrapper #footer2 .copy{
	clear:both;
	width:auto;
	height:25px;
	margin:20px 0 0 0;
	padding:10px 0;
	color:#FFFFFF;
	background:#009933 repeat-x 5px;
	text-align:center;
	font-size:12px;
}	
/*フッター部分ここまで*/



/*従業員カルテ*/
.karteTitle {
  	position: relative;
  	padding: .5em .75em;
	margin: 0 10px 30px 10px;
  	background-color: #7fbe25;
  	border-radius: 6px;
  	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	font-size:16px;
	color:#fff;
	font-weight: bold;
}
.karteTitle::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #7fbe25;
}

.karteCatch{
	margin: 0 10px 100px 10px;
}

.karteExplanation{
	margin: 0 10px 50px 30px;
	overflow: hidden;
}

.karteExplanation .picArea{
	float: left;
	margin: 15px 0 0 0;
	width: 220px;
}

.karteExplanation .textArea{
	float: left;
	width: 560px;	
	margin: 15px 0 0 0;
	border:1px #B20000 dotted;
	padding: 10px;
}


.askArea{
	border: 2px #804933 solid;
	margin:50px 150px;
	padding: 20px;
	color: #804933;
	text-align: center;
	font-size:24px;
	line-height: 140%;
}

/*▲会社情報▲*/

/*ie - Internet Explorer (All versions) 
ie8 - Internet Explorer 8.x 
ie7 - Internet Explorer 7.x 
ie6 - Internet Explorer 6.x 
ie5 - Internet Explorer 5.x 
gecko - Mozilla, Firefox (all versions), Camino 
ff2 - Firefox 2 
ff3 - Firefox 3 
ff3_5 - Firefox 3.5 new 
opera - Opera (All versions) 
opera8 - Opera 8.x 
opera9 - Opera 9.x 
opera10 - Opera 10.x 
konqueror - Konqueror 
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome 
safari3 - Safari 3.x 
chrome - Google Chrome 
iron - SRWare Iron new */