@charset "utf-8";

/*
共通パーツ
toppage
company
business
inquiry
recruit
solicitation
privacy
*/

/***********************
		共通パーツ
***********************/
#header{
    margin-top: 10px;
    margin-bottom: 3px;
}
h1{
	text-align:right;
	margin:0 0 -10px 0;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
}
#container{
	position:relative;
}
#sidemenu>h2{
	margin:15px 0;	
}
#mainside{
	width:740px;
	margin-top:58px;
}
.box{
	margin-bottom:40px;	
}
#sidemenu{
	padding-bottom:150px;
	z-index:100;	
}

/**********************************************
		company
**********************************************/
.box h2{
	margin-bottom:20px;	
}
.box h2+table,
.box h2+div,
.box h2+iframe{
	margin:0 10px 0 20px;
}
#gaiyo table{
	border-top:1px solid #ccc;
}
#gaiyo table th,
#gaiyo table td{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
#gaiyo table th{
	white-space:nowrap;
	width:150px;
	text-align:left;
	border-right:1px solid #ccc;
}
#gaiyo table td{
	padding-left:30px;
	padding-right:10px;
}
#gaiyo table td dl{
	margin:10px 0;	
}
#gaiyo table td dl dt{
	margin-left:-18px;
	font-size:18px;
	font-weight:bold;
	color:#00A756;
	line-height:180%;
}
#gaiyo td dl dd{
	font-size:16px;
	padding-bottom:10px;
}
#gaiyo td dl dd strong{
	font-weight:bold;
	color:#ea5532;
}
.company #message .rightbox{
	width:560px;
}
.company #message h3{
	font-size:18px;
	color:#00A756;
	padding-bottom:5px;
}

/**********************************************
		business
**********************************************/
#merit h2+img{
	float:right;
	padding-bottom:30px
}
#meritbox{
	clear:both;
	text-align:center;
}
#meritbox h3{
	margin-bottom:10px;
}
#meritbox div{
	display:inline-block;
	width:220px;
	vertical-align:top;
	margin:0 7px;
}
#meritbox div p{
	text-align:left;
}
#risk h2+p+p{
	margin-bottom:20px;
}
.riskbox{
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #ccc;
}
.riskbox th{
	width:80px;
	background:#feecd2;
}
.riskbox td{
	padding:5px;
}
.riskbox td ul li{
	text-indent:-1em;
	margin-left:1em;
}
.riskbox td div{
	padding:0 0 0 75px;	
}
.riskbox td div.step01{
	background:url(../images/step01.gif) left top no-repeat;
	min-height:52px;
}
.riskbox td div.step02{
	background:url(../images/step02.gif) left top no-repeat;
	min-height:52px;
}
.riskbox td div.step03{
	background:url(../images/step03.gif) left top no-repeat;
	min-height:70px;
}
.riskbox td div.step04{
	background:url(../images/step04.gif) left top no-repeat;
	min-height:107px;
}
.riskbox td div.step05{
	background:url(../images/step05.gif) left top no-repeat;
	min-height:71px;
}
.riskbox td div.step06{
	background:url(../images/step06.gif) left top no-repeat;
	min-height:38px;
}
.riskbox td div h4{
	font-size:16px;
	font-weight:bold;
	color:#f08300;
	line-height:120%;
}
.riskbox td div p{
	line-height:140%;
}
.riskbox td div.step06 p{
	letter-spacing:-0.05em	
}
#toriatsukai .mg_l20{
	margin:0 0 0 20px;
}
h3.songai,
h4.songai{
	padding:0 0 0 20px;
	position:relative;
	margin:0 0 20px 0;
}
h3.songai:before,
h4.songai:before{
	content:" ";
	width:4px;
	height:20px;
	background:#00a960;
	position:absolute;
	left:0;
	bottom:0;
}
h3.seimei,
h4.seimei{
	padding:0 0 0 20px;
	position:relative;
	margin:10px 0 20px 0;
}
h3.seimei:before,
h4.seimei:before{
	content:" ";
	width:4px;
	height:20px;
	background:#8ec320;
	position:absolute;
	left:0;
	bottom:0;
}
#toriatsukai ul{
	margin-left:-20px;
}
#toriatsukai li{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 5px rgba(51,51,51,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(51,51,51,0.2);
	-ms-box-shadow: 0px 0px 20px rgba(250,250,250,0.1);
	box-shadow: 0px 0px 5px rgba(51,51,51,0.2);
	position:relative;
	/* behaviorスクリプトPIE.htcのパス */
	/*behavior: url(http://nis-insurance.co.jp/css/PIE.htc);*/
	behavior: url(http://www.agn.co.jp/test/nis/css/PIE.htc);
	position:relative;
	background-color:#fff;
}
#toriatsukai .songai+ul>li:hover{
	background:#00a960;
}
#toriatsukai .seimei+ul>li:hover{
	background:#8ec320;
}
#toriatsukai li a{
	width:100%;
	height:60px;
	display:block;	
}


