@charset "utf-8";

html{
font-size:62.5%;
}
body{
background-color:#F6F6F6;
font-size:1.4rem;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#222;
margin: 0;
line-height:2.4rem;
-webkit-text-size-adjust: none;
}
/* リンク */
a{
color:#395CA4;
text-decoration:none;
}
a:hover, 
#detailedmenuTTL h4 a:hover,
#detailedmenu li a:hover,
#detailedmenu li.ttl_detail a:hover{
color:#f30;
}
a:active, a:focus{
outline:0;
}

.imgCaption {
	font-size:0.9em;
	padding-bottom:10px;
	margin-top:-8px;
	clear:both;
}
/* テキスト装飾 */
b{font-weight:bold;}
i{font-style:italic;}
u{text-decoration:underline;}

.b_red{
font-weight:bold;
color:#EE3300;
}
.imptnt{
color:#FFF;
background-color:#E94319;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
}
.komokuBLU{
color:#FFF;
background-color:#395CA4;
padding:1px 10px;
margin:0 5px 0 -12px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.komokuYEL{
border:solid 1px #FFD351;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:1.2rem;
font-weight:bold;
}
.member1{
color:#FFF;
background-color:#395CA4;
padding:2px;
margin-left:3px;
font-size:0.9rem;
}
.member2{
color:#FFF;
background-color:#008640;
padding:2px;
margin-left:3px;
font-size:0.9rem;
}
.member3{
color:#333;
background-color:#FFDB33;
padding:1px 2px;
margin:0 5px 0 -12px;
font-size:1.1rem;
}
.red{
	color:#f00;
}
.redb{
	color:#f00;
	font-weight:bold;
}
.center{
text-align:center;
}
.center2{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.rubi{
font-size:70%;
}
.txt_Sblk{
font-size:1.2rem;
line-height:1.5rem;
display:block;
}
.txt_b{
font-weight:bold;
}
.txt_s{
font-size:80%;
}
.txt_M{
font-size:130%;
}
.txt_L{
font-size:150%;
}
.txt_red{
color:#F00;
}
.txt_blu{
color:#2455B9;
}
.tbl_txt1{
margin-left:20px;
margin-bottom:20px;
line-height:1.6rem;
}
.kakoi1{
background-color:#EDF2FC;
padding:10px 20px;
}
.kakoi2{
background-color:#F7F7F7;
padding:10px 20px;
}
.middle{
vertical-align:middle;
}
.sup{
font-size:60%;
vertical-align: top;
position: relative;
top: -0.2em;
}
.sub{
font-size:60%;
vertical-align: bottom;
position: relative;
top: 0.2em;
}
.br{
display:block;
}
.br2{
display: none;
}/* <br>に指定・縮めると改行 */
.br3{
}/* 縮めると改行 */
.br640{
display: none;
}/* 640pxまで縮めると改行 */
.br480{
display: none;
}/* 480pxまで縮めると改行 */
.img_kaishi{
line-height:1.5rem;
padding-bottom:7px;
}
.img_right{
float:right;
padding:10px 0 0 15px;
}

/* 全体 */
#wrapper{
margin:0 auto;
padding:0 1%;
max-width:1200px;
position:relative;
}
.inner{
margin:0 auto;
width:100%;
}

.mTOP10{
margin-top:10px;
}
.mTOP20{
margin-top:20px;
}
.TOP_cnt{
margin-top:30px;
}
.mTOP{
margin-top:40px;
}
.mTOP-7{
margin-top:-7px;
}
.mTOP-30{
margin-top: -30px;
}
.mBTM-40{
margin-bottom:40px;
}
.mLR{
margin:0 10px;
}
.pTOP-10{
padding-top:-10px;
}
.pBTM20{
padding-bottom: 20px;
}
p.left20{
margin-left:20px;
}
.bnr{
    margin-top:10px;
    margin-bottom:-10px;
}
.bdrRIT-5{
padding-right: 10px;
}

/* ヘッダー
--------------------------------*/
#header{
background-color:#fff;
overflow:hidden;
padding:0;
}
/* ロゴ */
#header .logo{
float:left;
line-height:0;
}
#header .logo a{
display: block;
height:50px;
color: #0E0E0E;
background-image:url(../img/logo.png);
background-repeat: no-repeat;
padding-left:150px;
height:50px;
width: 300px;
}
#header .logo p{
font-size: 1.8rem;
font-weight: bold;
padding-top: 25px;
}
#header ul.hdr_top_menuS,
#header ul.hdr_top_menuS_e{
float: right;
margin-top:15px;
margin-right:20px;
}
#header ul.hdr_top_menuS li,
#header ul.hdr_top_menuS_e li{
background-position:0 3px;
display:inline-block;
background-repeat: no-repeat;
font-size:1.4rem;
max-height: 999999px;
color:#D4D4D4;
font-weight: bold;
}
#header ul.hdr_top_menuS li a,
#header ul.hdr_top_menuS_e li a{
padding:25px 0;
color: #35B1E3;
font-weight: bold;
}
#header ul.hdr_top_menuS li.hdrLST_mail,
#header ul.hdr_top_menuS li.hdrLST_recruit,
#header ul.hdr_top_menuS_e li.hdrLST_mail,
#header ul.hdr_top_menuS_e li.hdrLST_recruit{
padding-left:20px;
margin-left: 20px;
}
#header ul.hdr_top_menuS li.hdrLST_mail,
#header ul.hdr_top_menuS_e li.hdrLST_mail{
background-image:url("../img/hdrLST_mail.png");
}
#header ul.hdr_top_menuS li.hdrLST_recruit,
#header ul.hdr_top_menuS_e li.hdrLST_recruit{
background-image:url("../img/hdrLST_recruit.png");
}
#header ul.hdr_top_menuS li.hdrLST_language,
#header ul.hdr_top_menuS_e li.hdrLST_language{
background-image:url("../img/hdrLST_language.png");
background-repeat: no-repeat;
background-position:left;
background-size:18px 16px;
}
#header ul.hdr_top_menuS li.menuSjp,
#header ul.hdr_top_menuS_e li.menuSjp{
margin-left:28px;
}
#header ul.hdr_top_menuS li.menuSjp,
#header ul.hdr_top_menuS li.hdrLST_language,
#header ul.hdr_top_menuS li.menuSen,
#header ul.hdr_top_menuS_e li.menuSjp,
#header ul.hdr_top_menuS_e li.hdrLST_language,
#header ul.hdr_top_menuS_e li.menuSen{
font-size:1.3rem;
max-height: 999999px;
}
#header ul.hdr_top_menuS li a:hover,
#header ul.hdr_top_menuS_e li a:hover{
opacity: 0.5;
}

