@charset "Shift_JIS";

/* ---------- all（基礎設定） ---------- */
body {
color: #000000;
font-family: sans-serif;
font-size: 18px;
letter-spacing: 1px;
text-align: center;
background-color: #ffffff;
padding: 0;
margin: 0;
min-width: 1200px;
border-top: 7px solid #7aca69;
}

a:link {
    text-decoration: none;
    color: #000000;
 }
a:visited {
    text-decoration: none;
    color: #000000;
 }
a:hover {
    text-decoration: underline;
    color: #000000;
 }
a:active {
    text-decoration: underline;
    color: #000000;
 }


.center {text-align: center;}
.clear {clear: left;}




p.link {
position:fixed;
right:30px;
bottom:30px;
}

/* ---------- header（header設定） ---------- */
#header {
width: 1200px;
height: 160px;
margin: 0 auto 6px;
padding: 0;
}



#header h1 {
margin: 0;
padding: 10px 2px 0px 2px;
font-size: 18px;
color: #666666;
text-align: left;
}


#header p {
margin: 0;
padding: 2px 15px 0;
font-size: 16px;
color: #666666;
text-align: left;
}


#top {
width: 1200px;
height: 750px;
margin: 0 auto;
padding: 0;
}


/* ---------- menu（menu設定） ---------- */
#menu {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
background: url(img/bg_menu.gif);
border-top: 2px solid #7aca69;
}

#menu ul {
margin: 0 auto;
padding: 0 1px;
width: 1198px;
text-align: center;
}

#menu ul li {
width: 133px;
height: 80px;
padding: 0;
margin: 0 auto;
background: url(img/bg_menu.gif);
list-style: none;
float: left;
}

#menu ul li a {
width: 133px;
padding: 0;
margin: 0;
}

#menu ul li a:hover {
width: 133px;
padding: 0;
margin: 0;
position: relative;
top: 1px;
left: 1px;
}





/* ---------------------------type2 ------------------ */
div.slide {
width: 1200px;
height: 800px;
margin: 0 auto;
}

.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:750px;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 300px;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}


.slick-dots ul {
list-style: none;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:10px;/*ドットボタンのサイズ*/
    height:15px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#eee;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#999;/*ドットボタンの現在地表示の色*/
}







/* ---------- container（container設定） ---------- */
#container {
width: 1200px;
margin: 0 auto;
padding: 0;
background-color: #ffffff;
line-height: 180%;
text-align: left;
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}

#container  h2 {
width: 200px;
height: 24px;
margin: 10px 0;
padding: 8px 25px;
background: url(img/h2bg_gr.gif);
color: #ffffff;
font-size: 16px;
line-height: 160%;
}

#container  h3 {
margin: 5px 15px;
padding: 0;
color: #666666;
font-size: 13px;
line-height: 160%;
text-align: right;
}



/* ---------- conents ---------- */

#contents {
width: 1198px;
margin: 0;
padding: 0;
background-color: #ffffff;
}



#contents div.left {
width: 758px;
margin: 0;
padding: 0 10px;
background-color: #ffffff;
border: 0px solid #900999;
float: left;
}



#contents div.right {
width: 396px;
margin: 0 0 0 780px;
padding: 0 10px;
background-color: #ffffff;
border: 0px solid #999900;

}


#contents table {
margin: 0;
border: 0px solid #3333ee9;
height: 650px;
}



#contents table td {
margin: 0;
padding: 5px;
border: 0px solid #3333ee;
line-height: 160%;
vertical-align: top;
}

#contents table td dl{
margin: 0;
padding: 0;
border: 0px solid #3333ee;
line-height: 150%;
vertical-align: top;
font-size: 16px;
}

#contents table td dl dd{
margin: 0 0 30px 20px;
padding: 0;
border: 0px solid #3333ee;
line-height: 150%;
vertical-align: top;
}

#contents div.right div.main-textarea {
overflow: auto;
padding: 5px 0 0 8px;
margin: 10px auto;
width: 350px;
height: 450px;
border: 1px solid #eeeeee;
font-size: 15px;
line-height: 160%;
letter-spacing: 1px;
}

#contents div.right div.cam {
margin: 20px 50px;
width: 350px;
border-bottom: 0px dotted #999999;
padding: 30px 0 30px 0;
}

#contents div.right div.cam p {
padding: 0 0 10px 0px;
}

#contents div.right div.cam ul {
padding: 0;
list-style: url(img/li_syousai.gif);
}

#contents div.right div.cam ul li {
margin: 0 0 30px 30px;
padding: 0;
}

#bukken {
margin: 0;
padding: 10px 10px;
}

#bukken h2 {
margin: 0 0 30px 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o.gif) no-repeat left bottom;
height: 36px;
width: 350px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
}

#bukken div.map {
margin: 40px auto;
padding: 0;
width: 1100px;
height: 810px;
background-color: #ffffff;
}



#bukken div.memo {
margin: 80px 110px 0;
padding: 0;
width: 950px;
text-align: left;
}

