/* CSS Document */
@import url('font.css');
@import url('list.css');
@import url('form.css');

* {
　　margin:0px;
　　padding:0px;
}


body{
	margin: 0;
	padding: 0;
	background:#ffffff url(../image/base.jpg) repeat-x top;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color:#333;
	font-size:12px;
	line-height:150%;
}


th,td,div{
	word-break:break-all;
}

/* common */
#base{
	margin:0 auto;
	padding:0;
	width:950px;
	/*background:#ffffff url(../image/base.jpg) repeat-x top;*/
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #base {zoom:100%;}

#head{
	margin:0px;
	padding:13px 25px 0px 25px;
	height:80px;
	text-align:left;
}

#pagetop_base{
	margin:30px 0px 1px 0px;
	background:#ccc;
}	

#pagetop{
	margin:0px auto;
	padding:0px 25px;
	width:900px;
	height:24px;
	text-align:right;
}

#footer_base{
	background:#ffffff url(../image/base_footer.jpg) repeat-x top;
}

#footer{
	margin:0px auto;
	padding:25px 25px;
	width:900px;
	height:46px;
	color:#999;
	text-align:right;
	line-height:150%;
}


/* index */
#i_flash{
	margin:0px auto;
	padding: 0;
	width:905px;
}

#i_gmenu{
	margin:0px auto;
	width:900px;
	background:#000;
	color:#fff;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #i_gmenu {zoom:100%;}
#i_gmenu div{
	margin:0px;
	width:204px;
	font-size:11px;
	float:left;
}
#i_gmenu #box01{
	padding:0px 17px 0px 16px;
}
#i_gmenu #box02{
	padding:0px 17px 0px 0px;
}

#i_menu_navi{
	margin:20px auto 0px auto;
	padding:0px 0px 0px 16px;
	width:882px;
	border:1px solid #999;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #i_menu_navi {zoom:100%;}
#i_menu_navi #box01{
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:11px;
	float:left;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #i_menu_navi #box01{zoom:100%;}
#i_menu_navi #box01 div{
	width:273px;
	float:left;
}
#i_menu_navi #box01 .box01_01{
	padding:0px 24px 0px 0px;
}

#i_contents{
	margin:0px auto;
	padding:21px 0px 0px 0px;
	width:900px;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #i_contents {zoom:100%;}

#i_contents div{
	float:left;
}

#i_contents #news{
	padding:0px 0px 0px 0px;
}


/* page common */
#p_gmenu{
	margin:15px auto 0px auto;
	width:900px;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #p_gmenu {zoom:100%;}

#p_contents{
	margin:21px auto 0px auto;
	padding:4px 26px 0px 12px;
	width:862px;
	border-top:3px solid #ccc;
	background:#fff;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #p_contents {zoom:100%;}

#p_contents #side{
	margin:0px;
	padding:10px 4px 0px 0px;
	width:240px;
	border-top:10px solid #0066ab;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:left;
}

#p_contents #contents{
	margin:0px;
	padding:0px 0px 0px 16px;
	width:600px;
	float:left;
}

#p_contents #contents #s_menu{
	margin:0px 0px 29px 0px;
	padding:14px 13px;
	background:#ebebeb;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #p_contents #contents #s_menu {zoom:100%;}
#p_contents #contents #s_menu div, #p_contents #contents #s_menu2 div{
	margin:0px 3px;
	padding:14px 0px;
	color:#0066ab;
	text-align:center;
	float:left;
}
#p_contents #contents #s_menu .box1_c1, #p_contents #contents #s_menu2 .box1_c1{
	padding:12px 6px;
	background:#ccc;
	border:1px solid #ccc;
}
#p_contents #contents #s_menu .box1_c2, #p_contents #contents #s_menu2 .box1_c2{
	padding:12px 6px;
	background:#0066ab;
	border:1px solid #ccc;
	color:#fff;
}

#p_contents #contents #s_menu2{
	margin:0px 0px 0px 0px;
	padding:14px 13px 0px 13px;
	background:#ebebeb;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html #p_contents #contents #s_menu2 {zoom:100%;}

#sub_title01,#interview_sub_title01,#interview_sub_title02{
	margin:0px;
	padding:15px 0px;
	color:#0066ab;
	font-size:16px;
	font-weight:bold;
}

#p_contents #contents #box_left{
	padding-right:25px;
	width:277px;
	float:left;
}

#p_contents #contents #box_right{
	float:left;
}

