@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #666;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
/*background-image: url("../img/bg/top.jpg");*/
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
	background: #;	/*背景色*/
    width:100%;
    height:100%;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}

h3{
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
}


img {
	border: none;
	max-width: 100%;
    height: auto;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
	
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;	/*リンクテキストの色*/
}
a:hover {
	color: #0e9cff;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
    padding-top: 50px;
	width: 100%;	/*コンテナー幅*/
	margin: 0 auto;  
	text-align: center;
}





/*ヘッド設定
---------------------------------------------------------------------------*/
#header-line{
    position: relative;
    margin: 0 auto;
	width: 100%;
	color: #FFF;
	text-align: left;
	height: 34px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image:  linear-gradient(#C0844E, #E3CFB5);
}
#header-line .pr {
	display: block;
	font-size: 80%;
}
#header-line a {
	text-decoration: none;
			color: #FFF;
}
#header-line h1{
	padding-left: 15px;
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	color: #000000;
}


/*トップバナー
-------------------------------*/

.top-bn img {
    margin-bottom: 10px;
}


/*横幅いっぱいレイアウト
---------------------------------------------------------------------------*/

.container {
width: 100%;
margin: 0 auto;
}

#center-inside{

   width: 99%;
   float: left;
   padding: 25px 0px 10px 0px;
   background-image: url(../img/bg/main.jpg);
   margin-bottom: 25px;
   box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
   vertical-align: middle;
	text-align: center;
}

.center-out {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}


table.top-box {
   background: none;
   margin-bottom: 0px;
   border: 0px solid #ccc;
   padding: 0px;
		margin: 0 auto; 
}

table. td {
   text-align: left;
}

.onmouse img{
  	transition: 0.3s;
  margin-right: 0.3em;
  margin-bottom: 0.5em;
  vertical-align:middle;

box-shadow:0 0 5px #EEEEEE, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow:0 0 5px #EEEEEE, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow:0 0 5px #EEEEEE, 0 0 5px #ccc, 0 0 1px #aaa;
}

.onmouse img:hover{
		-webkit-transform: translate(0,-5px);
		-moz-transform: translate(0,-5px);
		-ms-transform: translate(0,-5px);
		-o-transform: translate(0,-5px);
		transform: translate(0,-5px);
}


/*会社概要
---------------------------------------------------------------------------*/
table.brwsr2 {
    margin: 0 auto;
    width: 60%;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
}
 
table.brwsr2 th {
    vertical-align: middle;

    width: 30%;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
 
table.brwsr2 td.data {
    padding: 0;
    margin: 0;

    width: 70%;
    border: none;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
}


/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
margin: 0 auto;  
	clear: left;
	width: 100%;
	margin-top: 370px;
	text-align: center;
}


/*インデックス用コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents-index {
margin: 0 auto;  
	clear: left;
	width: 100%;
	margin-top: 0px;
	text-align: center;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	margin: 0 auto;
	width: 100%;	/*メインコンテンツ幅*/
	padding-bottom: 10px;
	text-align: center;

}



/* インデックス用スライドショー
---------------------------------------------------------------------------*/
#css-slider {
		margin: 0 auto;
margin-top: -30px;
	width: 1200px;
	height: 225px;
	overflow: hidden;
margin-bottom: 30px;
border-top: 10px solid #C0844E;	/*下線の幅、線種、色*/
border-bottom: 10px solid #C0844E;	/*下線の幅、線種、色*/
box-shadow:5px 0px 5px 0px rgba(0, 0, 0, 0.2);

}

.slide-item {
	width: 1200px;
	height: 225px;
	float: left;
	position: relative;
}

.slider-wrapper {
	width: 3600px;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 50s infinite;
}

@keyframes slider {
  0% { transform: translateX(0); }
  33% { transform: translateX(-1200px); }
  66% { transform: translateX(-2400px); }
  100% { transform: translateX(0); }
}



/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 200px;
	padding-left: 10px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}

/*記事設定*/
#new dd {
	padding-left: 8em;
}

#new dd img {
	vertical-align: middle;
}

