@charset "shift_jis";

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

	1.Navigation
	2.Home






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


#wrapper p.jagroup {
	width: 130px;
	height: 30px;
	background: url(../images/ja_group.gif) left top no-repeat;
	float: right;
	margin: 10px 10px 0px 10px;	
	text-indent: -10000px;
}

#wrapper h1 {
	font-size: 100%;
	font-weight: normal;
	padding-top: 30px;
	padding-left: 10px;
	line-height: 1.5;
	float: left;
}

#wrapper h2 a{
	width: 750px;
	height: 96px;
	background: url(../images/ja_soncho.gif) left top no-repeat;
	text-indent: -10000px;
	display: block;
}

/*--------------------------------------
	+ navigation
---------------------------------------*/
#wrapper #navigation {
	width: 199px;
	background: url(../images/nav_back.gif) left top no-repeat;
}

#navigation ul{
	list-style: none;
}

#navigation dt.nav_menu{
	width: 199px;
	height: 35px;
	background:url(../images/nav_menu.gif) left top no-repeat;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_home a{
	width: 199px;
	height: 35px;
	background:url(../images/nav_home.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_home a:hover {
	background:url(../images/nav_home_on.gif) left top no-repeat;
}
#navigation li.nav_notice a{
	width: 199px;
	height: 35px;
	background:url(../images/nav_annai.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_notice a:hover{
	background:url(../images/nav_annai_on.gif) left top no-repeat;
}
#navigation li.nav_business a{                                                                                
	width: 199px;
	height: 35px;
	background:url(../images/nav_naiyou.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_business a:hover{
	background:url(../images/nav_naiyou_on.gif) left top no-repeat;
}
#navigation li.nav_outline a{
	width: 199px;
	height: 35px;
	background:url(../images/nav_gaiyou.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_outline a:hover{
	background:url(../images/nav_gaiyou_on.gif) left top no-repeat;
}
#navigation li.nav_employment a{                                                                            
	width: 199px;
	height: 35px;
	background:url(../images/nav_saiyou.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_employment a:hover{                                                                      
	background:url(../images/nav_saiyou_on.gif) left top no-repeat;
}
#navigation dt.nav_other{
	width: 199px;
	height: 35px;
	background:url(../images/nav_other.gif) left top no-repeat;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_privacy a{
	width: 199px;
	height: 35px;
	background:url(../images/nav_privacy.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_privacy a:hover{
	background:url(../images/nav_privacy_on.gif) left top no-repeat;
}
#navigation li.nav_plan a{
	width: 199px;
	height: 35px;
	background:url(../images/nav_plan.gif) left top no-repeat;
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_privacy a:hover{
	background:url(../images/nav_privacy_on.gif) left top no-repeat;
}
#navigation li.nav_statemnt a{                                                                     
	width: 199px;
	height: 35px;
	background:url(../images/nav_statemnt.gif) left top no-repeat;                             
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_statemnt a:hover{                                                               
	background:url(../images/nav_statemnt_on.gif) left top no-repeat;
}
#navigation li.nav_social a{                                                                   
	width: 199px;
	height: 35px;
	background:url(../images/nav_social.gif) left top no-repeat;                              
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_social a:hover{                                                               
	background:url(../images/nav_social_on.gif) left top no-repeat;
}
#navigation li.nav_plan a{                                                                     
	width: 199px;
	height: 35px;
	background:url(../images/nav_plan.gif) left top no-repeat;                             
	border-bottom: #000 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation li.nav_plan a:hover{                                                               
	background:url(../images/nav_plan_on.gif) left top no-repeat;
}
#navigation li.nav_privacy a:hover{
	background:url(../images/nav_privacy_on.gif) left top no-repeat;
}
/*  page now */
body.home #navigation li.nav_home a{
	background:url(../images/nav_home_on.gif) left top no-repeat;
}
body.notice #navigation li.nav_notice a{
	background:url(../images/nav_annai_on.gif) left top no-repeat;
}
body.business #navigation li.nav_business a{
	background:url(../images/nav_naiyou_on.gif) left top no-repeat;
}
body.outline #navigation li.nav_outline a{
	background:url(../images/nav_gaiyou_on.gif) left top no-repeat;
}
body.employment #navigation li.nav_employment a{                                                    
	background:url(../images/nav_saiyou_on.gif) left top no-repeat;
}
body.privacypolicy #navigation li.nav_privacy a{
	background:url(../images/nav_privacy_on.gif) left top no-repeat;
}
body.actionplan #navigation li.nav_plan a{
	background:url(../images/nav_plan_on.gif) left top no-repeat;
}
body.remotesupport #navigation li.nav_remotesupport a{	
}
body.statemnt #navigation li.nav_statemnt a{                                                         
	background:url(../images/nav_statemnt_on.gif) left top no-repeat;
}
body.social #navigation li.nav_social a{                                                         
	background:url(../images/nav_social_on.gif) left top no-repeat;
}

