/*------------------------------------
1.リセット
------------------------------------*/

*{
	margin:0;
	padding:0;
}
img{
	border:none;
	vertical-align:bottom;
}
body {
	margin:0;
	padding:0;
	font-family:"メイリオ",Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	color:#121212;
	background:url(img/body_bg.gif) repeat-x #fff;
	text-align:center;
	margin-bottom:10px;
}
.secondbg{
	background:url(img/second_bg.jpg) repeat-x #fff;
}
.clearboth{
	clear:both;
}
a:link { color: #121212;border-bottom:1px dotted #121212;text-decoration: none; }
a:visited { color: #121212; border-bottom:1px dotted #121212;text-decoration: none;}
a:active {  color: #121212; border-bottom:1px dotted #121212;text-decoration: none; }
a:hover { color: #8d0124;border-bottom:1px solid #8d0124;text-decoration: none; }

a.noline { border-width:0; }
a{outline : 0 ;}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-size:12px;
	line-height:1em;
}
/*------------------------------------
2.全体枠
------------------------------------*/
#container{
	width:800px;
	margin:0 auto;
	text-align:left;
	background:url(img/container_bg.gif) repeat-y;
	overflow:hidden;
}
/*------------------------------------
3.ヘッダー
------------------------------------*/
#header{
	width:800px;
	height:137px;
	background:url(img/header_bg.gif) center top no-repeat;
	position:relative;
}
#header h1{
	position:absolute;
	width:292px;
	height:46px;
	line-height:46px;
	background:url(img/4j_logo.gif) no-repeat;
	top:29px;
	left:21px;
	text-indent:-9999px;
}
#header h1 a{
	display:block;
	width:292px;
	height:46px;
	border:none;
}
#header p.inquiry{
	background:url(img/to_inquiry.gif) no-repeat;
	width:230px;
	height:32px;
	position:absolute;
	top:38px;
	left:556px;
	text-indent:-9999px;
}
#header p.inquiry a{
	display:block;
	width:230px;
	height:32px;
	border:none;
}
#header p.inquiry a:hover{
	background:url(img/to_inquiry_on.gif) no-repeat;
}
#header ul.navi{
	position:absolute;
	top:85px;
	left:9px;
	width:780px;
	height:40px;
	list-style:none;
}
#header ul.navi li{
	width:156px;
	height:40px;
	float:left;
	background-image:url(img/navi.jpg);
	text-indent:-9999px;
}
#header ul.navi li a{
	display:block;
	width:156px;
	height:40px;
	border:none;
	background-image:url(img/navi.jpg);
}
#header ul.navi li a:hover{
	background-image:url(img/navi.jpg);
}
#header ul.navi li.menu1{
	background-position:0 0;
}
#header ul.navi li.menu1 a{
	background-position:0 0;
}
#header ul.navi li.menu1 a:hover{
	background-position:0 -40px;
}
#header ul.navi li.menu2{
	background-position:-156px 0;
}
#header ul.navi li.menu2 a{
	background-position:-156px 0;
}
#header ul.navi li.menu2 a:hover{
	background-position:-156px -40px;
}
#header ul.navi li.menu3{
	background-position:-312px 0;
}
#header ul.navi li.menu3 a{
	background-position:-312px 0;
}
#header ul.navi li.menu3 a:hover{
	background-position:-312px -40px;
}
#header ul.navi li.menu4{
	background-position:-468px 0;
}
#header ul.navi li.menu4 a{
	background-position:-468px 0;
}
#header ul.navi li.menu4 a:hover{
	background-position:-468px -40px;
}
#header ul.navi li.menu5{
	background-position:-624px 0;
}
#header ul.navi li.menu5 a{
	background-position:-624px 0;
}
#header ul.navi li.menu5 a:hover{
	background-position:-624px -40px;
}
/*------------------------------------
4.フラッシュ or 次ページ以降のイメージ
------------------------------------*/
#flash{
	width:780px;
	background:url(img/dammy_flash.jpg) no-repeat;
	height:240px;
	margin:0 auto;
	padding-bottom:10px;
}
#second_topimage{
	width:785px;
	height:85px;
	background:url(img/second_topimage.jpg) no-repeat;
	margin:0 auto;
	padding-bottom:20px;
}
/*------------------------------------
5.トップページ専用
------------------------------------*/
ul#top_link{
	width:780px;
	margin:0 5px 0 15px;
	list-style:none;
}
ul#top_link li{
	width:250px;
	height:50px;
	float:left;
	margin-right:10px;	
	display:inline;
	text-indent:-9999px;
	padding-bottom:20px;
}
ul#top_link li a{
	display:block;
	width:250px;
	height:50px;
	border:none;
}
ul#top_link li.menu1 a{
	background:url(img/menu1_off.jpg) no-repeat;
}
ul#top_link li.menu1 a:hover{
	background:url(img/menu1_on.jpg) no-repeat;
}
ul#top_link li.menu2 a{
	background:url(img/menu2_off.jpg) no-repeat;
}
ul#top_link li.menu2 a:hover{
	background:url(img/menu2_on.jpg) no-repeat;
}
ul#top_link li.menu3 a{
	background:url(img/menu3_off.jpg) no-repeat;
}
ul#top_link li.menu3 a:hover{
	background:url(img/menu3_on.jpg) no-repeat;
}
#left_top{
	width:564px;
	padding-left:15px;
	float:left;
}
#left_top h2{
	width:564px;
	height:26px;
	line-height:26px;
	text-indent:-9999px;
}
#left_top h2.news{
	background:url(img/h2_news.gif) no-repeat;
}
#left_top h2.works{
	background:url(img/h2_works.gif) no-repeat;
	margin-bottom:25px;
}
#left_top ul{
	margin:20px 25px 10px 40px;
	list-style:none;
}
li.red{
	background:url(img/list_red.gif) 0 0.4em no-repeat;
	padding-left:20px;
	padding-bottom:5px;
}
#left_top p.blog_link{
	background:url(img/list_red.gif) 450px 0.4em no-repeat;
	padding-left:465px;
	padding-bottom:15px;
	border-bottom:1px dotted #666;
	margin-bottom:15px;
}
#left_top h3.works{
	background:url(img/list02.gif) 0 center no-repeat;
	line-height:1.5em;
	padding-left:20px;
	margin-left:40px;
}
#left_top div.works{
	margin-left:80px;
	padding-top:5px;
	padding-bottom:10px;
}
#left_top div.works ul{
	list-style:none;
	margin:0;
}
#left_top div.works li{
	background:url(img/list_blue.gif) 0 0.4em no-repeat;
	padding-left:20px;
}
/*#left_top div.works ol{
	margin-left:30px;
}*/
#left_top div.works ol li{
	list-style:inside;
	background:none;
	padding-left:0;
}

