
/*body///------------------------------------------------------------------*/
body      { color:#333; background-color:#FFF; height:100%; font-size:80%; font-family:Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo, sans-serif; }

#whole { letter-spacing:1px; }

a:link    { color:#333; text-decoration:none; }
a:visited { color:#555; text-decoration:none; }
a:hover   { color:#08e; text-decoration:none; }
a:active  { color:#939; text-decoration:none; }

/*▼whole----------------------------------------------------------------------------------------------*/

#whole			{background-image:url(../images/images/bg.png); background-repeat:no-repeat; background-size:cover; }


#loadwrap{
	width: 100%;
	display:none;
	z-index: 2000;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #FFF;
	background-image: url(../images/images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
	background-image: url(../images/images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50000;
}


/*▼header----------------------------------------------------------------------------------------------*/

#header			{ width:980px; height:575px; background-image:url(../images/images/header.jpg); background-repeat:no-repeat; margin:0 auto; position: relative; }
#header .logo01		{ position:absolute; top:0; left:0; width:180px; height:113px; display:none; }
#header .logo02		{ position:absolute; top:415px; left:270px; width:481px; height:133px; display:none; }
#header h3		{ position:absolute; top:0; left:0; width:655px; height:636px; }

#description {
  width: 980px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 20px 0 0 0;
}
.about {
  background-image: url(../images/about_bg.png);
  background-repeat: no-repeat;
  width: 956px;
  margin: 0 auto;
  height: 436px;
}
#description dl {
  width: 910px;
  margin: 0 auto;
  display: flex;
  padding: 80px 0 0 0;
}
#description dl dd {
  padding: 0 10px;
  font-size: 16px;
  color: #2f9199;
  font-weight: bold;
  line-height: 190%;
}
#description ul {
  width: 850px;
  margin: 0 auto;
  display: flex;
  padding: 20px 0 0 0;
}
#description ul .def {
  background-image: url(../images/corner_bg.png);
  background-repeat: no-repeat;
  width: 209px;
  height: 135px;
  text-align: center;
  font-size: 18px;
  color: #2f9199;
  font-weight: bold;
}

#description ul .corner01 {
  padding: 30px 10px 10px 10px;
  box-sizing: border-box;
}
#description ul .corner02 {
  padding: 15px 10px 10px 10px;
  box-sizing: border-box;
}
#description ul .corner03 {
  padding: 15px 10px 10px 10px;
  box-sizing: border-box;
}
#description ul .corner04 {
  padding: 54px 10px 10px 10px;
  box-sizing: border-box;
}

.keyword {
  background-color: #fdef2d;
  padding: 5px;
  text-align: center;
}

.colorbox　h4 {
  font-size: 24px;
}
.colorbox　p {
  font-size: 18px;
}
a:hover{
	opacity: 0.5;
}

#contents		{ width:980px; margin:0 auto; background-color:#ffffff;}

#left		{ width: 740px; float:left;}

#left .next		{width: 740px;padding: 82px 0 0 0;background-image: url(../images/images/menu_top01.png);background-position:left top;background-repeat:no-repeat;margin: 20px 0 20px 15px;float:left;}
#left .next p		{ width:616px; color:#062157; }
#left .next .next_inner	{/* width: 616px; */padding: 25px 0 20px 3px;background-image: url(../images/images/menu_inner.png);background-position:left top;background-repeat:repeat-y;}

#left .next .next_inner h5	{width:570px;margin:0 auto;font-size:16px;line-height:190%;padding: 5px 0 5px 0;text-align: center; font-weight:bold; color:#ff0000;}

#left .next .next_inner p	{/*width:570px;*/margin:0 auto;font-size:14px;line-height:190%;padding: 5px 0 5px 0;text-align: center; /*font-weight:bold;*/}
#left .next .next_bottom	{/* width: 660px; */padding: 0 0 15px 0;background-image: url(../images/images/menu_bottom.png);background-position:left bottom;background-repeat:no-repeat;}

#left .next .onair	{border: solid 2px yellow;margin: 0 auto;width: 640px;/* padding: 20px; */background-color: #FFFFFF;}
#left .next  dl	{width:515px;margin:0 auto;padding: 20px 15px;background-color: #ffffff;border: solid 2px yellow; color:#062157; text-align:center;}
#left .next  dl dt	{ font-weight:bold; padding: 0 0 5px 0;}
#left .next  dl dd	{ font-weight:bold; font-size:16px;}
.movie		{ width:640px; height:360px; margin:10px auto; padding:0;}

#left .recruit		{width: 740px;padding: 82px 0 0 0;background-image: url(../images/images/menu_top02.png);background-position:left top;background-repeat:no-repeat;margin: 10px 0 20px 15px;float:left;}
#left .recruit p		{ width:250px; margin:0 auto; color:#ffffff; background-color:#1e909a; padding:10px; text-align:center; }

#left .recruit a:link    { color:#fff; text-decoration:none; }
#left .recruit a:hover   { color:#fefc01; text-decoration:none; }

#left .recruit .recruit_inner	{padding: 0 0 20px 12px;background-image: url(../images/images/menu_inner.png);background-position:left top;background-repeat:repeat-y;}
#left .recruit .recruit_inner p	{}
#left .recruit .recruit_bottom	{padding: 0 0 15px 0;background-image: url(../images/images/menu_bottom.png);background-position:left bottom;background-repeat:no-repeat;}
#left .recruit dl	{ width:650px; height:150px; padding:10px 5px; margin:30px 5px 10px 20px; /*float:left;*/ border: solid 2px yellow; background-color: #FFFFFF;}
#left .recruit dl dt		{ font-size:14px; font-weight:bold; color:#1f7a69; text-align:center; padding:10px 0 0 0;}
#left .recruit dl dd		{ padding:10px;}


