@charset "utf-8";

*{margin:0;padding:0;}

body{
	font-size:13px;
	line-height:1.5em;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
color:#252525;
	background-color:#5b534d;
}

#mainbg {
	background-color:#FFF;
	margin:0 auto;
}


a {color:#2b88c2;text-decoration:none;}
a:hover{color:#0e4567;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}


/*************
全体幅
*************/

#mainwid{
	width:1090px;
	margin:0 auto;
	background-color:#FFF;
	padding-top: 1px;

}

#header, #container, .inner{
margin: 0 auto;
}



/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 106px;
width:1010px;
padding: 0px 0px 0px;
margin-bottom:0px;
margin-top:15px;
}

#header h2, #header h3, #header ul{
	position:absolute;
	top:1;
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	left: 1;
}

#header h1{
	padding:40px 0 0 600px;
}

#header h2{
font-weight: normal;
padding-top:10px;
font-size:15px;
right:0;
}

#header h3{
	top: 50px;
}


/******************
/* ヘッダーナビゲーション

#header ul{
top: 69px;
right: 0px;
border-right: 1px solid #e2e2e2;
border-left: 1px solid #fff;
}

#header ul li{
list-style: none;
float:left;
padding: 0 20px;
font-size:12px;
border-right: 1px solid #fff;
border-left: 1px solid #e2e2e2;
}

#header a{color:#2b88c2;text-decoration:none;}

#header a:hover{color:#0e4567;}
******************/




#menu{
	margin-top:0px;
	margin:auto;
	background-color:#ededed;
	height:40px;
	margin-bottom:50px;
}

#fade-in2 li ul{
  border-right: 1px solid #fff;
  opacity: 0;
  top: 60%;
  visibility: hidden;
  transition: .8s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1010px;
  margin: 0px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  /**
  display: table;
  **/
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 201px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-left: 1px solid #fff;
}

.menulast{
  width: 200px !important;
  border-right: 1px solid #fff;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #ededed;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-align:center;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #fff;
  background: #ededed;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #ededed;
}
.dropmenu li a:hover{
  background: #ccc;
}

/*************
メイン画像
*************/
#mainImage{
padding: 0;
text-align:center;
}


.wideslider {
    width: 100%;
    height: 380px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
 
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}


/*************
コンテンツ全体
*************/
#container{padding: 35px 0; width:1010px;}

.box{
float: left;
width: 225px;
margin-right: 15px;
padding-bottom: 23px;
font-size:13px;
line-height: 1.5em;
}


.box2{
float: right;
width: 225px;
margin-left: 15px;
padding-bottom: 0px;
font-size:13px;
line-height: 1.5em;
}

.box3{
float: left;
width: 500px;
margin-right: 0px;
padding-bottom: 0px;
font-size:13px;
line-height: 1.5em;
}


.box4{
float: left;
width: 300px;
margin-right: 53px;
font-size:15px;
line-height: 1.5em;
}

.box5{
float: left;
width: 300px;
margin-right: 0px;
padding-bottom: 70px;
font-size:15px;
line-height: 1.5em;
}


/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:470px;}

/* 画像を左に回りこみ */
.long img{
float:left;
margin: 0 10px 10px 0;
}



.pankuzu {
	font-size:13px;
	margin-top:-50px;
}


/* H2 見出し */
#container h2{
padding-top:40px;
padding-bottom:10px;
position: relative;
padding-left: 1.8em;/*アイコン分のスペース*/
line-height: 1.4;
font-size:27px;
font-weight: bold;
color: #6eba2c;
border-bottom: dashed 1px #ccc;
}

#container h2:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f04b";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.3em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 34px;;/*アイコンの位置*/
color: #ededed; /*アイコン色*/
}




/* H3 見出し */
#container h3{
font-size: 26px;
font-weight: bold;
margin-top:50px;
margin-bottom:50px;
/**
background-image:url(../images/common/h3bg.png);**/
background-color:#6eba2c;
background-repeat:repeat;
background-position:center;
/**
background: #00ad8e; /*背景色*/
padding: 0.7em;/*文字周りの余白*/
padding-left:25px;
color: white;/*文字を白に*/
border-radius: 0.2em;/*角の丸み*/
}



/* H4 見出し */
#container h4{
	font-size:19px;
	font-weight:normal;
  position: relative;
  padding: 0 .5em .8em 2em;
  border-bottom: 1px solid #ccc;
}
#container h4::before,
#container h4::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
#container h4::before {
  top: .1px;
  left: .1px;
  z-index: 2;
  width: 19px;
  height: 19px;
  background: #60add8;
}
#container h4::after {
  top: .5em;
  left: .5em;
  width: 13px;
  height: 13px;
  background: #CCC;
}



