@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Arial, sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	background-color : #FFFFFF;
}

h1,h2 {
	font-size: 1.1em;
	font-weight : 300;
}

a:link {
	color: #05478B;
}

a:visited {
	color: #05478B;
}

a:active {
	color: #98B6D4;
}

a:hover {
	color: #98B6D4;
}

td,th {
	font-size: 1.2em;
}

iframe {
	padding : 0;
}

#sitetitle {
	font-size: 1.2em;
	color: #333333;
}

#sitetitle a {
	text-decoration: none;
	color: #333333;
}

#information-box{
	background : #ffffff url(bg_top-information.gif) repeat-x center top;
}

div#header	{
	z-index : 5;
	position : fixed;
	background-color : #FFFFFF;
	width : 100%;
	padding: 0px 0 4px 0;
}

div#body	{
	padding: 104px 0 32px 0;
}

div#footer	{
}

div#sheader	{
	z-index : 5;
	position : fixed;
	background-color : #FFFFFF;
	padding: 0px 0 12px 0;
}

div#sbody	{
	padding: 128px 0 32px 0;
}

#top {
	display : block;
}

#kaisha {
	display : none;
}

#recruit {
	display : none;
}

#sitemap {
	display : none;
}

.shadow {
  box-shadow : 4px 4px 8px #808080;
}

.btn {
  display: inline-block;
  padding: 8px 2.5em;
  background-color: #369ada; /* 背景色 */
  box-shadow: 0 8px 0 #115599; /* 影の太さ・色 */
  border-radius: 20px;
  font-size: 1.2em;
  color: #fff;
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
}

.btn:hover {
  box-shadow: 0 4px 0 #115599;
  transform: translateY(5px);
}

.btn:active {
  box-shadow: none;
  transform: translateY(8px);
}

.yubi {
  cursor : pointer;
}

.link {
  text-decoration : none;
  color : #4040ff;
  border-bottom : solid 2px #4040ff;
}

.link:hover {
  background-color: #c0c0ff;
}

.menubar {
  clear : both;
  width : 100%;
  min-width: 800px;
  color : #FFFFFF;
  background : #115599 url(bg_menu.gif) repeat-x;
}

.menubar span:hover {
  color : #AAAAAA;
}

.tablecell {
  display : table-cell;
  vertical-align : middle;
  font-size: 1.1em;
}

.logo {
  width : 800px;
  height : 120px;
  color : #FFFFFF;
  font-size : 2.2em;
  font-weight : 500;
  padding : 32px;
  display : table-cell;
  vertical-align : middle;
  background : #115599 url(LogoBG.jpg);
}

.base {
  width : 802px;
  background : #000000;
}

.icon {
  width : 240px;
  margin : 24px 0;
  border-style : solid;
  border-width: 1px;
  border-color : #157;
  border-radius : 0 12px 12px 0;
  box-shadow : 4px 4px 8px #808080;
}

.icon2 {
  width : 288px;
  margin : 24px 0;
  border-style : solid;
  border-width: 1px;
  border-color : #157;
  border-radius : 0 12px 12px 0;
  box-shadow : 4px 4px 8px #808080;
}

.icon3 {
  width : 312px;
  margin : 24px 0;
  border-style : solid;
  border-width: 1px;
  border-color : #157;
  border-radius : 0 12px 12px 0;
  box-shadow : 4px 4px 8px #808080;
}

.info {
  display : inline-block;
  vertical-align : top;
}

#update {
  margin : auto;
  padding : 8px;
  width : 740px;
  border-style : solid;
  border-width: 1px;
  border-color : #e0e0e0;
  border-radius : 8px;
  background : #f8f8f8;
  text-align : left;
}

#motto {
  width : 240px;
  display : inline-block;
  vertical-align : top;
}

#kakugen {
  display : block;
  margin : auto;
}

#supdate {
  margin : auto;
  padding : 8px;
  width : 460px;
  border-style : solid;
  border-width: 1px;
  border-color : #e0e0e0;
  border-radius : 8px;
  background : #f8f8f8;
  text-align : left;

	font-size: 1.2em;
}

#smotto {
  width : 486px;
  vertical-align : top;
}

#skakugen {
  display : block;
  width : 400px;
  margin : auto;
}

.head {
  float : left;
  margin : 16px;
}

.head-sm {
  float : right;
  margin : 25px;
}

.centerbox {
  clear : both;
  width : 800px;
  margin : 0 auto;
}

.centerboxc {
  clear : both;
  width : 800px;
  margin : 0 auto;
  display : block;
  text-align : center;
}

.centerboxr {
  clear : both;
  width : 800px;
  margin : 0 auto;
  display : block;
  text-align : right;
  padding : 64px 0 6px;
}

.ibox {
  width : 380px;
  display : inline-block;
  text-align : center;
  padding : 16px 8px;
  float : left;
}

.sbox {
  clear : both;
  width : 516px;
  display : block;
	text-align : left;
  padding : 0 8px;
}

.sboxc {
  clear : both;
  width : 516px;
  display : block;
  text-align : center;
  padding : 16px 8px;
}

.sboxr {
  clear : both;
  width : 516px;
  margin : 32px 0 0 0;
  display : block;
  text-align : right;
  padding : 0 8px;
}

th {
  background : #e4f0fc;
}

td {
  background : #fffff8;
}

.tblone td {
  background : #e4f0fc;
  font-size: 1.2em;
}

.totop {
  margin : 12px;
  padding : 10px;
  color : #159;
  border-style : solid;
  border-width: 1px;
  border-color : #159;
  border-radius : 12px 12px 0 0;
}

.centerboxsp {
  width : 800px;
  margin : 0 auto;
  height : 100px;
}

.message {
  clear : both;
  width : 800px;
  margin : 16px auto;
}

.wrapper {
  clear : both;
  width : 800px;
  height : 240px;
  display : table-cell;
  vertical-align : middle;
  border-style : solid;
  border-color : #ddd;
  border-radius : 8px;
  background:#eee;
}

.wrapper1 {
  clear : both;
  position : relative;
  width : 800px;
  height : 200px;
  margin : auto;
  padding : 0;
}

.wrapper2 {
  clear : both;
  width : 480px;
  height : 120px;
  margin : 0 auto;
  padding : 0;
}

figure {
	float: right;
	margin: 12px;
}

figure img {
}