@charset "utf-8";

/* ===========================================
 * 社会保険労務士法人カオス
 * -------------------------------------------
 * Common Style
 * -------------------------------------------
 * 2016.12.14.
=========================================== */

/* Webfont
=========================================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* General
=========================================== */
body {
	color: #0f0f0f;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	letter-spacing:0.05em;
	line-height:1.5;
	background: url(/cms/wp-content/themes/original/img/common/bg01.jpg);
}
strong {font-weight: bold;}
a:link{color:#0f0f0f; text-decoration:underline;}
a:visited{color:#0f0f0f; text-decoration:underline;}
a:hover{color:#0f0f0f; text-decoration:none;}
a:active{color:#0f0f0f; text-decoration:none;}

/* Clear
=========================================== */
.addclear {
	display: block;
	clear: both;
}
/* clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

/* Layout
=========================================== */
#wrapper{
	position:relative;
	font-size:100%;
	min-width:1082px;
}
#wrapper,
#gHeader,
#gNav,
#contents,
#gFooter{
clear:both;
}

/* HeadArea
=========================================== */
#headArea{
position: relative;
z-index: 10;
height: 222px;
background: url(/cms/wp-content/themes/original/img/common/bg_head01.jpg) repeat-x 0 0;
box-shadow:0px -4px 8px 0px #000000;
-moz-box-shadow:0px -4px 8px 0px #000000;
-webkit-box-shadow:0px -4px 8px 0px #000000;
}

/* Header
=========================================== */
#gHeader{
display: block;
position: relative;
width:1042px;
height: 160px;
margin: 0 auto;
}
#hdH1{
position: absolute;
top: 8px;
left: 0;
width: 850px;
font-size: 11px;
line-height: 1.3;
color: #FFF;
}
#hdCopy01{
display: block;
position: absolute;
top: 10px;
right: 0;
width:190px;
height: 30px;
background: #3e596f;
border-radius: 15px;
line-height: 30px;
text-align: center;
color: #FFF;
font-size: 14px;
}
#hdLogo{
position: absolute;
top: 46px;
left: 0;
}
#hdSearchForm{
display: block;
position: absolute;
top: 108px;
right: 35px;
}
#hdSval{
float: left;
width: 170px;
height: 26px;
padding: 0 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top:solid 1px #bbbbbb;
border-bottom:solid 1px #bbbbbb;
border-left:solid 1px #bbbbbb;
border-right:none;
border-radius: 0;
box-sizing: border-box;
background: #fcfcfc;
}
#hdSearchSubmit{
display: block;
float: left;
width: 60px;
height: 26px;
background: url(/cms/wp-content/themes/original/img/common/btn_search01.png) no-repeat 0 0;
text-indent: -9999px;
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
#hdImg01{
display: block;
position: absolute;
top: 79px;
right: 287px;
}

#hdBtn01{
display: block;
position: absolute;
top: 108px;
right: 0;
}
#hdBnr {
	position: absolute;
	top: 30px;
	right: 0;
}
#hdBnr a {
	transition: all .6s;
}
#hdBnr a:hover {
	opacity: .7;
}
/* Global Navigation
=========================================== */
#gNav{
height: 62px;
}
#gNav ul{
display: block;
width: 1042px;
margin: 0 auto;
}
#gNav ul li{
display: block;
float:left;
border-right: 1px solid #e7e7e7;
box-sizing: border-box;
}
#gNav ul li:first-child {
border-left: 1px solid #e7e7e7;
}
#gNav ul li a{
display: table-cell;
height: 62px;
background: none;
font-weight: 600;
letter-spacing: .075em;
text-align: center;
text-indent: 0;
text-decoration: none;
vertical-align: middle;
transition: all .6s;
}
#gNav ul li a:hover {
background: #0f2f4c;
color: #fff;
}
#gNav ul li.gBtn01 a{
width: 130px;
}
#gNav ul li.gBtn02 a{
width: 177px;
}
#gNav ul li.gBtn03 a{
width: 147px;
}
#gNav ul li.gBtn04 a{
width: 175px;
}
#gNav ul li.gBtn05 a{
width: 221px;
}
#gNav ul li.gBtn06{
padding: 3px 2px 2px;
}
#gNav ul li.gBtn06 a{
width: 181px;
height: 57px;
padding: 0 0 0 26px;
background: #ececec url(/cms/wp-content/themes/original/img/common/ico_contact01_n.png) no-repeat 30px center;
box-sizing: border-box;
}
#gNav ul li.gBtn06 a:hover{
	background: #94251c url(/cms/wp-content/themes/original/img/common/ico_contact01_o.png) no-repeat 30px center;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
background: #fff;
border-bottom: solid 1px #e7e7e7;
}
/* Breadcrumb Area
=========================================== */
#breadArea{
position: relative;
z-index: 1;
background: #dbdbdb;
color: #3f2d2c;
}
#breadArea a{
color: #3f2d2c;
}