#right_top{
	width:191px;
	padding-right:15px;
	float:right;
}
#right_top h2{
	width:191px;
	height:26px;
	line-height:26px;
	text-indent:-9999px;
}
#right_top h2.rework{
	background:url(img/h2_rework.gif) no-repeat;
}
#right_top h2.resource{
	background:url(img/h2_resorce.gif) no-repeat;
}
#right_top h2.company{
	background:url(img/h2_company.gif) no-repeat;
}
#right_top ul{
	padding:18px 15px 10px 15px;
	list-style:none;
}
#right_top ul li.blue{
	background:url(img/list_blue.gif) 0 0.4em no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}

/*------------------------------------
6.セカンドページ
------------------------------------*/


/* 左カラム
------------------------------------*/
#left{
	width:185px;
	padding-left:10px;
	float:left;
}
#left h2{
	width:185px;
	height:37px;
	line-height:37px;
	text-indent:-9999px;
}
#left h2.service{
	background:url(img/h2_service.jpg) no-repeat;
}
#left h2.rework{
	background:url(img/h2_rework.jpg) no-repeat;
}
#left h2.message{
	background:url(img/h2_message.jpg) no-repeat;
}
#left h2.outline{
	background:url(img/h2_outline.jpg) no-repeat;
	height:20px;
	line-height:20px;
}
#left ul{
	list-style:none;
}
#left li{
	width:185px;
	height:30px;
	line-height:30px;

	text-indent:39px;
}
#left li a{
	display:block;
	width:185px;
	height:30px;

	border:none;
}
#left li.service{
	background:url(img/li_service_off.gif) no-repeat;
}
#left li.service a:hover{
	background:url(img/li_service_on.gif) no-repeat;
}
#left li.rework{
	background:url(img/li_rework_off.gif) no-repeat;
}
#left li.rework a:hover{
	background:url(img/li_rework_on.gif) no-repeat;
}
#left li.message{
	background:url(img/li_message_off.gif) no-repeat;
}
#left li.message a:hover{
	background:url(img/li_message_on.gif) no-repeat;
}
#left li.outline_red{
	background:url(img/li_outline_red_off.gif) no-repeat;
}
#left li.outline_red a:hover{
	background:url(img/li_outline_red_on.gif) no-repeat;
}
#left li.outline_blue{
	background:url(img/li_outline_blue_off.gif) no-repeat;
}
#left li.outline_blue a:hover{
	background:url(img/li_outline_blue_on.gif) no-repeat;
}
/* 右カラム
------------------------------------*/
#right{
	width:540px;
	padding-right:38px;
	float:right;
	line-height:1.5em;
}
#right h2{
	width:540px;
	height:33px;
	line-height:33px;
	text-indent:-9999px;
	margin-bottom:20px;
}
#right h2.company{
	background:url(img/h2_company.jpg) no-repeat;
}
#right h2.access{
	background:url(img/h2_access.gif) no-repeat;
}
#right h2.history{
	background:url(img/h2_history.gif) no-repeat;
}
#right h2.ideology{
	background:url(img/h2_ideology.gif) no-repeat;
}
#right h2.greeting{
	background:url(img/h2_greeting.gif) no-repeat;
}
#right h2.service{
	background:url(img/h2_service_naiyo.gif) no-repeat;
}
#right h2.rework{
	background:url(img/h2_rework_l.gif) no-repeat;
}
#right h2.rework02{
	background:url(img/h2_rework_l_thu.gif) no-repeat;
}
#right h2.message{
	background:url(img/h2_message.gif) no-repeat;
}
#right h2.greeting{
	background:url(img/h2_greeting.gif) no-repeat;
}
#right h2.privacy{
	background:url(img/h2_privacy.gif) no-repeat;
}
#right h2.inquiry{
	background:url(img/h2_inquiry.gif) no-repeat;
}
#right h2.news{
	background:url(img/h2_news2.gif) no-repeat;
}
#right h2.newwork{
	background:url(img/h2_newworks.gif) no-repeat;
}
#right h2.newwork2{
	background:url(img/h2_news3.gif) no-repeat;
}