/**********************************************
		inquiry
**********************************************/
#formwrap{
	width:800px;
	margin:20px auto 60px;
}
.inquiry span.kome{
	color:#ea5532;	
}
.inquiry h2 {
	margin:15px 0;
}
.inquiry table{
	border-top:1px solid #ccc;	
}
.inquiry th,
.inquiry td{
	padding:15px 10px;
	border-bottom:1px solid #ccc;
}
.inquiry th{
	width:170px;
	background:#fff6ea;
	vertical-align:top;
	text-align:left;
}
/*.inquiry input #name01,.inquiry input #name02,.inquiry input #company,.inquiry input #unit,.inquiry input #yubin,
.inquiry input #adress,.inquiry input #tel,.inquiry input #fax,.inquiry input #email,*/
.inquiry input,
.inquiry  textarea{
	border:1px solid #ccc;	
	padding:5px;
	border-radius:2px;
}
#radioarray input{
	border:none;	
}
/*input#doi{
	padding:1px;
	background:#ccc;
}*/
#doi_area{
	width:350px;
	margin:20px auto;
}
#doi{
	padding:0 0 0 20px;
	background:url(../images/check01.gif) 0 5px no-repeat;
	font-weight:bold;
	font-size:16px;
}
#doi.checked{
	background:url(../images/check02.gif) 0 5px no-repeat;
}
#doi_area ul{
	margin:10px 0 0;	
}
#doi_area li{
	display:inline-block;
	margin-right:10px;
}
#buttonarea{
	text-align:center;	
}
.inquiry input:focus,
.inquiry  textarea:focus{
	-webkit-box-shadow: 0px 0px 5px rgba(246,173,60,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(246,173,60,0.3);
	-ms-box-shadow: 0px 0px 5px rgba(246,173,60,0.3);
	box-shadow: 0px 0px 5px rgba(246,173,60,0.3);
	position:relative;
	/* behaviorスクリプトPIE.htcのパス */
	/*behavior: url(http://nis-insurance.co.jp/css/PIE.htc);*/
	behavior: url(http://www.agn.co.jp/test/nis/css/PIE.htc);
	position:relative;
	background-color:#fff;	
}
.inquiry td.name p{
	width:170px;
	float:left;
}
.w120{
	width:120px;
}
.w300{
	width:300px;
}
.w450{
	width:450px;	
}

/**********************************************
		thanks
**********************************************/
#thanks{
	border:10px solid #fcd7a1;
	width:600px;
	height:130px;
	margin:100px auto 300px;
	border-radius:10px;
		-webkit-border- radius: 10px;
		-moz-border-    radius: 10px;
}
#thanks p{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:40px 25px 25px;
}

/**********************************************
		recruit
**********************************************/
.recruit h2 {
	margin:15px 0;
}
.recruit #thanks p{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:55px 25px 25px;
}
.recruit #thanks{
	display:none;	
}
.recruit h2.title02{
	margin:58px auto 20px;	
}
.recruit .recruitbox table{
	border-collapse:collapse;
	border:none;
	margin:0 auto;
	width:600px;
}
.recruit .recruitbox table tr{
	border-top:1px solid #ccc;	
}
.recruit .recruitbox table tr:first-child{
	border-top:none;	
}
.recruit .recruitbox table th,
.recruit .recruitbox table td{
	vertical-align:top;	
	text-align:left;
	padding:10px;
}


/**********************************************
		solicitation
**********************************************/
#main.solicitation{
	margin-bottom:200px;	
}
.solicitation h2 {
	margin:15px 0;
}
.solicitation h2+p{
	margin-bottom:20px;	
}
.solicitation ul {
	border-top:1px solid #ccc;
}
.solicitation li {
	padding:7px 0;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.solicitation li span{
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;	
	padding:0 10px 0 0;
	float:left;
	color:#f08300;
}
.solicitation li.line2 span{
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;	
	padding:0.5em 10px 0.5em 0;
	float:left;
}


/**********************************************
		privacy
**********************************************/
.privacy h2 {
	margin:15px 0;
}
.privacy h3.title03{
	margin:40px 0 10px;
}
.privacy  #toriatsukai{
	margin:20px 24px 0;
}
.privacy  #toriatsukai h4{
	width:150px;
	float:left;
}
.privacy  #toriatsukai ul{
	float:left;
	width:740px;
	margin-bottom:10px;
}
#madoguchi_wrap{
 width: 940px;
 margin:0 auto;   
}

