@charset "UTF-8";

body	{
margin:0;
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

/* サイト名 */
.site h1 a	{
color:#ffffff;
text-decoration:none;

}

.site h1		{
margin:0;
font-size:10px;
vertical-align:text-top;
}
.site img		{
border:none;
}
.boxA-inner{
/*     box-shadow: 1px 1px 3px 1px #d1e2ef; */

}
/* ヘッダー画像 */
.topimg		{
max-width:100%;
height:auto;
vertical-align:bottom;
}
#slideshow {
position: relative;
max-width:  100%; /* 画像の横幅に合わせて記述 */
height: 70px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
position:absolute;
top: 0;
left:0;
z-index: 8;
opacity: 0.0;
max-width:100%;
height:auto;
}
#slideshow img.active {
z-index: 10;
opacity: 1.0;
}
#slideshow img.last-active {
z-index: 9;
}
/* ナビゲーション */
.menu ul		{
margin:0;
padding:0;
list-style:none;
}
.menu li a	{
display:block;
/*     padding:10px 15px; */
padding:10px 12px;
color:#000000;
font-size:14px;
text-decoration:none;
}
.menu li a:hover	{
background-color:#eeeeee;
}
.menu ul:after	{
content:"";
display:block;
clear:both;
}
.menu li		{
float:left;
width:auto;
}