/* 本文装飾
------------------------------------*/
#right p{
	padding-left:30px;
	padding-right:20px;
	/*line-height:2em;*/
}
#right p.second{
	margin-top:20px;
}
#right p.right{
	margin-top:30px;
	text-align:right;
}
#right p.president{
	background:url(img/yonekawa.gif) no-repeat;
	width:212px;
	height:21px;
	text-indent:-9999px;
	margin:50px auto 10px 328px;
	padding:0;
}
#right p.ideology2{
	background:url(img/p_ideology.gif) no-repeat;
	width:478px;
	height:78px;
	text-indent:-9999px;
	margin:10px auto 10px 30px
}
#right p.ideology{
	margin-bottom:20px;
	padding-left:50px;
}
#right p.center{
	text-align:center;
}
#right p.jtrans{
	background:url(img/p_jtrans.gif) no-repeat;
	width:478px;
	height:40px;
	text-indent:-9999px;
	margin:25px auto 25px 30px;
}
#right p.q{
	background:url(img/list_Q.gif) 0 0 no-repeat;
	line-height:16px;
	margin:10px auto 10px 30px;
}
#right p.a{
	width:410px;
	padding:10px 10px 10px 58px;
	border:1px solid #4db694;
	background:url(img/bg_A.gif) left top #f5faf9 no-repeat;
	margin:0 auto 0 60px;
}
#right h3{
	font-size:14px;
	margin:20px auto;
	border-left:14px solid #990000;
	border-bottom:1px solid #990000;
	padding-left:20px;
	font-weight:bold;
}
#right h3.greeting{
	width:471px;
	height:43px;
	line-height:43px;
	background:url(img/h3_greeting.gif) no-repeat;
	border:none;
	text-indent:-9999px;
}
#right h3.message_male{
	background:url(img/h3_message_male.gif) no-repeat;
	width:500px;
	height:33px;
	padding-left:40px;
	line-height:33px;
	border:none;
}
#right h4.jump{
	background:url(img/h4_jump.gif) no-repeat;
	width:200px;
	height:30px;
	line-height:25px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.Just{
	background:url(img/h4_just.gif) no-repeat;
	width:200px;
	height:30px;
	line-height:25px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.join{
	background:url(img/h4_join.gif) no-repeat;
	width:200px;
	height:30px;
	line-height:25px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.joy{
	background:url(img/h4_joy.gif) no-repeat;
	width:200px;
	height:30px;
	line-height:25px;
	text-indent:-9999px;
	margin-left:20px;
}
#right ul{
	padding-left:30px;
	list-style:none;
}
#right li{
	background:url(img/list_blue.gif) 0 0.4em no-repeat;
	padding-left:20px;
}
#right dl.sitepolicy{
	padding-left:30px;
	margin:15px auto;
}
#right dl.sitepolicy dt{
	width:100px;
	clear:both;
	float:left;
}
#right dl.sitepolicy dd{
	margin-left:110px;
}
#right dl.access{
	padding-left:30px;
	margin:15px auto;
}
#right dl.access dt{
	width:140px;
	clear:both;
	float:left;
}
#right dl.access dd{
	margin-left:150px;
}