.special	{ width:720px; border:solid 3px #1f7a69;  border-radius:8px; margin:40px 20px 20px 20px; background-color:#dbf9fc;}
.special h5	{ font-size:20px; font-weight:bold; color:#ffffff; text-align:center; padding:10px 0; background-color:#48b9c4;  border-top-radius:8px;}
.special p	{ width:500px; margin:20px auto; padding:10px; font-weight:bold;}



/* #mbs-column ---------------------------------*/
#column_bg {
	float:right;
	width:733px;
	height:488px;
	background-image: url(../images/column_bg02.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding: 40px 0 0 0;
	margin: 29px 0 0 0;
}

#column {
	width:733px;
}

#column_bg .btn {width:350px; margin:15px auto; color:#ffffff; background-color:#1e909a; padding:10px; text-align:center;}


#column .columun-entry{
	/*box-shadow:0 0 2px 1px #176a71 inset;*/
	padding: 170px 8px 8px 8px;
}
#column .columun-entry > a{
	display: block;
}
#column .columun-entry .head {
	padding: 0 0 7px 0;
}
#column .columun-entry .txt {
	padding: 7px 0 0 0;
width:380px;
float:right;
}
#column .columun-entry .txt .title {
	display: block;
	padding: 3px 0 0 0;
	color: #000;
	text-decoration: underline;
	font-size: 20px;
}
#column .columun-entry .txt .time {
	display: block;
	padding: 4px 0 0 0;
	color: #333;
	font-size: 12px;
}


#column .columun-entry .img{
	/*width: 100%;*/
	padding: 7px 0 0 15px;
		float:left;

}

#column .columun-entry .img img	{ width:290px;}


#right			{ width:205px; float:left;}


#right .tw		{width: 205px;padding: 9px 0 0 0;background-image: url(../images/images/side_top02.png);background-position:left top;background-repeat:no-repeat;margin:37px 0 0 20px;}
#right .tw p		{ }
#right .tw .tw_inner	{/* width: 616px; */padding: 0 0 0 3px;background-image:url(../images/images/side_inner.png);background-position:left top;background-repeat:repeat-y;}
#right .tw .tw_inner p	{ font-size:14px;line-height:190%;padding: 5px 0 5px 0;text-align: center; font-weight:bold;}
#right .tw .tw_bottom	{/* width: 660px; */padding: 0 0 10px 0;background-image: url(../images/images/side_bottom.png);background-position:left bottom;background-repeat:no-repeat;}


#right .archive		{width: 205px;padding: 52px 0 40px 0;background-image: url(../images/images/side_top01.png);background-position:left top;background-repeat:no-repeat;margin:20px 0 0 20px;}
#right .archive p		{ color:#062157; }
#right .archive .archive_inner	{/* width: 616px; */padding: 0 0 0 3px;background-image: url(../images/images/side_inner.png);background-position:left top;background-repeat:repeat-y;}
#right .archive .archive_inner p	{margin:0 auto;font-size:12px;padding: 5px 0 5px 0;text-align: center; }
#right .archive .archive_bottom	{/* width: 660px; */padding: 0 0 10px 0;background-image: url(../images/images/side_bottom.png);background-position:left bottom;background-repeat:no-repeat;}
#right .archive .archive_inner ul	{font-size:12px;padding: 5px;}
#right .archive .archive_inner ul li	{font-size:12px;padding: 5px; border-bottom:dotted 1px #339999; text-align: center; }

#all h3    { font-weight:normal; font-size:16px; border-top:1px #333 solid; border-bottom:1px #333 solid; height:78px; padding-left:24px; margin-bottom:24px; line-height:78px;
              background:#FFF url("../images/images/arw_title.png") no-repeat left center; }
#all ul    { padding-bottom:40px; }
#all ul li { width:136px; float:left; margin:0 12px 8px 0; }


.colorbox	{}
.colorbox h1	{text-align:center;font-size:  22px;line-height: 160%;padding: 10px 0 30px 0; 15px 15p 15 115px 15px 15p 15 1}
.colorbox h2	{font-size:  18px;line-height: 160%;padding: 25px 0 10px 0;}
.colorbox p .hidari{float: left;margin-right: 1em;margin-bottom: 1em;}
.colorbox p	{font-size: 15px;/* padding: 5px; */line-height: 180%;}

.colorbox .clear {
    clear: both;
}

/*clearfix///------------------------------------------------------------*/
.clearfix       { zoom:1; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix + *   { clear:both; }/* Dreamweaver確認用 */

/*other///----------------------------------------------------------------*/
.no-mgn    { margin-bottom:0!important; }
.no-border { border-bottom:none!important;}
.no-pad-t  { padding-top:0!important; }
.no-pad-b  { padding-bottom:0!important; }
.pad-b-16  { padding-bottom:16px!important; }
.no-pad-r  { padding-right:0!important; }
.left      { float:left; }
.right     { float:right; }
.yellow    { color:#b69835; }
.pink      { color:#dd5555; }
.red       { color:#F03;}
.px32      { font-size:32px; }
.px24      { font-size:24px; }
.px16      { font-size:16px; }
.px14 {
  font-size: 14px;
  color: #333333;
  line-height: 130%;
}
.px11      { font-size:11px; }
strong     { font-weight: bold; }




