/* CSS Document */

/*base---------------*/

#wrapper {
	width: 760px;
	padding: 0;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/*header---------------*/

#header {
	width:100%;
}

#header_line {
	width:100%;
	height:13px;
	background:url(../images/header_line.jpg) repeat-x;
}

#header_main {
	width:300px;
	float:left;
	margin-left:23px;
}

#header_side {
	width:200px;
	float:right;
	text-align:right;
	margin-top:20px;
}

/*menu---------------*/

#menu {
	clear:both;
	height:27px;
	background:url(/shared/images/bg-menu.jpg) repeat-x;
	text-align:center;
	}

ul#menu {
	margin: 0;
	padding: 0;	
	/*	width: 760px;*/
	text-align:center;

}

ul#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:inline;
	/*float: left;*/
}

#main img {
	margin:0;
	padding: 0;
}

#title_line_top{
	width:100%;
	height:5px;
	margin-top:-13px;
	margin-bottom:30px;
}

#title_line_01{
	width:100%;
	height:5px;
	*margin-top:-10px;
	*margin-bottom:-11px;
	margin-top:-20px;
}

#page_title{
	width:100%;
}

/*#sub_menu {
	padding:0;
	margin:0;
	margin-top:20px;
	*margin-top:0;
	margin-bottom:-15px;
	width: 760px;
	height:50px;
	font-size:90%;
	background:url(/shared/images/navi_bg5.jpg) no-repeat;
	padding-left:5px;
	padding-right:5px;
}  

html:first-child div#sub_menu{
	height:70px;
	background:url(/shared/images/navi_bg5.jpg) no-repeat;
	background-position: right bottom;
 }

#sub_menu li { 
	display:inline;  
	line-height:150%;
	letter-spacing:1pt;
	list-style-type:none;
	text-decoration: none;
}

#sub_menu li a{ 
	padding-right:10px;
	*padding-right:5px;
	margin-left:5px;
	*margin-left:6px;
	*margin-right:6px;
background:url(/shared/images/line_tate.gif) no-repeat right center; 
	text-decoration: none;
}

#sub_menu img{ 
	vertical-align: -20% ;
}

#sub_menu li a:link{ 
	color: #333333;
	text- decoration:none;
}

#sub_menu li a:visited{ 
	color: #333333;
	text- decoration:none;
}

/*#sub_menu li#on{ 
	display:inline;  
	line-height:150%;
	letter-spacing:1pt;
	list-style-type:none;
	text-decoration: none;
}*/


#submenu{
	padding:0;
	margin:0;
	/*argin-top:20px;
	*margin-top:0;
	*/
	margin-top:0;
	margin-bottom:-15px;
	width: 760px;
	height:50px;
	font-size:90%;
	background:url(/shared/images/navi_bg5.jpg) no-repeat;
	padding-left:3px;
	padding-right:3px;
}

html:first-child div#submenu{
	height:70px;
	background:url(/shared/images/navi_bg5.jpg) no-repeat;
	background-position: right bottom;
 }

#submenu img{ 
	vertical-align: -20% ;
}

ul.submenulist{
	zoom:100%;
	margin:0;

}

ul.submenulist:after{
	content:" ";
	display:block;
	clear:both;
	height:1px;
	visibility:hidden;
}

.submenulist li{
	display:inline;  
	line-height:150%;
	letter-spacing:0.8pt;
	list-style-type:none;
	text-decoration: none;
	font-weight:550;
}

.submenulist a{
	padding-right:5px;
	*padding-right:5px;
	margin-left:5px;
	*margin-left:6px;
	*margin-right:6px;
/*	background:url(/shared/images/line_tate.gif) no-repeat right center; */
	text-decoration: none;
}

.submenulist a:link{
	color:#444444;
	padding-left:5px;	
}

.submenulist a:visited{
	color:#444444;
	padding-left:5px;
}

.submenulist a:hover{
	color:#b3562d;
	padding-left:5px;
}

.submenulist a:active{
	color:#444444;
	padding-left:5px;	
}

#on2 a:link  {
	color: #b3562d;
	text-decoration: nunderline;
}

#on2 a:visited {
	color: #b3562d;
	text-decoration: nunderline;
}

#on2 a:hover {
	color: #b3562d;
	text-decoration: nunderline;
}

