@charset "Shift_JIS";

/*

 USEN GROUP 採用サイト レイアウト用スタイルシート

layout.css - layout style sheet for USEN GROUP recruit site.

==========================================================================================   History

====================================================================================================
*/

/* 1：要素のリセット */
*{margin:0;padding:0;font-weight:normal;font-style:normal;}
ul{list-style-type:none;}
img,object{border:0;vertical-align:bottom;}
th,td{}

/* 2：基本のフォント設定 */
body,th,td,h1,h2,h3,h4,h5,h6{color:444;font-size:12px;line-height:1.5em;font-family:"Lucida Grande Regular",Osaka,"ＭＳ Ｐゴシック";}
html>body,html>body th,html>body td,html>body h1,
html>body h2,html>body h3,html>body h4,html>body h5,html>body h6{font-size:12px;line-height:1.5em;}

a{color:#444;text-decoration:underline;}
a:hover{color:#ffaa00;}

/* 3：基本のレイアウト */
body{text-align:center;background:url(../images/2nd_bg.gif) 50% 0 no-repeat;}
#wrapper{width:970px;text-align:center;margin:0 auto;padding:0;}
#header{width:970px;height:73px;margin:30px 0 0 0;padding:0;text-align:left;background:url(../images/header_bg.gif) 0 0 no-repeat;}
#menu{width:970px;height:123px;margin:0;padding:0;background:url(../images/menu_bg.gif) 0 0 no-repeat;}
#ct{width:970px;margin:0;padding:0;background:url(../images/bg_ct.gif) 0 0 repeat-y;}
#footer{width:970px;height:65px;margin:0 auto;padding:0;background:url(../images/footer_bg.gif) 0 -10px no-repeat;}

/* header ---------------------------------------------------------------------------------------*/
#header h1{float:left;padding:8px 0 0 10px;margin:0;}
#header h2{float:right;margin:0;padding:52px 35px 0 0;}

/* menu ---------------------------------------------------------------------------------------*/
#menu ul.mainMenu{float:left;margin:0;padding:25px 0 0 35px;}
#menu ul.mainMenu li{float:left;text-indent:-9999px;margin:0 5px 0 0;}
#menu .mCompany{width:160px;height:64px;background:url(../images/menu.gif) 0 -64px no-repeat;}
#menu .mCompany a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../images/menu.gif) 0 0 no-repeat;}
#menu .mCompany a:hover{background-position:0 -64px;}
#menu .mService{width:160px;height:64px;background:url(../images/menu.gif) -165px -64px no-repeat;}
#menu .mService a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../images/menu.gif) -165px 0 no-repeat;}
#menu .mService a:hover{background-position:-165px -64px;}
#menu .mPeople{width:160px;height:64px;background:url(../images/menu.gif) -330px -64px no-repeat;}
#menu .mPeople a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../images/menu.gif) -330px 0 no-repeat;}
#menu .mPeople a:hover{background-position:-330px -64px;}
#menu .mEducation{width:110px;height:40px;padding:23px 0 0 0;background:url(../images/menu.gif) -495px -64px no-repeat;}
#menu .mEducation a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../images/menu.gif) -495px -23px no-repeat;}
#menu .mEducation a:hover{background-position:-495px -87px;}
#menu .mRecruit{width:110px;height:40px;padding:23px 0 0 0;background:url(../images/menu.gif) -610px -64px no-repeat;}
#menu .mRecruit a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../images/menu.gif) -610px -23px no-repeat;}
#menu .mRecruit a:hover{background-position:-610px -87px;}
#menu .mEntry{float:left;width:170px;height:106px;padding:0;margin:17px 0 0 0;text-indent:-9999px;background:url(../images/btn_entry2.gif) 0 0 no-repeat;}
#menu .mEntry a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../images/btn_entry2.gif) 0 0 no-repeat;}
#menu .mEntry a:hover{background-position:0 -106px;}


/* contents --------------------------------------------------------------------------------------*/
#ct .box{width:970px;margin:0;padding:0;text-align:left;background:url(../images/box_bg.gif) 35px bottom no-repeat;}
#ct .box .boxL{width:230px;height:500px;float:left;padding:10px 0 0 45px;margin:0;background:url(../images/boxL_bg.gif) 35px 92px no-repeat;}
#ct .box .boxL ul.subMenu{width:198px;height:150px;margin:0;padding:0;}
html>body #ct .box .boxL ul.subMenu{width:198px;height:145px;margin:0;padding:0;}
#ct .box .boxL ul.subMenu li{width:198px;height:43px;margin:0 0 7px 0;padding:0;text-indent:-9999px;}
#ct .box .boxL ul.subMenu li.sub01{background:url(../system/images/sub_menu.gif) 0 -193px no-repeat;}
#ct .box .boxL ul.subMenu li.sub01 a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../system/images/sub_menu.gif) 0 0 no-repeat;}
#ct .box .boxL ul.subMenu li.sub01 a:hover{background-position:0 -193px;}
#ct .box .boxL ul.subMenu li.sub02{background:url(../system/images/sub_menu.gif) 0 -243px no-repeat;}
#ct .box .boxL ul.subMenu li.sub02 a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../system/images/sub_menu.gif) 0 -50px no-repeat;}
#ct .box .boxL ul.subMenu li.sub02 a:hover{background-position:0 -243px;}
#ct .box .boxL ul.subMenu li.sub03{background:url(../system/images/sub_menu.gif) 0 -293px no-repeat;}
#ct .box .boxL ul.subMenu li.sub03 a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../system/images/sub_menu.gif) 0 -100px no-repeat;}
#ct .box .boxL ul.subMenu li.sub03 a:hover{background-position:0 -293px;}
#ct .box .boxL ul.subMenu li.sub04{background:url(../system/images/sub_menu.gif) 0 -343px no-repeat;}
#ct .box .boxL ul.subMenu li.sub04 a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../system/images/sub_menu.gif) 0 -150px no-repeat;}
#ct .box .boxL ul.subMenu li.sub04 a:hover{background-position:0 -343px;}

#ct .banner{clear:both;padding:13px 0 0 0;margin:0 0 0 1px;}
.banner ul{width:198px;height:198px;margin:0;padding:0;background: url(../images/banner_2nd_zad.jpg) 0 0 no-repeat;}
.banner ul li{width:198px;height:198px;margin:0 0 0 0;padding:0;background:url(../images/banner_2nd_zad.jpg) 0 0 no-repeat;}
.banner ul li a{width:198px;height:198px;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;background:url(../images/banner_2nd_zad.jpg) 0 0 no-repeat;}
.banner ul li a:hover{background-position:0 -198px;}
html>body #ct .banner{clear:both;margin:5px 0 0 0;padding:13px 0 0 1px;}
html>body #ct .banner ul{width:198px;height:198px;margin:0;padding:0;background: url(../images/banner_2nd_zad.jpg) 0 0 no-repeat;}
html>body #ct .banner ul li{width:198px;height:198px;margin:0 0 0 0;padding:0;background:url(../images/banner_2nd_zad.jpg) 0 0 no-repeat;}
html>body #ct .banner ul li a{width:198px;height:198px;display:block;text-decoration:none;text-indent:-9999px;overflow:hidden;background:url(../images/banner_2nd_zad.jpg) 0 0 no-repeat;}
html>body #ct .banner ul li a:hover{background-position:0 -198px;}

#ct .box .boxR{width:670px;float:right;padding:10px 15px 0 0;margin:0;position:relative;}
#ct .box .boxR h4{font-size:18px;height:60px;font-weight:bold;color:#ffaa00;margin:0px;padding:30px 0 0px 0;}
#ct .box .boxR h4.group{font-size:18px;height:40px;font-weight:bold;color:#ffaa00;margin:0px;padding:30px 0 0px 0;}

#ct .box .boxR .photo{width:220px;float:right;padding:20px 40px 0 0;}

#ct .box .boxR h5{width:620px;font-weight:bold;color:#ffaa00;border-bottom:1px solid #ccc;padding:0 0 5px 0;}
#ct .box .boxR h5.blue{width:620px;font-weight:bold;color:#3399ff;border-bottom:1px solid #ccc;padding:0 0 5px 0;}
#ct .box .boxR p{width:620px;margin:0;padding:10px 0 25px 0;float:left;}
#ct .box .boxR p.pp{width:620px;margin:0;padding:0 0 40px 0;float:left;}

#ct .goTop{background:url(../images/gotop.gif) 0 52px no-repeat;padding:50px 50px 50px 20px;float:right;}
#ct .ctF{width:970px;height:30px;background:url(../images/ct_f.gif) 0 0 no-repeat;margin:0;padding:0;}



/* footer ---------------------------------------------------------------------------------------*/
#footer .logo{float:left;margin:0;padding:7px 0 0 18px;}
#footer ul{float:left;padding:15px 0 0 30px;margin:0;font-size:10px;}
#footer ul li{float:left;margin:0 5px 0 0;padding:0 0 0 5px;background:url(../images/footer_bg2.gif) 0 4px no-repeat;}
#footer address{float:right;padding:15px 30px 0 0;margin:0;font-style:normal;font-size:10px;}


/* フロートを解除する */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/*\*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/**/