@charset "utf-8";



#globalNavi.fixed {
    position: fixed;
    top: 0;
	left:0;
    width: 100%;
    z-index: 10000;
	margin:0 auto;
	border-bottom:3px solid #00a4a3;
	-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.5);
}





/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */
#header,
#globalNavi ul,
#footer .inner,
#footer #partnerLogo,
#pankuzu,
.contactInfo{
	zoom:1;
}

#header:after,
#globalNavi ul:after,
#footer .inner:after,
#footer #partnerLogo:after,
#pankuzu:after,
.contactInfo:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
     /* for IE6 */  
    * html .clearfix {  
     display:inline-block;  
     }
     /* for IE7 */  
     *+html .clear<span class="hilite">f</span>ix {  
     display:inline-block;  
     }

/* ---------------------------------------------------- */	 
	


body{
	background:#FFF;
	-webkit-text-size-adjust:100%;
}


a{
	color:#00a4a3;
	text-decoration:none;
}


/* ----------------------------------------------------
	header
---------------------------------------------------- */
#mobileMenu, .mvMobile{
	display:none;
}

#header{
	width:1000px;
	padding:10px 0 10px;
	margin:0  auto;
}


/*サイトロゴ*/
#header #logo{
	float:left;
	width:495px;
	margin-right:25px;
}
#header #logo .letsLogo{
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
#header #logo .headLead{
	color:#00a4a3;
	float:left;
	font-size:90%;
	line-height:1.3;
	margin:0 0 5px;
}
#header #logo h1{
	clear:both;
	font-weight:normal;
	padding-top:3px;
}


/*ナビ*/
#header #subNavi{
	float:left;
	padding-top:50px;
	margin-right:20px;
}
#header #subNavi li{
	float:left;
}
#header #subNavi li.company{
	margin-right:10px;
}


/*お問い合わせ*/
#header .contact{
	float:left;
}




/* ----------------------------------------------------
	global Navi
---------------------------------------------------- */
#globalNavi{
	clear:both;
	width:100%;
	position:relative;
	z-index:1000;
	border-top:1px dotted #00A4A3;
	border-bottom:3px solid #00A4A3;
	background:#fff;
}
#globalNavi ul{
	width:1000px;
	margin:0 auto;
}
#globalNavi li{
	float:left;
}
	#globalNavi li a{
		text-align:center;
		width:199px;
		height:35px;
		display:block;
		border-left:1px dotted #00a4a3;
		padding-top:13px;
	}
#globalNavi li.contact{
	margin-right:0;
}
	#globalNavi li.contact a{
		width:198px;
		border-right:1px dotted #00a4a3;
	}



/* ----------------------------------------------------
	footer
---------------------------------------------------- */
#footer{
	clear:both;
	border-top:5px solid #00a4a3;
	padding:30px 0 0;
}

#footer .inner{
	width:1000px;
	margin:0 auto 30px;
}

/*メニュー*/
#footer .contentsMenu,
#footer .serviceMenu{
	float:left;
	margin-right:40px;
}
#footer .contentsMenu{
	width:190px;
}
#footer .serviceMenu{
	width:350px;
}
#footer .contentsMenu dt,
#footer .serviceMenu dt{
	font-weight:bold;
	color:#00a4a3;
	margin-bottom:10px;
}

#footer .serviceMenu dd a,
#footer .contentsMenu dd a{
	color:#333;
}
#footer .serviceMenu dd a:hover,
#footer .contentsMenu dd a:hover{
	color:#00a4a3;
}



/*会社情報*/
#footer .info{
	float:left;
}

#footer #footerLogo{
	margin-bottom:20px;
}

#footer #partnerLogo li{
	float:left;
}


/*コピーライト*/
#footer .copyright{
	clear:both;
	text-align:center;
	margin-bottom:40px;	
}

#footer .copyright .imgSP{
	display:none;
}



/* ----------------------------------------------------
	contents
---------------------------------------------------- */
#contents{
	clear:both;
	width:1000px;
	margin:0 auto;
}


#pagetop{
	height:32px;
	clear:both;
	text-align:right;
}

#pankuzu{
	clear:both;
	margin:10px 0 40px;
}
#pankuzu li{
	float:left;
	margin-right:10px;
}
#pankuzu li a{
	margin-right:10px;
}




