@media screen and (min-width: 769px){

body {
  background: url(../image/bg.png) repeat-x #f5f5f5;
  background-position: top;
  color: #333333;
  font-family: 'メイリオ',Meiryo,'ゴシック',sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

h1 {
  display: none;
}


/* = ヘッダー
--------------------------------------------------- */
header {
  height: 100px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 1100px;
}

#head-logo {
  float: left;
  height: 87px;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
  width: 325px;
}

#head-logo1 {
  float: left;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
  width: 550px;
}

#head-mailinfo {
  float: right;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
  width: 275px;
}

#head-telinfo {
  float: right;
  height: auto;
  margin: 13px 0 0 0;
  padding: 0;
  text-align: center;
  width: 275px;
}

#head-logo img:hover,
#head-mailinfo img:hover,
.pickup-enter img:hover,
.rec-table img:hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity:0.6;
  filter:alpha(opacity=60);
}


/* = グローバルナビ
--------------------------------------------------- */
#navigation {
  background: url(../image/nav-bg.png) no-repeat;
  clear:both;
  height: 50px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 1100px;
}

.nav-home {
  background: url(../image/nav-home-on.png) no-repeat;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align:center;
  width: 178px;
}

.nav-home a {
  background: url(../image/nav-home.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 178px;
}

.nav-home a:hover {
  background: url(../image/nav-home-on.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 178px;
}

.nav-business {
  background: url(../image/nav-business-on.png) no-repeat;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align:center;
  width: 181px;
}

.nav-business a {
  background: url(../image/nav-business.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-business a:hover {
  background: url(../image/nav-business-on.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-company {
  background: url(../image/nav-company-on.png) no-repeat;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align:center;
  width: 181px;
}

.nav-company a {
  background: url(../image/nav-company.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-company a:hover {
  background: url(../image/nav-company-on.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-recruit {
  background: url(../image/nav-recruit-on.png) no-repeat;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align:center;
  width: 181px;
}

.nav-recruit a {
  background: url(../image/nav-recruit.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-recruit a:hover {
  background: url(../image/nav-recruit-on.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-contact {
  background: url(../image/nav-contact-on.png) no-repeat;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align:center;
  width: 182px;
}

.nav-contact a {
  background: url(../image/nav-contact.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 182px;
}

.nav-contact a:hover {
  background: url(../image/nav-contact-on.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 182px;
}

.nav-case {
  background: url(../image/nav-case-on.png) no-repeat;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0 0 0 2px;
  padding: 0;
  text-align:center;
  width: 181px;
}

.nav-case a {
  background: url(../image/nav-case.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}

.nav-case a:hover {
  background: url(../image/nav-case-on.png) no-repeat;
  color: #ccc;
  display: block;
  float: left;
  font-size: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  width: 181px;
}
/* = グローバルナビの下
--------------------------------------------------- */
#submenu {
  height: 40px;
  line-height: 50px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: right;
  width: 1100px;
}

#submenu a{
  margin: 0 0 0 10px;
}


/* = スライダー
--------------------------------------------------- */
#main {
  clear: both;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0;
  width: 950px;
}


/* = indexのニュースリリース
--------------------------------------------------- */
#newsrelease {
  background: url(../image/release-bg.jpg) repeat-x;
  height: 250px;
  margin: 0;
  padding: 0;
  width: 100%;
}

#newscontainer {
  height: 250px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 1100px;
}

#newsleft {
  background: url(../image/newsleft-bg.png) no-repeat;
  background-position: left top;
  float: left;
  height: 250px;
  margin: 0;
  padding: 0;
  width: 270px;
}

.newsleft-ul {
  height: auto;
  margin: 0;
  padding: 30px 0 0 20px;
  width: auto;
}

.newsleft-ul li{
  color: #FF6347;
  font-size: 17px;
  height: auto;
  margin: 0;
  padding: 5px 0 0 0;
  text-align: left;
  width: 270px;
}

.newsleft-ul li img{
  margin: 10px 0 0 0;
}

.newsleft-ul li img:hover{
  margin: 10px 0 0 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity:0.6;
  filter:alpha(opacity=60);
}

#newsright {
  border-left: 1px solid #ccc;
  float: right;
  height: 250px;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 820px;
}

.newsright-ul {
  height: 225px;
  margin: 0;
  padding: 25px 0 0 20px;
  width: 800px;
}

.newsright-ul li{
  background: url(../image/news-icon.jpg) no-repeat;
  background-position: 100px center;
  color: #333;
  font-size: 14px;
  height: 40px;
  line-height: 42px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 800px;
}

.newsright-ul li a{
  color: #333;
  text-decoration: underline;
}

.newsright-ul li a:hover{
  color: #999;
  text-decoration: none;
}

.newsright-ul li img{
  margin: 0 10px 0 15px;
  padding: 0;
}


/* = 中段ピックアップ
--------------------------------------------------- */
#graycontainer {
  background: #f5f5f5;
  clear: both;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  width: 100%;
}

#middlepickup {
  background: url(../image/middlepickup-bg.jpg) no-repeat;
  clear: both;
  height: 260px;
  margin: 0 auto 20px auto;
  padding: 0;
  width: 1110px;
}

.mpu-image {
  float: left;
  height: 200px;
  margin: 0;
  padding: 25px 25px 25px 35px;
  width: 600px;
}

.mpu-image img{
  background: #fff;
  border:1px solid #ccc;
  padding: 2px;
}

.mpu-text {
  border-left: 1px dotted #333;
  color: #333;
  float: right;
  font-size: 16px;
  height: 180px;
  line-height: 170%;
  margin: 28px 0 0 0;
  padding: 10px 25px 10px 20px;
  text-align: left;
  width: 400px;
}


/* = 下段ピックアップ
--------------------------------------------------- */
#bottompickup {
  background: url(../image/bottompickup-bg.jpg) no-repeat;
  clear: both;
  height: 514px;
  margin: 0 auto 20px auto;
  padding: 0;
  width: 1114px;
}

#bpu-left {
  border-right:1px dotted #333;
  float: left;
  height: auto;
  margin: 100px 0 0 45px;
  padding: 0;
  width: 340px;
}

#bpu-center {
  border-right:1px dotted #333;
  float: left;
  height: auto;
  margin: 100px 0 0 0;
  padding: 0;
  width: 340px;
}

#bpu-right {
  float: left;
  height: auto;
  margin: 100px 0 0 0;
  padding: 0;
  width: 340px;
}

#bpu-left h2 ,
#bpu-center h2 ,
#bpu-right h2 {
  background: url(../image/bpu-h2.png) no-repeat;
  background-position: left;
  color: #333;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  text-indent: 30px;
  width: 300px;
}
.pickup-image {
  background: url(../image/pickup-image.png) no-repeat;
  background-position: center;
  height: 200px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 340px;
}

.pickup-image img {
  background: #fff;
  border:1px solid #ccc;
  margin: 10px 0 0 0;
  padding: 2px;
}

.pickup-text {
  color: #333;
  font-size: 14px;
  height: auto;
  line-height: 150%;
  margin: 10px auto 0 auto;
  padding: 0;
  text-align: left;
  width: 280px;
}

.pickup-enter {
  height: 52px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 280px;
}


/* = グローバルナビ
--------------------------------------------------- */
footer {
  background: url(../image/footer-bg.png) repeat-x #fff;
  background-position: top;
  clear: both;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}

#foot {
  background: url(../image/foot-bg.png) no-repeat #fff;
  background-position: top;
  height: 150px;
  margin: 0 auto;
  padding: 0;
  width: 1100px;
}

#foot ul {
  height: 90px;
  margin: 0;
  padding: 60px 0 0 0;
  width: 500px;
}

#foot li {
  float: left;
  height: 30px;
  margin: 10px 0 0 0;
  padding: 0 10px 0 10px;
  width: auto;
}