#sub_2 {
	padding:0;
	margin:0;
	/*margin-top:20px;*/
	*margin-top:0;
	margin-bottom:-15px;
	width: 760px;
	height:50px;
	font-size:90%;
	background:url(/shared/images/navi_bg6.jpg) no-repeat;
} 

html:first-child div#sub_2{
	height:70px;
	background:url(/shared/images/navi_bg6.jpg) no-repeat;
	background-position: right bottom;
 }

#path {
	margin: 20px 5px 20px 0px;
	*margin: 5px 5px 10px 0px;
	padding: 2px;
	width: auto;
	font-size:85%;
	font-weight:900;
	color:#999999;
	
	/*margin: 20px 5px 35px 0px;
	*margin: 5px 5px 25px 0px;
	*margin-bottom:30px;*/
}  

#path li { 
	display:inline;  
	line-height:150%;
	list-style-type:none;  
}

#path li a{ 
	padding-right:6px;
	*padding-right:14px;  
	*background:url(/shared/images/migi.gif) no-repeat right center;	
}

#path li:before {
  /* :before -> ie6未対応
     content -> :before と組合せ
     li要素の前に記号文字を挿入 */
  content:" > ";
}

#path li:first-child:before {
  /* :first-child:before -> ie6未対応
     子要素の一番初めのみ指定 */
  content:"";
}

#flash{
 width:760px;
 /*height:60px;
 margin-top:10px;
 padding-top:10px;
 background-color:#f0f0f0;
 text-align:center;*/
}

/*content---------------*/

#content {
	width:100%;
	margin-top:20px;
	*margin-top:10px;
	}

#content_summary{
	width:760px;
	padding: 0;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	*margin-bottom:5px;
}

#content_summary img{
	vertical-align: middle ;
}

#content_summary h1{
	font-size:180%;
	font-weight:900;
}

#content_summary2{
	width:760px;
	padding: 0;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

#content_summary2 h2{
	font-size:140%;
	font-weight:900;
}

#content_summary h2{
	font-size:180%;
	font-weight:900;
	line-height:120%;
	color:#999999;
	padding-top: 5px;
	margin-top:5px;
	margin-bottom:10px;
	/*background:url(/shared/images/h2_back.png);
	border-bottom: 1px solid #B0B0B0;*/
}

/*top--*/
#main_content {
    width:540px;
	/*width: 515px;*/
	/*margin-left:10px;*/
	/**margin-left:5px;*/
	margin-bottom:20px;
	padding-right:9px;
	border-right:dotted 1px #CCCCCC;
	/*padding-right:30px;
	*padding-right:10px;*/
	/**padding-right:5px;*/
	float:left;
	/*background:url(../images/dot.gif) repeat-y;
	background-position:	100% 0%;*/
		position:relative;
}

/*トップバナー領域*/
#side_banner {
	/*width:190px;*/
	width:200px;
	float:right;	
	padding-left:10px;

}


.blog-link {
font-size:1.2em;
position:absolute;
bottom:0;
right:-165px;
}

#main_content li{
	margin-left:1px;
	margin-bottom:10px;
	padding-left: 10px;
	background: url("../images/mark.gif") 0px 0.4em no-repeat;
}

.top_topics {

	/*width:550px;*/
	width:540px;
}

.top_topics dl { 
	margin:  0;
	padding:  0;
	margin-top:-5px;
}

.top_topics dt {
	font-style: normal;
	line-height: 1.2em;
	margin:0;
	margin-left:10px;
	padding: 0;
	width:6.5em;
}

.top_topics dd {
	position:relative;
	top:-1.2em;
	left:4.5em;
	border-width: 0px;
	margin:0;
	padding:0;
	line-height: 100%;
	z-index:1;
	width:85%;
	line-height: 1.2em;
}

.content_title{
	margin-bottom:15px;
}

.list_button{
	text-align:right;
	margin-right:5px;
}

#side_banner_area{
	text-align: center;
}

#side_banner_area li {
	margin-bottom:15px;
}

#side_banner_area ul{
	margin-left: auto;
	margin-right: auto;
}

.side_banner_line{
	width:90%;
	height:3px;
	margin:30px auto 5px auto;
	background:url(../images/dot.gif) repeat-x;
	background-position:0% 50%;
}

/*solution--*/
.content_solution{
	width:760px;
}

.content_solution02{
	width:760px;
}

.content_solution03{
	width: 760px;
	*width:700px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align:left;
}

.content_solution_subtitle{
	width:760px;
	color:#336600;
	font-size:130%;
	font-weight:bold;
	*width:680px;
	margin-bottom:10px
}