/* ノート風デザイン　section指定
---------------------------------------------------------------------------*/
.wrapnote {
  width: 70%;
  margin: 0 auto;
}
.wrapnote .note {
  margin: 10px;
  padding: 0px 0 0 0;
  background: #FFFFFF;
}
.wrapnote .note p {
  background: url(../img/t/line.png) repeat bottom left;
  font-size: 15px;
  line-height: 28px;
  color: #000000;
	padding-left: 5px;
text-align: left;
}




/*その他
---------------------------------------------------------------------------*/


img.gra {
  transition: 0.5s;

}
img.gra:hover {
  opacity: 0.6;
  transition: 0.5s;
}


/* フォントサイズ指定
---------------------------------------------------------------------------*/
.f-24{font-size:24pt;line-height:36px}
.f-20{font-size:20pt;line-height:34px}
.f-18{font-size:18pt;line-height:32px}
.f-16{font-size:16pt;line-height:28px}
.f-14{font-size:14pt;line-height:22px}
.f-13{font-size:13pt;line-height:21px}
.f-12{font-size:12pt;line-height:19px}
.f-11{font-size:11pt;line-height:20px}
.f-10{font-size:10pt;line-height:18px}
.f-9{font-size:9pt;line-height:16px}
.f-8{font-size:8pt;line-height:12px}



/* 下部エフェクト
---------------------------------------------------------------------------*/

div.eff{
	padding:0;
	margin:0 auto;
	text-align:right;
	padding-right: 5px;
	/*border-radius: 5px 5px 5px 5px;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c8d7dc), color-stop(0.00, #f2f5f6));
	background: -webkit-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: -o-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: -ms-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);
	background: linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%);*/
    color: #000000;
	/* -webkit-box-shadow: 3px 3px 5px 0px #777;*/ /* Safari, Chrome用 */
	/* -moz-box-shadow: 3px 3px 5px 0px #777;*/ /* Firefox用 */
	/* box-shadow: 3px 3px 5px 0px #777;*/ /* CSS3 */
}


#showdown{
	position: fixed;
	top:-110px;
	left:10%;
	height:100px;
	width:80%;
	
	-webkit-transition-property: top;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: top;
	-moz-transition-duration: .3s;
	-moz-transition-timing-function: ease-in;
}

#showdown2{
	position: fixed;
	bottom:-130px;
	left:0px;
	height:270px;
	width:100%;
	
border:0px solid #000000; 
background-image: url("../img/bg/index-foot.png");
color: #FFFFFF;
padding-right:20px;

	-webkit-transition-property: bottom;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: bottom;
	-moz-transition-duration: .3s;
	-moz-transition-timing-function: ease-in;
}


#showdown2 span{
display:table-cell;
vertical-align:bottom;
height:230px;
}


#showdown2.link a {
	color: #FFFFFF;	/*リンクテキストの色*/
	text-decoration: none;
relative;z-index:2
    position: relative;
}
#showdown2.link a:hover {
	color: #0e9cff;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

#showdown3{
	position: fixed;
	top:20%;
	left:-160px;
	height:80%;
	width:150px;
	
	-webkit-transition-property: left;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: left;
	-moz-transition-duration: .3s;
	-moz-transition-timing-function: ease-in;
}

#showdown.down{
	top:-5px;
}

#showdown2.down{
	bottom:-5px;
}

#showdown3.down{
	left:-5px;
}


/* ------------------------------------------------------------- */
/*　トップに戻るボタン */
/* ------------------------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 140px;
    right: 5px;
    font-size: 77%;
}
#page-top a {
    background: #C0844E;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #E3CFB5;
}



/*フッター設定
---------------------------------------------------------------------------*/


#footer-index {
	margin: 0 auto;
	bottom: 0px;  
	width: 100%;
	height: 270px;
    color: #FFF;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
    position: fixed;

}
#footer-index .pr {
	display: block;
	font-size: 80%;
}
#footer-index a {
	text-decoration: none;
			color: #FFF;
}
#footer-index p {
	padding-top: px;
	padding-right: 15px;
}

#footer-index img {
	padding-top: 140px;

}

/* float 回り込み解除
---------------------------------------------------------------------------*/

.clear {
  clear: both;
}


/* 非表示設定
---------------------------------------------------------------------------*/

.toggle { 
    display: block; /* 表示にする */
}

.new-post {
    display: none !important;     /* 非表示にする */
}