#navigation dt.nav_ja1{
	width: 199px;
	height: 35px;
	background:url(../images/nav_ja.gif) left top no-repeat;
	margin: 80px 0 10px 0;
	text-indent: -10000px;
	display: block;
}
#navigation dd.ja_link1 a{
	width: 150px;
	height: 40px;
	background:url(../images/ja_kyousai.gif) left top no-repeat;
	margin-left: 22px;
	border: #999 solid 1px;
	text-indent: -10000px;
	display: block;
}
#navigation dt.nav_ja2{
	width: 199px;
	height: 35px;
	background:url(../images/nav_ja2.gif) left top no-repeat;
	margin: 30px 0 10px 0;
	text-indent: -10000px;
	display: block;
}
#navigation dd.ja_link2 a{
	width: 171px;
	height: 57px;
	background:url(../images/ja_eservice.gif) left top no-repeat;
	margin-left: 14px;
	text-indent: -10000px;
	border: #999 solid 1px;
	display: block;
}
#navigation dt.nav_ja3{
	width: 199px;
	height: 35px;
	background:url(../images/nav_jasys.gif) left top no-repeat;
	margin: 30px 0 10px 0;
	
	display: block;
}
#navigation dd.ja_link3 a{
	width: 171px;
	height: 57px;
	background:url(../images/ja_system_manual.gif) left top no-repeat;
	margin-left: 14px;
	text-indent: -10000px;
	border: #999 solid 1px;
	display: block;
}	
#navigation dd.ja_link4 a{
	width: 171px;
	height: 57px;
	background:url(../images/ja_system.gif) left top no-repeat;
	margin-left: 14px;
	text-indent: -10000px;
	border: #999 solid 1px;
	display: block;
}
/*--------------------------------------
	+ home
---------------------------------------*/
#wrapper h3{
	width: 530px;
	height: 40px;
	background: url(../images/page_now.gif) left top no-repeat;
	font-size: 16px;
	font-weight: normal;
	line-height: 2.2;
	padding-left: 20px;	
}

/*	judge the truth    */
#wrapper h4.judge{
	width: 145px;
	height: 25px;
	background: url(../images/title_judgethetruth.gif) 10px 2px no-repeat;
	border-left: #006633 solid 7px;
	margin: 20px 0 5px 25px;
	text-indent: -10000px;
}

#wrapper p.judge_pct{
	width: 507px;
	height: 480px;
	background: url(../images/home_pct1.jpg) left top no-repeat;
	margin: 0 auto 0 auto;
	text-indent: -10000px;
}

/*	information	*/
#information {
	width: 507px;
	border: #000 solid 1px;
	margin: 40px auto;
}

h4.title_info{
	width: 507px;
	height: 35px;
	background: url(../images/box_back.gif) left top no-repeat;
	text-indent: -10000px;
}

#information p.date{
	padding: 5px 5px 0 35px;
	background: url(../images/dot.gif) right bottom repeat-x;
}
#information p.detail{
	padding: 5px 5px 10px 35px;
}

#information strong{
	font-weight: normal;
	background-color: #FFF;
}

/*	information	*/
#settlement {
	width: 507px;
	border: #000 solid 1px;
	margin: 40px auto;
}