#bukken div.memo div.l {
margin: 0;
padding: 5px 10px;
width: 430px;
height: 200px;
background-color: #ffffff;
border: #d87c20 1px solid;
float: left;
}

#bukken div.memo div.r {
margin: 0 0 0 500px;
padding: 5px 10px;
width: 430px;
height: 200px;
background-color: #ffffff;
border: #d87c20 1px solid;
}

#bukken div.memo  div h3 {
margin: 0;
padding: 0 0 0 10px;
width: 410px;
color: #ffffff;
font-size: 18px;
line-height: 180%;
text-align: left;
background-color: #d87c20;
}








/* ---------- otherpage ---------- */

#other {
margin: 0;
padding: 10px;
border: 0px pink solid;
}

#other h2.o {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o.gif) repeat-x;
height: 36px;
width: 320px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
border: 1px pink solid;
}

#other div.o {
margin: 10px 0 100px 50px;
padding: 0 30px;
border: red 0px dotted;
}


#other div.o h4.nagare {
margin: 20px 0 10px 30px;
padding: 0;
font-size: 20px;
}

#other div.o div.nagare {
margin: 10px 0 60px 80px;
}

#other div.o font.rb {
font-weight: bold;
border-bottom: 2px red solid;
}



#other table.two {
margin: 10px auto;
padding: 0;
width: 600px;
text-align: center;
}

#other table.two td.y {
margin: 0;
padding: 6px;
line-height: 100%;
border: #999999 1px dotted;
background-color: yellow;
text-align: center;
}


#other table.two td.w {
margin: 0;
padding: 6px;
border: #999999 1px dotted;
text-align: center;
}

#other h3.m {
margin: 5px 0 20px 10px;
padding: 10px 0 0 20px;
text-align: left;
background: #ffffff url(img/h3bg_o.gif) no-repeat left bottom;
}


#other h3 {
margin: 5px 0 0 50px;
padding: 10px 0 0 20px;
text-align: left;
background: #ffffff url(img/h3bg_o.gif) no-repeat left bottom;
font-size: 18px;
}

#other p {
margin: 30px 0 0 30px;
padding: 0;
line-height: 100%;
border-bottom: #eeeeee 1px dotted;
}

#other p.page08t {
margin: 30px 0;
padding: 0;
color: #300033;
font-size: 18px;
line-height: 100%;
}

#other .page08no {
margin: 30px 0 30px 10px;
padding: 0;
color: #009933;
font-size: 25px;
line-height: 100%;
}

#other div.s {
margin: 10px 0 50px 80px;
padding: 0;
color: #333300;
font-size: 14px;
line-height: 100%;
}

#other div.o h5 {
margin: 10px 0 0px 50px;
padding: 0;
font-size: 15px;
border: red 0px dotted;
font-size: 15px;
color: #2aaf2a;
}

#other div.o table {
margin: 20px auto;
padding: 0;
width: 1000px;
border: 1px solid #999999;
border-collapse: collapse;
}
#other div.o table th {
margin: 0;
padding: 10px 20px;
background-color: #a1f1c9;
border: 1px dotted #666666;
}

#other div.o table td {
margin: 0;
padding: 10px 15px;
border-bottom: 1px dotted #666666;
}

#other div.o table td.s {
font-size: 14px;
}

/* ---------- manthly ---------- */
#manth {
margin: 0;
padding: 10px;
border: 0px pink solid;
}

#manth table {
margin: 10px auto;
padding: 0;
width: 90%;
text-align: center;
}

#manth table td.y {
margin: 0;
padding: 6px;
width: 30%;
line-height: 100%;
border: #999999 1px dotted;
background-color: yellow;
text-align: center;
font-size: 15px;
line-height: 170%;
}

#manth table td.w {
margin: 0;
padding: 6px;
width: 30%;
border: #999999 1px dotted;
text-align: center;
font-size: 15px;
line-height: 170%;
}

#manth table td.w p {
margin: 5px 0;
padding: 0px;
text-align: center;
}































/* ---------- gaiyou ---------- */
#gaiyou {
margin: 0;
padding: 10px;
border: 0px pink solid;
}

#gaiyou h2.o {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o.gif) no-repeat left bottom;
height: 36px;
width: 350px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
}



#gaiyou dl {
margin: 20px 150px 0 100px;
padding: 0;
float: left;
}


#gaiyou dl dt {
margin: 10px 0 0 0;
padding: 0 0 0 10px;
background: #ffffff url(img/dt_g.gif) no-repeat left center;
}


#gaiyou dl dd {
margin: 0 0 20px 20px;
padding: 0;
}

/* ---------- profile ---------- */
#pro {
margin: 0;
padding: 10px;
border: 0px pink solid;
}

#pro h2.o {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o.gif) no-repeat left bottom;
height: 36px;
width: 350px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
}

#pro p {
margin: 10px 80px;
font-size: 25px;
}

#pro dl.pro {
margin: 20px 50px 100px 50px;
padding: 0;
width: 670px;
border: red 0px solid;
}

