@charset "utf-8";

/* Gloval Reset*/
html { height: 100%; }
body { background:#f7f7f5;
font-size:14px;
line-height:1.8; 
height: 100%; 
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif; 
color:#404040;
 overflow-x:hidden;}

/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }

/*-----------------------------------link*/
a{ outline : 0 ;}
a { text-decoration: none; color:#404040; }
a:hover { text-decoration: underline; }

/*-----------------------------------マウスオーバーで画像半透明*/
img.icon:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	cursor:pointer;
}

/*-----------------------------------マージン font*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marB30 { margin-bottom: 30px; }
.marB40 { margin-bottom: 40px; }
.marB50 { margin-bottom: 50px; }
.marR5 { margin-right: 5px; }
.marR7 { margin-right: 7px; }
.marR10 { margin-right: 10px; }
.marR12 { margin-right: 12px; }
.marR20 { margin-right: 20px; }
.marR25 { margin-right: 25px; }
.marR30 { margin-right: 30px; }
.marL5 { margin-left: 5px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
.marL30 { margin-left: 30px; }
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.claerB{clear:both;}
.fR{float:right;}
.fL{float:left;}
.t80{font-size:80%;}
.t85{font-size:85%;}
.t90{font-size:90%;}
.t95{font-size:95%;}
.t110{font-size:110%;}
.t115{font-size:115%;}
.t120{font-size:120%;}
.t130{font-size:130%;}
.t140{font-size:140%;}

.red{color:#FF0000;}
.ore{color:#ee9201;}
.green{color:#228C00;}
.pink{color:#E52D8A;}
.bold{font-weight:bold;}
.w650{width:650px;}
.w260{width:260px;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.vbottom{vertical-align:bottom;}
.pdf{vertical-align:middle; margin-left:10px; margin-right:5px;}

p .hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

p .migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}



/*-----------------------------------コンテナ*/
#container{width:100%; margin:0 auto 0px auto; background:url(../images/header_bg.png) repeat-x #f7f7f5;}


/*-----------------------------------header設定*/
header{width:1010px; height:90px; position:relative; margin-left:auto; margin-right:auto;}
header h1{position:absolute;left: 0px;top: 13px;}
header #google{position:absolute; right:190px; top:17px; width:250px; line-height:15px; font-size:10px;}
header #fontSize{position:absolute; right:0px; top:20px;}
header #fontSize li{float:left; list-style:none; cursor:pointer;}
header #headnav{position: absolute;right:-15px;top:60px;}
header #headnav ul{list-style:none; padding:0; margin:0;}
header #headnav li{float:left; background:url(../images/mark_03.png) no-repeat left 5px; padding-left:10px; font-size:85%; padding-right:15px;}


/*-----------------------------------nav設定*/
nav{width:1010px; margin:0px auto 20px auto;}
nav ul{width:1010px; height:74px; margin:0; padding:0;}
nav li{height:74px; display:block; float:left; list-style-type:none;}

/* デフォルトの設定 */
nav li a{ text-indent: -9999px; text-decoration: none; display: block; height: 74px; background:url(../images/nav.png) no-repeat;}
nav #navHome a { background-position: 0 0; width:157px; } /* デフォルト表示画像の位置を指定 */  
nav #navHojin a { background-position: -157px 0px; width:217px; }
nav #navCompany a { background-position: -374px 0px;width:241px; }
nav #navRequest a { background-position: -615px 0px; width:143px; }
nav #navInquiry a { background-position: -758px 0px; width:142px; }
nav #navRecruit a { background-position: -900px 0px; width:110px; }

/* マウスオーバーの設定 */
nav li a:hover { text-decoration: none; background:url(../images/nav.png) no-repeat;}
nav #navHome a:hover { background-position: 0px -74px; width:157px; } /* マウスオーバー表示画像の位置を指定 */  
nav #navHojin a:hover { background-position: -157px -74px; width:217px; }
nav #navCompany a:hover { background-position: -374px -74px; width:241px; }
nav #navRequest a:hover { background-position: -615px -74px; width:143px; }
nav #navInquiry a:hover { background-position: -758px -74px; width:142px; }
nav #navRecruit a:hover { background-position: -900px -74px; width:110px; }



/*-----------------------------------main設定*/
article{width:1010px; margin-left:auto; margin-right:auto; clear:both;}




/*-----------------------------------left設定*/
#mainLeft{float:left; width:750px; margin-bottom:30px;}
#mainLeft h2{margin-bottom:5px;}
#mainLeft #pankuzu{ margin-bottom:30px; font-size:11px; margin-left:5px;}
#mainLeft #main{width:100%;}


/*-----------------------------------right設定*/
#mainRight{float:right; width:220px; margin-bottom:30px;}
#mainRight #rightnav{}
#mainRight #rightnav li{ list-style:none; padding:0;}

#mainRight iframe{width:100%; height:750px;}

/*-----------------------------------footer設定*/
#base{clear:both; width:1010px; margin: 80px auto 10px auto; border: 1px solid #60B4DF; padding: 10px 20px; border-radius: 4px;}
#base #about{float:left;}
#base #pagetop{float:right; position: relative;}
#base #pagetop p{position: absolute; right: -20px; bottom: 10px; z-index: 20;}

/*-----------------------------------footer設定*/

footer{clear:both; width:100%; margin:0 auto 0px auto; background:#60b4df; padding-top:30px; padding-bottom:30px;}
footer iframe{width:100%; height:700px;}
#footerT{width:1010px; margin-left:auto; margin-right:auto;}
#footerT td{color:#fff; padding-right:10px;}
#footerT .footernav01 li { line-height: 1.5;padding: 0 0 3px 15px; list-style:none; background:url(../images/mark_01.png) no-repeat left 4px;}
#footerT .footernav02 li { line-height: 1.5;padding: 0 0 3px 10px; list-style:none; background:url(../images/mark_05.png) no-repeat left 8px;}
#footerT .footernav03 li { line-height: 1.5;padding: 0 0 3px 10px; list-style:none; background:url(../images/mark_02.png) no-repeat left 10px;}
#footerT .lineL{border-left:1px solid #fff; padding-left:20px;}
#footerT a{text-decoration:none; color:#fff;}
#footerT a:hover{text-decoration:underline; color:#fff;}


#copy{ background:#247cf3; clear:both;}
#copy p{width:1010px; margin:0 auto; color:#fff; padding-top:5px; padding-bottom:5px;