@charset "utf-8";
/* CSS Document */

#wrapper {
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
.gm_box {
	width: 100%;
	background-image: url("../img/gm_bg.jpg");
}
.gm {
	width: 1104px;
	height: 59px;
	margin: 0 auto 0 auto;
}
.gm li {
	float: left;
}
.header h1 {
	width: 600px;
	float: left;
}
.clear {
	clear: both;
}
.head_box {
	height: 101px;
	width: 100%;
}
.header {
	width: 1104px;
	margin: 0 auto 0 auto;
}
.header_right {
	float: left;
	width: 502px;
	height: 101px;
}
.container {
	width: 1104px;
	height: 1000px;
	margin: 0 auto 0 auto;
}
.header_right ul {
	height: 16px;
	margin-top: 15px;
}
.header_right ul li {
	float: left;
	margin-left: 46px;
	padding-left: 15px;
	background-image: url('../img/icon.jpg');
	background-repeat: no-repeat;
}
.header_right p {
	margin: 20px 0px 0px 185px;
}
.keyimg {
	width: 1104px;
	height: 440px;
}
.keyimg ul {
	width: 1104px;
	height: 270px;
	margin-top: 30px;
}
.twoimg ul {
	width: 1044px;
	height: 300px;
	height: 150px;
}
.keyimg ul li {
	float: left;
	margin-left: 12px;
}
.twoimg {
	width: 876px;
}
.twoimg ul li {
	float: left;
}
.twoimg ul .li1 {
	margin-top: 6px;
}
.twoimg ul .li2 {
	margin-left: 16px;
}
.news {
	clear: both;
}
.main {
	clear: both;
	float: left;
	width: 876px;
}
.siximg div {
	float: left;
}
.to_form_banner {
	clear: both;
}
.side {
	width: 228px;
	float: left;
}
.side li {
	width: 200px;
	margin: 0 0 10px auto;
}
.footer {
	clear: both;
}
.news {
	width: 876px;
	margin-bottom: 20px;
}
.news h3 {
	width: 844px;
	background-color: #eee;
	border: #ddd solid 1px;
	border-left: #001CAD solid 3px;
	border-bottom: none;
	padding: 5px 0px 5px 30px;
}
.news ul {
	border: #ddd solid 1px;
}
.news ul li {
	margin: 20px 0px 20px 100px;
}
.siximg {
	width: 876px;
	height: 300px;
	background-color: #DBF3FF;
}
.siximg p {
	background-image: url(../img/icon2.jpg);
	background-repeat: no-repeat;
	background-position: 5% 84%;
	padding: 8px 0 0 30px;
}
.siximg div {
	margin-top: 5px;
	border: 1px solid #A9C8FF;
	margin-left: 8px;
	background-color: #EFEFEF;
	height: 140px;
}
.siximg div.cho {
	margin-left: 10px;
}
.to_form_banner {
	width: 876px;
	margin-bottom: 30px;
}
.footer_wrapper {
	width: 100%;
	background-color: #eee;
}
.footer {
	width: 1104px;
	margin: 0 auto 0 auto;
}
.footer .to_top {
	margin-left: 800px;
	margin-right: 100px;
	margin-top: 20px;
}
.footer .footer_logo {
	margin: 30px 0px 0px 0px;
	float: left;
}
.footer .footer_menu {
	margin: 30px 0px 0px 160px;
	float: left;
}
.footer .footer_menu li {
	margin-bottom: 5px;
}
.footer .footer_menu1 {
	width: 250px;
	float: left;
}
.footer .footer_menu2 {
	width: 250px;
	float: left;
}
.footer .footer_box {
	height: 200px;
	background-color: #eee;
}
.pan {
	width: 100%;
}
.pan p {
	width: 1104px;
	height: 28px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
}
.line {
	border: 1px solid #B8B8B8;
}
.side li.line{
	width: 198px;
	margin: 0 0 10px auto;
}
h2 {
	background-image:url(../img/h2.jpg);
	background-repeat: no-repeat;
	height:50px;
	width:880px;
	vertical-align:middle;
}
/*------事業内容ページ-------*/
.jigyou h3 {
	border-bottom: 1px solid #A1A1A1;
	border-left: 5px solid #2963CF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
}
.jigyou div {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}
.jigyou p {
	line-height: 20px;
	float: left;
	width: 546px;
  padding-left: 30px;
}
.s_to_top {
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
.to_top_m {
	margin-left: 70%;
	width: 200px;
}

/*------特徴ページ-------*/

.tokuchou h3 {
	border-bottom: 1px solid #A1A1A1;
	border-left: 5px solid #2963CF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
}

.tokuchou p {
	line-height: 20px;
	width: 880px;
  margin-bottom: 60px;
}
.toku {
	height: 800px;
}

/*------センター紹介ページ-------*/
.office h3 {
	border-bottom: 1px solid #A1A1A1;
	border-left: 5px solid #2963CF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
}
.office div {
	float: left;
	width: 170px;
	margin-bottom: 30px;
}
.office p {
	line-height: 20px;
	float: left;
	width: 546px;
  padding-left: 60px;
  padding-top: 10px;
}
.s_to_top {
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
.to_top_m {
	margin-left: 70%;
	width: 200px;
}


/*------プライバシーポリシーページ-------*/
.privacy h3 {
	border-bottom: 1px solid #A1A1A1;
	border-left: 5px solid #2963CF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
}
.privacy div {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}
.privacy p {
	  line-height: 20px;
  width: 776px;
  padding: 20px 50px;
}
.s_to_top {
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
.to_top_m {
	margin-left: 70%;
	width: 200px;
}

.privacy h4 {
	margin-left: 30px;
	font-weight: bold;
}

.privacy p.right {
	text-align: right;
}

.pr {
	height: 1072px;
}

/*------会社概要ページ-------*/

.gaiyou div {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}
.gaiyou p {
	  line-height: 20px;
  width: 776px;
  padding: 20px 50px;
}
.s_to_top {
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
.to_top_m {
	margin-left: 70%;
	width: 200px;
}

.gaiyou table {
	width: 876px;
	margin-bottom: 50px;
	border: 1px solid #ccc;
}

.gaiyou th {
	width: 15%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #eee;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.gaiyou td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 20px;
	border: 1px solid #ccc;
}


.ga {
	height: 550px;
}

/*------サイトマップ-------*/
.sitemap div {
	padding: 50px 0 50px 50px;
}

.sitemap p{
	margin: 50px 0 50px 50px;
}

.sa {
	height: 950px;
}

/*------お問い合わせフォーム-------*/
.form div {
  height: 750px;
  padding: 50px 0 50px 0px;
}
.form p{
	margin: 50px 0 50px 50px;
}

.sa {
	height: 950px;
}

/*------サービスの流れ-------*/
.nagare div {
	width: 876px;
	height: 750px;
}

.nagare p{
	margin: 50px 0 50px 50px;
}

.sa {
	height: 950px;
}

.nagare div div.nagare_in {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 841px;
}

/*------お客様の声-------*/
.koe div {
	width: 876px;
  height: 700px;
}

.koe p {
  line-height: 40px;
}

.koe p.tochi{
	padding-left: 600px;
  margin-bottom: 50px;
}

.sa {
	height: 950px;
}

.koe div div.koe_in {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 841px;
}

/*------お客様の声-------*/
.qa div {
	width: 876px;
  height: 800px;
}
.qa h3 {
  padding-top: 40px;
  margin-bottom: 50px;
  font-size: 25px;
  background-repeat: no-repeat;
  padding-left: 100px;
  line-height: 40px;
  background-image: url('../img/q1.jpg');
  font-weight: bold;
  color: #1C10CD;
  height: 80px;
  background-position: 0% 50%;
}
.qa p {
  background-position: 0% 50%;
  padding-left: 100px;
  line-height: 40px;
  background-image: url('../img/a1.jpg');
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #CB1F1F;
  margin-bottom: 100px;
}

.sa {
	height: 950px;
}

.qa div div.qa_in {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 841px;
}

.osjtoha p {
  background-position: 0% 50%;
  padding-left: 10px;
  padding-top: 30px;
  line-height: 40px;
  /* background-image: url('../img/a1.jpg'); */
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 26px;
  /* color: #CB1F1F; */
  margin-bottom: 30px;
}

/*------オフィスサービスジャパンとは-------*/

.osjtoha div div.osjtoha_in {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 841px;
}


.osjtoha div {
  width: 876px;
  height: 1000px;
}


.osjtoha p.img {
  background-position: 0% 50%;
  padding-left: 130px;
  line-height: 40px;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 20px;
}

p.lin {
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 60px;
}


p.hl {
  border-bottom: 1px solid #A1A1A1;
  border-left: 5px solid #2963CF;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding-left: 50px; */
  margin: 0;
  font-size: 20px;
  padding: 0;
  padding-left: 10px;
}

p.hhd{
}










#slideshow {
  position: relative;
  width: 1104px;
  height: 411px;
}
.in_wrap {
  width: 1070px;
  margin: auto;
}
#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}