/* ヘッダメニュー(トップページ)
--------------------------------*/
nav{
background-image: url(../img/top_menuBK.jpg);
background-repeat: repeat-x;
}
#fade{
position:relative;
z-index: 110;
text-align: center;
width: 100%;
}
#fade li ul{
opacity: 0;
/*top:50%;*/
visibility: hidden;
/*transition: 0.1s;*/
}
#fade li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
ul.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin:0;
  padding: 0;
}
ul.dropmenu:before,
ul.dropmenu:after{
  content: "";
  display: table;
}
ul.dropmenu:after{
  clear: both;
}
ul.dropmenu li{
 position: relative;
 display: inline-block;
 width:16%;
 text-align: center;
 font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul.dropmenu li.menu_e{
 width:19%;
}
ul.dropmenu li a{
display: block;
margin: 0;
padding:22px 0;
color:#FFF;
font-size: 1.5rem;
line-height:1.5rem;
text-decoration: none;
/*transition-property:none;*/
transition:.1s;
}
ul.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
ul.dropmenu li ul li{
  width: 100%;
z-index:120 !important;
border-top: solid #7ECDED 1px;
}
ul.dropmenu li ul li a{
padding: 13px 15px;
background-color:#36B1E3;
text-align:left;
color:#FFF;
}
ul.dropmenu li:hover > a{
background-color: #2B8EB6;
}
ul.dropmenu li ul li a:hover{
  background:#2B8EB6;
}
/* サブサブメニュー */
#fade li ul li ul{
  list-style: none;
  display: none; 
  padding: 0px 0px 0px 0px;
opacity: 0;
visibility: hidden;
  transition: .5s;
  width:250px;
}
#fade li ul li ul li{
border-top: solid #227292 1px;
}
#fade li ul li ul li:first-child{
border-top: solid #7ECDED 1px;
}
#fade li ul li ul li a{
background-color:#2B8EB6;
}
#fade li ul li ul li a:hover{
background-color: #227292
}
#fade li:hover > ul li ul{
position: relative; /*これ重要*/
display:none;
top:-1px;
}
#fade li:hover > ul li:hover > ul{
display: block;
position: absolute;
left:100%;
}


/*
ul.top_menu{
	float:left;
	overflow:hidden;
	width: 100%;
	margin:0;
	text-align:center;
}
ul.top_menu li{
	float:left;
	width: 20%;
}
ul.top_menu li a{
	font-size:1.4rem;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	display:block;
	padding:18px 20px;
	color:#fff;
}
ul.top_menu li a:hover{
	background:#2B8EB6;
	color:#fff;
}
*/

/* メイン画像
--------------------------------*/
#main_bnr{
	clear:both;
	background-image:url(../img/topimg.jpg),
  url(../img/topimg_bk.jpg);
	background-repeat:no-repeat,
  repeat-x;
	background-position:center,
  top;
	background-size:1400px 180px,
  3px 37px;
	height:180px;
	text-align: center;
	position:relative;
	overflow:hidden;
	background-color:#FFF;
	padding:0;
/*	margin-bottom:-7px;*/
}

#main_bnr .slider{
overflow: hidden;
float: right;
width:639px;
height:180px;
position:relative;
}
.slider ul{
	margin:0;
	padding:0;
	list-style:none;
}
.slider ul li{
width:639px;
height:180px;
position:absolute;
top:0;
left:0;
animation-iteration-count:infinite;
animation-duration:24s;
}
.slider ul li:nth-child(1){
animation-name:slider;
animation-delay:-3s;
}
.slider ul li:nth-child(2){
animation-name:slider;
animation-delay:5s;
opacity:0;
}
.slider ul li:nth-child(3){
animation-name:slider;
animation-delay:13s;
opacity:0;
}
@keyframes slider{
0%{
opacity:0;
}
20.83%{
opacity:1;
}
33.33%{
opacity:1;
}
45.83%{
opacity:0;
}
100%{
opacity:0;
}	
}
#main_bnr .main_bnr_copy{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	width: 100%;
	text-align:left;
	padding-left:40px;
	height:auto;
	z-index:1;
	color: #fff;
	font-size:2.2rem;
}
#main_bnr .main_bnr_copy h1{
font-size:2.6rem;
line-height:140%;
font-weight: bold;
color: #000C2C;
text-shadow:3px 3px 10px #fff,3px 3px 15px #fff,3px 3px 10px #fff,3px 3px 15px #fff;
}



/* グリッド
--------------------------------*/
.gridWrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

* html .gridWrapper{height:1%;}

.grid{
float:left;
}


/* 中央2列コンテンツ、中央1列コンテンツ
-------------------------------------------*/
#sub .grid h3{
padding-left:5px;
font-size:1.9rem;
font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.gridWrapper img{
max-width:100%;
height:auto;
}


/* コンテンツ
--------------------------------*/
section.content{
	clear:both;
padding: 0 40px;
	margin-bottom:25px;
	overflow:hidden;
}
* html section.content{
	height:1%;
}
section.content h1{
	font-size:2.8rem;
  line-height: 3.8rem;
	padding:15px 20px 15px 10px;
	text-align:left;
	color:#35B1E3;
}
section.content p.h1{
font-size:1.3rem;
max-height: 999999;
padding:0 0 15px 13px;
}
.ctn h1{
position: relative;
padding:0 10px 6px 20px!important;
margin:0px 2px 15px 10px!important;
font-size:2.2rem!important;
max-height: 999999!important;
color:#333!important;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.ctn h1::before{
position: absolute;
content: "";
left:-3px;
width: 5px;
height:49px;
border-left:5px solid #36B1E3;
}
.ctn h1 p.date{
display:block;
font-size:1.2rem;
line-height:1.2rem;
max-height:999999px;
width:auto;
padding:0 0 8px 0!important;
color:#666;
vertical-align: top;
}
section.content h2{
position: relative;
padding:0 10px 6px 15px;
margin:2px 2px 5px 5px;
font-size:2.2rem;
max-height: 999999;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
section.content h2::before{
position: absolute;
content: "";
left:3px;
width: 5px;
height:22px;
border-left:5px solid #36B1E3;
}
section.content h2.bdr-no::before{
border-left:none;
}
h2.title{
position: relative;
	padding:0 10px 6px 0;
	margin:0 0 5px -10px;
	font-size:2.2rem;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2.title::before{
	display: none;
}
h2.knsk_h2{
position: relative;
background-image: url("../img/knsk_h2.png");
background-repeat: no-repeat;
background-position:5px 2px;
padding:0 10px 6px 115px!important;
margin:2px 2px 5px 5px;
font-size:2.2rem;
max-height: 999999;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2.knsk_h2_e{
position: relative;
background-image: url("../img/knsk_h2_e.png");
background-repeat: no-repeat;
background-position:5px 2px;
padding:0 10px 6px 115px!important;
margin:2px 2px 5px 5px;
font-size:2.2rem;
max-height: 999999;
font-family:"Meiryo","MS PGothic",Sans-Serif;
}
h2.knsk_h2_e::before,
h2.knsk_h2::before{
border-left: none!important;
}
h3.knsk_h3{
position: relative;
background-image: url("../img/knsk_h3.png");
background-repeat: no-repeat;
background-position:5px 2px;
font-size: 1.8rem;
font-weight: bold;
padding:0 0 5px 115px!important;
margin:2px 2px 5px 5px;
}
h2.title_s{
	padding:0 10px 6px 0;
	margin:33px 2px 10px 0;
	font-size:1.6rem;
	color:#000;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2.title_ss{
	padding:0 10px 6px 0;
	margin:15px 2px 10px 0;
	font-size:1.6rem;
	color:#000;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2.title_blu, h3.title_blu{
	font-size:1.5rem;
	margin:15px 0 15px 5px;
	border-left:solid #395CA4 4px;
	padding-left:10px;
	font-weight:bold;
}
h2.title_blu a, h3.title_blu a{
	color:#333;
	font-weight:bold;
}
h2.title_blu a:hover, h3.title_blu a:hover{
	color:#f30;
}

/* デフォルト */
.ctn{
	overflow:hidden;/*auto*/
	position:static;
	padding:30px 40px;
	margin:5px 3px 15px 3px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
.ctn section{
	clear:both;
	padding-top:35px;
}
.ctn section:first-child{
	margin-top:-40px;
}
.ctn section a{
text-decoration: underline;
}
.ctn section.sctnTOP{
	margin-top:-40px;
}
.ctn h2{
position: relative;
	padding:0 10px 0 15px;
	margin:2px 2px 5px 0;
	font-size:2.2rem;
}
.ctn h2:before{
	position: absolute;
	content: "";
	left:3px;
	width: 5px;
	height:20px;
	border-left:5px solid #0D1B3E;
}
.ctn h3{
position: relative;
font-size: 1.8rem;
font-weight: bold;
line-height: 2.0rem;
color:#395CA4;
padding: 25px 0 5px 0;
}
.ctn h3:first-child{
padding:0 0 5px 0;
}
.ctn h4{
	font-size:1.5rem;
max-height: 999999;
line-height:2.5rem;
margin:20px 0 0 0;
border-left:solid #395CA4 2px;
padding-left:10px;
font-weight:bold;
}

/* デフォルト リスト形式 */
#ctn_list{
overflow:auto;/*hidden*/
position:static;
padding:15px 20px 25px;
margin:7px 2px 2px;
background:#fff;
background-image:url(../img/list_04.png);
background-repeat:no-repeat;
background-position:bottom center;
background-size:auto;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}
#ctn_list h4{
color:#3AA54B;
font-size:2.2rem;
}
#ctn_list section{
clear:both;
}
#ctn_list_last{
overflow:auto;
position:static;
padding:15px 20px 25px;
margin:7px 2px 2px;
background:#fff;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}
#ctn_list_last h4{
color:#3AA54B;
font-size:2.2rem;
}
#ctn_list_last section{
clear:both;
}
/* お問合せ */
#ctn_last{
background-color:#fff;
border-radius:3px;
box-shadow:0 0 3px rgba(0,0,0,0.4);
padding:5px 20px 20px 20px;
}
#ctn_last h4{
margin:15px 0 8px 0;
border-left:none;
padding:0;
}

