@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;}

/* submenu ---------------------------------------------------------------------------------------*/
#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:none;}
#ct .box .boxL ul.subMenu{width:198px;margin:0;padding:0;}
html>body #ct .box .boxL ul.subMenu{width:198px;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(../members/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(../members/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.sub_text {width:100%;height:100%;margin:0 0 10px 10px;padding:0;}
#ct .box .boxL ul.subMenu li.sub_text ul li {width:auto;height:auto;padding:0 ;margin:0;text-indent:0;display:block; }
#ct .box .boxL ul.subMenu li.sub_text ul li a {padding:0 0 0 15px;margin:0; background:url(../members/images/oneday_off.gif) 5px 2px no-repeat;display:block; zoom:1;}
#ct .box .boxL ul.subMenu li.sub_text ul li a:hover {background:url(../members/images/oneday_hover.gif) 5px 2px no-repeat;}
#ct .box .boxL ul.subMenu li.sub_text ul li.oneday_on {padding:0 0 0 15px;margin:0; background:url(../members/images/oneday_on.gif) 5px 2px no-repeat;display:block; color:#3399ff;}
#ct .box .boxL ul.subMenu li.sub_text ul li span.s_text { font-size: 10px;}


#ct .box .boxL ul.subMenu li.sub02{background:url(../members/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(../members/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(../members/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(../members/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(../members/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(../members/images/sub_menu.gif) 0 -150px no-repeat;}
#ct .box .boxL ul.subMenu li.sub04 a:hover{background-position:0 -343px;}

#ct .box .boxL .banner{clear:both;padding:5px 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 .box .boxL .banner{clear:both;margin:5px 0 0 0;padding:0 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;}

.subNavi_aoyagi{width:620px;height:105px;margin:0;padding:0;background:url(../members/images/menu_senpai_aoyagi.jpg) 0 0 no-repeat;top:0;}
.subNavi_aoyagi ul.subMenu{width:620px;float:left;margin:0;padding:0;}
.subNavi_aoyagi ul.subMenu li{float:left;text-indent:-9999px;margin:0;padding:0;}
.subNavi_aoyagi ul.subMenu li.sAoyagi{width:205px;height:105px;background:url(../members/images/menu_senpai_aoyagi.jpg) 0 -105px no-repeat;}
.subNavi_aoyagi ul.subMenu li.sKawaguchi{width:205px;height:105px;background:url(../members/images/menu_senpai_aoyagi.jpg) -205px -105px no-repeat;}
.subNavi_aoyagi ul.subMenu li.sNamiki{width:210px;height:105px;background:url(../members/images/menu_senpai_aoyagi.jpg) -410px -105px no-repeat;}
.subNavi_aoyagi ul.subMenu li.sAoyagi a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_aoyagi.jpg) 0 0 no-repeat;}
.subNavi_aoyagi ul.subMenu li.sKawaguchi a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_aoyagi.jpg) -205px 0 no-repeat;}
.subNavi_aoyagi ul.subMenu li.sNamiki a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_aoyagi.jpg) -410px 0 no-repeat;}
.subNavi_aoyagi ul.subMenu li.sAoyagi a:hover{background-position:0 -105px;}
.subNavi_aoyagi ul.subMenu li.sKawaguchi a:hover{background-position:-205px -105px;}
.subNavi_aoyagi ul.subMenu li.sNamiki a:hover{background-position:-410px -105px;}