.clear{
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .clear {zoom:100%;}


/* page */
.privacy_footer{
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #ccc;
	text-align:right;
}

.table_usedpaper{
	margin:0px 0px 0px 10px;
	padding:0px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:right;
}
.table_usedpaper th, .table_usedpaper td{
	padding:5px 10px;
	text-align:center;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.table_usedpaper .title{
	background:#000;
	color:#fff;
}
.table_usedpaper .list{
	background:#999;
	color:#fff;
}

.table_overview{
	margin:0px;
	padding:0px;
	width:100%;
	border-top:1px solid #666;
}
.table_overview th, .table_overview td{
	padding:5px 10px;
	border-bottom:1px solid #666;
}
.table_overview th{
	width:100px;
	text-align:center;
	vertical-align:middle;
	background:#ccc;
}
.table_overview td{
	vertical-align:top;
	text-align:left;
}

.table_overview01{
	margin:0px;
	padding:0px;
	width:100%;
	border-top:1px solid #666;
}
.table_overview01 th, .table_overview01 td{
	padding:5px 10px;
	border-bottom:1px solid #666;
}
.table_overview01 .th100{
	width:100px;
	text-align:center;
	vertical-align:middle;
	background:#ccc;
}
.table_overview01 .th80{
	width:80px;
	text-align:center;
	vertical-align:middle;
	background:#ccc;
}
.table_overview01 td{
	vertical-align:top;
	text-align:left;
}

.table_history{
	margin:0px;
	padding:0px;
	width:100%;
	border-top:1px solid #666;
}
.table_history th, .table_history td{
	padding:5px 10px;
	border-bottom:1px solid #666;
}
.table_history th{
	width:130px;
	vertical-align:middle;
	text-align:center;
	background:#ccc;
}
.table_history td{
	text-align:left;
	vertical-align:top;
}

.planning_graph{
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .planning_graph {zoom:100%;}
.planning_graph .graph{
	padding-left:45px;
	float:left;
}
.planning_graph .list{
	text-align:left;
	float:left;
}
	

.esko{
	margin-bottom:1em;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .esko {zoom:100%;}
.esko div{
	margin-right:9px;
	width:191px;
	float:left;
}

.font_box{
	margin-bottom:2em;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .font_box {zoom:100%;}
.font_box div{
	margin:1em 9px 0 0;
	width:140px;
	float:left;
}

.soft_box{
	margin-top:1em;
	margin-bottom:1em;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .soft_box {zoom:100%;}
.soft_box div{
	margin-right:9px;
	width:191px;
	float:left;
}

.printcolor_box{
	margin-top:1em;
	margin-bottom:2em;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .printcolor_box {zoom:100%;}
.printcolor_box div{
	margin-right:9px;
	width:191px;
	float:left;
}

.fabrication_box{
	margin-top:1em;
	margin-bottom:1em;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .fabrication_box {zoom:100%;}
.fabrication_box div{
	margin-right:10px;
	width:290px;
	float:left;
}

.voice{
	margin-bottom:1em;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .voice {zoom:100%;}

.table_outline{
	margin:0px 0px 15px 0px;
	padding:0px;
	width:100%;
}
.table_outline th{
	padding:15px;
	background:#0066ab;
	border:1px solid #ccc;
	width:90px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
.table_outline td{
	padding:5px 5px;
	text-align:left;
	vertical-align:top;
}
.table_outline .td_arrow01{
	width:13px;
	background:url(../../image/recruit/01_outline_arrow01.jpg) no-repeat center;
}

.outline_end{
	margin:5px 0px;
	padding:30px 10px;
	border:2px solid #ff4f4f;
	background:#ffecec;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.table_procedure{
	margin:0px;
	padding:0px;
	width:100%;
}
.table_procedure th{
	padding:15px;
	background:#0066ab;
	border:1px solid #ccc;
	width:100px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
.table_procedure td{
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
}
.table_procedure .td_arrow01{
	height:40px;
	background:url(../../image/recruit/02_procedure_arrow01.jpg) no-repeat center;
}
.table_procedure .td_arrow01 div{
	width:100%;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.prepress07_box01{
	background:url(../../image/business/02_prepress07_img01.jpg) no-repeat bottom right;
	clear:both;
	overflow: hidden;
	position: relative;
}
* html .prepress07_box01 {zoom:100%;}

#interview_prof{
	width:230px;
	float:left;
}
#interview_schedule{
	width:350px;
	float:right;
}

#interview_sub_title01{
	width:350px;
}

.table_interview{
	margin:0px;
	padding:0px;
	width:350px;
	border-top:1px solid #666;
}
.table_interview th, .table_interview td{
	padding:3px 10px;
	border-bottom:1px dotted #666;
}
.table_interview th{
	width:40px;
	text-align:right;
	vertical-align:top;
	background:#ccc;
}
.table_interview td{
	vertical-align:top;
	text-align:left;
}
.table_interview .end{
	border-bottom:1px solid #666;
}

#qanda_list{
	padding:5px;
	background:#fffdef;
	border:1px solid #666;
}

#contact_a, #contact_b, #contact_c, #contact_d{
	padding:5px;
	border:1px solid #666;
}
#contact_a{
	background:#f3ffe1;
}
#contact_b{
	background:#fff3e1;
}
#contact_c{
	background:#e1f4ff;
}
#contact_d{
	background:#fbe1ff;
}

.table_contact{
	margin:0px 0px 1em 0px;
	padding:0px;
	width:100%;
}
.table_contact th, .table_contact td{
	padding:3px 10px;
	border-bottom:2px solid #fff;
}
.table_contact th{
	background:#0066ab;
	width:160px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.form_contact .privacy{
	padding:1.5em 0px 2.5em 0px;
	text-align:center;
}

.submenu_now {
	font-weight: bold;
}

.submenu_now a {
	background: #dddddd;
}

.submenu_now2 {
	font-weight: normal;
}

.submenu_now2 a {
	background: #dddddd;
}

/*
 キレイにみせる
---------------------------------*/

#p_contents #contents #s_menu .box1_c1_imgprocessing{
	padding: 10px;
	background:#ccc;
	border:1px solid #ccc;
}

#p_contents #contents #s_menu .box1_c1_imgprocessing img {
	vertical-align: middle;
	margin-right: 5px;
}


#p_contents #contents #s_menu .box1_c2_imgprocessing{
	padding: 10px;
	background:#0066ab;
	border:1px solid #ccc;
	color:#fff;
}

#p_contents #contents #s_menu .box1_c2_imgprocessing img {
	vertical-align: middle;
	margin-right: 5px;
}