/* トップページ　検索 */
.TOP-LSTtop{
margin:20px auto;
list-style:none;
}
.TOP-LSTtop section{
position: relative;
display:inline-block;
margin:3px 1%;
padding:5px 0;
width: 48%;
background-color:#fff;
border-radius:5px;
box-shadow:0 0 3px rgba(0,0,0,0.2);
vertical-align:top;
}
.TOP-LSTtop section:nth-child(2){
margin:3px -1% 3px 0;
}
.TOP-LSTtop section:nth-child(3){
margin-top: -75px;
}
.TOP-LSTtop section ul.TOP-src{
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.TOP-LSTtop section ul.TOP-src li{
margin:-4px 0;
padding: 0 1%;
width:47.5%;
box-shadow:none;
border-radius:0;
}
.TOP-LSTtop section ul.TOP-src li:first-child{
border-right: dotted 1px #C3C3C3;
}
.TOP-LSTtop section ul.TOP-src li h2{
position: relative;
display: inline-block;
font-size:1.8rem;
max-height: 999999px;
line-height: 2.7rem;
font-weight: bold;
}
.TOP-LSTtop section ul.TOP-src li h2{
margin:13px 0 0 11px;
padding:5px 0 10px 25px;
background-image:url(../img/ttl_serch.png);
background-repeat: no-repeat;
background-position: 0 9px;
}
.TOP-LSTtop section ul.TOP-src li p{
position:absolute;
bottom: 0;
width:43%;
padding:0 1% 2% 1%;
}

/* 検索
2ページ目以降（幅） */
ul.LSTtop{
margin:20px auto;
list-style:none;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.LSTtop li{
position: relative;
display: inline-block;
margin:3px 1%;
padding:5px 0;
width:94%;
background-color:#fff;
border-radius:5px;
box-shadow:0 0 3px rgba(0,0,0,0.2);
vertical-align:bottom;
}
ul.LSTtop li:last-child{
margin:3px -1% 3px 0;
}
ul.LSTtop li h2{
position: relative;
display: inline-block;
margin-left:11px;
padding:5px 0 10px 25px;
background-image:url(../img/ttl_serch.png);
background-repeat: no-repeat;
background-position: 0 9px;
font-size:1.8rem;
max-height: 999999px;
line-height: 2.7rem;
font-weight: bold;
}
ul.LSTtop li p{
position:absolute;
bottom: 0;
width:93%;
padding:0 4% 2% 3%;
}
/* トップ　検索：テーブル */
table.TBLtop{
/*border-top:solid 1px #E8E8E8;*/
margin-bottom:60px;
}
table.TBLtop tr{
display: block;
margin-top: 20px;
}
table.TBLtop th{
display: inline-block;
width:25%;
color: #34B1E3;
font-weight: bold;
vertical-align:top;
padding:5px 0 0 7%;
background-image:url(../img/LSTtopTTL.png);
background-repeat: no-repeat;
background-position:18% 10px;
}
table.TBLtop td{
display: inline-block;
width: 50%;
}
table.TOP-td{
margin-top:-10px;
}
table.TOP-td tr{
margin-top:7px!important;
}
table.TOP-td td{
width:auto;
padding: 0 5%;
}
/* トップ　検索：テーブル
2ページ目以降（上部ライン削除） */
table.TBLtop-2nd{
/*border-top:none;*/
}
table.TBLtop-2nd tr{
margin-bottom:10px;
}
/* 新着情報 */
.TOP-LSTtop section ul.ctn_info{
display: inline-block;
width:100%;
padding:10px 0;
list-style-type:none;
}
.TOP-LSTtop section ul.ctn_info li{
box-shadow:none;
margin: 0;
width:100%;
border-top: solid 1px #E8E8E8;
border-radius: 0;
}
.TOP-LSTtop section ul.ctn_info li:first-child{
border-top: none;
}
.TOP-LSTtop section ul.ctn_info li h2{
position: relative;
display: inline-block;
font-size:1.8rem;
max-height: 999999px;
line-height: 2.7rem;
font-weight: bold;
margin:0 0 0 11px;
padding:0 0 10px 10px;
color: #36B1E3;
}
.TOP-LSTtop section ul.ctn_info li　p.more{
position: relative!important;
display: inline-block;
float:right;
}
.TOP-LSTtop section ul.ctn_info li　p.more a{
padding:-50px 0px;
}
p.more{
position: relative!important;
display:inline-block;
float:right;
font-size:1.3rem;
line-height:1.3rem;
max-height: 999999;
margin:5px 20px 0 0;
}
p.more a{
clear: both;
display:inline-block;
padding:2px 10px!important;
color:#FFF!important;
background-color:#35B1E3;
border-radius:2px;
}
p.more a:hover{
opacity:0.5;
}
.TOP-LSTtop section ul.ctn_info li a{
position:relative;
padding:10px 20px;
display:block;
color: #333;
}
.TOP-LSTtop section ul.ctn_info li a:hover{
opacity:0.7;
}
.TOP-LSTtop section ul.ctn_info li p.date{
position:relative;
display:inline-block;
font-size:1.2rem;
line-height:1.2rem;
max-height:999999px;
width:80px;
padding-top:8px;
color:#666;
vertical-align: top;
}
.TOP-LSTtop section ul.ctn_info li p.info{
position:relative;
display:inline-block;
line-height:1.8rem;
max-height:999999px;
padding-top:5px;
}
.TOP-LSTtop section ul.ctn_info li p.info span{
display: inline-block;
font-size:0.8rem;
line-height:1.3rem;
max-height:999999px;
margin: 2px 2px 5px 0;
padding:0 6px;
vertical-align: top;
border-radius:3px;
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
.TOP-LSTtop section ul.ctn_info li p.info span.nw{
background-color:#D5454A;
color: #FFF;
}
.TOP-LSTtop section ul.ctn_info li p.info span.cmp{
background-color:#FCE729;
color: #333;
font-weight: bold;
}
/* お問合せ */
.TOP-LSTtop section ul.ctn_toiawase{
display: inline-block;
width:100%;
padding:10px 0;
list-style-type:none;
}
.TOP-LSTtop section ul.ctn_toiawase li{
box-shadow:none;
margin: 0;
background-image: url(../img/ctn_toiawase.png);
background-repeat: no-repeat;
background-position: 20px 6px;
}
.TOP-LSTtop section ul.ctn_toiawase li a{
position:relative;
padding:5px 20px 5px 43px;
display:block;
color: #36B1E3;
}
.TOP-LSTtop section ul.ctn_toiawase li a span{
font-size: 1.6rem;
max-height: 999999;
font-weight: bold;
padding-right: 10px;
}
.TOP-LSTtop section ul.ctn_toiawase li a:hover{
opacity:0.7;
}

/* トップ　小バナー */
.ctn_bnr{
position:relative;
background-color: #FFF;
padding:20px 0 10px 0;
margin-top:5px;
text-align: center;
}
.ctn_bnr ul li{
display: inline-block;
}

/* 2ページ目のリスト：お知らせ、新製品のご案内、事業紹介 */
ul.LST-1{
margin:5px;
border-radius:5px;
list-style:none;
width: 100%;
background-color:#fff;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
ul.LST-1 li{
position: relative;
display:block;
margin:0;
text-align: left;
border-bottom: 1px solid #DFDFDF;
}
ul.LST-1 li:last-child{
border-bottom:none;
}
ul.LST-1 li:after{
position:absolute;
top:50%;
right:12px;
display:block;
content:'';
width:12px;
height:12px;
margin-top:-5px;
border-top:3px solid #DDD;
border-right:3px solid #DDD;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
ul.LST-1 li a{
position:relative;
display:block;
font-weight:bold;
color: #333;
padding:10px 15px;
}
ul.LST-1 li a:hover{
color: #f03;
}

/* 2ページ目のリスト3列画像あり： */
ul.LST-pbtn{
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.LST-pbtn li{
	width:32%;
	list-style:none;
	margin:0 1% 1% 0;
	position: relative;
	background:#fff;
	text-align: center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
ul.LST-pbtn li a{
	display:block;
	color:#000;
}
ul.LST-pbtn li a:hover{
	opacity:0.5;
}
ul.LST-pbtn li img{
max-width:100%;
width: auto;
}
ul.LST-pbtn li a img{
	line-height:none;
	margin:0;
	padding:0;
	border-radius:3px 3px 0 0;
}
ul.LST-pbtn li h2{
	text-align: left;
	margin:8px 15px 4px 15px;
	font-size:2.2rem;
	line-height:2.2rem;
}
ul.LST-pbtn li h2::before{
position: absolute;
content: "";
left:3px;
width: 5px;
height:19px;
border-left:3px solid #36B1E3;
}
ul.LST-pbtn li p.pbtn_txt{
	text-align: left;
	margin:5px 15px 15px 15px;
	font-size:1.3rem;
	line-height: 1.5rem;
}

/* 2ページ目のリスト2列画像あり：会社紹介>事業所案内 */
ul.LST-jigyosyo{
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.LST-jigyosyo li{
width:45%;
list-style:none;
margin:0 1% 1% 0;
padding: 2% 2%;
position: relative;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
ul.LST-jigyosyo li:nth-child(even){
margin:0 0 1% 0;
}
ul.LST-jigyosyo li img{
max-width:100%;
width: auto;
line-height:none;
margin:0;
padding:0;
border-radius:3px 3px 0 0;
}
ul.LST-jigyosyo li h3{
position: relative;
font-size: 1.8rem;
font-weight: bold;
line-height: 2.0rem;
color:#395CA4;
padding: 25px 0 5px 0;
}
ul.LST-jigyosyo li h3:first-child{
padding:0 0 5px 0;
}
ul.LST-jigyosyo li h4{
font-size:1.5rem;
max-height: 999999;
line-height:2.5rem;
margin:20px 0 0 0;
border-left:solid #395CA4 2px;
padding-left:10px;
font-weight:bold;
}

/*日本地図：代理店・販売店リスト*/
#map{
width:500px;
margin: 0 auto;
}
.area-anchor{
padding-top:5px;
font-weight: bold;
}
.pref-anchor{
padding:5px 15px;
font-weight: bold;
background-color: #A0A0A0;
color: #FFF;
}
.area ul li{
display: inline-block;
padding: 0 10px 15px 0;
text-decoration: underline;
}
table.agency_list_1{
position: relative;
width:100%;
white-space: nowrap;
border-collapse:collapse;
}
table.agency_list_1 tr td{
display:block;
width:96%;
vertical-align:top;
}
table.agency_list_1 tr td:first-child{
padding:8px 2% 0 2%;
font-weight: bold;
}
table.agency_list_1 tr td:nth-child(2){
border-bottom:1px solid #DEDEDE;
padding:0 2% 8px 2%;
line-height: 1.8rem;
}
table.agency_list_1 tbody tr:nth-child(odd){
background-color:#F7FCFD;
}
ul.map-area li{
display: none;
}

/* アコーディオン：ご挨拶 */
ul.LST-jigyosyo li > ul.accordion{
margin:0;
padding:0;
background-color:#FFF;
border-radius:5px;
border: none;
box-shadow: none;
}
ul.LST-jigyosyo li > ul.accordion span{
display:block;
padding:0 1%;
background-position:right 10px center;
background-repeat:no-repeat;
}
ul.LST-jigyosyo li > ul.accordion ul{
display:none;
margin-top:5px;
}
ul.LST-jigyosyo li > ul.accordion > li{
box-shadow: none;
width:96%;
background-color:#A0A0A0;
list-style-type:none;
border-bottom:#E0E0E0 1px solid;
border-bottom-radius:none;
color: #FFF;
}
ul.LST-jigyosyo li > ul.accordion > li a{
color: #fff;
}
ul.LST-jigyosyo li > ul.accordion > li:last-child{
border:none;
}
ul.LST-jigyosyo li > ul.accordion > li > p{
cursor:pointer;
}
ul.LST-jigyosyo li > ul.accordion > li > p span{
background-image:url(../img/open.png);
}
ul.LST-jigyosyo li > ul.accordion > li > p span.open{
background-image:url(../img/close.png);
}
ul.LST-jigyosyo li > ul.accordion > li > ul li{
width:96%;
list-style-type:none;
background-color:#FFF;
padding:2%;
}
ul.LST-jigyosyo li > ul.accordion > li > ul li:last-child{
margin-bottom:0;
}ul.LST-jigyosyo li > ul.accordion > li > ul li.acrd{
width:100%;
list-style-type:none;
background-color:#BEBEBE;
padding:0;
border-radius: 5px;
box-shadow:none!important;
}

table.tbl_acrd{
width:100%;
white-space: nowrap;
border-collapse:collapse;
margin:0 auto;
margin-bottom:5px;
background-color: #FFF;
color: #333;
font-size: 1.2rem;
max-height: 999999;
border-radius: 5px;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
table.tbl_acrd thead tr th,
table.tbl_acrd tbody tr td{
border-right:1px solid #DEDEDE;
}
table.tbl_acrd thead tr th:last-child,
table.tbl_acrd tbody tr td:last-child{
border-right: none;
}
table.tbl_acrd thead tr th{
padding:5px;
vertical-align:top;
font-weight: bold;
border-bottom:1px solid #D2D2D2;
}
table.tbl_acrd tbody tr td{
padding:3px 3px;
vertical-align:top;
}
table.tbl_acrd tbody tr:nth-child(odd){
background-color:#F2F9FB;
}
.acrd_seisan{
border-bottom-right-radius:5px!important;
border-bottom-left-radius:5px!important;
}
table.tbl_acrd tbody tr td span{
display: none;
}
/* 事業紹介 > 受託合成*/
ul.jutaku1 li{
display: block;
padding: 0 0 20px 120px;
margin:5px 0;
background-repeat: no-repeat;
background-position: left top;
background-size:110px 110px;
}
ul.jutaku1 li h3{
color:#94C33A;
}
ul.jutaku1 li.point-1{
background-image: url("../img/jutakugosei_3poin-1.png");
}
ul.jutaku1 li.point-2{
background-image: url("../img/jutakugosei_3poin-2.png");
}
ul.jutaku1 li.point-3{
background-image: url("../img/jutakugosei_3poin-3.png");
}
ul.jutakugosei_img{
margin-top: 10px;
}
ul.jutakugosei_img li{
display: inline-block;
width: 23%;
margin:0 1% 1% 0;
text-align: center;
}
ul.jutakugosei_img li img{
width: 100%;
}
ul.jutakugosei_img li p{
display: block;
line-height: 1.2rem;
}

/* 2ページ目のインデックス */
#ctn_index{
overflow:auto;
position:static;
}
#ctn_index ul{
position:relative;
margin:2px;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#ctn_index li{
position:relative;
float:left;
list-style:none;
width:24%;
margin:0 1% 1% 0;
text-align:left;
display:table-cell;
vertical-align:middle;
}
#ctn_index li.li3{
width:32%;
}
#ctn_index li.li2{
width:49.3%;
}
#ctn_index li.li1{
width:99%;
}
#ctn_index li.li2:nth-child(even){
margin:0 0 1% 0;
}
#ctn_index li a{
position:relative;
font-size:1.4rem;
font-weight:bold;
padding:8px 0 8px 7px;
display:block;
background-color:#F7F7F7;
    border-top:1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
}
#ctn_index p{
padding:0 15px 0 5px;
font-size:1.6rem;
color:#444;
text-align:left;
font-family:"ヒラギノ丸ゴ ProN W3","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
border-left:solid #395CA4 4px;
padding-left:8px;
}
#ctn_index p.indexPDF{
padding:0 5px;
background-image:url(../img/pdf.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:28px;
}
#ctn_index li a:hover{
opacity:0.7;
}
/* 2ページ目のインデックス1列 */
#ctn_index ul.index1{
position:relative;
margin:20px 2px 2px 2px;
}
#ctn_index ul.index1 li{
position:relative;
float:left;
list-style:none;
width:99%;
margin:0 1% 0.1% 0;
text-align:left;
display:table-cell;
vertical-align:middle;
}
#ctn_index ul.index1 li a{
position:relative;
font-size:1.4rem;
font-weight:bold;
padding:8px;
display:block;
background-color:#F7F7F7;
    border-top:1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
}
#ctn_index li a::after{
position:absolute;
top:50%;
right:15px;
display:block;
content:'';
width:8px;
height:8px;
margin-top:-8px;
border-top:2px solid #ccc;
border-right:2px solid #ccc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#ctn_index ul.index1 li a:hover{
opacity:0.7;
}
#ctn_index p span.index1_1{
border:none;
display:block;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.3rem;
line-height:140%;
padding:5px 0;
color:#294378
}
#ctn_index p.index1_2{
border-left:solid #FFCC33 4px;
font-size:1.4rem;
}
/* リスト1 */
ul.list_1,
ul.list_1-1{
list-style-type:none;
width:100%;
padding-left:20px;
}
ul.list_1 li,
ul.list_1-1 li{
padding:2px 30px 0 0;
list-style-image:url(../img/list_1.png);
list-style-position:outside;
}
ul.list_1 li{
float:left;
}
ul.list_1 li a{
display:inline-block;
}
/* リスト1-1 */
ul.list_1-1 li{
}
ul.list_1-1 li a{
display:block;
}