h3.madoguchi{
	margin-top:50px;	
	background:#F29D3C;
	color:#fff;
	padding:3px 10px;
	font-size:18px;
}
#madoguchi_wrap{
	clear:both;	
}
#madoguchi{
	padding:10px 50px;
	border-left:1px solid #F29D3C;
	border-right:1px solid #F29D3C;
	border-bottom:1px solid #F29D3C;	
	background:#fff6ea;
	position: relative;
	overflow: hidden;
}
#madoguchi h4{
    margin-bottom:10px;
    font-size: 18px;
    padding-left:12px;
}
#madoguchi p.no01{
	font-size:14px;
	font-weight:bold;
}
#madoguchi p.tel{
    font-size: 30px;
    font-weight: bold;
	line-height:140%;
}
#gotoinquiry{
    position: absolute;
    right:50px;
    bottom: 0;
}

#gototop_btn{
	width:45px;
	height:45px;
	position:fixed;	
	bottom:0px;
}

.hokenbox{
	overflow:hidden;	
}


/**********************************************
		health management
**********************************************/
/* #kenkosengen p, */
#kenko_map li,
#kenko_map h4 {
font-feature-settings: "palt";
letter-spacing: 0.5px;
color: #494949;
}

/*
#kenkosengen h3 {
font-size: 1.3em;
color: #828282;
border-left: solid 4px #f08300;
padding-left: 0.5em;
margin: 2em 0 1em;
}
*/

#kenkosengen h3 {
background-color: #f18300;
text-align: center;
padding: 0.5em;
margin: 1.5em 0 0.5em;
}



#kenkosengen h4 {
border-top: dotted 1px #828282;
font-size: 1.3em;
color: #828282;
line-height: 1.3em;
padding-top: 0.7em;
padding-bottom: 0.2em;
    padding-left: 1em;
}

#kenkosengen h3 + h4{
border-top: none;
}

#kenkosengen h4 + p {
margin-bottom: 1em;
line-height: 1.7em;
padding-left: 1.5em;
padding-right: 1.5em;
}

#kenkosengen h4 + p:last-child {
border-bottom: dotted 1px #828282;
margin-bottom: 80px;
padding-bottom: 1em;
}


#kenko_map h3 {
background-color: #f18300;
text-align: center;
padding: 0.8em;
margin-bottom: 0.5em;
}

#kenko_map .kkmap01 {
background-color: #ccc;
display: flex;
flex-wrap: wrap;
margin-bottom: 1em;
align-items: stretch;
padding: 0.5em;
}
#kenko_map .kkmap01 li {
box-sizing: border-box;
width: calc((100% - (1em * 5)) / 5);
background-color: #fff;
text-align: center;
font-size: 0.9em;
margin: 0.5em;
height: 4em;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5em;
letter-spacing: 0;
line-height: 1.2em;
}

#kenko_map .kkmap02 {
background-color: #feecd2;
display: flex;
flex-wrap: wrap;
margin-bottom: 1em;
align-items: stretch;
padding: 0.5em;
}
#kenko_map .kkmap02 li {
box-sizing: border-box;
width: calc((100% - (1em * 5)) / 5);
background-color: #fff;
text-align: center;
font-size: 0.9em;
margin: 0.5em;
height: 4em;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5em;
letter-spacing: 0;
line-height: 1.2em;
}

#kenko_map .kk_line {
padding: 1em;
text-align: center;
margin-bottom: 1em;
}

#kenko_map .kksisei {
margin-bottom: 100px;
}
#kenko_map .kksisei ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 1em;
align-items: stretch;
justify-content: space-between;
}
#kenko_map .kksisei li {
color: #494949;
background-color: #feecd2;
box-sizing: border-box;
width: calc((100% - (1em * 5)) / 5);
text-align: center;
font-size: 0.95em;
margin-bottom: 0.5em;
height: 4em;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5em;
letter-spacing: 0;
line-height: 1.3em;
}

#kenko_map h4 {
font-size: 1.3em;
text-align: center;
line-height: 1.7em;
}

#kenko_helpdesk{
margin-bottom: 100px;
}

#kenko_pdca p {
margin-bottom: 1.5em;
text-align: center;
font-size: 1.2em;
font-weight: bold;
}

#kenko_pdca .kk_pdca {
text-align: center;
margin-bottom: 50px;
}

#kenko_helpdesk ul {
display: flex;
justify-content: space-between;
padding: 0 1em;
}

#kenko_helpdesk li {
box-sizing: border-box;
width: 49%;
background-color: #feecd3;
padding: 1em;
}

#kenko_helpdesk h3 {
margin-bottom: 1em;
}