.content_solution_body{
	width:740px;
	margin-left:20px;
	margin-right:20px;
	*width:680px;
	margin-bottom:20px;
}

.content_solution_body ol{
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	list-style-type:decimal;
}

.content_solution_body ol li{
	margin-left:20px;
}

.content_solution_body ul{
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	list-style-type:disc;
}

.content_solution_body ul li{
	margin-left:20px;
}

.content_solution_page{
	width:740px;
	margin:20px;
	*width:680px;
	text-align:right;
	font-size:110%;
}

.content_solution dl{
	width:740px;
	margin-left:20px;
	background:url(../images/mark.gif) 5px 10px no-repeat;
}

.content_solution dt{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

.content_solution dd{
	margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
}

.content_solution_body dl{
	width:760px;
}

.content_solution_body dt{
	font-weight:bold;
	margin-bottom:10px;
	margin-right:20px;
	border-bottom: 1px #CCCCCC solid;
}

.content_solution_body dd{
	margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
}

#content_foot{
	width:750px;
	margin: 0 auto;
	font-size:75%;
	line-height:1.5;
}

.content_solution_box{
	width:600px;
	margin: 0 auto;
}

.content_solution_box_l{
	float:left;
	width:50%;
}

.content_solution_box_r{
	float:right;
	width:50%;
	margin-bottom:10px;
}

.content_solution_block{
	margin:0 0 30px 0;
	/*border-bottom:#CCCCCC 1px solid;*/
	padding:0;
	zoom:100%;
	clear:both;
}

.content_solution_block2{
	margin:0 0 30px 117px;
	/*border-bottom:#CCCCCC 1px solid;*/
	padding:0;
	zoom:100%;
	clear:both;
}

.content_solution_block:after{
	content:" ";
	display:block;
	clear:both;
	height:1px;
	visibility:hidden;
}

.content_solution_block2:after{
	content:" ";
	display:block;
	clear:both;
	height:1px;
	visibility:hidden;
}

.content_solution_img{
	float:left;
	margin:0 10px 0 0;
}

.content_solution_midashi{
	font-size:120%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0;
	color:#666666;
}

.content_solutionjirei_block{
	margin:0 0 0 0;
	padding:0;
	zoom:100%;
}

.content_solutionjirei_img{
	float:left;
	margin:0 10px 0 50px;
}

.content_solution_text{
	margin-top:10px;
	float:right;
	text-align:left;
	width:640px;
}

/*top solution*/
.solution_img{
	margin:0 10px 8px 0;
}

.solution_title{

	margin:0 0 10px 0;
	padding:0;
	color:#666666;
}

#top-solution table {
margin:0 auto;
width:540px;
}

#top-solution td {
vertical-align:top;
text-align:left;
}

#top-solution .solution-block {
border-bottom:dotted 1px #CCCCCC;
padding:15px 0;
}

#top-solution .solution-block-end {
padding:15px 0;
}

#top-solution .content_title{
	margin-bottom:0px;
}


/*advantage--*/

#content_advantage_wrap{
	width:740px;
	margin: 0 auto;
}

#content_advantage_wrap .midashi{
	width:725px;
	margin: 0;
	font-size:150%;
	font-weight:900;
}

.content_advantage{
	width:720px;
	margin: 0 auto;
}

/*service--*/
.content_service{
	width:740px;
	margin-left:20px;
}

.content_service_mobile{
	width:740px;
	*width:640px;
	margin-left:20px;
	margin-top:30px;
}

.content_service_mobile ul{
	margin-left:20px;
	margin-bottom:20px;
	line-height:140%;
}

.content_service_mobile li{
	list-style-image :url(/shared/images/mark_g.gif);
	margin-left:20px;
}

.content_service_mobile h2{
	font-size:140%;
	font-weight:bold;
	margin-bottom:20px;
}

.content_service_ebusiness{
	width:740px;
	*width:700px;
	margin-left:20px;
}

.content_service_ebusiness ul{
	margin-left:20px;
	margin-bottom:20px;
	line-height:140%;
}

.content_service_ebusiness li{
	list-style-image :url(/shared/images/mark_g.gif);
	margin:20px;
	font-size:110%;
}

.content_service_urabanashi{
	width:740px;
	*width:700px;
	margin-left:20px;
}

.content_service_urabanashi ul{
	margin-left:20px;
	margin-bottom:20px;
	line-height:140%;
}