h3 {
  color: #333;
  font-size: 12px;
  font-weight: normal;
  clear: both;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#foot li a,
h3 a {
  color: #333;
  text-decoration: underline;
}

#foot li a:hover,
h3 a:hover {
  color: #999;
  text-decoration: none;
}


/* = コンテンツ
--------------------------------------------------- */
#container {
  height: auto;
  margin: 15px auto 0 auto;
  padding: 0;
  width: 1100px;
}

#return {
  width: 1100px;
  height: 40px;
  margin: 0;
  padding: 20px 0 0 0;
  text-align: right;
  clear: both;
}

#return a {
  background: #FF8C00;
  color: #fff;
  height: auto;
  margin: 0;
  padding: 5px 20px;
  text-align: right;
  text-decoration: none;
  width: auto;
}

#return a:hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity:0.6;
  filter:alpha(opacity=60);
}


/* = メインコンテンツ
--------------------------------------------------- */
#main-contents {
  border: 0px solid #333;
  float: right;
  height: auto;
  margin: 0;
  padding: 0;
  width: 780px;
}

.sub-visual {
  width: 780px;
  height: 250px;
  margin: 0;
  padding: 0;
}

#contents {
  background: url(../image/contents-bg.jpg) no-repeat;
  background-position: top;
  height: auto;
  margin: 15px 0 0 0;
  padding: 30px 0 0 0;
  width: 780px;
}

#contents h2 {
  border-left: 5px solid #FF6633;
  color: #FF4500;
  font-size: 17px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto 15px auto;
  padding: 0;
  text-align: left;
  text-indent: 15px;
  width: 700px;
}

