@charset "utf-8";

/* 共通スタイル */
body {
	margin: 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,'Lato', 'sans-serif';
	font-size: 14px;
	line-height: 26px;
	letter-spacing:0.1em;
	color: #333333;
	height: 100%;
	min-height: 100%;
}

#wrap {
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
}

/* #header: ヘッダ */
#header {
}	
	
	#header hgroup.header-group {
		height: 120px;
	}
	
	#header nav.global-navi {
	}
	
	#header ul.global-navi{
		text-align: center;
	}
	
    #header ul.global-navi li {
		text-align: center;
		font-family: 'Lato';
		font-weight: 300;
		font-size: 18px;
	}
	  
	#header ul.global-navi li a{
		  color:#000000;
		  display: block;
		  text-decoration: none;
		  padding: 5px 0 5px 0;
	}
	  
	#header ul.global-navi li a:hover{
		  background-color:#000000;
		  color:#FFFFFF;
		  padding: 5px 0 5px 0;
		  -webkit-transition: 0.8s;
		  -moz-transform: 0.8s;
	}
	
	ul.sub-header {
	}
	
	ul.sub-header li a{
		text-decoration: none;
		color: #000000
	}
	
	ul.sub-header li a:hover{
		text-decoration: none;
		color: #000000
	}
	
	ul.sub-header img {
		text-decoration: none;
		float: right;
		margin: 10px 0 0 0;
	}
	
		
.adress {
	float:left;
	width: 300px;
	height: 120px;
	font-family:'Lato';
	font-weight: 300;
	margin: 50px 0 0 100px;
}

.adress a {
	float:left;
	font-family:'Lato';
	font-weight: 300;
	text-decoration: none;
	color: #000000;
}

.adress a:hover {
	float:left;
	font-family:'Lato';
	font-weight: 300;
	text-decoration: none;
	color: #000000;
}

.working {
	float:right;
	width: 150px;
	height: 120px;
	font-family:'Lato';
	font-weight: 300;
	margin: 50px 100px 0 0;
	text-align: right;
}

.top_logo {
	text-align: center;
	padding: 190px 0 210px 0;
	margin: 0 0 0 30px;
	clear: both;
}


/* #body: ボディ */
#main {
}


#contents-header {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
}

.concept-flame {
	width:820px;
	margin: 0 auto;
	clear: both;
}

.concept-header {
	font-size: 16px;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	margin: 0 0 20px 0;
	float: left;
	width: 300px;
	clear: both;
}

.concept-text {
	font-size: 12px;
	margin: 0 0 30px 0;
	float: right;
	width: 500px;
}

.concept-text a {
	font-family: 'Lato';
	font-weight: 300;
	color: #000000;
	text-decoration: none;
}

.image-flame {
	width: 820px;
	margin: 0 auto;
}

.image-set {
	padding: 5px;
}

#top-planning {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-planning a{
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-graphic {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-graphic a {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-web {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-web a {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-info {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

#top-info a {
	text-align: center;
	padding: 75px 0 75px 0;
	font-family:'Lato';
	font-weight: 100;
	color: #000000;
	font-size: 18px;
	margin: 50px 0 0 0;
	clear: both;
	text-decoration: none;
}

.return-top {
	font-family: 'Lato';
	font-weight: 300;
	float: right;
	margin: 100px 100px 10px 0;
	color: #000000;
	text-decoration: none;
	clear: both;
	}
	
	.return-top a {
		  text-decoration: none;
		  color: #000000;
	}
	
.line {
	border-top: 1px solid #DDDDDD;
	margin: 200px 0 180px 0;
	clear: both;
}
	
.list-flame {
	margin: 0 auto;
	width:930px;
	clear: right;
	clear: both;
}
	
.list {
	text-align: center;
	font-family:'Lato';
	font-weight:300;
	margin: 5px;
	float: left;
}

.list a {
	float:left;
	font-family:'Lato';
	font-weight: 300;
	text-decoration: none;
	color: #000000;
	background-color: #000000;
	height: 300px;
	opacity: 0.2;
}

.list a:hover {
	color: #000000;
	background-color: #000000;
	opacity: 1;
	-webkit-transition: 0.6s;
	-moz-transform: 0.6s;
}


#map_canvas {
	 width: 100%;
	 height: 480px;
	 margin: 30px 0 30px 0;
	text-align: center;
}

dl.info {
	display: block;
	float: none;
	text-align: center;
}

dl.info dt {
	font-family:'Lato';
	font-weight: 100;
	text-align: center;
	font-size: 18px;
	margin: 20px 0 5px 0;
}

dl.info dd {
}

#sub {
}


/* #footer: フッタ */
#footer {
	clear: both;
	border-top: 1px solid #DDDDDD;
	text-align: center;
	color: #999999;
	margin: 50px 0 0 0;
	padding: 10px 0 0 0;
	height: 80px;
	background-color: #000000;
	
}

   #footer p.copy-right {
	   font-size: 9px;
   }
   
   #footer a.copy-right {
	   font-size: 9px;
	   color: #999999;
   }

#footer a:link { color: #333333; }
#footer a:visited { color: #333333; }
#footer a:hover { color: #333333; }
#footer a:active { color: #333333; }



/* .clearfix: 内側のfloatをclear */
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {display: inline-block;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* - */

.clear {
	clear: both;
}