.content_service_urabanashi li{
	list-style-image :url(/shared/images/mark_g.gif);
	margin:20px;
	font-size:110%;
}


.content_service_block{
	margin:0 0 30px 50px;
	/*border-bottom:#CCCCCC 1px solid;*/
	padding:0;
	zoom:100%;
}

.content_service_block2{
	margin:0 0 30px 117px;
	/*border-bottom:#CCCCCC 1px solid;*/
	padding:0;
	zoom:100%;
}

.content_service_block:after{
	content:" ";
	display:block;
	clear:both;
	height:1px;
	visibility:hidden;
}

.content_service_block2:after{
	content:" ";
	display:block;
	clear:both;
	height:1px;
	visibility:hidden;
}

.content_service_img{
	float:left;
	margin:0 10px 0 0;
}

.content_service_midashi{
	font-size:120%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0;
}

.content_service_text{
	margin-top:10px;
}


.content_service_bottom{
	width:740px;
	*width:700px;
	margin: 0 auto;
	border: 1px #999999 solid;
	padding:10px;
}

/*company--*/
.content_company table{
	width:640px;
	margin: 0 auto;
}

#content .content_company .td1 {
	background-color: #CCCCCC;
	text-align:right;
	vertical-align:top ; 
	width:150px;
	padding:5px;
}

#content .content_company .td2 {
	background-color: #F5F5F5;
	padding:5px;
}

.keireki{
	width:640px;
	margin: 0 auto;
	margin-top:20px;
	line-height:130%;
}

.name{
	font-size:120%;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
	background:url(../images/dot.gif) repeat-x;
}

#content_company_mission{
	width:720px;
	margin-left:20px;
}	

.content_company_achievement{
	width:720px;
	margin-left:20px;
	margin-top:30px;
	*width:680px;
}	
.content_company_achievement ul{
	margin-left:20px;
	margin-bottom:20px;
	line-height:140%;
}

.content_company_achievement li{
	list-style-image :url(/shared/images/mark.gif);
}

.content_company_achievement li li{
	list-style-image :url(/shared/images/mark_g2.gif);
	margin-left:30px;
}

.list_midashi{
	font-size:120%;
	font-weight:bold;
}

#content_company_csrhead{
	width:720px;
	margin-left:20px;
	*width:680px;
}	

.content_company_csr{
	width:700px;
	margin: 0 auto;
	margin-bottom:20px;
}

.content_company_csr img{
	padding:5px;
}

.content_company_csr ul{
	margin:5px 20px 10px 20px;
	line-height:140%;
}

.content_company_csr li{
	list-style-image :url(/shared/images/mark.gif);
	margin:20px 0 20px 0;
}

.content_company_csr li li{
	list-style-image :url(/shared/images/mark_g.gif);
	margin:0 0 5px 30px;
}

.content_company_csr ol li{
	margin:0 0 5px 55px;
	list-style:decimal;
}

.csrlist_midashi{
	font-size:120%;
	font-weight:bold;
}

.content_company_history{
	width:720px;
	margin-left:20px;
	*width:680px;
}

.content_company_history dl { 
	margin:  0;
	padding:  0;
}

.content_company_history dt {
	line-height: 1.2em;
	margin:0;
	margin-left:10px;
	padding: 0;
	width:6.5em;
	font-size:130%;
	font-weight:bold;
	color:#999999;
}

.content_company_history dd {
	position:relative;
	top:-1.5em;
	left:10.5em;
	border-width: 0px;
	margin:0;
	padding:0;
	line-height: 100%;
	z-index:1;
	width:80%;
	line-height: 1.2em;
}


/*recruit--*/
#content_recruit{
	width:700px;
	margin: 0 auto;
	margin-top:20px;
}

#content_recruit_office{
	width:640px;
	margin: 0 auto;
	background:#EDEBEB;
}

#content_recruit_office table{
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	border-spacing: 10px;
}

#content_recruit_engineer table{
	width:640px;
	margin: 0 auto;
	border: 1px #999999 solid;
	border-collapse: collapse;
}

#content_recruit_engineer .td1{
	vertical-align:top ; 
	background-color: #f5f5f5;
	border: 1px #999999 solid;
	width:180px;
	padding:5px;
}

#content_recruit_engineer .td2{
	border: 1px #999999 solid;
	padding:5px;
}