/* ----------------------------------------------------
	ページ下部　お問い合わせ案内
---------------------------------------------------- */
.contactInfo{
	clear:both;
}
.contactInfo .contactImg{
	float:left;
}
.contactInfo dt{
	margin:30px 0 20px;
}
.contactInfo .txtBox{
	float:right;
	width:490px;
}
.contactInfo .txtBox dd ul{
	overflow:hidden;
}
.contactInfo .txtBox dd ul li{
	margin-top:15px;
	float:left;
}
.contactInfo .txtBox dd ul li:first-child{
	margin-top:0;
	margin-right:20px;
}





/* ----------------------------------------------------
	トピックス
---------------------------------------------------- */
.topics{
	padding-top:20px;
	margin-top:50px;
	border-top:3px dotted #00a4a3;
}

body#top .topics{
	background:none;
	padding-top:0;
	margin-top:0;
}



/* RSSフィードの表示-------
--------------------------*/
.feed{
	margin:0 auto;
	text-align:center;
	font-size:0;
	}
	.feed dl{
		width:180px;
		height:170px;
		color:#333;
		display:inline-block;
		*display:inline;
		*zoom:1;
		vertical-align:top;
		margin:0 5px 30px;
		border:solid 1px #00a4a3;
		background:#fff;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		position:relative;
	}
		
	.feed dl:hover h3{
		color:#00a4a3!important;
	}
		.feed dl dt{
			height:120px;
			overflow:hidden;
			background:#fff;
			border-bottom:solid 1px #fff;
		}
			.feed dl dt img{
				height:100%;
				min-width:180px;
			}
		.feed dl dd{
			padding:0.2em 0.5em;
			text-align:left;
		}
			.feed dl dd h3{
				color:#333!important;
				background:none!important;
				padding:0 5px!important;
				margin:0!important;
				font-size:14px!important;
			}
			.feed dl dd a{
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
			}




/* ----------------------------------------------------
	Media Query
---------------------------------------------------- */

@media screen and (max-width: 640px) {/* 640px以下用（スマートフォン用） */

/* 全体--------------------
--------------------------*/
img{
	width:100%;
	height:auto;
}


/* モバイルメニュー-------
--------------------------*/

#mobileMenu{
	display:block;
	width:100%;
}
	#mobileMenu #list{
		background:url(/image_common/bg_navi_2.png);
		color:#00a4a3;
		font-weight:bold;
		overflow:hidden;
		padding:0 20px;
		display:none;
		-webkit-box-shadow:inset 0px -1px 6px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:inset 0px -1px 6px 0px rgba(50, 50, 50, 0.75);
		box-shadow:inset 0px -1px 6px 0px rgba(50, 50, 50, 0.75);		
		box-sizing:border-box;
	}
		#mobileMenu #list li{
			width:50%;
			padding:10px 0 10px;
			float:left;
		}
		#mobileMenu #list li:last-child{
			border-bottom:none;
		}
	#mobileMenu #mmButton{
		color:#fff;
		width:121px;
		height:27px;
		background:url(/image_common/bg_mm_button.png) no-repeat;
		background-size:contain;
		margin-right:10px;
		text-align:center;
		float:right;
		line-height:27px;
	}

/* Header------------------
--------------------------*/

#header{
	width:100%;
	padding:0;
}
		#header #logo{
			border-bottom:solid 2px #00a4a3;
			width:100%;
			margin:0;
			float:none;
		}
			#header #logo p{
				margin-left:10px;
			}
			#header #logo .headLead{
				margin:0 5px 10px;
				padding-top:10px;
				float:none;
			}
			#header #logo h1{
				margin:0 5px 10px;
				padding-top:10px;
				float:none;
			}
			#header #logo .letsLogo{
				float:none;
				width:60%;
				margin-bottom:10px;
			}
		#header #subNavi{
			display:none;
		}
		#header .contact{
			display:none;
		}
		
		
	#globalNavi{
		display:none;
	}
	
	#contents{
		width:100%;
	}
		#contents .topics{
		}
			#contents .topics h2{
				padding-top:20px;
				border-top:solid 1px #ccc;
			}
				#contents .topics h2 img{
					width:auto;
					margin-left:5%;
				}
			
.slider{
	display:none;
}
.mvMobile{
	display:block;
			-webkit-box-shadow: inset 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
position:relative;
}
	.mvMobile img{
		position:relative;
		z-index:-1;
}
			
