@charset "utf-8";
body {
	background:#34506C url(http://mikle.co.jp/img/body_bg.gif) repeat-x;
	margin:0;
	font-size:14px;
	line-height:160%;
	color:#666666;
	font-family:meiryo;}

a:link		{ color:#663300;}
a:visited	{ color:#663300;}
a:hover 	{ color:#ff3300;}
a:active	{ color:#ff3300; }

a img	{border:none;}

a	{color:#800080;}

.font10 {font-size:10px;}

.orange {color:#FF6600;}

#countainer {
	width:900px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#body {
	width:870px;
	padding:0 15px 50px;
}

#footer {
	width:900px;
	height:72px;
	clear:both;
	margin:0 auto;
}

#header {
	width:900px;
	height:88px;
	background:#131D26;
	position:relative;
}

		#head_logo {
			width:157px;
			height:60px;
			position:absolute;
			left:0;
			top:13px;
		}
		
		#head_navi {
			list-style:none;
			margin:0;
			padding:0;
		}
		
		#head_navi li {
			margin:0;
			padding:0;
			position:absolute;
			display:block;
			text-indent:-9999px;
		}
		
		#head_navi li a {
			margin:0;
			padding:0;			
			position:absolute;
			display:block;	
		}
		
		#head_navi li a:hover {
			background-position:0 -33px;
		}
		
		li#top2 {
			background:url(../img/head_bt_top.gif) no-repeat;
			background-position:0 -33px;
			width:91px;
			height:33px;
			top:55px;
			left:344px;
		}
		
		li#top a {
			background:url(../img/head_bt_top.gif) no-repeat;
			width:91px;
			height:33px;
			top:55px;
			left:344px;
		}
		li#service2 {
			background:url(../img/head_bt_service.gif) no-repeat;
			background-position:0 -33px;
			width:126px;
			height:33px;
			top:55px;
			left:435px;
		}
		
		li#service a {
			background:url(../img/head_bt_service.gif) no-repeat;
			width:126px;
			height:33px;
			top:55px;
			left:435px;
		}
		
		li#outline2 {
			background:url(../img/head_bt_outline.gif) no-repeat;
			background-position:0 -33px;
			width:94px;
			height:33px;
			top:55px;
			left:561px;
		}
		
		li#outline a {
			background:url(../img/head_bt_outline.gif) no-repeat;
			width:94px;
			height:33px;
			top:55px;
			left:561px;
		}
		
		li#contact2 {
			background:url(../img/head_bt_contact.gif) no-repeat;
			background-position:0 -33px;
			width:126px;
			height:33px;
			top:55px;
			left:655px;
		}
		
		li#contact a {
			background:url(../img/head_bt_contact.gif) no-repeat;
			width:126px;
			height:33px;
			top:55px;
			left:655px;
		}
		
		li#recruit2 {
			background:url(../img/head_bt_recruit.gif) no-repeat;
			background-position:0 -33px;
			width:94px;
			height:33px;
			top:55px;
			left:781px;
		}
		
		li#recruit a {
			background:url(../img/head_bt_recruit.gif) no-repeat;
			width:94px;
			height:33px;
			top:55px;
			left:781px;
		}

#top_left {
	width:657px;
	padding:0 18px 50px 15px;
	float:left;
	background-color:#FFFFFF;}

#top_right {
	width:210px;
	float:left;
	background-color:#FFFFFF;}

.clear {
	clear:both;}

.body_t {
	width:657px;
	height:39px;
	padding-top:15px;
	position:relative;}

.body_t .link {
	position:absolute;
	right:8px;
	bottom:11px;}

.top_body_box {
	width:657px;
	overflow:hidden;
	padding:15px 0 0 0;}

.top_body_boxinner {
	width:664px;}

.top_body_table {
	width:300px;
	padding:0 27px 15px 0;
	float:left;}

.top_body_table th {
	height:30px;
	padding-top:5px;
	text-align:left;
	font-weight:normal;
	font-size:20px;}

.top_body_table td {
	vertical-align:top;}

.top_body_table td img {
	padding-bottom:10px;}


#outline_table table {
	border-top:solid 1px #989CAB;
	border-left:solid 1px #989CAB;
	width:100%;}

#outline_table th {
	border-right:solid 1px #989CAB;
	border-bottom:solid 1px #989CAB;
	font-weight:normal;
	text-align:left;
	padding:5px 10px;
	background-color:#E0E6EF;}

#outline_table td {
	border-right:solid 1px #989CAB;
	border-bottom:solid 1px #989CAB;
	padding:5px 10px;}