/* リスト2 */
ul.list_2{
clear:both;
list-style-type:none;
width:100%;
padding-bottom:5px;
}
ul.list_2 li{
float:left;
padding:2px 20px 8px 0;
list-style-image:url(../img/list_2.png);
}
ul.list_2 li a{
display:inline-block;
}

/* リスト3 */
ul.list_3{
clear:both;
}
ul.list_3 li{
float:left;
list-style-type:none;
padding:5px 15px;
margin:0 5px 5px 0;
background-image:url(../img/btn_more.png);
background-repeat:no-repeat;
background-position:5px 12px;
background-color:#D7746F;

}
ul.list_3 li a{
color:#fff;
display:block;
}
ul.list_3 li a:hover{
color:#EBBAB7;
}

/* リスト4（数字） */
ul.list_4 li{
list-style-type:decimal;
list-style-position:outside;
margin-left:1.0rem;
padding-left: 0.2rem;
margin-top: -0.9rem;
}
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

/* リスト5（・） */
ul.list_5{
padding-left:15px;
}
ul.list_5 li{
list-style-type:circle;
list-style-position:outside;
}

/* リスト6 */
ul.list_6{
list-style-type:none;
width:100%;
padding-left:15px;
}
ul.list_6 li{
padding:5px 20px 10px 0;
list-style-image:url(../img/list_6.png);
list-style-position:outside;
}
ul.list_6 li a{
display:inline-block;
}

