﻿/*-------------
base
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align: top;
}
body{
	background-color:#fff;
}

a{
	color: black;
	outline: none;
	text-decoration: none;
	font-size: 14px;

}
a:hover {
	text-decoration: none;
}
ul,ol {
	list-style: none;
}
.fLeft {
	float: left;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*-------------
firefox fade対策
-------------*/

img { box-shadow: #000 0 0 0; }

img, x:-moz-any-link, x:default { box-shadow: #000 0 0 0; }

/*-------------
fontstyle
-------------*/

body {
font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
font-size: 14px;
line-height: 2.2;
color:#2d2d2d;
-webkit-text-size-adjust:100%;
}


/*-------------
container
-------------*/
#container {
	width: 1500px;
	margin: 0 auto;
}
/*-------------
memu
-------------*/
/*nav*/
div#menu {
    overflow: hidden;
    margin: 15px auto 0 auto;
    width: 1000px;
}
#menu_left.clearfix {
    float: left;
    margin: 0 0 10px 0;
}
p.headertext, h1.headertext {
    font-size: 12px;
    color: #494949;
    padding: 0 0 5px 3px;
}
div#menu-nav {
    text-align: right;
    float: right;
    margin: 10px 0 0 0;
}
ul.menulist.clearfix {
    margin: 10px 0 0 0;
}
#menu-nav li { 
	float: left;
    padding: 0 10px 0 15px;
}
.list1 a{ 
	display: block; 
	width: 60px; 
	height: 22px;
/*	text-indent:100%;
	visibility:hidden;*/
}
.list2 a{ 
	display: block; 
	width: 85px; 
	height: 22px;
/*	text-indent:100%;
	visibility:hidden;*/
}
.list3 a{ 
	display: block; 
	width: 85px; 
	height: 22px;
/*	text-indent:100%;
	visibility:hidden;*/
}
.list4 a{ 
	display: block; 
	width: 85px; 
	height: 22px;
/*	text-indent:100%;
	visibility:hidden;*/
}
.list5 a{ 
	display: block; 
	width: 109px; 
	height: 22px;
/*	text-indent:100%;
	visibility:hidden;*/
}

#menu-nav ul #nav1 {background:url(../images/top/menu/menu1.png) no-repeat;}
#menu-nav ul #nav2 {background:url(../images/top/menu/menu2.png) no-repeat;}
#menu-nav ul #nav3 {background:url(../images/top/menu/menu3.png) no-repeat;}
#menu-nav ul #nav4 {background:url(../images/top/menu/menu4.png) no-repeat;}
#menu-nav ul #nav5 {background:url(../images/top/menu/menu5.png) no-repeat;}

#menu-nav ul #nav1:hover {background:url(../images/top/menu/menu1on.png) no-repeat;}
#menu-nav ul #nav2:hover {background:url(../images/top/menu/menu2on.png) no-repeat;}
#menu-nav ul #nav3:hover {background:url(../images/top/menu/menu3on.png) no-repeat;}
#menu-nav ul #nav4:hover {background:url(../images/top/menu/menu4on.png) no-repeat;}
#menu-nav ul #nav5:hover {background:url(../images/top/menu/menu5on.png) no-repeat;}

/*-------------
main
-------------*/
.main {
    margin: 0 0 70px 0;
}
#slideshow {
   position: relative;
   width:  1500px; /* 画像の横幅に合わせて記述 */
   height: 400px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
img.toptitle {
    margin: 25px 0 20px 0;
}
.topbox.clearfix {
    width: 1000px;
    margin: 0 auto 20px auto;
}
p.topbox_left.clearfix {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    width: 485px;
    float: left;
    margin: 30px 0 0 0;
}
img.topbox_right.clearfix {
    float: right;
}
ul.toplist.clearfix {
    width: 1000px;
    margin: 0 auto 40px auto;
}
ul.toplist.clearfix li {
	float: left;
	margin: 0 0 0 50px;
	text-align: right;
}
ul.toplist.clearfix li:first-child {
	margin: 0 0 0 0;
}
ul.toplist.clearfix li a:hover {
	opacity: 0.8;
}
ul.toplist.clearfix li p {
    width: 270px;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 0 15px 17px;
    text-align: left;
}
ul.newslist.clearfix {
    width: 800px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 600;
    background-color: #eee;
    padding: 10px 100px 20px 100px;
}
ul.newslist.clearfix li {
	margin: 10px 0 0 0;
	border-bottom: solid 1px #cacaca;
}
ul.newslist.clearfix li img {
	margin: 3px 15px 0 15px;
}


/*-------------
footer
-------------*/
#footer{
	width:1500px;
	clear: both;
	margin: 0 auto;
	font-weight: 500;
}
.ft_top{
    text-align: center;
    padding: 10px 0 2px 0;
    background-color: #212524;
}
.ft_middle {
    height: 220px;
    margin: 0 auto;
    padding: 25px 0 25px 0;
    background-color: #2a3433;
    color: #fff;
    text-align: center;
}
p.footertext {
    line-height: 15px;
    padding: 35px 0 0 0;
}
p.footertext2 {
    font-size: 22px;
    font-weight: 600;
    padding: 0 0 5px 0;
}
.ft_middle a:hover {
    opacity: 0.8;
}
.ft_bottom {
	clear: both;
	background-color: #212524;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
}