/* RSSフィードの表示-------
--------------------------*/
.feed{
	margin:15px 0 30px;
}
.feed dl{
	width:100%;
	height:100px;
	margin:0;
	border-top:solid 1px #ccc;
	border-bottom:none;
	border-right:none;
	border-left:none;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
	overflow:hidden;
	-webkit-filter:none;
	filter:none;
}
.feed dl:last-child{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.feed dl:hover{
	-webkit-filter:none;
	filter:none;
}
	.feed dl dt{
		width:120px;
		height:80px;
		float:left;
		border-bottom:none;
		margin:10px 0 0 10px;
	}
		.feed dl dt img{
			width:100%;
			min-width:150px;
			height:auto;
		}
	.feed dl dd{
		padding:10px 20px 0 140px;
	}
		.feed dl dd h3{
			font-size:1.17em;
		}
			
/* Contents Banner---------
--------------------------*/
			
#contents .contentsBanner{
	width:100%;
	margin-bottom:10px;
}
	#contents .contentsBanner li{
		float:none;
		margin:0 5px 20px;
	}
	#contents .contentsBanner li:fist-child{
		margin:0;
	}
	
/* 目的別サービス---------
--------------------------*/
	
#contents .serviceSlide{
	width:100%;
	margin:0 auto;
}
	#contents .serviceSlide h2{
		text-align:left;
		border-bottom:solid 1px #00a4a3;
		border-top:solid 1px #00a4a3;
		padding:20px 0;
		margin:0;
	}
		#contents .serviceSlide h2 img{
			width:auto;
			margin-left:5%;
		}
	#contents .serviceSlide .mobile{
		display:block;
		overflow:hidden;
		background:#f6f6f6;
		padding-bottom:20px;
		margin-bottom:20px;
	}
		#contents .serviceSlide .mobile li{
			width:50%;
			float:left;
			padding:10px;
			margin:0;
			box-sizing:border-box;
		}
			#contents .serviceSlide .mobile li img{
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				-webkit-box-shadow:0px 3px 0px 0px rgba(19, 105, 66, 1);
				-moz-box-shadow:0px 3px 0px 0px rgba(19, 105, 66, 1);
				box-shadow:0px 3px 0px 0px rgba(19, 105, 66, 1);
			}
			#contents .serviceSlide .mobile li h3{
				margin:0;
			}
			#contents .serviceSlide .mobile li p{
				display:none;
			}
	
	
/* お問い合わせエリア------
--------------------------*/
	
#contents .contactInfo{
}
	#contents .contactInfo .contactImg{
		float:none;
		padding:0 5px;
	}
	#contents .contactInfo .txtBox{
		width:100%;
	}
		#contents .contactInfo .txtBox dt{
			padding:20px 5%;
			border-top:solid 1px #ec8c25;
			border-bottom:solid 1px #ec8c25;
		}
		#contents .contactInfo .txtBox dd{
			width:90%;
			margin:0 auto;
			overflow:hidden;
		}
			#contents .contactInfo .txtBox dd ul li{
				float:none;
				width:80%;
				margin:0 auto;
			}
			#contents .contactInfo .txtBox dd img{
				margin:0 0 20px;
				padding:0 5px;
				box-sizing:border-box;
			}
			#contents .contactInfo .txtBox dd ul li{
				
			}


#pagetop{
}
	#pagetop img{
		width:auto;
	}


/* Footer------------------
--------------------------*/
		
#footer{
	width:100%;
	padding:0;
	background:#00a4a3
}
	#footer .inner{
		width:100%;
		background:#fff;
		margin:0;
	}
		#footer .inner .contentsMenu, #footer .inner .serviceMenu{
			width:100%;
			margin:0 0 20px 0;
			overflow:hidden;
		}
			#footer .inner .contentsMenu dt, #footer .inner .serviceMenu dt{
				margin:0 0 10px 0;
				padding:10px;
				background:url(/image_common/bg_navi_2.png);
			}
			#footer .inner .contentsMenu dd{
				width:45%;
				float:left;
				padding:2px 15px 0 15px;
				margin-left:5%;
				box-sizing:border-box;
				background:url(/image_common/icon_footer_01.gif) no-repeat left center;
				background-size:10px 10px;
			}
			#footer .inner .serviceMenu dd{
				padding:2px 15px 0 15px;
				margin-left:5%;
				background:url(/image_common/icon_footer_01.gif) no-repeat left center;
				background-size:10px 10px;
			}
		#footer .inner .info{
			display:none;
		}
	#footer .copyright{
		padding:10px 0;
		margin:0;
	}
	#footer .copyright .imgSP{
		display:inherit;
		max-width:320px;
		margin:0 auto;
	}
	#footer .copyright .imgPC{
		display:none;
	}





/* contents------------------
--------------------------*/

#pankuzu{
	font-size:80%;
	padding-left:5px;
}

	#pankuzu li{
		margin-right:3px;
	}
		#pankuzu li a{
			margin-right:3px;
		}



		
}