#contents p {
  color: #333;
  font-size: 16px;
  height: auto;
  line-height: 180%;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 680px;
}

#contents p a {
  color: #333;
  text-decoration: underline;
}

#contents p a:hover {
  color: #999;
  text-decoration: none;
}
#contents ul {
  color: #333;
}
#contents dt {
  width:50%;
  color: #D2691E;
  font-weight:bold;
  font-size:16px;
  background:url(../image/head015_01.png);
  margin:10px 0px 10px 36px;
  padding:4px 20px 0px 24px;
}
#contents dd {
  line-height:180%;
  color: #333;
  padding:10px 20px 0px 40px;
}
#contents .sset {
  height:100px;
  width:400px;
  margin:0px 0px 0px 50px;
  font-size:14px;
  border-collapse: collapse;
  border:1px solid #999999;

}
#contents .sset th{
  font-size:16px;
  border-collapse: collapse;
  border:1px solid #999999;
  background:#f5f5f5;
  padding-left:5px;
}
#contents .sset tr{
}
#contents .sset td{
  padding-left:5px;
  border-collapse: collapse;
  border:1px solid #999999;
}
#contents .asset{
  font-weight:bold;
  color:#4169E1;
  margin:5px 0px 5px 50px;
}
#contents .dlist{
	border:1px solid #999999;
	text-align:center;
	font-size:12px;
	width:600px;
	margin:10px 0px 0px 40px;
}
#contents .dlist td{
	width:150px;
	border:1px solid #999999;
}
#contents .dlist th{
	text-align:center;
	background:#faf0e6;
	border:1px solid #999999;
}





#thanks {
  width: 500px;
  height: 300px;
  margin: 10px auto 0 auto;
  padding: 0;
}

.newsupdate {
  width: 600px;
  text-align: right;
}

#cont-bottom,
#cont-bottom1 {
  background: url(../image/cont-bottom-bg.jpg) no-repeat;
  width: 780px;
  height: 60px;
  line-height: 60px;
  text-align: right;
  font-size: 13px;
  margin: 0 auto 0 auto;
  padding: 0;
}

#cont-bottom p,
#cont-bottom1 p{
  color: #FF4500;
  font-size: 12px;
  margin: 0 30px 0 0;
  padding: 0;
}

#cont-bottom p a,
#cont-bottom1 p a{
  color: #FF4500;
  text-decoration: none;
}

.com-table,
.con-table {
  border-collapse: collapse;
  height: auto;
  margin: 15px auto 0 auto;
  padding: 0;
  width: 700px;
}

.com-table a ,
.con-table a {
  color: #333;
  text-decoration:underline;
}

.com-table a:hover ,
.con-table a:hover {
  color: #218166;
  text-decoration:none;
}

.com-left {
  border-bottom: 1px dotted #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 20px;
  width: 200px;
}

.com-right {
  border-bottom: 1px dotted #999;
  border-left: 1px dotted #999;
  color: #333;
  font-size: 15px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 20px;
  width: 500px;
}

.con-right {
  border-bottom: 1px dotted #999;
  border-left: 1px dotted #999;
  color: #999;
  font-size: 12px;
  height: auto;
  line-height: 160%;
  margin: 0;
  padding: 10px 0 10px 20px;
  width: 500px;
}

.com-bottom {
  height: 380px;
  margin: 0;
  padding: 20px 0 20px 0;
  text-align: center;
  vertical-align: middle;
  width: 700px;
}

.con-bottom {
  color: #cc0000;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 30px 0 0 0;
  text-align: center;
  width: 700px;
}

.con-bottom a {
  color: #cc0000;
  text-decoration: underline;
}

.con-bottom a:hover {
  color: #FF7777;
  text-decoration: none;
}

.com-left1 {
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 20px;
  width: 200px;
}

.con-left1 {
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 40px;
  width: 200px;
}

.con-left2 {
  background: url(../image/must.jpg) no-repeat;
  background-position: left center;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 40px;
  width: 200px;
}

.com-right1 {
  border-left: 1px dotted #999;
  color: #333;
  font-size: 15px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 20px;
  width: 500px;
}

.con-right1 {
  border-left: 1px dotted #999;
  color: #999;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 20px;
  width: 500px;
}

.con-l-n {
  border-bottom: 1px dotted #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 40px;
  width: 200px;
}

.con-l-m {
  background: url(../image/must.jpg) no-repeat;
  background-position: left center;
  border-bottom: 1px dotted #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 40px;
  width: 200px;
}

.rec-table {
  border-collapse: collapse;
  height: auto;
  margin: 20px auto 0 auto;
  padding: 0;
  width: 700px;
}

.rec-left {
  background: #FFFFEC;
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #424200;
  font-size: 13px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 10px 5px 10px 20px;
  text-align: left;
  width: 200px;
}

