@charset "utf-8";
/* CSS Document */


/* GENERAL
-----------------------------------------*/
body{
	font-size: 13px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ ゴシック", "Osaka", "sans-serif", "Arial";
	color: #333;
	background: #fff;
	overflow: hidden;
	/*position: relative;*/
}

a{ color: #333; }
/*a:hover { color: #13328f; }*/



/* HEADER
-----------------------------------------*/
#header{
	position: relative;
	width: 100%;
	height: 214px;
	background: #fff;
	z-index: 50;
}

	#headerTxt{
		width: 100%;
		height: 64px;
		padding: 17px 0;
		background: #000032;
		text-align: center;
		font-size: 11px;
		color: #fff;
		line-height: 16px;
	}
	
	#headerTxt #mobadd {
		display: none;
	}

#headerFixed {
  position: absolute;
  width: 100%;
  top: 84px;
  background: #fff;
}

.fixed #headerFixed{
  position: fixed;
  top: 0px;
}
	
	#headerMain{
		width: 980px;
		height: 60px;
		margin: 0 auto;
		padding: 10px 0;
		position: relative;
	}
	
		#headerMain #logo{
			width: 315px;
			float: left;
		}

		#headerMain #headerOffice {
			position: absolute;
	    left: 46%;
  	  bottom: 20%;
  	  font-size: 18px;
    	font-weight: bold;
    	font-family: "游明朝", serif;
	    background-color: #000032;
  	  color: #fff;
    	padding: 4px;
		}
		
		#headerContact{
			width: 500px;
			float: right;
		}
		
			#headerContact p{
				float: right;
				margin-top: 22px;
			}
			
			#headerContact dl{
				float: right;
				margin: 12px 20px 0 0;
				padding: 0 12px 0 0;
				text-align: right;
				border-right: solid 1px #e3e3e3;
			}
			
				#headerContact dt{
					color: #000032;
					font-weight: bold;
					padding-right: 8px;
				}
				
					#headerContact dt span{
						font-size: 22px;
						font-weight: bold;
						background: url(../images/h_tel.png) no-repeat left 2px;
						padding-left: 21px;
						margin-left: 15px;
					}
				
				#headerContact dd{
					font-size: 12px;
					margin-top: 8px;
				}
				
	#nav{
		background: #ddd;
	}
	
		#nav ul{
			width: 980px;
			height: 50px;
			margin: 0 auto;
			display: table;
		}
		
			#nav li{
				display: table-cell;
				height: 50px;
				text-align: center;
				vertical-align: middle;
				white-space: nowrap;
			}
			
				#nav li a{
					display: block;
					padding: 0 20px;
					text-decoration: none;
					color: #000;
					line-height: 50px;
					font-size: 14px;
				}
				
				#nav li:nth-child(2) a{
					line-height: 16px;
					padding: 9px 30px;
				}
				
					#nav li a img{
						vertical-align: middle;
					}

/* CONTENTS
-----------------------------------------*/
#contents{
	/*padding: 214px 0 0 0;*/
}


/*----- お問い合わせ -----*/

#contactBox{
	width: 100%;
	background: url(../images/contact_back.jpg) no-repeat right center;
	padding: 70px 0;
}

	#contactBox h2{
		font-size: 26px;
		line-height: 42px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	
	#contactFrame{
		width: 980px;
		margin: 0 auto;
		text-align: center;
		color: #fff;
	}
	
		#contactFrame p{
			font-size: 14px;
			line-height: 26px;
			margin: 40px 0 0 0;
		}
		
		#contactList{
			margin: 40px 0 0 0;
		}
		
			#contactList li:first-child{
				width: 470px;
				float: left;
				background: url(../images/ico_tel.png) no-repeat center top;
				padding-top: 80px;
				font-size: 24px;
			}
			
				#contactList li:first-child span{
					display: block;
					font-size: 16px;
					margin: 10px 0 0 0;
				}
			
			#contactList li:last-child{
				width: 470px;
				float: right;
			}
			
				#contactList li:last-child a{
					display: block;
					color: #fff;
					text-decoration: none;
					background: url(../images/ico_mail.png) no-repeat center top;
					padding-top: 80px;
					font-size: 22px;
				}
		
		#contactAttention{
			margin: 40px 0 0 0;
		}
		
			#contactAttention li{
				line-height: 24px;
			}
			
		#contactFrame dl{
			margin: 40px 0 0 0;
		}
		
			#contactFrame dt{
				font-size: 20px;
			}
			
			#contactFrame dd{
				margin: 15px 0 0 0;
				font-size: 14px;
				text-decoration: underline;
			}
			
		#contactMark{
			margin-top: 40px;
			text-align: center;
		}
		
			#contactMark li{
				display: inline;
				padding: 0 20px;
			}





/* FOOTER
-----------------------------------------*/
#footer{
	width: 100%;
	background: #f5f5f5;
}

	#footerAbout{
		width: 100%;
		background: #fff;
	}
	
		#footerAbout dl{
			width: 980px;
			margin: 0 auto;
			padding: 50px 0;
			text-align: center;
		}
			
			#footerAbout dd{
				margin: 20px 0 0 0;
				line-height: 26px;
			}
			
	#footerMain{
		width: 980px;
		margin: 0 auto;
		font-size: 12px;
		padding-top: 30px;
	}
	
		.breadcrumb{
		}
		
			.breadcrumb li{
				float: left;
				margin-right: 15px;
			}
			
			.breadcrumb li:before{
				content: '>';
				margin-right: 15px;
			}
			
			.breadcrumb li:first-child:before{
				content: normal;
				margin-right: 0;
			}
			
				.breadcrumb li a{
					text-decoration: none;
				}
				
				
				
				.breadcrumb li a:hover{
					text-decoration: underline;
				}
			
		#footerSitemap{
			margin: 30px 0;
		}
		
			#footerSitemap ul{
				float: left;
				margin-right: 100px;
				line-height: 24px;
			}
			
				#footerSitemap li a{
					text-decoration: none;
				}
				
		#footerTxt{
			border-top: solid 1px #d8d8d8;
			border-bottom: solid 1px #d8d8d8;
			padding: 25px 0;
		}
		
			#footerTxt p{
				width: 490px;
				float: left;
				line-height: 22px;
			}
			
			#footerTxt p:last-child{
				text-align: right;
			}
			
		#copyright{
			padding: 25px 0;
		}

.spon {
	display: none;
}