@charset "UTF-8";

/* =========================================================================
　ホーム　コンテンツ内要素の設定

　目　次

　 1.グローバルナビ
　 2.スライドショー
　 3.特長・機能
　 4.導入実績
　 5.動画とニュース
========================================================================= */

/* -------------------------------------------------------------------------
 1.グローバルナビ
------------------------------------------------------------------------- */

/* アクティブ表示 */
ul#globalnavi li#globalnavi-home a {
	border-top-color: #A0DD63;
}

/* -------------------------------------------------------------------------
 2.スライドショー
------------------------------------------------------------------------- */
p.noscript {
	margin: 10px 42px 15px;
	padding: 20px;
	background: #FFF;
	border: 2px solid #98C068;
}

#content .box1 {
	background: #fff;
/*	box-shadow: 0 5px rgba(0,0,0,0.1); 
	margin-bottom: 5px; */
	border-bottom: 1px solid #d7d7d7;
}

#content .box2 {
	background: #eee;
/*	box-shadow: 0 5px rgba(0,0,0,0.1);
	margin-bottom: 5px; */
	border-bottom: 1px solid #d7d7d7;
}

#home-slideshow {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 28px 45px 20px;
	overflow: hidden;
}
#home-slideshow .coda-slider-wrapper {
	overflow: auto;
}
#home-slideshow .coda-slider {
	position: relative;
	width: 1000px;
	height: 320px;
	float: left;
	background: #FFF;
	overflow: hidden;
}
#home-slideshow .coda-slider-no-js .coda-slider {
	overflow-y: auto !important;
}
#home-slideshow .panel {
	width: 1000px;
	height: 320px;
	display: block;
	float: left;
}
#home-slideshow .panel-container {
	position: relative;
}
#home-slideshow p.loading {
	margin: 0;
	padding: 130px 0 0;
	text-align: center;
}

/* パネル */
#home-slideshow #panel-1 {
	width: 910px;
	height: 300px;
	padding: 22px 0 0 90px;
}
#home-slideshow #panel-2,
#home-slideshow #panel-3,
#home-slideshow #panel-4,
#home-slideshow #panel-5 {
	width: 460px;
	height: 270px;
	padding: 50px 460px 0 80px;
}
#home-slideshow #panel-1 {
	background: url(../images/home/slideshow_panel-1_bg.png) no-repeat 520px 10px;
}
#home-slideshow #panel-2 {
	background: url(../images/home/slideshow_panel-2_bg.png) no-repeat 600px 10px;
}
#home-slideshow #panel-3 {
	background: url(../images/home/slideshow_panel-3_bg.png) no-repeat 600px 10px;
}
#home-slideshow #panel-4 {
	background: url(../images/home/slideshow_panel-4_bg.png) no-repeat 590px 10px;
}
#home-slideshow #panel-5 {
	background: url(../images/home/slideshow_panel-5_bg.png) no-repeat 570px 10px;
}
#home-slideshow h1 {
	padding: 0;
	background: none;
}
#home-slideshow h2 {
	margin: 0 0 30px;
	padding: 0;
	background: none;
}

#home-slideshow #panel-1 h1 {
	margin-bottom: 8px;
}
#home-slideshow #panel-1 h2{
	margin-bottom: 5px;
	margin-top: 2px;
	margin-left: -25px;
}

#home-slideshow p {
	max-height: 120px;
	font-size: 120%;
	margin: 0 0 15px;
}
#home-slideshow p.home-slideshow-todetail {
	float: left;
	margin: 0 0 0 300px;
}
#home-slideshow #panel-1 p{
	margin-bottom: 5px;
	float: left;
}
#home-slideshow #panel-1 p.home-slideshow-todetail {
	float: left;
	margin: 0 0 0 10px;
}
#home-slideshow #panel-1 div.cmskit-plus{
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
}

/* ボタン */
#home-slideshow ul {
	clear: both;
	width: 1000px;
	margin: 0;
	overflow: hidden;
}
#home-slideshow li {
	float: left;
	padding: 5px 0 0;
	background: none;
}
#home-slideshow li a {
	display: block;
	padding: 28px 0 0;
}
#home-slideshow li a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	width: 200px;
	height: 60px;
}
#home-slideshow li a.current {
	background: url(../images/home/slideshow_coda-nav_current_bg.gif) no-repeat top center;
}