#breadArea ol{
	overflow:hidden;
	width:1042px;
	margin:0 auto;
	padding:12px 0;
	font-size:13px;
	box-sizing:border-box;
}
#breadArea ol li{
	float:left;
	padding:0 10px 0 0;
}
#breadArea ol li:after{
	content:"\003e";
	display:inline-block;
	padding:0 0 0 10px;
color: #3f2d2c;
}

#breadArea ol li.home{}
#breadArea ol li.current{
	padding:0;
color: #3f2d2c;
}
#breadArea ol li.current:after{
	display:none;
}


/* Contents
=========================================== */
#contents{
position: relative;
z-index: 2;
overflow: hidden;
width: 1042px;
margin: 0 auto;
padding: 60px 0;
}

/* Main
=========================================== */
#main{
float: left;
width: 790px;
}




#pageNav{
	clear:both;
	height:80px;
	margin: 40px 0 0;
	text-align: center;
}
#pageNav li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/margin-right: 3px;
	/zoom: 1;
}
#pageNav li a,
#pageNav li span{
	display:block;
	line-height: 35px;
	width: 35px;
	height: 35px;
	border:2px solid #2a4f6e;
	margin-right:5px;

	color:#000;
	text-decoration:none;
}
#pageNav li a:hover,
#pageNav li.current span{
	border:2px solid #2a4f6e;
	background:#2a4f6e;
	color:#FFF;
}





/* Side
=========================================== */
#side{
float: right;
width: 210px;
}
#side a {
transition: all .6s;
}
/* -------------------- */
#side .btnSide01,
#side .btnSide02,
#side .bnrSide01{
margin-bottom: 20px;
background: #fff;
}
#side .btnSide01 a:hover,
#side .btnSide02 a:hover,
#side .bnrSide01 a:hover {
opacity: .7;
}
/* -------------------- */
#side .boxSideServices{}
#side .boxSideServices .tit01{}
#side .boxSideServices .list01{}
#side .boxSideServices .list01 li{
border-bottom: dotted 1px #a4a4a4;
font-size: 14px;
}
#side .boxSideServices .list01 li a{
display: block;
padding: 10px 0 12px 20px;
background: url(/cms/wp-content/themes/original/img/common/ico_arrow04.png) no-repeat 7px center;
text-decoration: none;
}
#side .boxSideServices .list01 li a:hover{
text-decoration:underline;
color: #94251c;
}
/* -------------------- */
#side .btnSide03{
width: 170px;
margin: 20px auto 40px;
border: solid 2px #2a4f6e;
background: #FFF;
text-align: center;
transition: all .6s;
}
#side .btnSide03:hover{
opacity: .7;
}
#side .btnSide03 a{
display: block;
padding: 5px 0 7px;
text-align: center;
line-height: 1.1;
text-decoration: none;
color: #2a4f6e;
}
/* -------------------- */
#side .boxSideRanking{
margin: 0 0 40px;
}
#side .boxSideRanking .tit01{}
#side .boxSideRanking ol{}
#side .boxSideRanking ol li{
border-bottom: dotted 1px #a4a4a4;
font-size: 14px;
}

#side .boxSideRanking ol li a{
position: relative;
display: block;
padding: 15px 0;
text-decoration: none;
}
#side .boxSideRanking ol li a .thumb{
position: absolute;
top: 18px;
left: 0;
width: 66px;
padding: 18px 0 0;
}

#side .boxSideRanking ol li a .thumb:before{
position: absolute;
top: 0;
left: 0;
content:"";
width: 66px;
height: 18px;
}
#side .boxSideRanking ol li:nth-child(1) a .thumb:before{ background: url(/cms/wp-content/themes/original/img/common/tit_rank01.png) no-repeat 0 0;}
#side .boxSideRanking ol li:nth-child(2) a .thumb:before{ background: url(/cms/wp-content/themes/original/img/common/tit_rank02.png) no-repeat 0 0;}
#side .boxSideRanking ol li:nth-child(3) a .thumb:before{ background: url(/cms/wp-content/themes/original/img/common/tit_rank03.png) no-repeat 0 0;}
#side .boxSideRanking ol li:nth-child(4) a .thumb:before{ background: url(/cms/wp-content/themes/original/img/common/tit_rank04.png) no-repeat 0 0;}
#side .boxSideRanking ol li:nth-child(5) a .thumb:before{ background: url(/cms/wp-content/themes/original/img/common/tit_rank05.png) no-repeat 0 0;}

#side .boxSideRanking ol li a .thumb img{
width: 100%;
height: auto;
}
#side .boxSideRanking ol li a .tit{
margin: 0 0 0 76px;
padding: 0 0 5px;
font-size: 14px;
line-height: 1.4;
transition: all .6s;
}
#side .boxSideRanking ol li a:hover .tit{
text-decoration: underline;
color: #94251c;
}
#side .boxSideRanking ol li a .category{
display: inline-block;
margin: 0 0 0 76px;
padding: 5px;
background: #898989;
font-size: 11px;
color: #FFF;
line-height: 1.2;
}

