@charset "UTF-8";
/* CSS Document */

/* common */
.arrow-left { background:url(image/common/arrow-left.png) no-repeat; background-position:left center; height:30px; padding-left:30px; margin:40px 0px; }
.arrow-left a { color:#000; text-decoration:none; border-bottom:#000 1px  dashed; line-height:30px;}

/* HOME */
#top {}
#top #main-image { background:#e4e4e6; text-align:center; max-height:430px; min-width:1000px;}
#top #main-image img { max-width: 100%; height: auto;}
#top .h2 { text-indent:-9999px; height:0px; }
#top .mark { min-width:1000px; background:url(image/top/message.png) no-repeat; background-position: top center;}
#top #info { background:url(image/top/info-background.png) repeat; color:#336639; line-height:37px; font-size:108%; padding:40px 0; text-align:center; }

/* bennr-area */
#banner-area { background:url(image/common/peiru-background.png) repeat; padding:40px 0px; }
#banner-area:after { content: ''; display: table; clear: both; }
#banner-area ul { width: 1020px;  margin:0px auto;}
#banner-area ul li { float:left; width:235px; padding-right:20px; }

/* news-area */
#news { background:url(image/common/peiru-background.png) repeat;  border-bottom:1px #bcbcbc solid;  padding:60px 0px;}
#news .container { background:url(image/news/title.png) no-repeat; padding-top:65px;}
#news .container dl { width: 1000px; background: url(image/news/news-dt-background.png) repeat-y; border-bottom: solid 1px #bcbcbc;}
#news .container dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#news .container dl dt,
#news .container dl dd { float: left; border-top: solid 1px #bcbcbc;}
#news .container dl dt { width: 86px; padding:12px; color:#fff; }
#news .container dl dd { width: 864px; padding:12px; background:#fff; opacity: 0.7;}
#news .container dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}

/* about-area */
#about { background:url(image/common/peiru-background.png) repeat;  border-bottom:1px #bcbcbc solid;  padding:60px 0px;}
#about .container { background:url(image/about/title.png) no-repeat; padding-top:65px;}
#about .container .detail { background-color:rgba(255,255,255,0.6); padding:40px;  line-height:1.8em;}
#about .container .history {}
#about .container .history dl { width: 910px; background:#284170; border-bottom: solid 1px #bcbcbc;}
#about .container .history dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#about .container .history dl dt,
#about .container .history dl dd { float: left; border-top: solid 1px #bcbcbc;}
#about .container .history dl dt { width: 100px; padding:8px 12px ; color:#fff; }
#about .container .history dl dd { width: 762px; padding:8px 12px; background:#fff; }
#about .container .history dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}
#about .container .recruit {}
#about .container .recruit dl { width: 910px; background:#284170; border-bottom: solid 1px #bcbcbc;}
#about .container .recruit dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#about .container .recruit dl dt,
#about .container .recruit dl dd { float: left; border-top: solid 1px #bcbcbc;}
#about .container .recruit dl dt { width: 100px; padding:8px 12px ; color:#fff; }
#about .container .recruit dl dd { width: 762px; padding:8px 12px; background:#fff; }
#about .container .recruit dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}

/* news-area */
#news { background:url(image/common/peiru-background.png) repeat;  border-bottom:1px #bcbcbc solid;  padding:60px 0px;}
#news .container { background:url(image/news/title.png) no-repeat; padding-top:65px;}
#news .container dl { width: 1000px; background: url(image/news/news-dt-background.png) repeat-y; border-bottom: solid 1px #bcbcbc;}
#news .container dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#news .container dl dt,
#news .container dl dd { float: left; border-top: solid 1px #bcbcbc;}
#news .container dl dt { width: 86px; padding:12px; color:#fff; }
#news .container dl dd { width: 864px; padding:12px; background:#fff; opacity: 0.7;}
#news .container dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}


/* works-area */
#works { background:url(image/common/peiru-background.png) repeat;  border-bottom:1px #bcbcbc solid;  padding:60px 0px;}
#works .container { background:url(image/works/title.png) no-repeat; background-position:top right; padding-top:65px;}
#works .container .entry ul {  background:url(image/common/peiru-background.png) repeat; padding:40px 0px 0px 20px; display:block;  overflow: hidden;}
#works .container .entry ul:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#works .container .entry ul li { width:282px; float:left; margin-bottom:40px; margin-right:20px; padding:12px;}
#works .container .entry ul li img { margin-bottom:10px; border:1px #f5f5f5 solid; width:280px;}

#works .container dl { width: 1000px; background: url(image/news/news-dt-background.png) repeat-y; border-bottom: solid 1px #bcbcbc; margin-bottom:40px;}
#works .container dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#works .container dl dt,
#works .container dl dd { float: left; border-top: solid 1px #bcbcbc;}
#works .container dl dt { width: 86px; padding:12px; color:#fff; }
#works .container dl dd { width: 864px; padding:12px; background:#fff; opacity: 0.7;}



/* privacy-area */
#privacy { background:url(image/common/peiru-background.png) repeat;  border-bottom:1px #bcbcbc solid;  padding:60px 0px;}
#privacy .container { background:url(image/privacy/title.png) no-repeat; padding-top:65px;}
#privacy .container dl { width: 1000px; background: url(image/news/news-dt-background.png) repeat-y; border-bottom: solid 1px #bcbcbc;}
#privacy .container dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#privacy .container dl dt,
#privacy .container dl dd { float: left; border-top: solid 1px #bcbcbc;}
#privacy .container dl dt { width: 86px; padding:12px; color:#fff; }
#privacy .container dl dd { width: 864px; padding:12px; background:#fff; opacity: 0.7;}
#privacy .container dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}
#privacy .container ul { padding-left:20px;}
#privacy .container ul.circle li { list-style-type:circle; margin-bottom:20px;}
#privacy .container ul.no { padding-left:40px; margin-top:10px;}
#privacy .container ul.no li { list-style:decimal; margin-bottom:2px;} 
#privacy .container ul li p { font-weight:bold;}




/* detail */
.entry { margin-bottom:40px;}
.detail h3 { font-size:129%;  font-weight:bold; text-align:center; margin-bottom:20px; color:#BEB172; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif }
.detail h3:after { content: '　”';} 
.detail h3:before { content: '“　';} 
.detail .comment { margin-top:40px;}



/* action-area */
#action { background:url(image/common/peiru-background.png) repeat-x;  padding:65px 0px;}
#action .container { background:url(image/action/title.png) no-repeat; background-position:top right; padding-top:30px; }
#action .grid li,
#action .grid li:after,
#action .grid li:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#action .grid li { border-bottom:1px #cecece solid; margin-bottom:10px; position: relative;}
#action .grid a { text-decoration:none; color:#000;}
#action .grid img { margin-bottom:6px;}
#action .grid .day { color:#336639; text-decoration:none; margin-bottom:6px; font-size:86%;}
#action .grid .new { position: absolute; top:-10px; left:10px;}
#action .more { text-align:center;}
#action .more a { background:#DD2F32; color:#fff; padding:8px 150px; text-decoration:none; font-weight:150;}
#action .container dl { width: 1000px; background: url(image/news/news-dt-background.png) repeat-y; border-bottom: solid 1px #bcbcbc;}
#action .container dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#action .container dl dt,
#action .container dl dd { float: left; border-top: solid 1px #bcbcbc;}
#action .container dl dt { width: 86px; padding:12px; color:#fff; }
#action .container dl dd { width: 864px; padding:12px; background:#fff; opacity: 0.7;}
#action .container dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}
#action .detail { margin-top:70px;}
#action .detail .comment { padding:40px;}

/* contact-area */
#contact { background:url(image/common/peiru-background.png) repeat;  border-bottom:1px #bcbcbc solid;  padding:60px 0px;}
#contact .container { background:url(image/contact/title.png) no-repeat; padding-top:65px;}
#contact .container .detail { background-color:rgba(255,255,255,0.6); padding:40px;  line-height:1.8em;}
#contact .container .form dl { width: 910px; background:#b54109; border-bottom: solid 1px #bcbcbc;}
#contact .container .form dl:after { height: 0; visibility: hidden; content: "."; display: block; clear: left;}
#contact .container .form dt,
#contact .container .form dl dd { float: left; border-top: solid 1px #bcbcbc;}
#contact .container .form dl dt { width: 140px; padding:8px 12px ; color:#fff; }
#contact .container .form dl dd { width: 722px; padding:8px 12px; background:#fff; }
#contact .container .form dd a { color:#000; border-bottom:1px dotted black; text-decoration:none;}
#contact .container .form input { padding:4px 6px; font-size:1.3em; border:solid 1px #ccc; width:300px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#contact .container .form textarea  { padding:4px 6px; font-size:1.3em; border:solid 1px #ccc; width:500px; height:200px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button { width:260px; margin:30px auto;}
.button .cancel { width:120px; font-size:115%; padding: 10px;  background: #999; color: #fff;  border-style: none;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; float:left; margin-right:20px; }
.button .next-g { width:120px; font-size:115%; padding: 10px;  background: #b54109; color: #fff;  border-style: none;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.button .next-g:hover { background:#dc5a1a;}

/*News2017*/
.morebutton_news{
background: #de2f32;
    color: #fff;
    padding: 8px;
    text-decoration: none;
    display: block;
    clear: both;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
}
.news_caption {
    float: left;
    width: 430px;
    margin: 15px 0 0 20px;
    padding-top: 75px;
}