/* リスト（写真） */
ul.LST-pht{
padding-top:10px;
}
ul.LST-pht li{
display:inline-block;
margin:5px 1% 5px 0;
width:170px;
list-style:none;
vertical-align: top;
}
ul.LST-pht li img{
width:auto;
}
.LST-phtTXT{
margin: 0;
padding: 0 1px;
font-size: 1.3rem;
line-height: 1.3rem;
max-height:999999px;
}



/* パン屑
--------------------------------*/
#breadcrumb {
padding:0;
box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
-moz-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
-webkit-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
-o-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
-ms-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
max-height:999999px;
}
#breadcrumb ul{
clear:both;
padding:0 0 0 8px;
}
#breadcrumb li{
position:relative;
display: inline;
margin:0 2px;
font-size:1.1rem;
color:#7F7F7E;
padding:3px 18px 3px 0;
}
#breadcrumb li:after{
position:absolute;
top:50%;
right:4px;
display:block;
content:'';
width:4px;
height:4px;
margin-top:-2px;
border-top:1px solid #989795;
border-right:1px solid #989795;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#breadcrumb li.noafter:after{
border-top:0;
border-right:0;
}
#breadcrumb li a{
display:inline-block;
padding:15px 0;
color:#222;
}
#breadcrumb li a:hover{
color:#f30;
}


