
/* カスタム検索エンジン用のボックス */

.box26 {
    position: relative;
    margin: 3em 0;
    padding: 1em 0em;
    border: solid 3px #4682B4;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #4682B4;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


/* カスタム検索エンジン用　テーブル無効 */

.box26 table{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-collapse: none;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: #ffffff;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: #ffffff;
	width: 90%;
}

.box26 table th{
    padding-top: : 0px;
    padding-right: : 0px;
    padding-bottom: : 0px;
    padding-left: : 0px;
    text-align: left;
    background-color: #ffffff;
    border-right-width: : 0px;
    border-right-style: none;
    border-right-color: #ffffff;
    border-bottom-width: : 0px;
    border-bottom-style: none;
    border-bottom-color: #ffffff;
}

.box26 table td{
    padding-top: : 0px;
    padding-right: : 0px;
    padding-bottom: : 0px;
    padding-left: : 0px;
    text-align: left;
    border-right-width: : 0px;
    border-right-style: none;
    border-right-color: #ffffff;
    border-bottom-width: : 0px;
    border-bottom-style: none;
    border-bottom-color: #ffffff;
}



/* ボディ */
body
{
	margin: 0  !important;				/* スペース */
	padding: 0  !important;			/* 余白 */
	font-size: 17px   !important;		/* 文字サイズ */
	line-height: 1.7 !important;	/* 行の高さ */
　　　　letter-spacing: 0.01em  !important;	/* 文字間 */
        font-family: "Hiragino Kaku Gothic ProN !important","メイリオ", sans-serif;  /* サイト全体のフォント */
}


/* スマホだけに適用するCSS */
@media screen and ( max-width:480px )
{
	/* ボディ */
	body
	{
		font-size: 16px  !important;	/* 文字サイズ */
	}
}

/* スマホのフォント */

@media all and (-ms-high-contrast:none)
{
    html
    {
        font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif !important;
    }
}

/* フッターのフォント */
footer {
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif !important;
}


/*見出し2　 上下に青横線*/

h2.faa {
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}


/*見出し3　 文字前に青縦線*/

h3.faa {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}


/*見出し4 　青ボックス*/

h4.faa {
background: #c2edff;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
}


/* 画像の最大幅を指定する スマホで画像をはみ出さない*/
img
{
 max-width: 90% ;  /* 横幅の90% */
 height: auto ;   /* 縦幅を自動調整 */
}


/* 背景色は白、フォントカラーは濃いグレー */

body {
background-color: #ffffff;
color: #333333;
}


/* 太文字のヨコに余白 */

strong, em, b { padding: 0 0.4em; }


/* 見出しの上下に余白 */

h2.faa { padding-top: 3em; padding-bottom: 0.5em; }
h3.faa { padding-top: 3em; padding-bottom: 0.5em; }
h4.faa { padding-top: 3em; padding-bottom: 0.5em; }
h5 { padding-top: 3em; padding-bottom: 0.5em; }
h6 { padding-top: 3em; padding-bottom: 0.5em; }


/* 見出しの背景に余白 */

h2.faa { padding: 0.1em 0.5em ; }
h3 { padding: 0.1em 0.5em ; }
h4.faa { padding: 0.1em 0.5em ; }
h5 { padding: 0.1em 0.5em ; }
h6 { padding: 0.1em 0.5em ; }


/* 画像は中揃え、文字は左揃え */

.example { text-align : center ; }
.example p { text-align : left ; }


/* スマホで画像がはみ出す対処法 */

img {
max-width : 100% ;
height : auto ;
}


/*動画や地図がはみ出す対処法 */

iframe { width : 100% ; }

/*画像の横に文字がキューってなる対処法 */

@media screen and (max-width: 480px) {
img { float : none ; }
}


/*スマホ横向きで文字が大きい対処法 */

body { -webkit-text-size-adjust : 100% ; }

/*スクロールで横がグラグラする対処法 */

#wrap { overflow : hidden ; }


/*文章内、見出し 　上、下、上下に余白*/

div.aa {
  margin-top: 30px;
}

div.zz {
  margin-bottom: 30px;
}

div.az {
  margin-top: 30px;
  margin-bottom: 30px;
}

div.zz20 {
  margin-bottom: 20px;
}



/*ナビのフォントサイズ*/

span.ja{
	font-size: 17px!important;
}
#nav-concept LI{
	font-size: 17px!important;
}
#nav-service LI{
	font-size: 17px!important;
}
#nav-news LI{
	font-size: 17px!important;
}
#nav-company LI{
	font-size: 17px!important;
}
#nav-recruit LI{
	font-size: 17px!important;
}

 
/* ｐタグによる段落間のアキ調整 */
p
{
    margin-bottom: 17px
}


/*文字始まりを2.2em右に動かす*/

p.rr {
  padding: 0em 2.2em;
}







