@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
 max-width: 100%;
 margin-left: 0px;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }

.mb1em { margin-bottom: 1em; }

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
 clear: both;
 margin-left: 0;
 width: 100%;
 float: left;
 display: block;
}

.fluidList {
 list-style: none;
 list-style-image: none;
 margin: 0;
 padding: 0;
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
 margin-left: auto;
 margin-right: auto;
 width: 94%;
 padding-left: 2.275%;
 padding-right: 2.275%;
 clear: none;
 float: none;
 min-width: 0px;
}

#header {
 text-align: center;
 line-height: 16px;
 width: 100%;
 position: relative;
 background-image: url(../images/header_bg_s.gif);
 background-repeat: repeat-x;
}

#header h1 {
 font-size: 10px;
 line-height: 16px;
 font-weight: normal;
 color: #FFFFFF;
 padding-top: 0px;
 margin: 0px;
}

#header h1 a {
 text-decoration: none;
 color: #FFFFFF;
}

.logo {
 height: 50px;
 text-indent: -9999px;
 background-image: url(../images/logo.png);
 overflow: hidden;
 margin-right: auto;
 margin-left: auto;
 background-position: center 0%;
 background-repeat: no-repeat;
}

#header .fluid.logo a { }

.topC { display: block; }

#nav { }

#nav div { }

#nav div a {
 display: block;
 border-top: 1px solid #d2d2d2;
 border-bottom: 1px solid #f5f5f5;
 border-right: 1px solid #d2d2d2;
 border-left: 1px solid #d2d2d2;
 box-shadow: 0 0 25px #d2d2d2 inset;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: 30px;
 text-decoration: none;
}

#nav div a:hover {
 background-color: #FFFFFF;
 box-shadow: none;
 text-decoration: none;
}

.topCT { display: block; }

#contentsS { display: block; }

#contentsT { display: none; }

#contents { display: none; }

#subMenu { width: 100%; }

#subMenu .box1 {
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 text-align: center;
}

#subMenu .box1 a {
 text-decoration: none;
 color: #578AF2;
}

#subMenu .box1 a:hover {
 text-decoration: none;
 color: #9AB8F7;
}

#subMenu .box2 {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 text-align: center;
 font-size: 14px;
 line-height: 20px;
 color: #FF6E00;
}

#subMenu ul {
 list-style: none;
 margin-top: 0px;
 margin-bottom: 1em;
 padding-left: 0px;
 padding-top: 0px;
 text-align: center;
}

#subMenu ul li a {
 display: block;
 padding-top: 6px;
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 6px;
 text-decoration: none;
 border-bottom-color: #C9C9C9;
 border-right-color: #C9C9C9;
 border-left-color: #C9C9C9;
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-style: solid;
 border-right-style: solid;
 border-left-style: solid;
 color: #333333;
 background-image: url(../images/bg7.gif);
 background-position: center top;
 background-size: auto 40px;
 height: 20px;
}

#subMenu ul li a:hover {
 background-color: #538CFF;
 color: #FFFFFF;
 background-image: none;
 border-bottom: 1px solid #5075FF;
 border-right: 1px solid #5075FF;
 border-left: 1px solid #5075FF;
}

#subMenu h3 {
 font-size: 100%;
 color: #FFFFFF;
 text-align: center;
 height: 36px;
 line-height: 36px;
 background-color: #538CFF;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}

#main {
 clear: both;
 margin-left: 0;
 width: 100%;
}

#main h2 {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 font-size: 20px;
 text-align: center;
}

#main p {
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 10px;
 padding-top: 0px;
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 0px;
 line-height: 1.6em;
}

.textC {
 text-align: center;
}

#main .fluid.new.mb1em {
 overflow: auto;
 padding-left: 10px;
}

#main .fluid.new.mb1em dl {
 border-bottom: 1px solid #CCCCCC;
 overflow: hidden;
 clear: left;
}

#main .fluid.new.mb1em dl dt {
 width: 100px;
 float: left;
 font-weight: bold;
}

#main .fluid.new.mb1em dl dd { font-weight: bold; }

#main .fluid.new.mb1em dl dd img { vertical-align: middle; }

.color1 {
 color: #FF6700;
 background-color: #FFE7D7;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 3px;
}