/* 詳細メニュー
--------------------------------*/
#detailedmenu{
clear:both;
padding:30px 0 0 0;
margin:0;
text-align:center;
border-bottom:solid 1px #E5E5E5;
max-height:999999px;
}
#detailedmenu h3{
font-size:2.3rem;
line-height:2.3rem;
font-weight:bold;
padding:0 0 10px 20px;
text-align:left;
}
#detailedmenu ul{
padding:0;
margin:0;
}
#detailedmenu li{
display:inline;
margin:0 2px;
padding:0 9px;
font-size:1.5rem;
line-height:none;
}
#detailedmenu li a{
display:inline-block;
color:#333;
}
#detailedmenu li.ttl_detail{
border-bottom:solid 3px #395CA4;
font-weight:bold;
color:#395CA4;
}
#detailedmenu li.ttl_detail a{
font-weight:bold;
color:#395CA4;
}
/* 詳細メニュー 小タイトル */
#detailedmenuTTL{
clear:both;
border-bottom:solid 1px #E5E5E5;
}
#detailedmenuTTL h4{
font-size:1.5rem;
margin:8px 20px;
border-left:solid #395CA4 4px;
padding-left:10px;
font-weight:bold;
}
#detailedmenuTTL h4 a{
font-weight:bold;
color:#333;
}


img.frame,#gallery img{
border:4px solid #fff;
}

#gallery .gridWrapper{padding:0;}

#gallery img{
margin:5px;
}

section#gallery{
overflow:visible;}

/* テーブル
--------------------------------*/
.tbl_right{
text-align:right;
}
.tbl_left{
text-align:left;
}
.tbl_center{
text-align:center;
}
.display{
display:none;
}

/* テーブル */
table.tbl{
width:100%;
border-collapse:collapse;
margin:0 auto;
}
table.tbl tr th,
table.tbl tr td{
padding:8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl tr th{
background:#F6F6F6;
vertical-align:top;
white-space:nowrap;
padding:10px 15px;
}
table.tbl tr td{
vertical-align:middle;
}
/* テーブル0：取扱いメーカー */
table.tbl_0{
width:100%;
white-space: nowrap;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
background-color: #FFF;
border-radius: 5px;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
table.tbl_0 thead tr th,
table.tbl_0 tbody tr td{
border-right:1px solid #DEDEDE;
}
table.tbl_0thead tr th:last-child,
table.tbl_0 tbody tr td:last-child{
border-right: none;
}
table.tbl_0 thead tr th{
padding:5px 11px 0 11px;
vertical-align:top;
font-weight: bold;
border-bottom:1px solid #D2D2D2;
}
table.tbl_0 tbody tr td{
padding:9px 12px;
vertical-align:top;
}
table.tbl_0 tbody tr:nth-child(odd){
background-color:#F2F9FB;
}
table.tbl_0 tbody tr td span{
display: none;
}
/* テーブル00：商品詳細 */
.ctn_shosai{
position:relative;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
/*.ctn_shosai table.tbl_00:first-child{
border-radius: 5px 0 0 5px;
}*/
.ctn_shosai table.tbl_00:nth-child(2){
/*border-radius: 0 5px 5px 0;*/
margin-left:-7px;
border-left: double #DEDEDE;
}
table.tbl_00{
position:relative;
display:table-cell;
vertical-align:middle;
/*display: inline-block;
vertical-align: top;*/
width:49%;
white-space: nowrap;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
table.tbl_00 tbody tr th,
table.tbl_00 tbody tr td{
padding:9px 12px;
vertical-align: top;
}
table.tbl_00 tbody tr th{
width: 20%;
font-weight: bold;
color:#444;
}
table.tbl_00 tbody tr td{
width: 29%;
}
table.tbl_00 tbody tr{
border-bottom:1px solid #DEDEDE;
width: 100%;
}
table.tbl_00 tbody tr:last-child{
border-bottom:none;
}
table._00-jp1,
table._00-jp2{
background-color:#F2F9FB;
}
table._00-jp1 tbody tr:nth-child(odd),
table._00-jp2 tbody tr:nth-child(odd){
background-color:#FFF;
}
table._00-en{
background-color:#F2F9FB;
}
table._00-en tbody tr:nth-child(even){
background-color:#FFF;
}

/* テーブルtbl-2L：受託合成 */
.tbl-jutaku1{
width:96%;
}
.tbl-jutaku2{
display: inline-block;
width:47%;
vertical-align: top;
margin:1% 2% 1% 0;
}
.tbl-jutaku1,
.tbl-jutaku2{
margin-top: 10px;
margin-bottom: 10px;
}
table.tbl-2L{
vertical-align: top;
white-space: nowrap;
border-collapse:collapse;
}
.tbl-jutaku table.tbl-2L:nth-child(2){
margin-left:2%;
}
table.tbl-2L thead tr,
table.tbl-2L tbody tr{
border-bottom: 1px solid #DDD;
}
table.tbl-2L thead tr th{
text-align: center;
color: #FFF;
font-weight: bold;
border-radius:20px;
}
table.tbl-2L thead tr td{
font-weight: bold;
padding:10px 0;
font-size: 1.5rem;
max-height: 999999;
}
table.tbl-2L thead tr:first-child{
border-bottom:none;
}
table.tbl-2L thead tr th,
table.tbl-2L tbody tr th,
table.tbl-2L tbody tr td{
padding:5px 0;
}
.ibaraki{
background-color:#187FC4;
}
.saitama{
background-color:#5AAD37;
}
table.tbl-2L tbody tr td:first-child{
padding-left: 10px;
}
.tbl-jutaku2 table.tbl-2L tbody tr td:last-child{
text-align: center;
}

/* テーブル1 */
table.tbl_1{
border-collapse:collapse;
width:100%;
margin:0 auto;
}

table.tbl_1 th,table.tbl_1 td{
padding:5px;
border:1px solid #D6D6D6;
}

table.tbl_1 th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#F6F6F6;
}

/* テーブル2 */
table.tbl_2{
border-collapse:collapse;
width:100%;
margin:0 auto;
}
table.tbl_2 th,table.tbl_2 td{
padding:5px;
border:1px solid #D6D6D6;
}

table.tbl_2 th{
letter-spacing:1px;
white-space:nowrap;
background:#DDEFDA;
}

/* テーブル1_2 */
table.tbl_1_2{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
}
table.tbl_1_2 th, table.tbl_1_2 td{
padding:8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
vertical-align:middle;
}
table.tbl_1_2 th{
background:#F6F6F6;
vertical-align:top;
}


/* このページのトップへ戻る
--------------------------------*/
#ftr_back{
clear:both;
overflow:hidden;
background-color:#EFEFEF;
font-weight:bold;
}
 * html #ftr_back{height:1%;}

#ftr_back p.home a{
float:right;
display:block;
height:20px;
/*background-image:url(../img/back_top.png);
background-repeat:no-repeat;
background-position:center left;
background-size:auto;
padding-left:15px;
*/
margin:0 10px 20px 0;
font-size:1.5rem;
color:#395CA4;
}
#ftr_back p.ftr_back a{
float:left;
display:block;
height:20px;
/*
background-image:url(../img/back.png);
background-repeat:no-repeat;
background-position:center left;
background-size:auto;
padding-left:15px;
*/
margin:0 0 20px 10px;
font-size:1.5rem;
color:#395CA4;
}
#ftr_back p a:hover{
color:#E35E5E;
}