h4.title_settlement{
	width: 507px;
	height: 35px;
	background: url(../images/settlement_h3.gif) left top no-repeat;                   
	text-indent: -10000px;
}

h5.title_settlement{
	width: 507px;
	height: 35px;
	background: url(../images/gadenshougai.gif) left top no-repeat;                   
	text-indent: -10000px;
}

#settlement p {
	padding: 5px 5px 5px 35px;
}

/*--------------------------------------
	+ notice
---------------------------------------*/
#wrapper .box_typea{
	width: 507px;
	border: #000 solid 1px;
	margin: 30px 0 0 21px;
	float: left;
	display: inline;
}

#wrapper .box_typea_last{
	width: 507px;
	border: #000 solid 1px;
	margin: 30px 0 50px 21px;
	float: left;
	display: inline;
}

#wrapper h4.kantei{
	width: 507px;
	height: 35px;
	background: url(../images/h3_kantei.gif) left top no-repeat;
	text-indent: -10000px;
}
#wrapper h4.kenshuu{
	width: 507px;
	height: 35px;
	background: url(../images/h3_kenshuu.gif) left top no-repeat;
	text-indent: -10000px;
}
#wrapper h4.chousa{
	width: 507px;
	height: 35px;
	background: url(../images/h3_chousa.gif) left top no-repeat;
	text-indent: -10000px;
}
#wrapper h4.jouhou{
	width: 507px;
	height: 35px;
	background: url(../images/h3_jouhou.gif) left top no-repeat;
	text-indent: -10000px;
}

	
.box_typea p.img, .box_typea_last p.img {
	padding: 40px 20px 40px 20px;
	float: left;
}
.box_typea p.detail, .box_typea_last p.detail {
	padding: 40px 20px 40px 185px;
	letter-spacing: 0.2em;
	line-height: 1.4;
}

/*--------------------------------------
	+ business
---------------------------------------*/
#wrapper .box_typea{
	width: 507px;
	border: #000 solid 1px;
	margin: 30px 0 0 21px;
	float: left;
	display: inline;
}

#wrapper h4.employment{
	width: 507px;
	height: 35px;
	background: url(../images/h3_employment.gif) left top no-repeat;
	text-indent: -10000px;
}

#wrapper h4.employmentx{
	width: 507px;
	height: 35px;
	background: url(../images/h3_background.gif) left top no-repeat;
}

.box_typea p.employ_text {
	text-align: center;
	line-height: 2.5;
}
.box_typea p.employ_textmiddle {
	text-align: center;
	line-height: 1.2;
}

#wrapper h4.expert{
	width: 507px;
	height: 35px;
	background: url(../images/h3_expert.gif) left top no-repeat;
	text-indent: -10000px;
}

#wrapper h4.expertx{
	width: 507px;
	height: 35px;
	background: url(../images/h3_background.gif) left top no-repeat;
}

#wrapper h4.profile{
	width: 507px;
	height: 35px;
	background: url(../images/h3_profile.gif) left top no-repeat;
	text-indent: -10000px;
}

.box_typea .leftside {
	width: 253px;
	text-align: center;
	padding: 20px 0;
	float: left;
}
.box_typea .rightside {
	width: 253px;
	text-align: center;
	padding: 20px 0;
	float: left;
}

.box_typea p.employ_text2 {
	padding: 10px 10px;
	line-height: 1.5;
}
/*--------------------------------------
	+ remotesupport
---------------------------------------*/


.box_typeb p.about, .box_typeb_last p.about{
	margin:20px;
	line-height:1.2em;
}

.box_typeb p.aboutx, .box_typeb_last p.aboutx{
	background: url(../images/listicon2.gif) 0 8px no-repeat;
	vertical-align:top;
	margin:20px;
        
	padding-top:10px;
	padding-left:1.5em;
	
	line-height:1.2em;
}
/*--------------------------------------
	+ business
---------------------------------------*/
#wrapper .box_typea{
	width: 507px;
	border: #000 solid 1px;
	margin: 30px 0 0 21px;
	float: left;
	display: inline;
}