/* -------------------- */
#side .boxSideKeywords{
margin-bottom: 40px;
padding: 7px;
border: solid 1px #bbbaba;
}
#side .boxSideKeywords .tit01{
padding:2px 0 5px;
}
#side .boxSideKeywords .list01{
overflow: hidden;
}
#side .boxSideKeywords .list01 li{
float: left;
margin: 3px 3px 0 0;
background: #b4bfc8;
transition: all .6s;
}
#side .boxSideKeywords .list01 li a{
display: block;
padding: 3px 10px;
line-height: 1.2;
font-size: 11px;
text-decoration: none;
}
#side .boxSideKeywords .list01 li:hover{
opacity: .7;
}

/* Footer
=========================================== */
#gFooter{}
/* -------------------- */
#boxFoot01{
position: relative;
height: 280px;
background:url(/cms/wp-content/themes/original/img/common/bg03.jpg) ;
}
#boxFoot01 #ftTxt01{
padding: 60px 0 0;
text-align: center;
font-size: 24px;
font-weight: 700;
color: #94251c;
}
#boxFoot01 #ftTxt02{
position: relative;
width: 660px;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: 700;
color: #616161;
}
#boxFoot01 #ftTxt02:before,
#boxFoot01 #ftTxt02:after{
position: absolute;
top: 16px;
content: "";
display: block;
width: 265px;
height: 1px;
background: #a4a4a4;
}
#boxFoot01 #ftTxt02:before{ left:0;}
#boxFoot01 #ftTxt02:after{ right: 0;}
#boxFoot01 #ftTxt03{
position: absolute;
top: 150px;
left: 50%;
margin-left: -330px;
line-height: 1.4;
}
#boxFoot01 #ftTxt03 .telnum{
font-size: 28px;
font-weight: 700;
}
#boxFoot01 #ftTxt03 .opentime{
font-size: 13px;
}
#boxFoot01 #btnFoot01{
position: absolute;
top: 150px;
left: 50%;
margin-left: -30px;
}
/* -------------------- */
#boxFoot02{
position: relative;
height: 340px;
background: #434343;
color: #FFF;
line-height: 1.1;
}
#boxFoot02 a{
color: #FFF;
text-decoration: none;
transition: all .6s;
}
#boxFoot02 a:hover{
opacity: .7;
}
#boxFoot02 p{
padding-bottom: 20px;
font-size: 16px;
font-weight: 500;
}
#boxFoot02 ul{
padding: 0 0 0 15px;
border-left: solid 1px #616161;
box-sizing: border-box;
}
#boxFoot02 ul#ftList02,
#boxFoot02 ul#ftList03{
float: left;
width: 50%;
}
#boxFoot02 ul li{
padding-bottom: 20px;
font-size: 13px;
}
#boxFoot02 ul li:last-child{
padding-bottom: 0;
}
#boxFoot02 #boxFootIn01{
position: absolute;
top: 75px;
left: 50%;
width: 250px;
margin-left: -520px;
}

#boxFoot02 #boxFootIn02{
position: absolute;
top: 75px;
left: 50%;
width: 590px;
margin-left: -300px;
}
#boxFoot02 #boxFootIn03{
position: absolute;
top: 75px;
left: 50%;
width: 200px;
margin-left: 320px;
}
/* -------------------- */
#boxFoot03{
position: relative;
/* height: 336px; */
background: #373737;
color: #ededed;
padding: 80px 0 52px
}
#boxFoot03 a{
color: #ededed;
text-decoration: none;
}
#boxFoot03 a:hover{
text-decoration: underline;
}
#boxFoot03 .ftLogo-area {
	display: flex;
}
#boxFoot03 #ftTxt04{
position: absolute;
top: 60px;
left: 50%;
width: 690px;
margin-left: -480px;
font-size: 18px;
font-weight: 700;
}
#boxFoot03 #ftTxt04:before{
position: absolute;
left: -40px;
top: 0;
content: url(/cms/wp-content/themes/original/img/common/img_logo02.png);
display: block;
width: 33px;
height: 31px;
}
/* #boxFoot03 #ftTxt05{
position: absolute;
top: 98px;
left: 50%;
width: 690px;
margin-left: -520px;
font-size: 13px;
} */
#boxFoot03 .ftLogo-area {
	max-width: 1042px;
	margin: auto;
	display: flex;
	align-items: center;
}
#boxFoot03 .ftLogo-area .ftLogo  {
	display: inline-block;
	width: 314px;
	margin-right: 100px;
}
#boxFoot03 .ftLogo-area .ftTxt05  {
	display: inline-block;
}

#boxFoot03 .groupList{
/* position: absolute;
bottom: 115px;
left: 50%; */
width: 1042px;
margin: 50px auto 50px;
/* margin-left: -521px; */
text-align: center;
}
#boxFoot03 .groupList li{
display: inline-block;
line-height: 26px;
font-size: 13px;
}
#boxFoot03 .groupList li:not(:first-child){
margin-left: 50px;
padding-left: 50px;
border-left: solid 1px #575757;
}
#boxFoot03 #copyright{
/* position: absolute;
bottom: 45px;
left: 50%; */
/* width: 350px; */
/* margin-left: -170px; */
text-align: center;
font-size: 13px;
}