/* フッター
--------------------------------*/
#footer{
clear:both;
padding:0;
overflow:hidden;
background-color:#36B1E3;
color: #fff;
}
* html #footer{
height:1%;
}
#footer .ftr_menu{
padding:8px 0;
border-top:solid 1px #7ECDED;
border-bottom:solid 1px #CFEDF8;
}
#footer ul{
margin:5px 0;
text-align: center;
}
#footer ul li{
padding:5px 5px 5px 30px;
margin:0;
list-style:none;
border-bottom:0;
display:inline-block;
}
#footer ul li a{
color: #fff;
}
#footer ul li a:hover{
opacity:0.7;
}
/* サイト内検索 */
#footer ul.ftr_srch li{
position:static;
margin: 0;
padding: 0;
vertical-align:middle;
line-height:0;
}
#footer ul.ftr_srch li:nth-child(2) input{
border-radius:5px 0 0 5px;
margin-top:0;
padding:3px 5px;
height:18px;
}
#footer ul.ftr_srch li:nth-child(3) input{
border-radius:0 5px 5px 0;
background-color:#2B8EB7;
border:none;
padding:3px 5px;
margin-top:0;
height:19px;
}
#footer ul.ftr_srch li:nth-child(3){
margin-left: -5px;
}
/* フッター　メニューボタン */
#footer ul.ftr_list_01 li{
background-size:20px 20px;
background-repeat:no-repeat;
background-position:10px 6px;
}
#footer ul.ftr_list_01 li.list_ftr_serch{
background-image:url(../img/list_ftr_serch.png);
}
#footer ul.ftr_list_01 li.list_ftr_recruit{
background-image:url(../img/list_ftr_recruit.png);
}
#footer ul.ftr_list_01 li.list_ftr_mail{
background-image:url(../img/list_ftr_mail.png);
}
#footer ul.ftr_list_01 li.list_ftr_privacy{
background-image:url(../img/list_ftr_privacy.png);
}
ul.ftr_btn li a{
color: #fff;
}
#footer p{
display: inline-block;
text-align:left;
height:28px;
padding:15px 15px 12px 5px;
font-size: 1.1rem;
font-family: Verdana, "Droid Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer p:first-child{
background-image: url(../img/logo_ftr.png);
background-repeat: no-repeat;
background-position:0 12px;
padding-left: 110px;
font-size: 1.5rem;
font-weight: bold;
}
.copy{
background-image: #F6F6F6;
color: #36B1E3;
font-size: 1.0rem;
max-height: 999999;
line-height:3.6rem;
text-align: right;
}

/* ページトップ
--------------------------------*/
#pageTop a{
background:#ccc;
padding:20px;
position:fixed;
bottom:20px;
right:20px;
}
#pageTop a::after{
position:absolute;
top:50%;
right:13px;
display:block;
content:'';
width:10px;
height:10px;
margin-top:-6px;
border-top:4px solid #fff;
border-left:4px solid #fff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#pageTop a:hover{
opacity:0.7;
}


/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:1200px){
#wrapper,
.inner{
width:1200px;
padding:0;
}
#wrapper{
padding-bottom:20px;
}
#main{
margin: 30px 20px;
}
/* #sub{
float:left;
width:240px;
overflow:hidden;
} */
.grid{
width:240px;
}
.col1{
float:left;
width:663px/*646px*/;
}
.col2{
float:left;
width:323px;
}
.col2_{
clear:both;
}

.col3{
width:940px;
}
#gallery .grid{
width:240px;
}
#subpage #sub .grid{
width:100%;
float:none;
padding-bottom:30px;
}
}


/*===============================================
  モニター幅1199px以下
===============================================*/
@media only screen and (max-width:1199px){
#wrapper,.inner{
width:100%;
padding:0;
}
#header ul.hdr_top_menuS_e{
display: none;
}
#sub{
display: none;
}
.TOP_cnt{
margin-top:0;
}
.center2{
text-align:left;
}
section.content{
padding: 0 20px;
}
.grid{
width:50%;
margin:2px 0;
float:none;
display:inline-block;
vertical-align:top;
}
.grid img{
margin-right:5px;
}
.col1{
width:100%;
}
.col2{
width:100%;
}
.col2_{
display:none;
}
#gallery .grid{
width:31%;
margin:0 1%;
padding:0;
}