/* 前・次ボタン */
#home-slideshow .coda-nav-left a,
#home-slideshow .coda-nav-right a {
	position: absolute;
	top: 173px;
	width: 31px;
	height: 30px;
	text-indent: -999999px;
	outline: none;
	float: left;
}
#home-slideshow .coda-nav-left a {
	left: 0;
	background: url(../images/home/slideshow_coda-nav_bg.png) no-repeat 0 0;
}
#home-slideshow .coda-nav-right a {
	right: 0;
	background: url(../images/home/slideshow_coda-nav_bg.png) no-repeat -31px 0;
}
#home-slideshow .coda-nav-left a:hover {
	background-position: left bottom;
}
#home-slideshow .coda-nav-right a:hover {
	background-position: right bottom;
}

/* -------------------------------------------------------------------------
 3.特長・機能
------------------------------------------------------------------------- */
#home-function-wrap {
	clear: both;
	width: 1090px;
	margin: 0 auto 45px;
	background: #DDCBB3 url(../images/home/function_bg_middle.gif) repeat-y;
}
#home-function {
	width: 1090px;
	padding: 15px 0 0;
	background: url(../images/home/function_bg_top.gif) no-repeat;
}
#home-function-inner {
	position: relative;
	width: 970px;
	padding: 0 55px 20px 65px;
	background: url(../images/home/function_bg_bottom.gif) no-repeat left bottom;
	overflow-y: hidden;
}
#home-function h2 {
	position: absolute;
	top: 0;
	left: 8px;
	padding: 0;
	background: none;
}
p#home-function-catch {
	margin: 0;
	padding: 15px 0 25px 25px;
	background: url(../images/home/function-catch_bg.png) no-repeat top right;
}
#home-function-textarea {
	width: 900px;
	font-size: 110%;
	padding: 0 35px;
}
p.home-function-text-left {
	width: 420px;
	float: left;
	margin: 0 0 15px;
}
p.home-function-text-right {
	width: 420px;
	float: right;
	margin: 0 0 15px;
}
#home-function-mainarea {
	width: 970px;
	background: url(../images/home/function-mainarea_bg.gif) repeat-y;
	overflow: hidden;
}
.home-function-group {
	width: 225px;
	float: left;
	margin: 0 15px 0 2px;
	overflow: hidden;
}
#home-function-mainarea h3 {
	margin: 10px 0 5px;
	padding: 0 0 0 13px;
	background: none;
	border: none;
}
#home-function-mainarea ul {
	width: 225px;
	margin: 0 0 13px;
}
#home-function-mainarea li {
	padding: 0 0 5px 13px;
	background: none;
}
#home-function-mainarea p {
	margin: 0 0 10px 64px;
}
p#home-function-link {
	position: absolute;
	bottom: 10px;
	right: 4px;
	margin: 0;
}
p#home-function-link a {
	display: block;
	margin-bottom: 5px;
}

/* -------------------------------------------------------------------------
 4.導入実績
------------------------------------------------------------------------- */
#home-casestudy-wrap {
	clear: both;
	width: 1090px;
	margin: 40px auto 45px;
	background: #F0FAFF url(../images/home/casestudy_bg_middle.png) repeat-y;
}
#home-casestudy {
	width: 1090px;
	padding: 15px 0 0;
	background: url(../images/home/casestudy_bg_top.png) no-repeat;
}
#home-casestudy-inner {
	position: relative;
	width: 1005px;
	padding: 0 0 40px 85px;
	background: url(../images/home/casestudy_bg_bottom.png) no-repeat left bottom;
	overflow: hidden;
}
#home-casestudy h2 {
	position: absolute;
	top: 0;
	left: 8px;
	padding: 0;
	background: none;
}
p#home-casestudy-catch {
	margin: 0;
	padding: 50px 0 30px 78px;
}
.home-casestudy-group {
	position: relative;
	width: 293px;
	float: left;
	margin: 0 21px 0 0;
}
.home-casestudy-sliderwrap {
	width: 273px;
	padding: 9px 10px 12px;
	background: url(../images/home/casestudy-sliderwrap_bg.png) no-repeat;
}
#home-casestudy ul {
	width: 273px;
	height: 164px;
	margin: 0;
	overflow: hidden;
}
#home-casestudy li {
	width: 273px;
	height: 164px;
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1.1;
}
#home-casestudy li img {
	margin: 0 0 12px;
}
#home-casestudy li a:link {
	color: #444;
	text-decoration: none;
}
#home-casestudy li a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#home-casestudy li a:hover,
#home-casestudy li a:active,
#home-casestudy li a:focus {
	color: #E82D00;
	text-decoration: underline;
}
#home-casestudy .bx-next,
#home-casestudy .bx-prev {
	position: absolute;
	top: 198px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	outline: none;
}
#home-casestudy .bx-next {
	left: 248px;
	background: url(../images/home/casestudy-slider_btn.gif) no-repeat;
}
#home-casestudy .bx-prev {
	left: 223px;
	background: url(../images/home/casestudy-slider_btn.gif) no-repeat -20px 0;
}
#home-casestudy .bx-next:hover {
	background-position: 0 -20px;
}
#home-casestudy .bx-prev:hover {
	background-position: -20px -20px;
}
#home-casestudy h3 {
	margin: 0;
	padding: 20px 0 20px 15px;
	background: none;
	border: none;
}
.home-casestudy-group p {
	font-size: 110%;
	margin: 0 10px 10px 15px;
	line-height: 1.2;
}
p#home-casestudy-link {
	position: absolute;
	bottom: 10px;
	right: 4px;
	margin: 0;
}
p#home-casestudy-link a {
	display: block;
	margin-bottom: 5px;
}