#right table{
	margin-left:30px;
	margin-top:20px;
}
#right table td{
	padding:5px;
	border-bottom:1px dotted #ccc;
}

#right ul.ideology li{
	background:url(img/list04.gif) 0 0 no-repeat;
	padding-left:30px;
	line-height:24px;l
}
#right ul.ideology li strong{
	font-size:14px;
	color:#6586c1;
}
#right #submit{
	text-align:center;
	margin:10px auto;
}
#submit a{
	border:none;
}
/* 新卒採用
------------------------------------*/
#right h2.reworkne{
	background:url(img/h2_rework_l_ne.gif) no-repeat;
}
#right h3.rework_n{
	background:url(img/h3_rework_n.gif) no-repeat;
	width:540px;
	height:50px;
	text-indent:-9999px;
	margin:10px auto 10px 0px;
	border:none;
}
#right h4.rework_n01{
	background:url(img/h4_rework_n01.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.rework_n02{
	background:url(img/h4_rework_n02.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.rework_n03{
	background:url(img/h4_rework_n03.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}

#right p.rework_n{
	margin-top:20px;
	margin-bottom:20px;
	padding-left:50px;
}
#right #zu{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}
#right table.rework{
	margin-left:30px;
	margin-top:20px;
	background-color:#CCCCCC;
}
#right table.rework th{
	padding:5px;
	text-align:left;
	font-weight:normal;
	background-color:#ECF7FF;
	}
#right table.rework td{
	padding:5px;
	text-align:left;
	background-color:#fff;
	border-bottom:none;
}