#footer {
 text-align: center;
 background-color: #538CFF;
 color: #FFFFFF;
 font-size: 12px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.zeroMargin_mobile { margin-left: 0; }

.hide_mobile { display: none; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
 width: 760px;
 padding-left: 4px;
 padding-right: 4px;
 clear: none;
 float: none;
 margin-left: auto;
}

#header {
 text-align: left;
 height: 59px;
 width: 100%;
 position: relative;
 background-image: url(../images/header_bg_t.gif);
 background-repeat: repeat-x;
}

#header h1 {
 font-size: 10px;
 line-height: 16px;
 text-align: right;
 font-weight: normal;
 color: #FFFFFF;
 position: absolute;
 right: 0%;
 top: 0px;
 padding-top: 0px;
 margin: 0px;
}

#header h1 a {
 text-decoration: none;
 color: #FFFFFF;
}

.logo { display: none; }

#header .fluid.logo a {
 height: 50px;
 display: block;
 text-indent: -9999px;
 margin-left: auto;
}

.topC { display: block; }

#nav {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-box;
 display: -o-flex;
 display: flex;
 -webkit-flex-direction: row;
 -moz-flex-direction: row;
 -ms-box-direction: normal;
 -o-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -ms-box-lines: multiple;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -moz-justify-content: space-between;
 -ms-flex-pack: justify;
 -ms-box-pack: justify;
 -o-justify-content: space-between;
 justify-content: space-between;
 margin-top: 10px;
 width: 100%;
}

#nav div {
 background: #ffffff;
 font-size: 100%;
 color: #FFF;
 text-align: center;
 min-height: 41px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-box;
 display: -o-flex;
 display: flex;
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-flex-align: center;
 -ms-box-align: center;
 -o-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 -ms-flex-pack: center;
 -ms-box-pack: center;
 -o-justify-content: center;
 justify-content: center;
 width: 150px;
}

#nav div a {
 display: block;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 text-decoration: none;
}

#nav div a:hover { text-decoration: none; }

