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

/* 基本設定 */
body {
	-webkit-text-size-adjust: 100%;
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #f1f0e9;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}


/* 修飾タグ*/
.al-c{
	text-align:center;
}

.al-l{
	text-align:left;
}

.al-r{
	text-align:right;
}

.fl-l{
	float:left;
}

.fl-r{
	float:right;
}

.fl-c{
	clear:both;
}


.rb5{
	border-bottom-radious:5px;
	width:370px;
}

.mt15{
	margin-top:15px;
}

.mt20{
	margin-top:20px;
}

.pl-10{
	padding-left:-10px;
}

.f18{
	font-size:18px;
}
.f24{
	font-size:24px;
}
.f36{
	font-size:36px;
}

.b{
	font-weight:bold;
}

.bl{
	border-left: 6px solid #f39800;
}

.uline{
	text-decoration:underline;
}

.os{
	overflow:auto;
}

/* ~~ この固定幅コンテナが他のすべての block を囲みます。~~ */
.container {
	width: 960px;
	background-color: #f1f0e9;
	margin: 0 auto;
}

.container_s {
	width: 800px;
	background-color: #f1f0e9;
	margin: 0 auto;
}


header {
	background-color: #f1f0e9;
	text-align:center;
	margin:0 auto;
	border-top:#f39800 solid 10px; 
}

aside {
	float: right;
	width: 175px;
	height:350px;
	background-color: #ffffff;
	border:#f39800 solid 3px;
	margin:0 0 10px 0;
	padding-top:10px;
	padding-left:5px;
}

main {
	width: 770px;
	float:left;	
}

footer {
    width: 100%;
	min-width: 960px;
	padding: 10px 0;
	background-color: #f1f0e9;
	position: relative;
	clear: both;
	text-align:center;
	margin:0 auto;
	
}

nav ul {
    list-style-type: none;
    text-decoration: none;
	text-align:center;
	margin:0 auto 20px auto;
	float:left;

 
}
nav li {
    float: left;
    text-decoration: none;
    display: inline-block; 
    *display: inline;
    *zoom: 1;
/*    border-right: solid 1px #696969; */
}
nav li a{
    float: left;
    padding-right: 13px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 13px;
    text-decoration: none;
 
}
 
nav li a:hover{
     padding-right: 13px;
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 13px;
     text-decoration:underline;
}





header, section, footer, aside, article, figure {
	display: block;
}


#syokuinsyoukai{
    float: left;
	width: 370px;
	height:135px;
	background-color: #ffffff;
	border:#858282 solid 1px;
	margin:0 10px 10px 0;
	border-radius:5px;
	box-shadow:1px 1px 3px;
	padding:10px 0 0 0;
}


#syotyounosanpomiti{
    float: left;
	width: 370px;
	height:135px;
	background-color: #ffffff;
	border:#858282 solid 1px;
	margin:0 10px 10px 0;
	border-radius:5px;
	box-shadow:1px 1px 3px;
	padding:10px 0 0 0;
}

#syakaikatudou{
    float: right;
	width: 370px;
	height:135px;
	background-color: #ffffff;
	border:#858282 solid 1px;
	margin:0 10px 20px 0;
	border-radius:5px;
	box-shadow:1px 1px 3px;
	padding:10px 0 0 0;
}

#tel{
	margin:200px 10px 30px auto;
}

table.staff {
    width: 600px;
    margin: 20px auto;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.staff th,
table.staff td {
    padding: 10px;
}
 
table.staff th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 200px;
    overflow: visible;
    color: #fff;
}
 
table.staff td {
    background: #f8f8f8;
    padding-left: 20px;
}