html,body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
text-align: center; }
img {
border: 0;
margin: 0px;
padding: 0px; }
ul,li,h1,h2,h3 {
margin: 0px;
padding: 0px;
list-style-type: none; }
.en {
lang: EN;
font-family: Verdana; }
p {
margin: 0;
padding: 0; }
#main {
width: 900px;
text-align: center;
margin-top: 8px;
text-align: left; }
h1 {
font-size: 12px;
line-height: 140%;
font-weight: normal;
color: #A4BD01;
float: left;
margin-top: 15px;
margin-left: 20px; }
#head_menu {
width: 210px;
position: relative;
height: 13px;
left: 0px;
top: 0px;
margin-left: 690px; }
#head_menu1 {
width: 125px;
position: relative;
height: 13px;
float: left; }
#head_menu2 {
width: 85px;
position: relative;
height: 13px;
float: right; }
#top_head {
width: 900px;
position: relative;
height: 71px;
left: 0px;
top: 0px;
text-align: left; }
#top_head1 {
width: 287px;
position: relative;
height: 71px;
left: 0px;
top: 0px;
float: left; }
#top_head2 {
width: 161px;
position: relative;
height: 71px;
left: 0px;
top: 0px;
float: right; }
ul#globalnavi {
width: 900px;
overflow: hidden; }
ul#globalnavi li {
float: left;
height: 50px;
display: block; }
ul#globalnavi li a {
display: block;
overflow: hidden;
height: 0px;
background-image: url(../images/menu1.jpg);
padding-top: 50px;
font-size: 1px; }
/* global navi normal
---------------------*/
#navi1 a {
width: 180px;
background-position: 0 0; }
#navi2 a {
width: 180px;
background-position: -180px 0; }
#navi3 a {
width: 180px;
background-position: -360px 0; }
#navi4 a {
width: 180px;
background-position: -540px 0; }
#navi5 a {
width: 180px;
background-position: -720px 0; }
/* global navi rollover
----------------------*/
#navi1 a:hover {
width: 180px;
background-position: 0 -50px; }
#navi2 a:hover {
width: 180px;
background-position: -180px -50px; }
#navi3 a:hover {
width: 180px;
background-position: -360px -50px; }
#navi4 a:hover {
width: 180px;
background-position: -540px -50px; }
#navi5 a:hover {
width: 180px;
background-position: -720px -50px; }
#main_image {
width: 900px;
position: relative;
height: 280px;
left: 0px;
top: 0px;
margin-top: 20px;
clear: both;
float: none; }
#top_con {
width: 900px;
position: relative;
left: 0px;
top: 0px;
margin-top: 20px; }
#top_con1 {
width: 638px;
position: relative;
left: 0px;
top: 0px;
float: left;
text-align: left; }
.top_con1_it1 {
width: 638px;
overflow: auto;
position: relative;
left: 0px;
top: 0px; }
#top_con1_it3 {
width: 196px;
height: 220px;
position: relative;
left: 0px;
top: 0px;
background-color: #ffffff;
border: 1px solid #CCCCCC;
float: left;
padding: 4px; }
.top_con1_it4 {
width: 195px;
position: relative;
left: 0px;
top: 0px; }
.top_con1_it5 {
width: 195px;
height: 60px;
position: relative;
left: 0px;
top: 0px; }
.top_con1_it6 {
width: 127px;
height: 19px;
position: relative;
left: 0px;
top: 0px;
margin-top: 6px; }
#top_con1_it7 {
width: 196px;
height: 220px;
position: relative;
left: 0px;
top: 0px;
background-color: #ffffff;
border: 1px solid #CCCCCC;
float: left;
padding: 4px;
margin-left: 10px; }
#top_con1_it8 {
width: 196px;
height: 220px;
position: relative;
left: 0px;
top: 0px;
background-color: #ffffff;
border: 1px solid #CCCCCC;
float: right;
padding: 4px; }
#top_con1_it9 {
width: 638px;
height: 40px;
position: relative;
left: 0px;
top: 0px;
clear: both;
float: none; }
#top_con1_it10 {
width: 492px;
height: 40px;
position: relative;
left: 0px;
top: 0px;
float: left; }
#top_con1_it11 {
width: 146px;
height: 40px;
position: relative;
left: 0px;
top: 0px;
float: right; }
#top_con1_it12 {
width: 638px;
height: 250px;
position: relative;
left: 0px;
top: 0px;
overflow: auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
margin-top: 18px; }
.top_con1_it13 {
width: 638px;
position: relative;
left: 0px;
top: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.top_con1_it13 dl{
width: 600px;
margin:10px auto;
padding-bottom:8px;
border-bottom:#999999 dotted 1px;
clear:both;
overflow:hidden;
font-size:12px;
}
.top_con1_it13 dt{
float:left;
margin-right:5px;
}
.top_con1_it13 a{
color:#009900;
}
.top_con1_it14 {
width: 619px;
position: relative;
left: 0px;
top: 0px;
margin-left: 10px;
background-image: url(../images/top_it9.jpg);
background-repeat: repeat-x;
background-position: bottom; }
#top_con1_it15 {
width: 640px;
overflow: auto;
position: relative;
left: 0px;
top: 0px;
margin-top: 26px;
padding-top: 16px;
padding-bottom: 16px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #00743F;
background-color: #ECECEC; }
#top_con1_it16 {
width: 300px;
height: 210px;
position: relative;
left: 0px;
top: 0px;
float: left;
margin-left: 5px; }
#top_con1_it17 {
width: 302px;
position: relative;
left: 0px;
top: 0px;
float: right;
margin-right: 5px; }
#top_con1_it18 {
width: 263px;
height: 65px;
px;
position: relative;
left: 0px;
top: 0px; }
#top_right {
width: 240px;
overflow: auto;
position: relative;
left: 0px;
top: 0px;
float: right; }
#top_right1 {
width: 240px;
height: 120px;
position: relative;
left: 0px;
top: 0px; }
.top_right2 {
width: 240px;
height: 80px;
position: relative;
left: 0px;
top: 0px;
margin-top: 10px; }
#top_right3 {
overflow: hidden;
position: relative;
left: 0px;
top: 0px;
border: 1px solid #CCCCCC;
margin-top: 10px;
/*padding-bottom: 10px;*/ }
#top_right4 {
width: 238px;
height: 50px;
position: relative;
left: 0px;
top: 0px;
margin-top: 5px; }
#top_right5 {
width: 238px;
height: 124px;
position: relative;
left: 0px;
top: 0px; }
#top_right6 {
width: 69px;
height: 17px;
position: relative;
left: 0px;
top: 0px; }
#page_top {
width: 900px;
height: 20px;
position: relative;
left: 0px;
top: 0px;
padding-top: 20px;
clear: both;
float: none;
text-align: right; }
#foot_menu {
width: 888px;
position: relative;
left: 0px;
top: 0px;
padding: 10px;
margin-top: 10px;
text-align: center;
background-color: #ECECEC;
border: 1px solid #CCCCCC; }
#foot_menu a {
color: #666666;
text-decoration: underline; }
#foot_menu a:hover {
color: #00743F;
text-decoration: underline; }
#copy {
width: 900px;
position: relative;
left: 0px;
top: 0px;
margin-top: 10px;
text-align: left; }
#copy1 {
width: 177px;
height: 16px;
position: relative;
left: 0px;
top: 0px; }
#copy2 {
width: 93px;
height: 16px;
position: relative;
left: 0px;
top: 0px;
float: left; }
#copy3 {
width: 84px;
height: 16px;
position: relative;
left: 0px;
top: 0px;
float: right; }
#copy p { float: left; }
#sec_image {
width: 900px;
position: relative;
height: 160px;
left: 0px;
top: 0px;
margin-top: 15px;
clear: both;
float: none; }
#pan {
width: 900px;
position: relative;
left: 0px;
top: 0px;
margin-top: 8px;
text-align: left; }
#pan a {
color: #A4BD01;
text-decoration: none; }
#pan a:hover {
color: #00743F;
text-decoration: none; }
#sec_top {
width: 900px;
position: relative;
height: 160px;
left: 0px;
top: 0px;
margin-top: 20px;
clear: both;
float: none; }
.midashi {
width: 640px;
position: relative;
height: 40px;
left: 0px;
top: 0px;
background-image: url(../profile/images/profile_it2.gif);
background-repeat: no-repeat;
clear: both;
float: none; }
.midashi p {
padding-top: 12px;
margin-left: 12px; }
.midashi2 {
width: 620px;
position: relative;
height: 30px;
left: 0px;
top: 0px;
background-color: #ECECEC;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #00743F;
clear: both;
float: none; }
.midashi2_20 {
width: 620px;
position: relative;
height: 30px;
left: 0px;
top: 0px;
background-color: #ECECEC;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #00743F;
clear: both;
float: none;
margin-top: 20px; }
.midashi2_20 p {
padding-top: 5px;
margin-left: 12px; }
.midashi3 {
width: 640px;
position: relative;
height: 40px;
left: 0px;
top: 0px;
background-image: url(../profile/images/profile_it2.gif);
background-repeat: no-repeat;
clear: both;
float: none;
margin-top: 35px; }
.midashi3 p {
padding-top: 12px;
margin-left: 12px; }
.hyo_it1 {
width: 608px;
position: relative;
left: 0px;
top: 0px;
border: 3px solid #DDDDDD; }
.hyo_it1_t15 {
width: 608px;
position: relative;
left: 0px;
top: 0px;
border: 3px solid #DDDDDD;
margin-top: 18px; }
.hyo_it2 {
width: 149px;
background-color: #F3F3F3;
font-size: 14px;
color: #333333;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD; }
.hyo_it3 {
width: 149px;
background-color: #F3F3F3;
font-size: 14px;
color: #333333;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #DDDDDD; }
.hyo_it4 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD; }
.hyo_it5 {
background-color: #F3F3F3;
font-size: 12px;
color: #333333;
text-align: center;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD; }
.hyo_it6 {
background-color: #F3F3F3;
font-size: 12px;
color: #333333;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD; }
.hyo_it7 {
background-color: #ffffff;
font-size: 12px;
color: #666666;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD; }
.hyo_it7_2{
background-color: #ffffff;
font-size: 12px;
color: #666666;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
text-align:right;}
.hyo_it8 {
background-color: #ffffff;
font-size: 12px;
color: #666666;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD; }
.hyo_it9 {
background-color: #ffffff;
font-size: 12px;
color: #666666;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #DDDDDD; }
.hyo_it10{
font-size:13px;
color:#666666;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD;}
#profile_it1 {
width: 500px;
text-align: center;
margin-top: 30px;
margin-left: 76px; }
#profile_it2 {
width: 500px;
height: 150px;
position: relative;
left: 0px;
top: 0px; }
.profile_it3 {
width: 608px;
text-align: left;
margin-left: 15px;
margin-top: 29px; }
#profile_it4 {
width: 580px;
height: 100px;
position: relative;
left: 0px;
top: 0px;
margin-top: 30px;
margin-left: 30px; }
#profile_it5 {
width: 128px;
height: 163px;
position: relative;
left: 0px;
top: 0px;
float: left; }
#profile_it6 {
width: 466px;
position: relative;
left: 0px;
top: 0px;
float: right; }
#profile_it7 {
width: 239px;
height: 15px;
position: relative;
left: 0px;
top: 0px;
padding-top: 20px;
margin-left: 360px;
clear: both;
float: none; }
#profile_it8 {
width: 620px;
position: relative;
left: 0px;
top: 0px;
margin-top: 14px;
margin-left:15px; }
.contents_it1 {
width: 620px;
text-align: left;
margin-left: 10px; }
.contents_it1_25 {
width: 620px;
text-align: left;
margin-left: 10px;
margin-top: 25px; }
#contents_it2 {
width: 400px;
text-align: center;
margin-left: 108px;
margin-top: 27px; }
#contents_it3 {
width: 400px;
height: 300px;
position: relative;
left: 0px;
top: 0px; }
.contents_it4 {
width: 400px;
height: 30px;
position: relative;
left: 0px;
top: 0px;
background-color: #ECECEC;
margin-top: 7px; }
#contents_it5 {
width: 620px;
margin-top: 27px;
overflow: hidden; }
.contents_it6 {
width: 200px;
float: left; }
.contents_it7 {
width: 200px;
height: 150px;
position: relative;
left: 0px;
top: 0px; }
.contents_it8 {
width: 200px;
height: 50px;
position: relative;
left: 0px;
top: 0px;
background-color: #ECECEC;
margin-top: 7px;
text-align: center; }
.contents_it9 {
width: 200px;
float: right; }
.contents_it10 {
width: 620px;
height: 60px;
text-align: left;
margin-top: 10px; }
.contents_it11 {
width: 220px;
height: 60px;
text-align: left;
background-color: #9ACB3E;
float: left; }
.contents_it12 {
width: 400px;
height: 60px;
text-align: left;
background-color: #ECECEC;
float: right; }
.contents_it13 {
width: 366px;
text-align: left;
margin-top: 8px;
margin-left: 14px; }
.contents_it14 {
width: 620px;
text-align: left;
margin-top: 22px;
overflow: auto; }
.contents_it15 {
width: 260px;
height: 196px;
text-align: left;
float: left; }
.contents_it16 {
width: 340px;
text-align: left;
float: right; }
.contents_it17 {
width: 240px;
text-align: left;
margin-left: 96px;
margin-top: 20px; }
.contents_it18 {
width: 150px;
height: 30px; }
.contents_it19 {
width: 240px;
height: 80px;
margin-top: 10px; }
#approach_it1 {
width: 580px;
text-align: right;
margin-top: 30px;
margin-left: 30px; }
#approach_it2 {
width: 580px;
height: 150px;
position: relative;
left: 0px;
top: 0px; }
.approach_it3 {
width: 550px;
overflow: auto;
position: relative;
left: 0px;
top: 0px;
background-color: #F7F2EE;
margin-left: 18px;
margin-top: 14px;
padding: 15px; }
.approach_it3 li {
list-style: decimal url(none);
font-size: 14px;
line-height: 160%;
color: #00743F;
margin-top: 10px;
padding: 0px; }
.com_it1 {
width: 620px;
text-align: left;
margin-top: 15px; }
.com_it2 {
width: 150px;
height: 30px;
margin-left: 462px; }
.build_list{
float:right;
margin-top:10px;
margin-right:5px;
}
.build_title {
font-size: 14px;
line-height: 160%;
color: #444444;
float:left; }
.build_it1 {
width: 620px;
position: relative;
left: 0px;
top: 0px;
padding-top: 10px;
padding-bottom: 10px; }
.build_it1 dl{
width: 600px;
margin:10px auto;
padding-bottom:8px;
border-bottom:#999999 dotted 1px;
clear:both;
overflow:hidden;
font-size:12px;
}
.build_it1 dt{
float:left;
margin-right:5px;
}
.build_it1 a{
color:#009900;
}
.build_it2 {
width: 620px;
position: relative;
left: 0px;
top: 0px;
padding-top: 5px;
background-image: url(../images/top_it9.jpg);
background-repeat: repeat-x;
background-position: bottom; }
.build2_it1 {
width: 620px;
position: relative;
left: 0px;
top: 0px;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #CCCCCC; }
.build2_it2 {
width: 600px;
height: 40px;
position: relative;
left: 0px;
top: 0px;
border: 1px solid #CCCCCC;
background-color: #ECECEC;
margin-left: 10px; }
.build2_it2 p {
margin-left: 10px;
margin-top: 10px;
font-size: 14px;
line-height: 160%;
color: #444444;
font-weight: bold; }
.build2_it3 {
width: 300px;
height: 255px;
margin-top: 15px;
text-align: center; }
.build2_it3l {
width: 300px;
height: 255px;
margin-top: 15px;
text-align: center;
float: left; }
.build2_it3r {
width: 300px;
height: 255px;
margin-top: 15px;
text-align: center;
float: right; }
.build2_it4 {
width: 580px;
position: relative;
left: 0px;
top: 0px;
background-color: #ECECEC;
padding: 10px;
font-size: 12px;
line-height: 160%;
color: #666666;
text-align: right;
clear:both;
overflow:hidden;
}
.build2_it4 ul{
margin-left:320px;
}
.build2_it4 li{
float:left;
margin-left:5px;
}
.build2_it4 a {
color: #729E2E;
text-decoration: none; }
.build2_it4 a:hover {
color: #729E2E;
text-decoration: underline; }
.build2_it5 {
width: 620px;
height: 30px;
margin-top: 20px; }
.build2_it6l {
width: 150px;
height: 30px;
float: left; }
.build2_it6r {
width: 150px;
height: 30px;
float: right; }
.build2_it7 {
width: 620px;
margin-top: 15px;
position: relative;
left: 0px;
top: 0px;
font-size: 12px;
line-height: 160%;
color: #666666;
text-align: right; }
.build2_it7 a {
color: #729E2E;
text-decoration: none; }
.build2_it7 a:hover {
color: #729E2E;
text-decoration: underline; }
.build2_it8 {
width: 600px;
margin-left: 10px; }
.build2_it8 p{
font-size: 12px;
line-height: 160%;
color: #666666;
clear: both;
float: none;
margin-left: 10px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
}
.build2_it9 {
font-size: 12px;
line-height: 160%;
color: #666666;
clear: both;
float: none;
margin-left: 10px; }
.toi_it1 {
width: 500px;
height: 150px;
position: relative;
left: 0px;
top: 0px;
margin-left: 74px;
margin-top: 10px;
text-align: center; }
.sitemap_it2 {
width: 620px;
position: relative;
height: 30px;
left: 0px;
top: 0px;
background-color: #ECECEC;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #00743F;
clear: both;
float: margin-top: 18px; }
.sitemap_it2 p {
padding-top: 6px;
margin-left: 12px; }
.sitemap_it2 a {
color: #00743F;
text-decoration: none; }
.sitemap_it2 a:hover {
color: #00743F;
text-decoration: none; }
.sitemap_it3 {
width: 300px;
float: left; }
.sitemap_it4 {
width: 295px;
position: relative;
height: 30px;
left: 0px;
top: 0px;
background-color: #ECECEC;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #00743F;
margin-top: 18px; }
.sitemap_it4 p {
padding-top: 5px;
margin-left: 6px; }
.sitemap_it4 a {
color: #00743F;
text-decoration: none; }
.sitemap_it4 a:hover {
color: #00743F;
text-decoration: none; }
.sitemap_it5 {
width: 300px;
float: right; }
.syomei {
font-size: 12px;
line-height: 160%;
color: #666666;
margin-left: 410px;
margin-top: 15px;
text-align:right; }
.text14_white {
font-size: 14px;
line-height: 160%;
color: #ffffff;
margin-top: 8px;
margin-left: 14px; }
.text14_gray {
font-size: 14px;
line-height: 160%;
color: #666666; }
.text14_gray2 {
font-size: 14px;
line-height: 160%;
color: #444444; }
.text14_gray_p3 {
font-size: 14px;
line-height: 160%;
color: #666666;
padding-top: 3px; }
.text14_green {
font-size: 14px;
line-height: 160%;
color: #00743F; }
.text14_green a {
font-size: 14px;
line-height: 160%;
color: #00743F;
text-decoration:none;
}
.text12_gray {
font-size: 12px;
line-height: 160%;
color: #666666; }
.text12_gray2 {
font-size: 12px;
line-height: 160%;
color: #333333; }
.text12_gray3 {
font-size: 12px;
line-height: 160%;
color: #666666;
margin-top: 10px;
text-align:right; }
.text12_gray4 {
font-size: 12px;
line-height: 160%;
color: #666666;
margin-top: 5px;
margin-left: 16px; }
.text12_gray5 {
margin-top: 15px;
margin-left: 10px;
font-size: 12px;
line-height: 160%;
color: #666666; }
.text12_gray6 {
font-size: 12px;
line-height: 160%;
color: #666666;
margin:10px auto }
.text12_green {
font-size: 12px;
line-height: 160%;
color: #729E2E; }
.text12_green a {
color: #729E2E;
text-decoration: underline; }
.text12_green a:hover {
color: #729E2E;
text-decoration: none; }
.text12_green2 {
font-size: 12px;
line-height: 160%;
color: #00743F;
margin-left: 12px;
padding-bottom: 15px; }
.text12_green2 a {
color: #729E2E;
text-decoration: underline; }
.text12_green2 a:hover {
color: #729E2E;
text-decoration: none; }
.text12_red {
font-size: 12px;
line-height: 160%;
color: #CC0000; }
.text10_gray {
font-size: 10px;
line-height: 160%;
color: #666666; }
.text10_red {
font-size: 10px;
color: #CC0000; }
.gray { color: #333333; }
div.info_list{
width: 620px;
clear:both;
margin:10px auto;
font-size:13px;
background:FCFCFC repeat;
border:#CCCCCC solid 1px;
overflow:hidden;
padding:0px auto;
}
div.info_list h2{
font-size:14px;
margin:20px auto 10px;
padding-bottom:5px;
width:600px;
color:#333333;
border-bottom:#006633 solid 1px;
}
div.info_list p{
width:590px;
margin:0px auto;
}
div.info_list ul{
margin:20px 0px 10px;
}
div.info_list li{
float:right;
margin:5px 5px 10px;
}
div.info_list li img{
margin-top:-5px;
}
div.info_list a{
color:#333333;
font-size:11px;
}
div.info_list a:hover img{
filter:alpha(opacity=70); /* IE7以下用 */
-ms-filter: "alpha(opacity=70)"; /* IE8用 */
-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
-khtml-opacity: 0.7; /* Safari 1.x, 他khtmlに対応したブラウザ用 */
opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
}
.info_list2{
clear:both;
overflow:hidden;
font-size:12px;
margin:20px auto;
width:600px;
border-bottom:#CCCCCC dotted 1px;
padding-bottom:10px;
}
.info_list2 dt{
float:left;
margin-right:10px;
}
.info_list2 dd a{
color:#009900;
}
#rightbox{
margin:20px 0px;
}
#page{
width:620px;
clear:both;
overflow:hidden;
margin:20px 0px;
}
.back_list2 {
margin-top:10px;
}
li.back_list{
float:left;
}
li.next_list{
float:right;
}
.preview_table{
width:500px;
margin:10px auto;
}
#btn{
margin:15px auto;
width:300px;
}
#btn2{
margin:15px auto;
width:100px;
}
/* ----- ページ移動 ------------------------------------ */
div#page, div#navi {
float: none;
clear: both;
padding: 0px 15px;
}
div#page h2 {
display: none;
font-size:14px;
}
div#page ul {
margin: 0px;
text-align: center;
font-size:12px;
}
div#page ul li {
display: inline;
margin: 0px 5px;
}
/* ----- ナビゲーション -------------------------------- */
div#navi h2 {
display: none;
}
div#navi ul {
margin: 5px 0px;
font-size:11px;
text-align: right;
}
div#navi ul li {
display: inline;
margin-left: 5px;
}
.nanporo{
width:40%;
height:40%;
text-align:center;
padding:auto;
background:#336600;
position:absolute;
top:30%;
left:30%;
}
.nanporo p{
margin-top:22%;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
line-height:25px;
}
.text12_list_app {
font-size: 12px;
line-height: 160%;
color: #666666;
width:580px;
margin:10px auto;
}
.text12_list_app span {
padding:0px 20px;
}
.center{
margin:20px 150px 10px;
text-align:center;
}
.right{
text-align:right;
margin-top:10px;
}
.list_indent_one{
margin: 0 0 20px;}
.list_indent_one li{
font-size: 12px;
line-height: 1.6;
color: #666;
padding: 0 0 0 15px;
margin: 0 0 5px;}
.list_indent_one li span{
margin: 0 0 0 -15px;
width: 15px;
display: inline-block;
text-align: left;}
.list_number,
.list_number li{
list-style-position: outside;
list-style-type: decimal;}
.list_number{
padding: 0 0 0 15px;}
.list_number li{
font-size: 12px;
line-height: 1.6;
color: #666;
margin: 0 0 5px;}
/* ▼ Added on Feb 8 2019 ▼ */
#side_recruit {
overflow: auto;
position: relative;
left: 0px;
top: 0px;
margin-top: 10px;}
#side_recruit a {
display: block;}
#recruit_intro {
margin: 0 0 30px;}
.rec_layout p {
font-size: 12px;
line-height: 1.6;
color: #666666;}
#rec_nav {
letter-spacing: -0.5em;
margin: 15px 0 0 0;}
#rec_nav li {
display: inline-block;
letter-spacing: normal;}
#rec_nav li:after {
content: '|';
color: #cccccc;
padding: 0 8px;}
#rec_nav li.last:after {
content: '||';}
#rec_nav li.contact:after {
content: none;
padding: 0 0;}
#rec_nav li a {
font-size: 12px;}
#rec_nav li.contact a {
color: #2f8f36;}
#recruit_main .midashi .index {
font-weight: bold;
padding-top: 10px;
margin-left: 12px;
font-size: 15px;
line-height: 160%;
color: #444444;}
.recbox {
margin: 0 0 50px;}
.rectable {
width: 100%;
border-collapse: collapse;
margin: 0 0 20px;}
.rectable caption {
position: relative;
font-size: 13px;
padding: 5px 15px 5px 30px;
line-height: 1.6;
font-weight: bold;
text-align: left;
background: #f8f8f8;
color:#454545;}
.rectable caption:before {
position: absolute;
left: 15px;
top: 6px;
content: '';
width: 8px;
height: 16px;
background: #b0ccb2;}
.rectable th,
.rectable td {
vertical-align: top;
padding: 10px 15px;
font-size: 12px;
line-height: 1.6;
color: #666666;}
.rectable th {
color: #747474;
width: 8em;
font-weight: bold;
border-bottom: 1px solid #9ccb9f;
border-right: 5px solid #fff;}
.rectable td {
font-weight: normal;
border-bottom: 1px solid #cccccc;}
.rectable td p {
margin: 0 0 1em;}
.rectable td p.last {
margin: 0 0 0;}
.rectable td small {
display: inline-block;
font-size: 11px;}
.rectable td .kome {
text-indent: -1.2em;
margin-left: 1.2em;}
.rectable td .kome:before {
content: '※';
padding: 0 0.2em 0 0;}
.rectable td .salary {
font-weight: bold;
font-size: 13px;}
.rectable td ul {
margin: 0 0 0.5em 0;}
.rectable td ul.last {
margin: 0 0 0 0;}
.lst_dot li {
text-indent: -1.2em;
margin-left: 1.2em;}
.lst_dot li:before {
content: '・';
padding: 0 0.2em 0 0;}
#rec_contact {
background: #f0f8f0;
color: #446052;
padding: 20px;}
#rec_contact .index {
font-size: 18px;
text-align: center;
font-weight:bold;
line-height: 1.6;
padding: 0 0 20px;}
#rec_contact .contact dt,
#rec_contact .contact dd {
line-height: 1.6;}
#rec_contact .contact dt {
font-weight: bold;
font-size: 14px;}
#rec_contact .contact dd {
font-size: 12px;
margin: 0;}
#rec_contact .tel {
margin: 0 0 10px;
text-align: center;}
#rec_contact .method .item {
display: block;
text-align: center;
padding: 25px 15px;
color: #fff;
text-decoration: none;}
#rec_contact .method .item .index,
#rec_contact .method .item .oh {
display: inline-block;}
#rec_contact .method .item .index {
font-weight: bold;
font-size: 18px;
line-height: 30px;}
#rec_contact .method .item .oh {
width: 100%;
font-size: 14px;
color: #bfda97;
padding: 5px 0 0;}
#rec_contact .tel .item {
background: #00743f;}
#rec_contact .tel .item .index {
font-size: 24px;
background: url("../recruit/images/ico_tel.png") left center no-repeat;}
#rec_contact .tel .item .index small {
font-size: 14px;
padding: 0 0 0 5px;
display: inline-block;
vertical-align: middle;}
#rec_contact .method .item .index {
padding: 0 0 0 40px;}
#rec_contact .mail .item {
background: #004725;}
#rec_contact .mail .item .index {
background: url("../recruit/images/ico_mail.png") left center no-repeat;}
/* ▲ Added on Feb 8 2019 ▲ */
.cp_box *, .cp_box *:before, .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box {
position: relative;
}
.cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; /* グラデーションの高さ */
cursor: pointer;
text-align: center;
background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
line-height: 2rem;
position: absolute;
z-index: 2;
bottom: 20px;
left: 50%;
width: 16rem;
/* font-family: FontAwesome;*/
font-size: 12px;
content: '続きを表示';
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #ffffff;
/* border-radius: 20px;*/
background-color: rgba(0, 116, 63);
}
.cp_box input {
display: none;
}
.cp_box .cp_container {
overflow: hidden;
height: 340px; /* 開く前に見えている部分の高さ */
transition: all 0.5s;
}
.cp_box input:checked + label {
/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
/* font-family: FontAwesome;*/
content: '閉じる';
}
.cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
transition: all 0.5s;
}