body{
	width:880px;
/*	margin:0 auto; */

	margin-right: auto;
	margin-left : auto;

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	background-image: url("../images/back003.jpg");
}
* html body{
	overflow: hidden;
}

a {
color: #000;
text-decoration: none;
padding: 0px;
}
a:hover {
background: #ff0;
}
a, a:link, a:focus, a:visited {
outline: none;
}
.esc {
position: relative;
clear: both;
width: 100%;
}
#content {
position: relative;
margin: 10px auto;
width: 800px;
}

/*********************************/
div#headerArea {
	position: fixed !important;
	position: absolute;
/*	top: 0;
	left: 0;*/
	width: 100%;
	height: 35px;
/*	background-color: #4E9ABE; */
	color: #fff;
}
div#footerArea {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
/*	background-color: #4E9ABE;
	color: #fff;
	background-image: url("../images/BACK428.jpg");*/
	background: rgba(200,100,0,0.3);

}
/*  
* html div#contentsArea{
*/
div#contentsArea{
	padding: 40px 10px 10px 10px;	/* 40px */
	margin: 10px;	/* 10px auto; */
/*	overflow: auto; */
}
div#contentsAreaL{
	margin-top : -50px;
	padding-top : 50px;
/*	overflow: auto;*/
}

.plink > a {
	display: block;
	width: 10px;
	padding-top: 50px;
	margin-top: -50px;
}

/********************************/

/********************************
* generic als elements styling
********************************/
.als-container {
position: relative;
width: 100%;
margin: 0px auto;
}

.als-viewport {
position: relative;
overflow: hidden;
margin: 0px auto;
}

.als-wrapper {
position: relative;
list-style: none;
}

.als-item {
position: relative;
display: block;
text-align: center;
cursor: pointer;
float: left;
}

.als-prev, .als-next {
position: absolute;
cursor: pointer;
clear: both;
}

/**************************
* specific als elements
* styling for #lista1
**************************/

#lista1 {
margin: 5px auto 5px auto;
}

#lista1 .als-item {
margin: 5px 5px;
min-height: 150px;	/* 140 */
min-width: 120px;	/* 128 */
}

#lista1 .als-item img {
position: relative;
display: block;
vertical-align: middle;
margin-bottom: 8px;
}

#lista1 .als-prev, #lista1 .als-next {
top: 58px;
width: 15px;
height: 22px;
}

#lista1 .als-prev {
left: 5px;
}

#lista1 .als-next {
right: 5px;
}

/*------------ table style set ------------*/
table {
	padding: 0;
	margin: 0;
}

th, td {
	padding: 5px 5px;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.baseline {
	vertical-align: baseline;
}
.wr {
	background-color: #FFFFFF;
}
.pi {
	background-color: #FFCCFF;
}
.osirase-h {
	width: 400px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFCCFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.osirase-d {
	height: 110px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.comment {
	width: 370px;
	height: 110px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.carousel {
	width: 800px;
	height: 90px;
	background-color: #FFFFCC;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.title_g {
	width: 450px;
	height: 25px;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/til01.jpg");
}
.work_img {
	width: 200px;
	height: 120px;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.work_txt {
	width: 500px;
	font-family: serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.conpa_t {
	width: 180px;
	font-family: serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.conpa_d {
	width: 400px;
	font-family: serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
.soft_d {
	width: 700px;
	font-family: serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border-style: double;
	border-color: #88FFFF;
	border-width: 4;
}
/*------------ strong style set ------------*/

//* タイトルボタン */
strong#s1 {
	color: #ff0000;	//RED
	font-weight: bold;
	font-size: 10pt
}

/* お知らせ タイトル */
strong#s2 {
	color: #669955;
	font-size: 12pt
}

/* お知らせ */
strong#s3 {
	color: #ff00ff;
}

/* カルーセル */
strong#s4 {
	color: #ff0000;	//RED
	font-size: 9pt
}

/* コメント タイトル */
strong#s5 {
	color: #000066;
	font-weight: 900;
	font-size: 12pt
}

/* コメント */
strong#s6 {
	color: #000000;
	font-size: 10pt
}

/* marquee */
strong#s7 {
	color: #800000;
	font-weight: bold;
	font-size: 14pt
}

#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 18px;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 7em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;

      /* ▼配色・配置・文字の装飾など */
      background-color: #2525aa; /* ←背景色 */
      opacity: 0.75;             /* ←透明度 */
      border-radius: 24px;       /* ←角丸の半径 */
      text-align: center;    /* ←文字の位置 */
      font-size: 120%;       /* ←文字サイズ */
      font-weight: bold;     /* ←文字の太さ */
      margin: 0px;    /* ←外側の余白 */
      padding: 10px;  /* ←内側の余白 */
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
      /* ▼マウスが載ったときの装飾 */
      color: yellow;              /* ←文字色 */
      text-decoration: underline; /* ←下線あり */
   }