.subNavi_kawaguchi{width:620px;height:105px;margin:0;padding:0;background:url(../members/images/menu_senpai_kawaguchi.jpg) 0 0 no-repeat;top:0;}
.subNavi_kawaguchi ul.subMenu{width:620px;float:left;margin:0;padding:0;}
.subNavi_kawaguchi ul.subMenu li{float:left;text-indent:-9999px;margin:0 0 0 0;}
.subNavi_kawaguchi ul.subMenu li.sAoyagi{width:205px;height:105px;background:url(../members/images/menu_senpai_kawaguchi.jpg) 0 -105px no-repeat;}
.subNavi_kawaguchi ul.subMenu li.sKawaguchi{width:205px;height:105px;background:url(../members/images/menu_senpai_kawaguchi.jpg) -205px -105px no-repeat;}
.subNavi_kawaguchi ul.subMenu li.sNamiki{width:210px;height:105px;background:url(../members/images/menu_senpai_kawaguchi.jpg) -410px -105px no-repeat;}
.subNavi_kawaguchi ul.subMenu li.sAoyagi a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_kawaguchi.jpg) 0 0 no-repeat;}
.subNavi_kawaguchi ul.subMenu li.sKawaguchi a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_kawaguchi.jpg) -205px 0 no-repeat;}
.subNavi_kawaguchi ul.subMenu li.sNamiki a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_kawaguchi.jpg) -410px 0 no-repeat;}
.subNavi_kawaguchi ul.subMenu li.sAoyagi a:hover{background-position:0 -105px;}
.subNavi_kawaguchi ul.subMenu li.sKawaguchi a:hover{background-position:-205px -105px;}
.subNavi_kawaguchi ul.subMenu li.sNamiki a:hover{background-position:-410px -105px;}


.subNavi_namiki{width:620px;height:105px;margin:0;padding:0;background:url(../members/images/menu_senpai_namiki.jpg) 0 0 no-repeat;top:0;}
.subNavi_namiki ul.subMenu{width:620px;float:left;margin:0;padding:0;}
.subNavi_namiki ul.subMenu li{float:left;text-indent:-9999px;margin:0;}
.subNavi_namiki ul.subMenu li.sAoyagi{width:205px;height:105px;background:url(../members/images/menu_senpai_namiki.jpg) 0 -105px no-repeat;}
.subNavi_namiki ul.subMenu li.sKawaguchi{width:205px;height:105px;background:url(../members/images/menu_senpai_namiki.jpg) -205px -105px no-repeat;}
.subNavi_namiki ul.subMenu li.sNamiki{width:210px;height:105px;background:url(../members/images/menu_senpai_namiki.jpg) -410px -105px no-repeat;}
.subNavi_namiki ul.subMenu li.sAoyagi a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_namiki.jpg) 0 0 no-repeat;}
.subNavi_namiki ul.subMenu li.sKawaguchi a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_namiki.jpg) -205px 0 no-repeat;}
.subNavi_namiki ul.subMenu li.sNamiki a{width:100%;height:100%;display:block;overflow:hidden;text-decoration:none;background:url(../members/images/menu_senpai_namiki.jpg) -410px 0 no-repeat;}
.subNavi_namiki ul.subMenu li.sAoyagi a:hover{background-position:0 -105px;}
.subNavi_namiki ul.subMenu li.sKawaguchi a:hover{background-position:-205px -105px;}
.subNavi_namiki ul.subMenu li.sNamiki a:hover{background-position:-410px -105px;}



/* contents --------------------------------------------------------------------------------------*/
#ct .banner{padding:0;margin:5px 0 0 0;}
html>body #ct .banner{margin:5px 0 0 0;padding:0;}

#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 h5{width:620px;height:30px;margin-top:30px;text-indent:-9999px;}
#ct .box .boxR h5.reason01{background:url(../members/images/reason_01.jpg) 0 0 no-repeat;}
#ct .box .boxR h5.reason02{background:url(../members/images/reason_02.jpg) 0 0 no-repeat;}
#ct .box .boxR h5.reason03{background:url(../members/images/reason_03.jpg) 0 0 no-repeat;}
#ct .box .boxR h5.reason04{background:url(../members/images/reason_04.jpg) 0 0 no-repeat;}
#ct .box .boxR h5.reason05{background:url(../members/images/reason_05.jpg) 0 0 no-repeat;}
#ct .box .boxR .reason{padding:10px 0 0 0;}
#ct .box .boxR .movie{margin:0px;padding:10px 0 0 0;}
#ct .box .boxR .imgArea{margin:0px;padding:30px 0 0 0;}
#ct .box .boxR .imgArea02{width:620px;margin:0px;padding:50px 0 0 0;}
#ct .box .boxR .imgArea02 .left{float:left;width:325px;}
#ct .box .boxR .imgArea02 .right{float:right;width:295px;}


#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;}