.navHome {
 background-image: url(../images/menu_01_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navHome:hover { background-image: url(../images/menu_over_01_t.gif); }

.navHomeActive {
 background-image: url(../images/menu_over_01_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navCompany {
 background-image: url(../images/menu_02_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navCompany:hover { background-image: url(../images/menu_over_02_t.gif); }

.navCompanyActive {
 background-image: url(../images/menu_over_02_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navService {
 background-image: url(../images/menu_03_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navService:hover { background-image: url(../images/menu_over_03_t.gif); }

.navServiceActive {
 background-image: url(../images/menu_over_03_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navRecruit {
 background-image: url(../images/menu_04_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navRecruit:hover { background-image: url(../images/menu_over_04_t.gif); }

.navRecruitActive {
 background-image: url(../images/menu_over_04_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navContact {
 background-image: url(../images/menu_05_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

.navContact:hover { background-image: url(../images/menu_over_05_t.gif); }

.navContactActive {
 background-image: url(../images/menu_over_05_t.gif);
 background-size: 150px 41px;
 background-repeat: no-repeat;
 display: block;
 width: 150px;
 height: 41px;
 text-indent: -9999px;
}

#contentsS { display: none; }

#contentsT {
 display: block;
 margin-top: 10px;
}

#contents { display: none; }

#subMenu {
 width: 23.0769%;
 margin-top: 10px;
 clear: both;
}

#subMenu h3 {
 font-size: 100%;
 color: #FFFFFF;
 background-image: url(../images/title_bg1.gif);
 background-repeat: no-repeat;
 text-align: center;
 overflow: hidden;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 height: 36px;
 line-height: 36px;
}

#subMenu .box1 {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 text-align: center;
}

#subMenu .box1 a {
 text-decoration: none;
 color: #578AF2;
}

#subMenu .box1 a:hover {
 text-decoration: none;
 color: #9AB8F7;
}

#subMenu .box2 {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 text-align: center;
 font-size: 14px;
 line-height: 20px;
 color: #FF6E00;
}

#subMenu ul {
 list-style: none;
 margin-top: 0px;
 margin-bottom: 1em;
 padding-left: 0px;
 padding-top: 0px;
 text-align: center;
}

#subMenu ul li a {
 display: block;
 padding-top: 6px;
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 6px;
 text-decoration: none;
 border-bottom-color: #C9C9C9;
 border-right-color: #C9C9C9;
 border-left-color: #C9C9C9;
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-style: solid;
 border-right-style: solid;
 border-left-style: solid;
 color: #333333;
 background-image: url(../images/bg2.gif);
 background-position: center top;
 background-size: auto 40px;
 height: 20px;
}

#subMenu ul li a:hover {
 background-color: #538CFF;
 color: #FFFFFF;
 background-image: none;
 border-bottom: 1px solid #5075FF;
 border-right: 1px solid #5075FF;
 border-left: 1px solid #5075FF;
}

#main {
 clear: none;
 margin-left: 2.5641%;
 width: 74.3589%;
 margin-top: 10px;
 background-image: url(../images/mark-html5.gif);
 background-repeat: no-repeat;
 background-position: 10px 0%;
}

#main h2 {
 margin-top: 0px;
 margin-right: 20px;
 margin-left: 20px;
 font-size: 20px;
 padding-left: 60px;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-bottom: 0px;
}

#main p {
 padding-left: 20px;
 padding-right: 20px;
 line-height: 1.6em;
}

#main .fluid.new.mb1em {
 overflow: auto;
 padding-left: 10px;
}

#main .fluid.new.mb1em dl {
 border-bottom: 1px solid #CCCCCC;
 overflow: hidden;
 clear: left;
}

#main .fluid.new.mb1em dl dt {
 width: 100px;
 float: left;
 font-weight: bold;
}

#main .fluid.new.mb1em dl dd { font-weight: bold; }

#main .fluid.new.mb1em dl dd img { vertical-align: middle; }

.color1 { color: #FF6700; }

#footer {
 text-align: center;
 background-color: #538CFF;
 color: #F9F9F9;
}

.hide_tablet { display: none; }

.zeroMargin_tablet { margin-left: 0; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
 width: 904px;
 padding-left: 0.75%;
 padding-right: 0.75%;
 margin: auto;
 clear: none;
 float: none;
 margin-left: auto;
}

#header {
 text-align: left;
 height: 70px;
 width: 100%;
 position: relative;
 background-image: url(../images/header_bg.gif);
 background-repeat: repeat-x;
}

/*ロゴ画像設定*/
#header #logo {
 left: 0%;
 display: block;
 width: 284px;
 height: 50px;
 text-indent: -9999px;
}

/*電話番号バナー設定*/
#header #tel {
 position: absolute;
 right: 0%;
 top: 17px;
 width: 233px;
 height: 51px;
 display: block;
 text-indent: -9999px;
}

#header h1 {
 font-size: 10px;
 line-height: 16px;
 text-align: right;
 font-weight: normal;
 color: #FFFFFF;
 position: absolute;
 right: 0%;
 top: 0px;
 padding-top: 0px;
 margin: 0px;
}

#header h1 a {
 text-decoration: none;
 color: #FFFFFF;
}

.logo { margin-top: 16px; }

#header .fluid.logo a {
 width: 283px;
 height: 50px;
 display: block;
 text-indent: -9999px;
}

#nav {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-box;
 display: -o-flex;
 display: flex;
 -webkit-flex-direction: row;
 -moz-flex-direction: row;
 -ms-box-direction: normal;
 -o-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -ms-box-lines: multiple;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -moz-justify-content: space-between;
 -ms-flex-pack: justify;
 -ms-box-pack: justify;
 -o-justify-content: space-between;
 justify-content: space-between;
 width: 100%;
 clear: both;
}

#nav div {
 background: #ffffff;
 font-size: 100%;
 color: #FFF;
 text-align: center;
 min-height: 48px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-box;
 display: -o-flex;
 display: flex;
 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-flex-align: center;
 -ms-box-align: center;
 -o-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 -ms-flex-pack: center;
 -ms-box-pack: center;
 -o-justify-content: center;
 justify-content: center;
 width: 176px;
}