#container ul, .inner ul{margin-left: 5px;}

#container ul li, .inner ul li{
list-style: none;
margin-bottom: 7px;
padding-left: 17px;
background:url(images/bullet.png) no-repeat 0 3px;
}

.inner ul li{background-image:url(images/bullet.png);}

#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/************************
メイン（左側）コンテンツ
************************/
#main {
float: left;
width: 715px;
padding-bottom:60px;
}


/************************
サイド（右側）コンテンツ
************************/
#sidebar {
float: right;
width: 225px;
padding-bottom:30px;
}

#sidebar h3{
font-size: 14px;
margin: 0 0 15px;
padding: 5px 10px 7px 0;
border-bottom: 1px solid #cecece;
color: #333333;
}

#sidebar ul{
padding-bottom:10px;
}

/*************
/* フッター
*************/
#footerUpper{
clear:both;
margin-top: 0px;
padding: 0;
overflow: hidden;
background:#fff;
border-top: 14px solid #60add8;
border-bottom: 1px solid #fff;
}

#footerUpper a{color:#000;text-decoration:none;}

#footerUpper a:hover{color:#ccc;}

#footerUpper .inner{
	padding-top:5px;
overflow: hidden;
background:#fff;
width:1010px;
}
#footerUpper .inner .logo{
	float:left;
	padding:60px 0px 10px 0px
}

#footerUpper .inner .logo2{
	float:right;
	padding:50px 0 10px 0px;

}

#footerLower{
overflow: hidden;
background:#6eba2c;
}

#footerLower .inner{
position:relative;
min-height: 50px;
color: #000;
font-size:13px;
width:1010px;
}

* html #footerLower .inner{height:35px;}

#footerLower .inner p{
	padding-top:20px;
	padding-bottom: 0px;
	font-size:13px;
}


#footerLower .inner p#contact{right:0;}

#footerLower .inner p#copy{
	text-align:center;
}




/* スライドショー */
#pics {
    width: 1010px;
    height: 380px;
	position: relative;
}

#mainv {
	margin:0 auto;
	margin-left:22px;
}


#slider {
    overflow:hidden;
    position:relative;
    width:100%;
}

#sliderInner {
    position:relative;
    left:50%;
    width:3030px;
    margin-left:-1581px;
}

#sliderInner img {
    vertical-align:bottom;
}
#sliderInner ul {
	    margin:0px;
    padding:0;
}

#sliderInner li {
    width:1010px;
}

#slideFilterL, #slideFilterR {
	position:absolute;
	top:0;
	width:1010px;
	height:380px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
	background:#fff;
	left: 0;
}
#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1010px;
    background:#fff;
}

/* コントローラー */
.bx-wrapper .bx-prev {
    left:1100px;
	margin-top:60px;
    background:url(../images/common/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right:965px;
	margin-top:60px;
    background:url(../images/common/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
}

.bx-wrapper .bx-next:hover {
    background-position:-43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー  */
.bx-wrapper .bx-pager {
    padding-top:20px;
	padding-left:130px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}


table.example {
	width:300px;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
}


table.example th {
	height:50px;
	padding-left:20px;
	vertical-align: text-top;
	font-size:15px;
	font-weight: normal;
	vertical-align: top;
	border-top:1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f4f4f4;
}
table.example td {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align: top;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right:2px solid #ccc;
	background:#FFF;
}


.exampleP {
  background-image: url("../images/common/arrow.png"); /* 画像の指定 */
  background-repeat: no-repeat; /* 画像の並び */
  padding-left: 30px; /* 余白 */
  line-height: 120%; /* 行の高さ */
}





table.company01 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right:0px solid #ccc;
}
table.company01 th {
	width: 280px;
	padding: 35px 0px 10px 5px;;
	font-weight: normal;
	font-size:15px;
	color: #6eba2c;
	vertical-align: top;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #6eba2c;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff;
}
table.company01 td {
	width: 720px;
	padding: 35px 0 5px 20px;
	font-size:15px;
	vertical-align: top;
	border-right: 0px solid #ccc;
	border-bottom: 2px solid #ccc;
}


table .business01 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right:0px solid #ccc;
}

table.business01 th {
	height:40px;
	padding: 10px;
	font-weight: normal;
	font-size:17px;
	color: #000;
	vertical-align: top;
	background: #fff;
	text-align:left
}

table.business01 td {
	height:40px;
	padding: 10px;
	font-weight: normal;
	font-size:15px;
	color: #000;
	vertical-align: top;
	background: #fff;
}