@charset "utf-8";

body{
font-family: メイリオ,"MS ゴシック",osaka,verdana,sans-serif;
margin : 0 auto;
position:relative;
text-align : center;
}

/*----　common　---*/
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/*----　ヘッダー　---*/
div#head
{
	background-color:#FFFFFF;
	margin:20px auto;
	width:100%;
	}
	
	div#head_inner
	{
		background-color:#FFFFFF;
		height:50px;
		width:1200px;
		margin:0 auto;
	}
	
		div#logo
		{
			float:left;
			margin-right:0px;
			width:350px;
		}
	
		
		/*----　グローバルナビ　---*/
		
		div#g_navi
		{
			width:819px;
			height:50px;
			float:right;
		}
		
		div#g_navi ul
		{
			padding:0 0;
			margin:0;
		}
		
		div#g_navi li
		{
			display:inline;
			list-style-type:none;
		}
		
		div#g_navi a
		{
			height:23px;
			width:117px;
			display:block;
			float:left;
			text-indent:-9999em;
			text-decoration:none;
			overflow:hidden;
		}
	
	
		
		
		/*---　OFF　---*/
		
		div#g_navi li.navi_01 a
		{
			background:url(image/navi_01.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_02 a
		{
			background:url(image/navi_02.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_03 a
		{
			background:url(image/navi_03.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_04 a
		{
			background:url(image/navi_04.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_05 a
		{
			background:url(image/navi_05.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_06 a
		{
			background:url(image/navi_06.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
		div#g_navi li.navi_07 a
		{
			background:url(image/navi_07.png) no-repeat 0px 0px;
			width:117px;
			margin:17px 0;
		}
	
	
		
		
		/*---　hover　---*/
		
		div#g_navi li.navi_01 a:hover
		{
			background:url(image/navi_01.png) no-repeat 0px -23px;
		}
		
		div#g_navi li.navi_02 a:hover
		{
			background:url(image/navi_02.png) no-repeat 0px -23px;
		}
		
		div#g_navi li.navi_03 a:hover
		{
			background:url(image/navi_03.png) no-repeat 0px -23px;
		}
		
		div#g_navi li.navi_04 a:hover
		{
			background:url(image/navi_04.png) no-repeat 0px -23px;
		}
		
		div#g_navi li.navi_05 a:hover
		{
			background:url(image/navi_05.png) no-repeat 0px -23px;
		}
		
		div#g_navi li.navi_06 a:hover
		{
			background:url(image/navi_06.png) no-repeat 0px -23px;
		}
		
		div#g_navi li.navi_07 a:hover
		{
			background:url(image/navi_07.png) no-repeat 0px -23px;
		}
		
		
		/*---　on　---*/
		
		div#g_navi li.navi_01_on a
		{
			background:url(image/navi_01.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_02_on a
		{
			background:url(image/navi_02.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_03_on a
		{
			background:url(image/navi_03.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_04_on a
		{
			background:url(image/navi_04.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_05_on a
		{
			background:url(image/navi_05.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		
		div#g_navi li.navi_06_on a
		{
			background:url(image/navi_06.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		div#g_navi li.navi_07_on a
		{
			background:url(image/navi_07.png) no-repeat 0px -23px;
			width:117px;
			margin:17px 0;
		}
		
		
/*----　●　HOME　●　---*/		

/*----　スライダー　---*/
div#main_visual
{
	height:400px;
	width:100%;
	background-color:#fff;
}


/*----　セクション　01　---*/
div#section_01
{
	margin:15px auto 20px;
	background-image:url(image/section01_bg.png);
	background-repeat:repeat-x;
	background-position:0 125px;
}

h2.tsuyomi
{
	font-weight:400;
	font-size:23px;
	color:#0F0F0F;
	line-height:30px;
	margin:0 auto;
}

b.bold_3
{
	font-size:30px;
	color:#0F0F0F;
}

	
	div#section_01_inner
	{
		height:350px;
		width:865px;
		margin:0 auto;
	}
		
		div#section_01_left_box
		{
			width:320px;
			float:left;
		}
		
		div#section_01_center_box
		{
			width:200px;
			float:left;
			margin:130px auto auto 5px;
		}
		
		div#section_01_right_box
		{
			width:340px;
			float:left;
			margin:10px auto;
		}
		
		p.tsuyomi_sub
		{
			font-size:1em;
			line-height:1.4;
			color:#0F0F0F;
			text-align:left;
			margin:3px auto;
			width:90%;
		}


/*----　セクション　02　---*/
div#section_02
{
	background-color:#00aea7;
	padding:50px auto 20px;
	margin-top:50px;
}

	div#section_02_inner
	{
		height:380px;
		width:950px;
		margin:0 auto;
	}
	
		div#section_02_left_box
		{
			width:280px;
			float:left;
			margin:65px auto 35px;
		}
			div#section_02_left_box img
			{
				box-sizing:border-box;
				border:5px solid #fff;
			}
		
			h3.setsubi
			{
				font-size:20px;
				color:#FFFFFF;
				text-align:left;
				margin:3px auto;
			}
			
			p.setsubi_sub
			{
				font-size:14px;
				color:#FFFFFF;
				text-align:left;
				margin:3px auto;
			}
		
		div#section_02_center_box
		{
			width:280px;
			float:left;
			margin:65px 55px 35px;
		}
		div#section_02_center_box img
			{
				box-sizing:border-box;
				border:5px solid #fff;
			}
		
			h3.jisseki
			{
				font-size:20px;
				color:#FFFFFF;
				text-align:left;
				margin:3px auto;
			}
			
			p.jisseki_sub
			{
				font-size:14px;
				color:#FFFFFF;
				text-align:left;
				margin:3px auto;
			}
			
		div#section_02_right_box
		{
			width:280px;
			float:left;
			margin:65px auto 35px;
		}
			div#section_02_right_box img
			{
				box-sizing:border-box;
				border:5px solid #fff;
			}
			h3.kaisya
			{
				font-size:20px;
				color:#FFFFFF;
				text-align:left;
				margin:3px auto;
			}
			
			p.kaisya_sub
			{
				font-size:14px;
				color:#FFFFFF;
				text-align:left;
				margin:3px auto;
			}
			
			
/*----　セクション　03　---*/


div#section_03
{
	background-color:#FFFFFF;
}

	div#section_03_inner
	{
		height:600px;
		width:1000px;
		margin:0 auto;
		padding:0 30px;
	}
	
		div#section_03_left_box
		{
			height:500px;
			width:500px;
			float:left;
			margin:80px 50px;
			background-color:#ccc;
		}
		
		div#section_03_right_box
		{
			width:360px;
			float:left;
			margin:80px auto;
		}
		
			img.mail_bnr
			{
				margin:20px auto 5px;
			}


/*----　各ページのタイトル　---*/
/*----------------------------*/

div#title
{
	width:100%;
	height:100px;
	background-color:#00aea7;
}

	div#titel_inner
	{
		width:1200px;
		margin:0 auto;
		padding:5px 0 0;
	}
	
		h2.page_title
		{
			font-size:27px;
			color:#FFFFFF;
			text-align:left;
			line-height:27px;
			margin:27px 0 0;
		}
		
		p.page_sub_title
		{
			font-size:17px;
			color:#FFFFFF;
			text-align:left;
			line-height:17px;
			margin:3px 0 10px;
		}


/*----　●　業務内容　●　---*/

div#service_01
{
	width:100%;
	height:auto;
	background-color:#ffffff;
}

	div#service_01_inner
	{
		width:1200px;
		height:auto;
		margin:60px auto 40px;
	}
	
		div.service_01
		{
			width:75%;
			height:auto;
			margin:0 auto;
		}
			p.service_01_text
			{
				text-align:left;
				font-size:1em;
				line-height:1.4em;
				color:#0F0F0F;
			}

div#service_02
{
	width:100%;
	height:auto;
	background-color:#fff;
}

	div#service_02_inner
	{
		width:900px;
		height:auto;
		margin:50px auto 40px;
	}
	
		h3.service_02
		{
			color:#0F0F0F;
			font-size:1.3em;
			border-left:8px solid #00aea7;
			text-align:left;
			padding:0 10px;
			margin:0;
		}
		
		dl.service_list
		{
			width:100%;
			height:auto;
			font-size:1em;
			line-height:1.4;
		}
		
			dl.service_list dt
			{
				width:30%;
				height:auto;
				margin:0;
				padding:6px 0;
				text-align:left;
				display:inline-block;
				vertical-align:top;
				color:#00aea7;
				font-size:1.1em;
				font-weight:bold;
			}
			
				dl.service_list dd
				{
					width:68%;
					height:auto;
					margin-left:10px;
					padding:6px 0;
					text-align:left;
					display:inline-block;
					color:#0f0f0f;
				}
				




	div#servicet_bg
	{
		width:100%;
		height:auto;
		background-color:#fff;
	}
	
		div#service_bg_inner
		{
			width:100%;
			height:200px;
			margin:80px auto 30px;
			background-image:url(image/service.png);
			background-position:center;
		}
	

/*----　●　設備案内　●　---*/

div#equipment_01
{
	width:100%;
	height:auto;
	background-color:#ffffff;
}

	div#equipment_01_inner
	{
		width:1200px;
		height:auto;
		margin:60px auto 40px;
	}
	
		div.equipment_01
		{
			width:40%;
			height:auto;
			margin:0 auto;
		}
		
			h3.equipment_titele
			{
				text-align:center;
				font-size:1.1em;
				color:#00aea7;
				margin-bottom:5px;
			}
			
			p.equipment_01_text
			{
				margin:0;
				text-align:center;
				font-size:1em;
				line-height:1.4em;
				color:#0F0F0F;
			}


div#equipment_02
{
	width:100%;
	height:auto;
	background-color:#fff;
}
	
	div#equipment_02_inner
	{
		width:850px;
		height:auto;
		margin:40px auto;
	}
	
		div.equipment_02_left_box
		{
			width:400px;
			height:auto;
			float:left;
		}
		
			dl.equipment_02_text
			{
				text-align:left;
				font:1em;
				color:#0F0F0F;
				width:380px;
				line-height:2.2;
			}
			
				dl.equipment_02_text dt
				{
					width:88%;
					display:inline-block;
					border-bottom:1px dotted #ccc;
				}
				
				dl.equipment_02_text dd
				{
					width:10%;
					display:inline-block;
					border-bottom:1px dotted #ccc;
					margin:0;
					padding:0;
					text-align:right;
				}
	
		div.equipment_02_right_box
		{
			width:400px;
			height:auto;
			float:right;
		}

div#equipment_bg
{
	width:100%;
	height:auto;
	background-color:#fff;
}

	div#equipment_bg_inner
	{
		width:100%;
		height:200px;
		margin:80px auto 30px;
		background-image:url(image/epuipment_img/MSK_bg_equipment.png);
		background-position:center;
	}
	

/*----　●　実績紹介　●　---*/

div#works_01
{
	width:100%;
	height:auto;
}
	
	div#works_01_inner
	{
		width:850px;
		height:auto;
		margin:60px auto 20px;
	}
	
		.works_text
		{
			width:75%;
			font-size:1em;
			color:#0f0f0f;
			text-align:center;
			margin:0 auto;
		}

div#works_img
{
	width:100%;
	height:auto;
}

	div#works_img_inner
	{
		width:850px;
		height:auto;
		margin:0 auto 50px;
		text-align:left;
	}
	
		div#works_img_inner img
		{
			margin:4px;
		}



/*----　●　会社概要　●　---*/

div#company_01
{
	width:100%;
	height:auto;
	background-color:#fff;
}

	div#company_01_inner
	{
		width:1200px;
		height:auto;
		margin:60px auto 40px;
	}
	
		h3.company
		{
			color:#0F0F0F;
			font-size:1.3em;
			border-left:8px solid #00aea7;
			text-align:left;
			padding:0 10px;
		}

div#company_02
{
	width:100%;
	height:auto;
	background-color:#f9f9f9;
	padding:20px 0 20px;
	margin-bottom:20px;
}

	div#company_02_inner
	{
		width:1200px;
		height:auto;
		margin:0 auto 40px;
	}
	
			dl.company_profile
		{
			text-align:left;
			font-size:1em;
			width:47%;
			line-height:2.2em;
			margin:0 0 0 3%;
			float:left;
		}
		
			dl.company_profile dt
			{
				width:20%;
				color:#00aea7;
				display:inline-block;
				border-bottom:1px dotted #ccc;
				vertical-align:top;
			}
			
				dl.company_profile dd
				{
					width:78%;
					color:#0f0f0f;
					display:inline-block;
					border-bottom:1px dotted #ccc;
					margin:0;
					padding:0;
				}
				
				dt.bank
				{
					padding-bottom:70px;
				}

		div.company_img
		{
			width:50%;
			float:right;
			text-align:right;
		}
			img.flame
			{
				padding:10px;
				border:1px solid #dcdcdc;
			}


/*----　●　アクセス　●　---*/

div#access_01
{
	width:100%;
	height:auto;
}

	div#access_01_inner
	{
		width:950px;
		height:auto;
		margin:60px auto 40px;
	}
	
		div.access_left
		{
			width:29%;
			height:auto;
			text-align:left;
			font-size:1.2em;
			line-height:1.4;
			margin-left:2%;
			float:left;
			color:#0f0f0f;
		}
	
			h3.access_contents
			{
				color:#0F0F0F;
				font-size:1.3em;
				border-left:8px solid #00aea7;
				text-align:left;
				padding:0 10px;
			}
			
			div.map_btn
			{
				width:100%;
				height:auto;
				margin:10px auto;
				padding-left:4%;
			}
			
			.gaikan_img
			{
				margin:7px auto 13px;
			}
			
		div.access_right
		{
			width:69%;
			height:auto;
			float:right;
			margin:7px auto 15px;
		}
		
div#access_02
{
	width:100%;
	height:auto;
	margin-bottom:20px;
	background-color:#f9f9f9;
}

	div#access_02_inner
	{
		width:950px;
		height:auto;
		margin:0 auto;
		padding:20px 0;
	}
	
	div.access_car
	{
		width:100%;
		height:auto;
		margin:30px auto 50px;
		padding-left:20px;
		text-align:left;
	}
	
		.where
		{
			background-color:#00ae83;
			text-align:center;
			font-size:1.2em;
			font-weight:bold;
			color:#fff;
			border-radius:20px;
			margin-right:1.5em;
		}
			.osaka
			{
				padding:3px 30px;
			}
			.nagoya
			{
				padding:3px 20px;
			}
		
		.text
		{
			font-size:1em;
		}
			
	


	
	/*----　googlemap　---*/
	
	
		div.google_map
		{
			width:600px;
			height:350px;
		}


/*----　●　お問合せ　●　---*/

div#contact_01
{
	width:100%;
	height:auto;
}
	
	div#contact_01_inner
	{
		width:800px;
		height:auto;
		margin:60px auto 20px;
	}
	
		.contact_text
		{
			width:60%;
			font-size:1em;
			line-height:1.4em;
			color:#0f0f0f;
			text-align:center;
			margin:0 auto;
		}
		
div#contact_02
{
	width:100%;
	height:auto;
}

	div#contact_02_inner
	{
		width:800px;
		height:auto;
		margin:0 auto;
	}
	
		div.contact_tel_inner
		{
			padding:20px;
			border:20px solid #f1f1f1;
		}
		
			h3.contact_title
			{
				color:#00aea7;
				margin:15px auto 8px;
			}
			
				.contact_tel
				{
					font-size:1.3em;
					color:#0f0f0f;
					margin:0 auto 20px;
				}
				
					.contact_tel span
					{
						border-bottom:1px dotted #ccc;
					}
				
		div.contact_form_inner
		{
			padding:20px;
			border:20px solid #f1f1f1;
			margin:30px auto 60px;
		}
		
			dl.mail_form
			{
				width:100%;
				text-align:left;
				font:1em;
				color:#0f0f0f;
				padding-left:20px;
			}
			

				dl.mail_form dt
				{
					width:20%;
					height:auto;
					text-align:right;
					display:inline-block;
					padding:10px 0;
					margin:0;
					vertical-align:top;
					line-height:2.2;
				}
				
					dl.mail_form dd
					{
						width:77%;
						display:inline-block;
						padding:10px 0;
						margin:0 0 0 2%;
						line-height:2.2;
					}
					
						dl.mail_form > dt > span
						{
							color:#FF0000;
						}
						
						dl.mail_form > dd > input
						{
							border-radius:6px;
							border:1px solid #ccc;

							padding:5px 5px;
						}
						
						textarea.textarea1
						{
							border-radius:6px;
							border:1px solid #ccc;
							padding-left:5px;
						}
						
							.mail_btn
							{
								width:28%;
								height:50px;
								background-color:#00aea7;
								color:#fff;
								font-weight:bold;
							}
							
							.reset_btn
							{
								width:16%;
								height:50px;
								background-color:#00aea7;
								color:#fff;
								font-weight:bold;
							}
							
							.mail_btn:hover
							{
								opacity:0.7;
							}
							
							.reset_btn:hover
							{
								opacity:0.7;
							}
							
	input
	{
		font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}
	
	textarea
	{
		font-family:"メイリオ","Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}
						
	
	
/*---　contact thanks　---*/	
	
div#contact_thanks_01
{
	width:100%;
	height:auto;
	margin:100px auto;
}

	div#contact_thanks_01_inner
	{
		width:800px;
		height:auto;
		margin:0 auto;	
	}
	
		.contact_flame
		{
			padding:20px;
			border:20px solid #f1f1f1;
		
		}
		
			h3.contact_thanks_title
			{
				color:#00aea7;
				font-size:1.4em;
				padding-top:10px;
			}
			
			h3.contact_thanks_title span
			{
				border-bottom:1px dotted #ccc;
				padding-left:8px;
			}
			
			.contact_thanks_text_01
			{
				color:#0f0f0f;
				font-size:1.2em;
				padding:5px 0;
			}
			
			.contact_thanks_text_02
			{
				text-align:left;
				width:90%;
				margin:0 auto 30px;
				font-size:1em;
				line-height:1.4;
				color:#0f0f0f;
			}




				
						
/*---　go top　---*/

div#go_top
{
	background-color:#FFFFFF;
	width:100%;
}


div#go_top_inner
{
	width:300px;
	margin:0 auto 10px;
}


/*---　フッター　---*/

div#footer
{
	background-color:#00aea7;
	width:100%
}

	div#footer_inner
	{
		width:1200px;
		height:120px;
		margin:0 auto;
		padding:20px 0;
	}
	
		div#footer_nav a:hover
		{
			color:#333333;
		}
		
			div#footer_nav ul
			{
				font-size:0px;
			}
			
			div#footer_nav li
			{
				display:inline-block;
				font-size:13px;
				width:10%;
				border-right:1px solid #FFFFFF;
			}
			
			div#footer_nav ul li a
			{
				color:#FFFFFF;
				text-decoration:none;
			}

			.footer_navi_right
			{
				border-left:1px solid #FFFFFF;
			}
			
		div#footer_logo
		{
			margin:60px auto 2px;
		}
		
		div#copyright
		{
			font-size:12px;
			color:#FFFFFF;
		}

/* 　 ヘッドスライダー（PC）  　●　
------------------------------------------------------------*/
	.wideslider {
		display:block;
		width: 100%;
		text-align: left;
		position: relative;
		overflow: hidden;
	}
	.wideslider,
	.wideslider * {
	margin: 0;
	padding: 0;
	}
	
	.wideslider ul,
	.wideslider ul li {
		float: left;
		display: inline;
		overflow: hidden;
	}
	
	.wideslider ul li img {
		width: 100%;
		display: none;
	}
	
	.wideslider_base {
		top: 0;
		position: absolute;
	}
	.wideslider_wrap {
		top: 0;
		position: absolute;
		overflow: hidden;
	
	}
	.slider_prev,
	.slider_next {
		top: 0;
		overflow: hidden;
		position: absolute;
		z-index: 100;
		cursor: pointer;
	}
	.slider_prev {background: #fff url(image/slider/prev.jpg) no-repeat right center;}
	.slider_next {background: #fff url(image/slider/next.jpg) no-repeat left center;}
	
	.pagination {
		bottom: 10px;
		top:334px;
		left: 0;
		width: 100%;
		height: 20px;
		text-align: center;
		position: absolute;
		z-index: 200;
	}
	
	.pagination a {
		margin: 0 10px;
		width: 100px;
		height: 10px;
		display: inline-block;
		overflow: hidden;
		background: #FFA600;
	}
	.pagination a.active {
		filter:alpha(opacity=100)!important;
		-moz-opacity: 1!important;
		opacity: 1!important;
	}
	
	
	/* =======================================
		ClearFixElements
	======================================= */
	.wideslider ul:after {
		content: ".";
		height: 0;
		clear: both;
		display: block;
		visibility: hidden;
	}
	
	.wideslider ul {
		display: inline-block;
		overflow: hidden;
	}