/* 概要 */
.boxB h2	{
margin-top:0;
margin-bottom:1px;
font-size:15px;
color:#000000;
font-weight:normal;
}
.box3-1 h2	{
margin-top:0;
margin-bottom:0;
font-size:15px;
color:#000000;
font-weight:normal;
}
.gaiyou a	{
display:block;
background: linear-gradient(#00017e,#05FBFF);
color:#ffffff;
text-align:center;
text-decoration:none;
box-shadow: 1px 1px 3px 1px #dfdfdf;
}
.gaiyou a:hover{
opacity:0.8;
}
/* .gaiyou i		{
display:block;
padding-top:12px;
padding-bottom:12px;
font-size:30px;
} */
.gaiyou i		{
display:block;
padding-top:5px;
padding-bottom:5px;
font-size:22px;
text-align:left;
text-indent:20px;
}
.gaiyou .fa-car,.gaiyou .fa-heartbeat,.gaiyou .fa-plug,.gaiyou .fa-cogs{
color:#fbb33f;
background-color:#ffffff;
}

.gaiyou .fa-desktop,.gaiyou .fa-line-chart, .gaiyou .fa-clipboard,.gaiyou .fa-wrench{
color:#fbb33f;
background-color:#ffffff;
}

.gaiyou .fa-lightbulb-o
{
color:#fbb33f;
background-color:#ffffff;
}
.gaiyou .fa-puzzle-piece,.gaiyou .fa-magic,.gaiyou .fa-building,.gaiyou .fa-cubes,.gaiyou .fa-plane,.gaiyou .fa-adjust{
color:#7ad028;
background-color:#ffffff;
}

.gaiyou h2	{
margin-top:0;
margin-bottom:0;
padding-top:1px;
padding-bottom:1px;
font-size:18px;
font-weight:normal;
}
.gaiyou h3	{
margin-top:0;
margin-bottom:0;
padding-top:1px;
padding-bottom:1px;
font-size:18px;
font-weight:normal;
}
.gaiyou h4	{
margin-top:0;
margin-bottom:0;
padding-top:1px;
padding-bottom:1px;
font-size:18px;
font-weight:normal;
}
.gaiyou h5	{
margin-top:0;
margin-bottom:0;
padding-top:1px;
padding-bottom:1px;
font-size:18px;
font-weight:normal;
}
.gaiyou p	{
margin-top:0;
margin-bottom:0;
padding-top:13px;
padding-bottom:13px;
background-color:#f2f2f2;
font-size:13px;
color:#666666;
}


.hoka a	{
display:block;
/*     background: linear-gradient(#80ff00,#ffff00); */
background: linear-gradient(#069d2c,#80ff00);
color:#ffffff;
text-align:center;
text-decoration:none;
box-shadow: 1px 1px 3px 1px #dfdfdf;
}
.hoka a:hover{
opacity:0.8;
}

.hoka i		{
display:block;
padding-top:5px;
padding-bottom:5px;
font-size:20px;
text-align:left;
text-indent:20px;
}
.hoka .fa-calendar-check-o,.hoka .fa-magic,.hoka .fa-user-plus,.hoka .fa-thumbs-o-up{
color:#80ff00;
background-color:#ffffff;
}

.hoka h2	{
margin-top:0;
margin-bottom:0;
padding-top:1px;
padding-bottom:1px;
font-size:15px;
font-weight:normal;
}
.hoka h3	{
margin-top:0;
margin-bottom:0;
padding-top:1px;
padding-bottom:1px;
font-size:15px;
font-weight:normal;
}

.hoka p	{
margin-top:0;
margin-bottom:0;
padding-top:5px;
padding-bottom:5px;
background-color:#f2f2f2;
font-size:11px;
color:#666666;
}


/* お知らせ */
.news		{
padding:20px;
border:solid 5px #dddddd;
}
.news h2	{
margin-top:0;
margin-bottom:5px;
font-size:18px;
color:#666666;
}
.news ul	{
margin:0;
padding:0;
list-style:none;
}
.news li a	{
display:block;
padding:5px;
border-bottom:dotted 2px #dddddd;
color:#000000;
font-size:14px;
text-decoration:none;
}
.news li a:hover	{
background-color:#eeeeee;
}
.news time	{
color:#888888;
font-weight:bold;
}
.news a: after	{
content:";
display:block;
clear:both;
}
.news time	{
float:left;
width:60px;
}
.news .text	{
float:none;
width:auto;
margin-left:60px;
}

/* 記事１ */
.kiji1 h1	{
margin-top:0;
margin-bottom:20px;
padding-left:20px;
border-left:solid 20px #c50018;
font-size:26;
font-weight:normal;
}
.kiji1 h2	{
margin-top:50px;
margin-bottom:20px;
padding-left:20px;
border-bottom:solid 1px #dddddd;
font-size:22;
font-weight:normal;
}
.kiji1 h2 i{
margin-right:7px;
color:#888888;
}
.kiji1 p	{
max-width:640px;
margin-top:0;
margin-bottom:14px;
}

.kiji1 p a {
display:inline-block;
padding:0px;
color:#000000;
background-color:#eeeeee;
font-size:14px;
text-decoration:none;
}
.kiji1 p table a {
display:inline-block;
padding:0px;
color:#000000;
background-color:#eeeeee;
font-size:14px;
text-decoration:none;
}
/* .kiji1 p a:hover {
background-color:#eeeeee;
} */
.kiji1 h6 {
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.kiji1 p i{
margin-right:3px;
color:#888888;
}
.kiji1 p lead{
max-width:100%;
font-size:20px;
/*     color:#888888; */
}
.kiji1img	{
max-width:100%;
height:auto;
margin-bottom:20px;
}

.box25	{
max-width:640px;
}

/* 半分 */
.hanbun {
margin-top:40px;
-moz-column-count:2;
-moz-column-gap:40px;
-webkit-column-count:2;
-webkit-column-gap:40px;
column-count:2;
column-gap:40px;
}
/* パンくずリスト */
.bread 	{
margin-bottom:20px;
}
.bread ol {
margin:0;
padding:0;
list-style:none;
}
.bread li a {
display:inline-block;
padding:5px;
color:#000000;
font-size:14px;
text-decoration:none;
}
.bread li a:hover {
background-color:#eeeeee;
}
.bread ol:after{
content:"";
display:block;
clear:both;
}
.bread li {
float:left;
width:auto;
}
.bread li:after{
content:'\003e';
margin-left:10px;
margin-right:10px;
color:#888888;
}

/* サイドメニュー */
.sidemenu 	{
border:solid 6px #dddddd;
}
.sidemenu h2	{
margin:0;
padding:10px;
font-size:16px;
font-weight:normal;
}
.sidemenu h2 i{
margin-right:5px;
color:#8abc60;
font-size:larger;

}
.sidemenu ul	{
margin:0;
padding:0;
list-style:none;
}
.sidemenu li a{
display:block;
padding:10px;
border-top:solid 1px #dddddd;
color:#000000;
font-size:14px;
text-decoration:none;
}
.sidemenu li a:hover{
background-color:#eeeeee;
}

/* コピーライト */
.copyright p	{
margin:0;
color:#666666;
font-size:14px;
}
/* BOX Aの下に罫線を挿入（コンテンツページのみ） */
/* .contents .boxA{
border-bottom:solid 1px #dddddd;
} */

/* .box17 をバーの形にする */
.box17	{
margin-top:10px;
padding-top:15px;
padding-bottom:15px;
background-color:#dddddd;
}
/* ボックスの左右 */
.boxA,.box16,.box17,.boxB{
padding-left:15px;
padding-right:15px;
}
/* ボックスの上下 */
.boxA	{
/*     padding-top:20px; */
padding-bottom:10px;
}
.box13-1	{
padding-top:20px;
padding-bottom:20px;
}
/* .boxB	{
padding-top:20px;
} */
.box4,.box5,.box6,.box7,.box8,.box9,.box10,.box11,.box12,.box13,.box14,.box15{
padding-bottom:10px;
}
.box22-1,.box22-2,.box22-3,.box22-4,.box22-5{
padding-bottom:10px;
}
.box18,.box19,.box20,.box21{
padding-bottom:10px;
}
.box24-1,.box24-2	{
padding-top:25px;
padding-bottom:25px;
}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {
.boxA-inner{
width:100%;
position:static;
background-color:#ffffff;
}

/* ロゴ画像 */
.logo-l_img{
    width:100%;
    height:auto;
}
.denwa_img{
    max-width:50%;
    height:auto;
}


.menu li a	{
padding:10px 7px;
font-size:11px;
}
/* 記事 */
.kiji1 h1{
font-size:26px;
}
.kiji1 h2{
font-size:20px;
}
.kiji1 .lead{
font-size:16px;
}
}
/* ########### 768px以上 ########### */
@media (min-width: 768px) {
.boxA-inner{
width:100%;
position:static;
background-color:#ffffff;
}
/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
display: block;
clear: both}

.box1		{float: left;
width: auto}

.box2		{float: right;
width: auto}

/* box4,5,6,7 box8,9,10,11 box12,13,14,15 を横に並べる設定 */
.boxB:after	{content:"";
display:block;
clear:both;
}
.box4	{	float:left;
width:24%;
margin-right:1.3%;}
.box5	{	float:left;
width:24%;
margin-right:1.3%;}
.box6	{	float:left;
width:24%;
margin-right:1.3%;}
.box7	{	float:left;
width:24.1%;}

.box8	{	float:left;
width:24%;
margin-right:1.3%;}
.box9	{	float:left;
width:24%;
margin-right:1.3%;}
.box10	{	float:left;
width:24%;
margin-right:1.3%;}
.box11	{	float:left;
width:24.1%;}

.box12	{	float:left;
width:24%;
margin-right:1.3%;}
.box13	{	float:left;
width:24%;
margin-right:1.3%;}
.box14	{	float:left;
width:24%;
margin-right:1.3%;}
.box15	{	float:left;
width:24.1%;}

.box18	{	float:left;
width:24%;
margin-right:1.3%;}
.box19	{	float:left;
width:24%;
margin-right:1.3%;}
.box20	{	float:left;
width:24%;
margin-right:1.3%;}
.box21	{	float:left;
width:24.1%;}

.box22-1	{	float:left;
width:19%;
margin-right:1.25%;}
.box22-2	{	float:left;
width:19%;
margin-right:1.25%;}
.box22-3	{	float:left;
width:19%;
margin-right:1.25%;}
.box22-4	{	float:left;
width:19%;
margin-right:1.25%;}
.box22-5	{	float:left;
width:19%;}
.box16:after	{
content:"";
display:block;
clear:both;
}
.box16-1	{
float:left;
width:100%;
padding-right:35px;
}
.box16-2	{
float:left;
width:0%;
}
/*box24の-1と-2を横に並べる設定*/
.box24:after	{content: "";
display: block;
clear: both}

.box24-1	{
float:right;
width:80%;
padding-left:50px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.box24-2	{
float:left;
width:20%;
}
}
/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
/* 全体の横幅を固定 */
.box3,.box3-1,.boxB, .box16, .box17-inner,.box24	{
width:1140px;
margin-left:auto;
margin-right:auto;
}
#slideshow img {
width:1140px;
margin-left:auto;
margin-right:auto;
}
.box3-1{
height:170px;
border-bottom:double 4px #dddddd;
}
.boxA-inner{
width:1150px;
z-index: 50;
position:fixed;
left:50%;
margin-left:-575px;
background-color:#ffffff;
border-bottom:solid 1px #dddddd;
}

.box24{
top:0;
margin-top:70px;
}
/* .box24-2{
width:228px;
z-index: 50;
position:fixed;
left:50%;
margin-left:-570px;
} */
.box3{
margin-top:90px;
}
.box3-1{
margin-top:0px;
}
.boxB{
z-index: 1;
position: relative;
}
.box16{
z-index: 1;
position: relative;
}
/* boxAのしたに罫線を挿入 */
/* .boxA	{
margin-bottom:20px;
border-bottom:solid 1px #dddddd;
} */

#index_dekiru,#gyoumu-dv,#gyoumu-pe,#gyoumu-qc,#gyoumu-mt{
padding-top: 100px;
margin-top: -100px;
}
#life-net,#car-brk,#life-femt{
padding-top: 100px;
margin-top: -100px;
}

}