.navHome {
 background-image: url(../images/menu_01.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navHome:hover { background-image: url(../images/menu_over_01.gif); }

.navHomeActive {
 background-image: url(../images/menu_over_01.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navCompany {
 background-image: url(../images/menu_02.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navCompany:hover { background-image: url(../images/menu_over_02.gif); }

.navCompanyActive {
 background-image: url(../images/menu_over_02.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navService {
 background-image: url(../images/menu_03.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navService:hover { background-image: url(../images/menu_over_03.gif); }

.navServiceActive {
 background-image: url(../images/menu_over_03.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navRecruit {
 background-image: url(../images/menu_04.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navRecruit:hover { background-image: url(../images/menu_over_04.gif); }

.navRecruitActive {
 background-image: url(../images/menu_over_04.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navContact {
 background-image: url(../images/menu_05.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

.navContact:hover { background-image: url(../images/menu_over_05.gif); }

.navContactActive {
 background-image: url(../images/menu_over_05.gif);
 background-size: 176px 48px;
 background-repeat: no-repeat;
 display: block;
 width: 176px;
 height: 48px;
 text-indent: -9999px;
}

ul#bnMenu {
 padding-left: 4px;
 list-style: none;
 min-width: 896px;
}

ul#bnMenu li {
 float: left;
 padding-right: 4px;
}

ul#bnMenu img { vertical-align: bottom; }

.topC {
 width: 100%;
 display: block;
}

.topCT { display: block; }

#subMenu {
 width: 23.7288%;
 margin-top: 10px;
 clear: both;
}

#subMenu h3 {
 font-size: 100%;
 color: #FFFFFF;
 background-image: url(../images/title_bg1.gif);
 background-repeat: no-repeat;
 text-align: center;
 overflow: hidden;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 height: 44px;
 line-height: 44px;
}

#subMenu .box1 {
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 text-align: center;
 line-height: 1.8em;
}

#subMenu .box1 a {
 text-decoration: none;
 color: #578AF2;
}

#subMenu .box1 a:hover {
 text-decoration: none;
 color: #9AB8F7;
}

#subMenu .box2 {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 text-align: center;
 font-size: 16px;
 line-height: 20px;
 color: #FF6E00;
}

#subMenu ul {
 list-style: none;
 margin-top: 0px;
 margin-bottom: 1em;
 padding-left: 0px;
 padding-top: 0px;
 text-align: center;
}

#subMenu ul li a {
 display: block;
 padding-top: 10px;
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 10px;
 text-decoration: none;
 border-bottom-color: #C9C9C9;
 border-right-color: #C9C9C9;
 border-left-color: #C9C9C9;
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-style: solid;
 border-right-style: solid;
 border-left-style: solid;
 color: #333333;
 background-image: url(../images/bg2.gif);
 background-position: center top;
 background-size: auto 40px;
 height: 20px;
}

#subMenu ul li a:hover {
 background-color: #538CFF;
 color: #FFFFFF;
 background-image: none;
 border-bottom: 1px solid #5075FF;
 border-right: 1px solid #5075FF;
 border-left: 1px solid #5075FF;
}

#main {
 width: 74.5762%;
 margin-left: 1.6949%;
 clear: none;
 margin-top: 10px;
 background-image: url(../images/mark-html5.gif);
 background-repeat: no-repeat;
 background-position: 20px 0%;
}

#main h2 {
 margin-top: 0px;
 margin-right: 20px;
 margin-left: 20px;
 font-size: 20px;
 padding-left: 80px;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-bottom: 0px;
}

#main p {
 padding-left: 20px;
 padding-right: 20px;
 line-height: 1.6em;
}

#main .fluid.new.mb1em {
 overflow: auto;
 padding-left: 10px;
}

#main .fluid.new.mb1em dl {
 border-bottom: 1px solid #CCCCCC;
 overflow: hidden;
 clear: left;
}

#main .fluid.new.mb1em dl dt {
 width: 100px;
 float: left;
 font-weight: bold;
}

#main .fluid.new.mb1em dl dd { font-weight: bold; }

#main .fluid.new.mb1em dl dd img { vertical-align: middle; }

.color1 { color: #FF6700; }

#footer {
 text-align: center;
 background-color: #538CFF;
 color: #F9F9F9;
}

#contentsS { display: none; }

#contentsT { display: none; }

#contents {
 display: block;
 top: px;
 margin-top: 10px;
 clear: both;
}

.zeroMargin_desktop { margin-left: 0; }

.hide_desktop { display: none; }
}