/* oneday --------------------------------------------------------------------------------------*/
#oneday01_bg { background:url(../members/images/oneday01_bg.jpg) no-repeat; width: 390px; padding-right: 225px; padding-left: 5px;	height: 325px;}
#oneday02_bg { background:url(../members/images/oneday02_bg.jpg) no-repeat; width: 390px; padding-right: 225px; padding-left: 5px;	height: 325px;}
#oneday03_bg { background:url(../members/images/oneday03_bg.jpg) no-repeat;	width: 390px; padding-right: 225px;	padding-left: 5px;	height: 325px;}
#oneday04_bg { background:url(../members/images/oneday04_bg.jpg) no-repeat; width: 390px; padding-right: 225px; padding-left: 5px;	height: 325px;}
#oneday05_bg { background:url(../members/images/oneday05_bg.jpg) no-repeat; width: 390px; padding-right: 225px; padding-left: 5px;	height: 325px;}
#oneday06_bg { background:url(../members/images/oneday06_bg.jpg) no-repeat;	width: 390px; padding-right: 225px;	padding-left: 5px;	height: 325px;}
#oneday07_bg { background:url(../members/images/oneday07_bg.jpg) no-repeat; width: 390px; padding-right: 225px; padding-left: 5px;	height: 325px;}
#oneday08_bg { background:url(../members/images/oneday08_bg.jpg) no-repeat;	width: 390px; padding-right: 225px;	padding-left: 5px;	height: 325px;}

#oneday03_bg {
	background:url(../members/images/oneday03_bg.jpg) no-repeat;
	width: 390px;
	padding-right: 225px;
	padding-left: 5px;
	height: 325px;
}
#ct .box .boxR h4.oneday_text{
	font-size:22px;
	font-weight:bold;
	color:#ffaa00;
	margin:0 0 15px 0;
	padding:0;
	height: auto;
}
#ct .box .boxR p.oneday_subtext{
	font-size:12px;
	font-weight:bold;
	color:#ffaa00;
	margin:0;
	padding:25px 0 0 ;
}
#ct .box .boxR p.oneday_text02{
	margin:0 0 20px 0;
}
#oneday01_bg li, #oneday02_bg li, #oneday03_bg li, #oneday04_bg li, #oneday05_bg li, #oneday06_bg li, #oneday07_bg li, #oneday08_bg li{
	background: url(../images/dot_gray.gif) repeat-x bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
	line-height: 1.6em;
}
#ct .box .boxR .oneday_box {
	width: 620px;
}
.oneday_box h6 {
	background:#FF9900;
	padding: 5px;
	color:#FFFFFF;
	font-weight: bold;
	display:inline;
}
#ct .box .boxR .oneday_box .oneday_leftbox {
	width: 330px;
	float:left;
}
#ct .box .boxR .oneday_box .oneday_rightbox {
	width: 290px;
	float:left;
}

img.clear {
	clear: both;
}
#ct .box .boxR .oneday_box h5.oneday_tit {
	background:url(../members/images/oneday_tit.gif) no-repeat;
	width: 620px;
	height: 80px;
	margin: 0;
	clear:both;
}
#ct .box .boxR .oneday_box h5.oneday_subtit01 {background:url(../members/images/oneday_subtit01.gif) no-repeat;width: 620px;height: 40px; margin-top: 15px;}
#ct .box .boxR .oneday_box h5.oneday_subtit02 {background:url(../members/images/oneday_subtit02.gif) no-repeat;width: 620px;height: 40px; margin-top: 15px;}
#ct .box .boxR .oneday_box h5.oneday_subtit03 {background:url(../members/images/oneday_subtit03.gif) no-repeat;width: 620px;height: 40px; margin-top: 15px;}
#ct .box .boxR .oneday_box h5.oneday_subtit04 {background:url(../members/images/oneday_subtit04.gif) no-repeat;width: 620px;height: 40px; margin-top: 15px;}

/* jinji --------------------------------------------------------------------------------------*/

.movie #jinji_osakobg {
	background:url(../members/images/jinji_osakobg.jpg) no-repeat;
	width: 620px;
}
.movie #jinji_osakobg #jinji_osako_txt {
	width: 375px;
}

.movie #jinji_osakobg p{
	padding-bottom: 20px;
}
.movie #jinji_osakobg p.osako_subtit {
	font-weight: bold;
	padding: 5px 0 5px;
}


#jinji_osakobg h6 {
	color:#3399ff;
	font-size: 18px;
	font-weight: bold;
}


/* 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;}
/**/