#wrapper h4.gyoumunaiyou{
	width: 507px;
	height: 35px;
	background: url(../images/h3_gyoumunaiyou.gif) left top no-repeat;
	text-indent: -10000px;
}
#wrapper h4.songaichousa{
	width: 507px;
	height: 35px;
	background: url(../images/h3_songaichousa.gif) left top no-repeat;
	text-indent: -10000px;
}
#wrapper h4.kanteisi{
	width: 507px;
	height: 35px;
	background: url(../images/h3_kanteisi.gif) left top no-repeat;
	text-indent: -10000px;
}

.box_typea ul{
	list-style: none;
	margin: 20px;
}

.box_typea li{
	background: url(../images/listicon2.gif) 0 8px no-repeat;
	line-height: 2.5;
	letter-spacing: 1px;
	padding-left: 16px;
}

.box_typea p.about, .box_typea_last p.about{
	padding: 20px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}


/*--------------------------------------
	+ outline
---------------------------------------*/
#wrapper .box_typeb{
	width: 507px;
	border: #000 solid 1px;
	margin: 30px 0 30px 21px;
	float: left;
	display: inline;
}


#wrapper h4.kaishagaiyou{
	width: 507px;
	height: 35px;
	background: url(../images/h3_kaishagaiyou.gif) left top no-repeat;
	text-indent: -10000px;
}

.box_typeb table.gaiyou {
	width: 400px;
	margin: 30px auto;
	line-height: 1.9;
	border: #000 solid 1px;
}

.box_typeb th{
	width: 100px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	background-color: #666;
	color: #FFF;
}
.box_typeb th.last {
	width: 100px;
	border-bottom: none;
	border-right: #333 solid 1px;
}

.box_typeb td{
	width: 300px;
	padding-left: 10px;
	border-bottom: #333 solid 1px;
}
.box_typeb td.last {
	width: 300px;
	border: none;
}

.box_typeb p.organizationchart {
	width: 466px;
	height: 287px;
	margin: 40px auto;
}
/*--------------------------------------
	+ privacypolicy
---------------------------------------*/
#wrapper h4.privacypolicy {
	background: url(../images/privacypolicy.gif) left top no-repeat;
	width: 162px;
	height: 20px;
	margin: 20px auto;
	text-indent: -10000px;
}

#wrapper p.name {
	font-size: 16px;
	text-align: right;
	margin-bottom: 40px;
	padding-right: 10px;
}

#wrapper p.text_top{
	line-height: 1.5;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	padding: 0 10px;
}

#wrapper ol.policy {
	margin-left: 45px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

#wrapper ol.policy li{
	margin-bottom: 10px;
	padding-right: 10px;
}

#wrapper p.end{
	text-align: right;
	padding-right: 10px;
	margin-bottom: 30px;
}

/*--------------------------------------
	+ actionplan
---------------------------------------*/
#wrapper p.actionplan_date {
	text-align: right;
	padding-top: 20px;
	padding-right:10px;
}

#wrapper h4.actionplan {
	width: 332px;
	height: 21px;
	background: url(../images/h3_actionplan.gif) left top no-repeat;
	margin: 30px auto;
	text-indent: -10000px;
}

#wrapper p.actionplan_toptext {
	text-align: center;
	margin-bottom: 20px;
}

#wrapper dt.actionplan_dt {
	padding: 5px 0 10px 53px;
}

#wrapper dd.actionplan_dd {
	text-align: center;
}


#wrapper th.plan {
	width: 100px;
	line-height: 1.5;
	text-align: center;
	padding: 10px;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
}
#wrapper th.plan_last {
	width: 100px;
	line-height: 1.5;
	text-align: center;
	padding: 10px;
	border-right: #000 solid 1px;
}

#wrapper td.plan {
	width: 300px;
	line-height: 1.5;
	padding: 10px;
	border-bottom: #000 solid 1px;
}
#wrapper td.plan_last {
	width: 300px;
	line-height: 1.5;
	padding: 10px;
}

#wrapper table.target1{
	width: 446px;
	margin: 0 auto 50px auto;
	border: #000 solid 1px;
}

#wrapper table.target2{
	width: 446px;
	margin: 20px auto 80px auto;
	border: #000 solid 1px;
}