#pro dl.pro dt.pro {
margin: 0;
padding: 0;
width: 250px;
line-height: 300%;
border-bottom: 1px #999999 dotted;
float: left;
}

#pro dl.pro dd.pro {
margin: 0 0 0 250px;
padding: 0 0 0 30px;
width: 390px;
line-height: 300%;
border-bottom: 1px #999999 dotted;
}


/* ---------- qa ---------- */
#qa {
margin: 0;
padding: 10px;
border: 0px pink solid;
}

#qa h2.qa {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o2.gif) no-repeat left bottom;
height: 36px;
width: 500px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
}

#qa div {
margin: 0 150px;
padding: 10px;
border: 0px pink solid;
}

#qa p.q {
margin: 80px 0 0 0px;
padding: 5px 0 0 50px;
background: #ffffff url(img/qa_q.gif) no-repeat left top;
height: 35px;
font-weight: nomal;
}

#qa p.a {
margin: 10px 0 0 0px;
padding: 5px 0 0 50px;
background: #ffffff url(img/qa_a.gif) no-repeat left top;
height: 35px;
font-weight: nomal;
}

#qa div.a {
margin: 0px;
padding: 10px 50px 0px 50px;
line-height: 160%;
font-size: 15px;
}

/* ---------- 採用 ---------- */
#rec {
margin: 30px 50px;
font-size: 14px;
}

#rec h2 {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o.gif) no-repeat left bottom;
height: 36px;
width: 350px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
}


#rec h4 {
margin: 0;
padding: 0 30px 0 20px;
background: #ffffff url(img/h4bg.gif) repeat-x;
height: 30px;
width: 250px;
font-weight: nomal;
color: #333333;
font-size: 18px;
}

#rec div {
color: #333333;
}

#rec table {
margin: 20px 50px 50px;
border-bottom: 1px dotted #7aca69;
}


#rec table th {
padding: 8px 40px;
font-weight: nomal;
border-top: 1px dotted #7aca69;
}

#rec table td {
padding: 8px 30px;
line-height: 150%;
border-top: 1px dotted #7aca69;
}


/* ---------- sitemap ---------- */
#sitemap {
margin: 30px 50px;
font-size: 14px;
background-color: #ffffff;
}

#sitemap h2 {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2bg_o.gif) no-repeat left bottom;
height: 36px;
width: 350px;
font-weight: nomal;
color: #ffffff;
font-size: 20px;
}

#sitemap h3 {
margin: 30px 0 0 50px;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h3bg_o.gif) no-repeat left bottom;
height: 20px;
width: 300px;
font-weight: nomal;
text-align: left;
color: #333333;
font-size: 16px;
}


#sitemap ul.sitemap {
margin: 30px 0 80px 150px;
list-style: url(img/li_s.gif);
}

#sitemap ul.sitemap li a {
color: #333333;
font-size: 16px;
}

#sitemap ul.sitemap ul {
margin: 10px 0 10px 50px;
list-style: url(img/li_ss.gif);
}

#sitemap ul.sitemap ul li a {
color: #333333;
font-size: 15px;
}


div.bottom_link {
margin: 50px 0 50px 90px;
background-color: #ffffff;
width: 1100px;
}

div.bottom_link img {
margin: 0 2px 10px 0;
}



/* ---------- footer ---------- */
#bottom {
width: 100%;
height: 50px;
background: #ffffff url(img/footermenu.gif);
border-top: #666666 1px solid;
border-bottom: #666666 1px solid;
}

#bottom ul {
margin: 0 auto;
padding: 0;
width: 1200px;
border-left: 0px solid #999999;
}

#bottom ul li {
width: 119px;
margin: 0;
padding: 12px 0;
list-style: none;
border-right: 1px solid #ffff99;
text-align: center;
float: left;
}

#bottom ul li.w {
width: 119px;
margin: 0;
padding: 8px 0;
list-style: none;
border-right: 1px solid #ffff99;
text-align: center;
line-height: 100%;
float: left;
}

#bottom ul li a {
font-size: 13px;
color: #333333;
}


#bottom ul li.w a {
font-size: 13px;
color: #333333;
}


#footer {
width: 100%;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
background-color: #ffffff;
border-right: 0px #999999 solid;
border-left: 0px #999999 solid;
}



#footer div.add {
margin: 0 auto;
padding: 0px 20px;
width: 1160px;
height: 180px;
color: #5a4f43;
font-size: 18px;
line-height: 160%;
text-align: left;
background-color: #ffffff;
}

#footer div.add h4 {
margin: 0;
padding: 0;
color: #5a4f43;
font-size: 20px;
}

#footer div.add div {
width: 380px;
float: left;
background-color: #ffffff;
}



#footer div.navibottom{
font-size: 14px;
color: #666666;
clear: left;
}

#footer div.copy {
width: 100%;
margin: 10px 0 0 0;
padding: 3px 0 15px 0;
text-align: center;
background-color: #fcfecc;
color: #5a4f43;
font-size: 16px;
border-top: 3px double #5a4f43;
}