.rec-right,
.rec-right1 {
  background: #fff;
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #333;
  font-size: 15px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 10px 5px 10px 20px;
  text-align: left;
  width: 500px;
}

.rec-bottom {
  background: #fff;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 15px 0 10px 0;
  text-align: center;
  width: 700px;
}


/* = ニュースリリース
--------------------------------------------------- */
.newslist {
  border-collapse: collapse;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 650px;
}

.t_update {
  border-bottom: 1px solid #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: center;
  width: 150px;
}

.t_newsbody {
  border-bottom: 1px solid #999;
  border-left: 1px dotted #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 100px;
  text-align: left;
  width: 500px;
}

.update {
  border-bottom: 1px dotted #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: center;
  width: 150px;
}

.newsbody {
  border-bottom: 1px dotted #999;
  border-left: 1px dotted #999;
  color: #666;
  font-size: 13px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 30px;
  text-align: left;
  width: 500px;
}

.newsbody a {
  color: #666;
  text-decoration: underline;
}

.newsbody a:hover {
  color: #999;
  text-decoration: none;
}

.navigate {
  width: 650px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  font-size: 13px;
}

.navigate a {
  color: #333;
  margin: 0 15px 0 15px;
  padding: 0;
  text-decoration: underline;
}

.navigate a:hover {
  color: #999;
  margin: 0 15px 0 15px;
  padding: 0;
  text-decoration: none;
}

/* = サイドメニュー
--------------------------------------------------- */
#left-menu {
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: 300px;
}

#sub-menu {
  background: url(../image/subnews-bg.jpg) repeat-y;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: center;
  width: 300px;
}

#sub-menu h2 {
  background: url(../image/subnews-h2.jpg) #ffffff;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  height: 40px;
  line-height: 42px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
  text-indent: 45px;
  width: 280px;
}

#sub-menu ul {
  background: #fff;
  border: 1px solid #FFDEAD;
  border-top: none;
  height: auto;
  line-height: 40px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 280px;
}

#sub-menu li {
  background: #fff;
  border-top: 1px dotted #999;
  color:#333;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 20px;
  width: 280px;
}

#sub-menu li a {
  background: #fff;
  color:#333;
  display: block;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 20px;
  width: 280px;
}

#sub-menu li a:hover {
  background: url(../image/submenu-li.jpg) no-repeat #FFF8DC;
  background-position: right bottom;
  color:#FF7F50;
  display: block;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 20px;
  width: 280px;
}


#side-newslist {
  background: url(../image/subnews-bg.jpg) repeat-y;
  height: auto;
  margin: 20px 0 0 0;
  padding: 10px 0 10px 0;
  text-align: center;
  width: 300px;
}

#side-newslist h2 {
  background: url(../image/subnews-h2.jpg) #ffffff;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  height: 40px;
  line-height: 42px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
  text-indent: 45px;
  width: 280px;
}

#side-newslist ul {
  background: #fff;
  border: 1px solid #FFDEAD;
  border-top: none;
  height: auto;
  line-height: 40px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 280px;
}

#side-newslist li {
  background: #fff;
  border-top: 1px dotted #999;
  color:#333;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 10px;
  width: 280px;
}

#side-newslist li a {
  background: #fff;
  color:#333;
  display: block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 10px;
  width: 280px;
}

#side-newslist li a:hover {
  background: url(../image/submenu-li.jpg) no-repeat #FFF8DC;
  background-position: right bottom;
  color:#FF7F50;
  display: block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 10px;
  width: 280px;
}

.listenter {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 15px;
}

.listenter a {
  color: #FF6347;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 55px;
  text-decoration: none;
}

.listenter a:hover {
  color: #FF8C00;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 55px;
  text-decoration: none;
}

#side-ad {
  background: url(../image/subnews-bg.jpg) repeat-y;
  height: auto;
  margin: 20px 0 0 0;
  padding: 10px 0 10px 0;
  text-align: center;
  width: 300px;
}

#side-ad h2 {
  background: url(../image/subnews-h2.jpg) #ffffff;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  height: 40px;
  line-height: 42px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
  text-indent: 45px;
  width: 280px;
}

#side-ad ul {
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 280px;
}

#side-ad li {
  color:#333;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
}

#side-ad li a {
  display: block;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  width: auto;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  filter:alpha(opacity=90);
}

#side-ad li a:hover {
  display: block;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  width: auto;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity:0.9;
  filter:alpha(opacity=90);
}

#side-ad li img {
  display: block;
  background: #ffffff;
}




/* = その他の設定
--------------------------------------------------- */
.news-date {
  margin:0 85px 0 0;
  color: #666;
}

.sub-text1 {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 10px;
}

.sub-text2 {
  color: #218166;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* = PC非表示
--------------------------------------------------- */
.sptitle {
  display: none;
}


}