#gallery .grid img{
float:none;
}
#sub .grid{
margin-bottom:20px;
width:48%;
margin-left:1%;
}
.TOP-LSTtop section{
display:block;
margin:10px 3%;
width:94%;
}
.TOP-LSTtop section:nth-child(2){
margin:auto;
}
.TOP-LSTtop section:nth-child(3){
margin:10px 3% 10px 3%;
}
.display{
display:inline;
font-size:1.2rem;
padding:0 10px;
background-color:#909090;
color:#FFF;
margin-right:5px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
ul.LST-pht li{
width: 48%;
}
ul.LST-jigyosyo li{
width:93%;
margin:0 0 20px 0;
padding:20px 3%;
}
ul.LST-jigyosyo li:nth-child(even){
margin:0 0 20px 0;
}
ul.LST-jigyosyo li > ul.accordion > li{
width:98%!important;
padding:5px 1%!important;
margin:2px 0 0 0!important;
}
ul.jutakugosei_img li{
width: 48%;
margin:0 1% 2% 0;
}
table.tbl{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl thead{
display:none;
}
table.tbl tbody{
display: block;
}
table.tbl tbody tr{
display:block;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl tbody th,
table.tbl tbody tr td{
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl tbody th{
padding:5px;
}
table.tbl tbody tr td{
padding:3px 5px;
line-height:3.0rem;
}
table.tbl tbody tr td:nth-child(odd){
margin-bottom: -15px;
font-weight: bold;
}
table.tbl tbody th{
white-space:nowrap;
background-color:#F6F6F6;
margin-top:-1px;
}
table.tbl td{
width:100%;
}
table.tbl_0{
display:block;
}
table.tbl_0 thead{
display:none;
}
table.tbl_0 tbody{
display: block;
}
table.tbl_0 tbody tr{
display:block;
padding:20px 15px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl_0 tbody tr:first-child{
border-top:none;
}
table.tbl_0 tbody tr:last-child{
border-bottom:none;
}
table.tbl_0 tbody tr th,
table.tbl_0 tbody tr td{
padding:1px;
display:list-item;
list-style-type: none;
border:none;
white-space:normal;
}
table.tbl_0 tbody tr th{
background-color:#F6F6F6;
margin-top:-1px;
border:none;
}
table.tbl_0 tr th,
table.tbl_0 tr td{
text-align:left;
}
table.tbl_0 tbody tr td:first-child{
font-size: 1.9rem;
max-height: 999999;
}
table.tbl_0 tbody tr td span{
display: inline-block;
font-size: 1.1rem;
max-height: 999999;
line-height: 1.1rem;
color: #FFF;
border-radius:10px;
background-color:#36B1E3;
padding:3px 5px;
margin-right: 5px;
}
.tbl-jutaku1{
width:95%;
margin: 0 auto;
}
.tbl-jutaku2{
display: block;
width:95%;
margin:30px auto;
}
.br2,
.br3{
display:block;
}/* 縮めると改行 */
.img_kaishi{
line-height:1.5rem;
padding-bottom:7px;
}
#footer .inner{
padding:0 10px;
}
#footer ul.ftr_btn,
#footer ul.ftr_list_01{
text-align:left;
}
#footer .grid{
float:none;
width:100%;
margin-bottom:5px;
text-align:center;
}
}


/*===============================================
  画面の横幅が768pxまで（iPad）
===============================================*/
@media only screen and (max-width:768px){
.text {
position: absolute;
top: 60px;
right: 5px;
}
#main_bnr .main_bnr_copy{
text-align:center;
padding-left:0;
}
#header ul.hdr_top_menuS,
nav{
display: none;
}
h2.knsk_h2,
h2.knsk_h2_e,
h3.knsk_h3{
padding:25px 10px 5px 8px!important;
margin:2px 2px 5px 5px;
}
.ctn{
	padding:30px 25px;
}

ul.LSTtop li,
ul.LSTtop li:last-child{
position: relative;
width:90%;
margin: 0 auto;
margin-bottom:20px;
}
table.TBLtop{
margin-bottom:75px;
}
table.TBLtop th{
display:block;
width:100%;
background-position:5% 10px;
}
table.TBLtop td{
display:block;
padding:0 0 0 5%;
width:100%;
}
.TOP-LSTtop section ul.ctn_info li p.info{
display:block;
padding-top:0;
}
ul.LST-pbtn li{
	width:100%;
	margin:0 0 10px 0;
	padding-bottom:0;
}
ul.LST-pbtn li img{
	height:auto;
}
ul.LST-pbtn li a img{
width:130px;
border-radius:3px 0 0 3px;
float:left;
margin:-10px 10px 0 0;
}
ul.LST-pbtn li h2{
margin:10px 10px 0 140px;
font-size:1.9rem;
line-height:1.9rem;
}
ul.LST-pbtn li p.pbtn_txt{
margin:0 15px 0 15px;
font-size:1.1rem;
line-height:1.3rem;
}
.img_right{
text-align:center;
float:none;
padding:0;
}
.ctn_shosai table.tbl_00:nth-child(2){
margin-left:0;
margin-top: -20px;
border-left: none;
}
table.tbl_00{
width:100%;
}
table.tbl_00 tbody tr th{
width:auto;
}
table.tbl_00 tbody tr td{
width:100%!important;
}
table._00-jp1 tbody tr:last-child{
border-bottom:1px solid #DEDEDE!important;
}
table._00-jp1{
background-color:#FFF;
}
table._00-jp1 tbody tr:nth-child(even){
background-color:#F2F9FB;
}
table._00-jp2{
background-color:#FFF;
}
table._00-jp2 tbody tr:nth-child(odd){
background-color:#F2F9FB;
}
}

/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
section.content h1{
	padding:0 15px 10px 15px;
}
#map{
display:none;
}
#map-2{
display:flex;
}
ul.map-area{
padding-bottom:20px;
}
ul.map-area li{
display:inline-block;
margin: 0 0 15px 0;
}
ul.map-area li a{
padding:7px 15px;
background-color:#35B1E3;
color: #FFF;
font-weight: bold;
border-radius: 5px;
}
.br640{
display:block;
}
.txt_Sblk{
display:inline;
}
#main_bnr{
background-position:left;
}
.slider{
display: none;
}
.main_bnr_copy h1{
	font-size:3.0rem;
	line-height: 3.6rem;
	margin-bottom:10px;
}
.hdr_info{
float:right;
}
.date{
font-size:1.6rem;
}
.grid{
width:100%;
}
.grid img{
float:none;
margin:20px auto 10px;
}
.col1{
float:none;
width:100%;
margin:0 0 20px;
}
.col2{
float:none;
width:100%;
margin:0 0 20px;
}
ul.LST-pht li{
width: 100%;
}
img.frame,#gallery img{
border-width:2px;
}
.alignleft,.alignright{
float:none;
display:block;
margin:0 auto 10px;
}
ul.jutaku1 li{
padding: 0 0 20px 80px;
background-size:70px 70px;
}
#sub .grid{
margin-bottom:20px;
width:98%;
}
#detailedmenu{
padding:15px 0 0 0;
}
#ctn_index li{
width:100%;
margin:0;
}
#ctn_index li a::after{
position:absolute;
top:50%;
right:15px;
display:block;
content:'';
width:8px;
height:8px;
margin-top:-8px;
border-top:2px solid #ccc;
border-right:2px solid #ccc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#footer ul{
font-size:1.3rem;
padding:5px 0;
}
#footer ul li a{
padding:5px 0;
}
#footer p:nth-child(2){
padding:0 0 10px 110px;
margin-top: -22px;
}
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
.br480{
display:block;
}
#header{
	max-width:480px;
}
article{
margin-top:0;
}
section.content h1{
	padding:0 10px 10px 10px;
}
.ctn{
padding:10px;
}
ul.list_1 li{
float:none;
}
ul.list_2 li{
float:none;
}
ul.list_3 li{
float:none;
}
ul.jutakugosei_img li{
width:100%;
margin:0 1% 0 0;
}
#footer li{
float:none;
}
#pageTop a{
bottom:5px;
right:5px;
}
}