#contact_table {
	background-color:#ECE9D8;
	padding:5px 20px;}

#contact_table table {
	width:100%;}

#contact_table th {
	font-weight:normal;
	text-align:left;
	background-color:#FFFFFF;
	padding:10px 5px 10px 20px;}

#contact_table td {
	background-color:#FFFFFF;}

.contact_form {
	border :1px solid #7F9DB9;
	padding:3px;
	margin:0;
	font-size:12px;}

#contact_bt {
	background-color:#ECE9D8;
	text-align:center;}


.recruit_ul {
	margin:0;
	padding:0 0 0 20px;}



.member { width:120px;float:left; }
.top_mission { margin:30px 0 10px 0; font-size:24px; line-height:30px; }


/*##########サービス一覧(service_all.html） #############*/
.service_list{
	margin:0;
	padding:0;}
.services/*各サービスごとに囲む枠*/{
	clear:both;
	margin:10 0 20px 0;
	padding:10px 0 20px 0;}
.service_list h2 /*サービス名*/{
	margin:25px 0 10px 0;
	padding:5px 0 5px 10px;
	border-left:10px #CDE9E5 solid;}
.service_list p /*サービス説明文*/{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:150%;
	color:#333;}
.service_list li /*「詳細を見る」とリンクURL*/{
	display:inline;
	margin-right:5px;
	padding-right:5px;}
.service_list_image /*キャプチャ画像*/{
	margin-right:15px;
	padding:3px;
	border:1px #CCC solid;
	float:left;}

/*##########サービス詳細 #############*/
.service_points/*訴求ポイントを囲む枠*/{
	clear:both;
	margin:20px 0 10px 0;
	padding:20px 0 10px 0;}
.service_list h3{
	margin:20px 0 10px 0;
	padding:0 0 5px 30px;
	font-size:18px;
	background-image:url(../img/service_midashi.gif);
	background-repeat:no-repeat;}

/*サービス概要詳細 基本情報のtable用*/
#outline_table2 table {
	border-top:solid 1px #989CAB;
	border-left:solid 1px #989CAB;
	width:380px;}
#outline_table2 th {
	border-right:solid 1px #989CAB;
	border-bottom:solid 1px #989CAB;
	font-weight:normal;
	text-align:left;
	padding:5px 0 5px 10px;
	background-color:#E0E6EF;}
#outline_table2 td {
	border-right:solid 1px #989CAB;
	border-bottom:solid 1px #989CAB;
	padding:5px 0 5px 10px;}
#contact_table2 {
	background-color:#ECE9D8;
	padding:5px 20px;}
#contact_table2 th {
	font-weight:normal;
	text-align:left;
	background-color:#FFFFFF;
	padding:10px 0 10px 10px;}
#contact_table2 td {
	background-color:#FFFFFF;}
.date {
	font-size:8px;}
/*サービス概要詳細 基本情報のtable用ここまで*/


.service_list_image_left{
	margin-right:20px;
	margin-left:10px;
	padding:3px;
	border:1px #CCC solid;
	float:left;}
.service_list_image_right{
	margin-left:20px;
	padding:3px;
	border:1px #CCC solid;
	float:right;}
/*右サイドバーのサブナビゲーション*/
.service_list_module ul{
	margin:0;
	padding:0;}
.service_list_module li{
	margin:0;
	padding:0 10px;
	list-style-type:none;}
.service_list_module a:link  {
	/*color:#7FC6BC;*/
	color:#663300;
	cursor:pointer;
	display:block;
	font-size:90%;
	padding:3px 11px;
	text-decoration:none;
	white-space:nowrap;
	margin:5px 0;}
.service_list_module a:visited {
	/*color:#7FC6BC;*/
	color:#ff3300;
	cursor:pointer;
	display:block;
	font-size:90%;
	padding:3px 11px;
	text-decoration:none;
	white-space:nowrap;
	margin:5px 0;}
.service_list_module a:hover   {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*background-color:#CDE9E5;*/
	background-color:#EEEEF0;
	/*color:#FFF;*/
	color:#999;}
.service_list_module a:active  {
	/*color:#7FC6BC;*/
	color:#ff3300;
	cursor:pointer;
	display:block;
	font-size:90%;
	padding:3px 11px;
	text-decoration:none;
	white-space:nowrap;
	margin:5px 0;}
.selected a  /*「全てのサービス」だけ背景色が違う。マウスオーバーしなくても背景色あり*/{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*background-color:#CDE9E5;*/
	background-color:#EEEEF0;
	color:#FFF;}