.content_recruit_engineer_summary{
	width:640px;
	margin: 0 auto;
	font-weight:bold;
	margin-top:20px;
}

.content_recruit_flow{
	width:700px;
	margin: 0 auto;
}

.content_recruit_flow .td1{
	vertical-align:middle;
	text-align:center;
	background-color: #f5f5f5;
	border: 1px #999999 solid;
	width:110px;
	height:110px;
	padding:10px;
}

.content_recruit_flow .td2{
	padding:10px;
}

.content_recruit_flow .td3{
	padding:10px;
	text-align:center;
}

.content_recruit_blog{
	width:760px;
	margin: 0 auto;
	text-align:center;
}

.content_employee{
	width:700px;
	margin: 0 auto;
}

.content_employee_title{
	font-size:120%;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

.content_employee .photo_img_left{
	margin-bottom:20px;
}

/*basesystem--*/

.content_basesystem_wrap{
	width:700px;
	margin: 0 auto;

}

.content_basesystem_wrap img{
	padding:5px;
}

.content_basesystem_wrap .midashi{
	margin-bottom:20px;
}

#content_basesystem{
	width:720px;
	margin: 0 auto;
	margin-top:20px;
	margin-left:40px;

}
.base_title{
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
}

.base_img{
	text-align:center;
}

/*notice--*/
.content_notice{
	width:740px;
	margin-top:30px;
}
.content_notice ul{
	margin-left:40px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:140%;
}

.content_notice li{
	list-style-image :url(/shared/images/mark.gif);
	margin-bottom:10px;
}

.content_notice li li{
	list-style-image :url(/shared/images/mark_g.gif);
}

.content_notice li li li{
	list-style-image :url(/shared/images/mark_g2.gif);
}

/*faq--*/
.content_faq{
	width:740px;
	margin-top:30px;
}
.content_faq ul{
	margin-left:60px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:140%;
}

.content_faq li{
	list-style-image :url(/shared/images/mark_g.gif);
	margin-bottom:10px;
}

.content_faq img{
	padding:5px;
}

/*mail--*/
.content_mail{
	width:720px;
	margin-top:30px;
	margin: 0 auto;
	padding:20px;
/*	background:url(../images/mail_bg.jpg) no-repeat;*/
}
/*
.content_mail table{
	width:720px;
	margin: 0 auto;
	background-color:#F5F5F5;
}

.content_mail .td1 {
	background-color: #E0E0E0;
	text-align:right;
	vertical-align:top ; 
	width:150px;
	padding:7px;
	font-weight:bold;
}


.content_mail .td2 {
	background-color: #F5F5F5;
	padding:7px;
}
*/


.content_mail table{
border-collapse:collapse;
border:solid 1px #CCCCCC;
margin:10px auto 5px;
width:630px
}

.content_mail td ,.content_mail th{
border:solid 1px #CCCCCC;
padding:5px;
}

.content_mail th{
background:#EEEEEE;
width:170px;
text-align:right;
font-weight:normal;
color:#676767;
padding-right:6px;
}

.content_mail th a:link{
	/*color: #333399;*/
	color: #005d00;
}

.content_mail th a:visited{
	/*color: #663366;*/
	/*color:#666666;*/
	color: #005d00;
}
.content_mail th a:hover{
	color:#DB3A00;
}




.content_mail td {
padding-left:6px;
}

.content_mail .w210{
width:210px;
}

.content_mail .w310{
width:310px;
}

.content_mail .w420{
width:420px;
}

.left-label{
	width:6em;
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
}

form p{
	margin:8px 0;
	clear:both;
}
p.submit{
	margin-left:6.5em;
}

/*topics--*/
.content_topics table{
	width:640px;
	margin: 0 auto;
}

.content_topics .td1 {
	background-color: #CCCCCC;
	text-align:right;
	vertical-align:top ; 
	width:150px;
	padding:5px;
}

.content_topics .td2 {
	background-color: #F5F5F5;
	padding:5px;
}


/*footer---------------*/

#footer {
	clear:both;
	width: 760px;
	height:94px;
	font-size:0.9em;
	line-height:100%;
	padding: 0;
	margin: 0 auto;
	/*background:url(../images/fooer_line.jpg) repeat-x;*/
	background:url(/shared/images/footer.jpg);
}

#footer_main {
	width:600px;
	margin-top:20px;
	padding:10px;
	float:left;
}

#footer_side {
	margin-top:20px;
	padding:10px;
	float:right;
	text-align:right;
}