/* -------------------------------------------------------------------------
 5.動画とニュース
------------------------------------------------------------------------- */
#home-info-wrap {
	clear: both;
	width: 1090px;
	margin: 0 auto 45px;
	background: #EEE url(../images/home/info_bg_middle.gif) repeat-y;
}
#home-info {
	width: 1090px;
	padding: 15px 0 0;
	background: url(../images/home/info_bg_top.png) no-repeat;
}
#home-info-inner {
	position: relative;
	width: 925px;
	padding: 60px 45px 55px 120px;
	background: url(../images/home/info_bg_bottom.gif) no-repeat left bottom;
	overflow: hidden;
}
#home-info h2 {
	position: absolute;
	top: 0;
	left: 8px;
	padding: 0;
	background: none;
}
p#home-info-link {
	position: absolute;
	bottom: 10px;
	right: 4px;
	margin: 0;
}
p#home-info-link a {
	display: block;
	margin-bottom: 5px;
}

/* 動画
---------------------------------------------------------------------- */
#home-video {
	width: 560px;
	float: left;
	margin: 0 50px 0 0;
}
#home-video h3 {
	margin: 0 0 25px;
	padding: 0 0 17px;
	background: none;
	border: none;
	text-align: center;
}
#home-video p {
	margin: 0;
}

/* ニュース
---------------------------------------------------------------------- */
#home-news {
	position: relative;
	width: 240px;
	float: left;
}
#home-news h3 {
	margin: 0 0 15px;
	padding: 0 0 17px 5px;
	background: none;
	border: none;
}
p#home-news-list {
	position: absolute;
	top: 0;
	right: 35px;
	margin: 0;
}
p#home-news-rss {
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
}
dl#home-news-pane {
	width: 240px;
	height: 375px;
	overflow: auto;
}
dl#home-news-pane dt {
	width: 230px;
	color: #7A7A7A;
	font-size: 80%;
	margin: 10px 0 6px;
}
dl#home-news-pane dt img {
	margin: -1px 0 0;
	padding: 0 10px 0 5px;
	vertical-align: middle;
}
dl#home-news-pane dd {
	width: 215px;
	padding: 0 5px 10px 10px;
	border-bottom: 1px dotted #CCC;
	line-height: 1.2;
}
dl#home-news-pane dd a:link {
	color: #444;
	text-decoration: none;
}
dl#home-news-pane dd a:visited {
	color: #7A7A7A;
	text-decoration: none;
}
dl#home-news-pane dd a:hover,
dl#home-news-pane dd a:active,
dl#home-news-pane dd a:focus {
	color: #E82D00;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
 *  *  *2.5.メインボタン　2016/10/26追加
 *   *  ---------------------------------------------------------------------------*/

.box2 #main-btn {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}

.box2 #main-btn ul {
    margin: 10px 0;
    overflow: hidden;
}

.box2 #main-btn ul li {
    float: left;
    background: #fff;
    padding: 0;
    margin: 20px 30px;
    width: 27%;
    border: 1px solid #ccc;
	text-align: center;
	box-shadow: 3px 3px 10px #777;
}

.box2 #main-btn ul li a {
	display: block;
	text-decoration: none;
}

.box2 #main-btn ul li img {
	margin-top: 20px;
}

#main-btn ul li p {
    text-align: center;
    margin: 10px 25px 20px 25px;
	font-family: HGMaruGothicMPRO;
}


#main-btn ul li p strong {
    font-size: 150%;
	line-height: 2;
}

/*
 *20161104スライダー
 */

div.bx-wrapper {
	text-align: center;
}

div#home-casestudy .home-casestudy-group h3 {
	font-size: 180%;
	padding: 0 0 20px 0;
	text-align: center;
}

div.home-casestudy-group h3 p {
	font-size: 37%;
	color: #7ac9f8;
	margin: 5px 0 0 0;
}

div.bx-pager {
	display: inline-block;
	margin-top: 15px;
}

a.pager-link {
    background: #aaa;
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 8px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	float: left;
}

a.pager-active {
	background: #666;
}