@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* Memo
Basic Green: #1c5335;

*/

/*--------------------------------
Home
--------------------------------*/
#header {
width: 100%;
position: fixed;
top: -133px;
left: 0;
z-index: 1000;
}
#home-logo {
position: absolute;
top: 0;
width: 100%;
text-align: center;
height: 212px;
border-top: solid 7px #1c5335;
background: url(../images/home/slider_grad.png) repeat-x center top;
z-index: 1000;
}

/*--------------------------------
Slider
--------------------------------*/
#slider {
position: relative;
height: 100%;
background: url(../images/common/loading.gif) no-repeat center center;
}
#slider-block {
opacity: 0;
height: 100%;
position: relative;
}
#slider-block ul {
height: 100%;
padding-bottom: 46px;
box-sizing: border-box;
}
#slider-block li {
width: 100%;
height: 100%;
position: absolute;
top: -92px;
left: 0;
text-indent: -9999px;
}
#slider-block li.b1 {
background: url(../images/slider/slide1.jpg) no-repeat center center;
background-size: cover;
z-index: 900;
}
#slider-block li.b2 {
background: url(../images/slider/slide2.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b3 {
background: url(../images/slider/slide3.jpg) no-repeat center center;
background-size: cover;
z-index: 900;
}
#slider-block li.b4 {
background: url(../images/slider/slide4.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b5 {
background: url(../images/slider/slide5.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b6 {
background: url(../images/slider/slide6.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b7 {
background: url(../images/slider/slide7.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b8 {
background: url(../images/slider/slide8.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b9 {
background: url(../images/slider/slide9.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b10 {
background: url(../images/slider/slide10.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b11 {
background: url(../images/slider/slide11.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b12 {
background: url(../images/slider/slide12.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b13 {
background: url(../images/slider/slide13.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b14 {
background: url(../images/slider/slide14.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-control {
width: 100%;
height: 100%;
}
#slider-control li {
position: absolute;
width: 80px;
height: 80px;
top: 50%;
margin-top: -40px;
z-index: 1100;
text-indent: -9999px;
transition: all .36s;
}
#slider #slider-control li.prev {
background: url(../images/home/slider_arrow_l.png) no-repeat center center;
left: 35px;
}
#slider #slider-control li.prev:hover {
left: 45px;
}
#slider #slider-control li.next {
background: url(../images/home/slider_arrow_r.png) no-repeat center center;
right: 35px;
}
#slider #slider-control li.next:hover {
right: 45px;
}

/*--------------------------------
Home Nav
--------------------------------*/
#hnav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1100;
background: url(../images/common/common_bg.jpg) repeat left top;
}
#hnav ul {
overflow: hidden;
width: 960px;
margin: 0 auto;
border-top: solid 1px #e3dfcf;
border-bottom: solid 1px #e3dfcf;
}
#hnav li {
float: left;
width: 192px;
position: relative;
/*background: url(../images/home/hnav_divider.gif) no-repeat left center;*/
}
#hnav li::after {
content: '';
position: absolute;
display: block;
width: 1px;
height: 30px;
background: #1c5435;
top: 30px;
right: 0;
}
#hnav li:last-child::after {
display: none;
}
#hnav li a,
#hnav li span.comingsoon {
display: block;
width: 100%;
padding-top: 55px;
padding-bottom: 12px;
line-height: 1.2em;
color: #1c5335;
font-size: 14px;
text-align: center;
background: url(../images/common/nav_icons_header2.png) no-repeat center 15px;
position: relative;
}
#hnav li span.comingsoon {
opacity: 0.5;
}
#hnav li.m1 a {background-position: center 15px;}
#hnav li.m2 a {background-position: center -85px;}
#hnav li.m3 a {background-position: center -185px;}
#hnav li.m4 a,
#hnav li.m4 span.comingsoon {background-position: center -285px;}
#hnav li.m5 a {background-position: center -385px;}

#hnav li a::after {
content: '';
display: block;
background: url(../images/common/nav_bar.png) repeat-x center top;
width: 0%;
height: 7px;
margin: 0 auto;
transition: all .4s;
}
#hnav li a:hover {
opacity: 0.9;
}
#hnav li a:hover::after {
width: 50%;
}

/*--------------------------------
News
--------------------------------*/
#news {
width: 980px;
margin: 0 auto;
overflow: hidden;
padding: 20px 0;
}
#news-title {
width: 130px;
height: 60px;
line-height: 60px;
text-align: center;
float: left;
font-family: 'Asap', sans-serif;
font-size: 21px;
letter-spacing: 1.5pt;
}
#news-body {
width: 850px;
/*height: 60px;*/
float: right;
padding-top: 15px;
padding-left: 30px;
background: url(../images/home/news_devider.png) no-repeat left 5px;
}
#news-body li {
position: relative;
padding-left: 120px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.7em;
/*line-height: 60px;*/
}
#news-body li a {
	color: #1c5335;
}
#news-body li a:hover {
	text-decoration: underline;
}
#news-body .date {
position: absolute;
top: 0;
left: 0;
}

/*--------------------------------
Topics
--------------------------------*/
#topics {
text-align: center;
width: 980px;
margin: 0 auto 35px;
padding: 27px 0 0;
position: relative;
}
#topics .tab {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #1c5335;
color: #FFF;
font-family: 'Asap', sans-serif;
font-weight: 400;
position: absolute;
top: 0;
left: 34px;
font-size: 16px;
line-height: 27px;
padding: 1px 0 0;
width: 85px;
letter-spacing: 0.5pt;
}
#topics .block {
clear: left;
height: 329px;
border: solid 3px #1c5335;
box-sizing: content-box;
}
#topics .p {
float: right;
}
#topics h3 {
width: 453px;
float: left;
padding: 34px 0 25px 35px;
}
#topics p {
width: 438px;
font-size: 14px;
line-height: 1.7em;
color: #1c5335;
text-align: left;
padding: 0 0 0 38px;
margin-bottom: 30px;
}
#topics a.btn {
display: block;
background: #1c5335;
color: #FFF;
width: 157px;
margin: 0 0 0 38px;
text-align: center;
font-size: 14px;
line-height: 30px;
padding-bottom: 1px;
border-radius: 3px;
transition: all .2s;
}
#topics a.btn:hover {
background: #ee7700;
}

/*--------------------------------
Concept
--------------------------------*/
#concept {
clear: both;
padding: 0 0 60px;
}
#concept-inner {
position: relative;
width: 1100px;
padding: 0 80px;
margin: 0 auto;
}
#concept .concept-image {
position: absolute;
top: 0;
right: 35px;
}
#concept h3 {
margin-bottom: 30px;
}
#concept p {
font-size: 16px;
width: 430px;
line-height: 1.9em;
margin-bottom: 80px;
}
#concept ul {
clear: both;
width: 970px;
margin: 0 auto;
overflow: hidden;
}
#concept li {
width: 240px;
float: left;
padding: 0 35px;
box-sizing: content-box;
}
#concept li .photo {
margin-bottom: 18px;
}
#concept li .t {
font-size: 13px;
line-height: 1.7em;
}