/* 中途採用
------------------------------------*/

#right h3.rework_t{
	background:url(img/h3_rework_t.gif) no-repeat;
	width:540px;
	height:50px;
	text-indent:-9999px;
	margin:10px auto 10px 0px;
	border:none;
}
#right h4.rework_n04{
	background:url(img/h4_rework_n04.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.rework_n05{
	background:url(img/h4_rework_n05.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.rework_t01{
	background:url(img/icon_orange.gif) no-repeat 0 50%;
	width:400px;
	height:30px;
	line-height:30px;
	margin-left:60px;
	padding-left:30px;
}
#right table.rework01{
	margin-left:90px;
	margin-top:10px;
	background-color:#CCCCCC;
}
#right table.rework01 th{
	padding:5px;
	text-align:left;
	font-weight:normal;
	background-color:#ECF7FF;
	}
#right table.rework01 td{
	padding:5px;
	text-align:left;
	background-color:#fff;
	border-bottom:none;
}

#right table.rework td.tyu{
	padding:5px;
	text-align:left;
	background-color:#f3f5f6;
	border-bottom:none;
	vertical-align:top;
}
#right p.rework02{
	border-bottom:#999999 dotted 1px;
	margin:30px auto;
}
#right h2.reworktyue{
	background:url(img/h2_rework_l_thue.gif) no-repeat;
}

/* CMS
------------------------------------*/
#right #cms{
	width:490px;
	padding:0 20px 0 30px;
}
#right #cms .entry{
	width:478px;
	border:1px solid #022ca8;
	padding:5px;
	margin-bottom:10px;
}
#right #cms .entry h3{
	background:#022ca8;
	color:#fff;
	font-size:12px;
	line-height:1.5em;
	margin:0;
	margin-bottom:10px;
	padding-left:20px;
	border:none;
}
#right #cms .entry p{
	padding:0;
	margin:0;
}
#right #cms .entry p.date{
	clear:both;
	background:#eee;
	text-align:right;
	padding-right:20px;
	line-height:1.5em;
	margin-top:10px;
}
#right #cms .entry ol{
	margin-left:30px;
}
#right #cms .entry ol li{
	list-style:inside;
	background:none;
	padding-left:0;
}
#right .paginate {
    text-align: center;
    font-size: 9px;
}
/* サービス内容
------------------------------------*/
#right h4.service01{
	background:url(img/h4_service01.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.service02{
	background:url(img/h4_service02.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.service03{
	background:url(img/h4_service03.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}
#right h4.service04{
	background:url(img/h4_service04.gif) no-repeat;
	width:520px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	margin-left:20px;
}


#right p.service2{
	width:400px;
	margin:5px auto;
	border:#d51a1a solid 2px;
	background-color:#fef1f1;
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
#right p.service3{
	width:380px;
	margin:0px auto 10px;
	text-align:center;
    line-height:50px;
}

#right p.totop{
	clear:both;
	width:105px;
	height:10px;
	margin:20px 0 10px 380px;
	background:url(img/go_top_off.gif) no-repeat;
	text-indent:-5000px;
}
#right p.totop a{
	display:block;
	width:105px;
	height:10px;
	border:none;
}

/*#right p.totop a hover{
	width:105px;
	height:10px;
	margin:20px 0 10px 430px;
	background:url(img/go_top_on.gif) no-repeat;
	border:none;
}
*/

/*------------------------------------
7.フッター
------------------------------------*/
#footer{
	clear:both;
	overflow:hidden;
	width:800px;
	background:url(img/footer_bg.gif) center bottom no-repeat;
	padding-bottom:15px;
	font-size:10px;
	padding-top:30px;
}
#footer p.copyright{
	padding:10px 0 10px 15px;
	float:left;
}
#footer p.privacy{
	width:120px;
	float:right;
	padding:10px 10px 10px 20px;
	background:url(img/list03.gif) 0 center no-repeat;
}