@charset "utf-8";

/*-----------------------------------------*
  フォントサイズ調整
 *-----------------------------------------*/

p, li, dt, dd, th, td {
	font-size: 93%;
}

li li, li p, li dt, li dd,
dd li, dd p, dd dt, dd dd,
th p, th li, th dt, th dd,
td p, td li, td dt, td dd {
	font-size: 100%; /* 変更不要 */
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/*-----------------------------------------*
  共通 レイアウト
 *-----------------------------------------*/

body {
width:840px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	background-image:url(../image/basic/bg_tester.jpg);
	background-repeat:no-repeat;
	text-align: center;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Helvetica,sans-serif;
}
#page {
	width: 840px;
	margin-left:0px;
	margin-right:0px;
	text-align: left;
}

li{
margin:0px;
padding:0px;
}
/*-----------------------------------------*
  下層ページ レイアウト
 *-----------------------------------------*/

#contents {
	background-color: #ffffff;
	padding: 40px 40px 50px;
}

#side {
	float: left;
	width: 100px;
}

#main {
	float: right;
	width: 620px;
	padding-left: 15px;
	border-left: #666666 5px solid;
}

.gnavi{
float:left;
margin:0px;
padding:0px;

}

/*-----------------------------------------*
  トップページ レイアウト
 *-----------------------------------------*/

#index #contents {
	padding: 0;
}
#index #side {
	width: 335px;
	height: 480px;
	background: url(../image/home/pic-01.jpg) no-repeat;
}
#index #main {
	width: 505px;
	height: 480px;
	margin: 0;
	padding: 0;
	border-left: none;
	overflow: auto;
}


/*-----------------------------------------*
  共通ヘッダー
 *-----------------------------------------*/

#header {
width:840px;
}
#header h1 {
}
#header div.menu1 {
}
#header div.menu2 {
	width: 840px;
	height: 250px;
	background: url(../image/information/main.jpg) no-repeat;
}
#header div.menu2 p {
	height: 20px;
	width: 500px;
	padding: 210px 0px 20px 340px;
}


/*-----------------------------------------*
  共通フッター
 *-----------------------------------------*/

#footer { width:840px;
}
#footer p.copyright {
	padding: 20px 0;
	font-size: 85%;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
#footer p.copyright-02 {
	padding: 20px 0;
	font-size: 85%;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	background: url(../image/common/brack_line.gif) no-repeat top;
}

/*-----------------------------------------*
  共通テキスト
 *-----------------------------------------*/

.main_text {
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
}

.main_text15red {
	font: 15px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #7a090e;
}


/*-----------------------------------------*
  トップページ
 *-----------------------------------------*/
#index #side div.recentNews {
	margin: 370px 15px 0;
}
#index #side div.recentNews p {
	margin: 0 0 5px;
	color: #FFFFFF;
}

#index #side div.recentNews p a {
	color: #FFFFFF;
	text-decoration: none;
}
#index #side div.recentNews p a:hover {
	text-decoration: underline;
}

/*-----------------------------------------*
  新着情報
 *-----------------------------------------*/
#main div.newsBlock {
	margin: 2em 0;
}
#main div.newsBlock p.date,
#main div.newsBlock h3.title {
	color: #7a090e;
}
#main div.newsBlock div.text {
	color: #3f3f3f;
	letter-spacing: 0.1em;
}
#main div.newsBlock div.image {
	margin-top: 1em;
}

#main p.pager {
	margin: 4em 0 2em;
	padding: 0;
	text-align: center;
}
#main p.pager a.pager_link,
#main p.pager span.pager_link_current {
	border: 1px #7a090e solid;
	padding: 2px 6px;
	text-decoration: none;
	font-weight: bold;
}
#main p.pager a.pager_link {
	color: #fff;
	background: #7a090e;
}
#main p.pager span.pager_link_current {
	color: #7a090e;
}

/*-----------------------------------------*
  clearfix
 *-----------------------------------------*/
.clearfix,
#contents {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #contents {
	height: 1%;
}

.clearfix,
#contents {
	display: block;
}
/* End hide from IE-mac */

.clearfix:after,
#contents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/*-----------------------------------------*
  recruit02(リクルート）
 *-----------------------------------------*/

#recruit02 #header div.menu2 {
	background: url(../image/recruit02/main.jpg) no-repeat;
}
.guarantee_title {
	padding-bottom: 8px;
}


.office_box01,
.office_box02 {
	position: relative;
	margin: 0;
	padding: 0;
}

.office_box01 .dummy {
	position: absolute;
	top: 0;
	left: 1px;
}
.office_box02 .dummy {
	position: absolute;
	top: 4px;
	right: 3px;
}
.office_box01 .image,
.office_box02 .image {
	display: none;
	position: absolute;
	top: 0;
	margin-top: 0 !important;
}
.office_box01 .image {
	left: 0;
}
.office_box02 .image {
	right: 0;
}
.office05  {
	z-index: 1;
}
.office04  {
	z-index: 2;
}
.office03  {
	z-index: 3;
}
.office02  {
	z-index: 4;
}
.office01 {
	z-index: 5;
}
.office_box01 .text {
	height: 80px;
	margin: 0px;
	padding: 100px 0px 0px 190px;
}

.office_box02 .text {
	height: 80px;
	margin: 0px;
	padding: 100px 0px 0px;
}

/*-----------------------------------------*
  concept01
 *-----------------------------------------*/

#concept01 #header div.menu2 {
	background: url(../image/concept01/main.jpg) no-repeat;
}

/*-----------------------------------------*
  link
 *-----------------------------------------*/

#link #header div.menu2 {
	background: url(../image/link/main.jpg) no-repeat;
}
.link {
	background: url(../image/link/line.gif) no-repeat top;
	padding-top: 10px;
	color: #7A090E;
	font: bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-bottom: 5px;
	letter-spacing: 0.2em;
}

/*-----------------------------------------*
  privacy
 *-----------------------------------------*/

#privacy #header div.menu2 {
	background: url(../image/privacy/main.jpg) no-repeat;
}
.privacy {
	padding-top: 30px;
	color: #7A090E;
	font: bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-bottom: 3px;
	letter-spacing: 0.2em;
}
/*-----------------------------------------*
  recruit01(リクルート）
 *-----------------------------------------*/

#recruit01 #header div.menu2 {
	background: url(../image/recruit01/main.jpg) no-repeat;
}
.recruit {
	padding-top: 10px;
	color: #7A090E;
	font: bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-bottom: 1px;
	letter-spacing: 0.2em;
}

/*-----------------------------------------*
  recruit03
 *-----------------------------------------*/

#recruit03 #header div.menu2 {
	background: url(../image/recruit03/main.jpg) no-repeat;
}
.recruit03_name {
	font: 17px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../image/recruit03/line.gif) no-repeat left bottom;
	color: #7A090E;
	float: right;
	width: 500px;
	padding-bottom: 3px;
}
.recruit03_text01 {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #7A090E;
	float: right;
	width: 500px;
	padding-left: 5px;
	padding-top: 5px;
}
.recruit03_text02 {
	font: bold 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #7A090E;
	padding-bottom: 5px;
	margin-top:10px;
}
.recruit03_name02 {
	font: 17px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../image/recruit03/line.gif) no-repeat left bottom;
	color: #7A090E;
	float: left;
	width: 640px;
	padding-bottom: 3px;
	margin-top: 20px;
}
.recruit03_text01-02 {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #7A090E;
	float: left;
	width: 640px;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom:15px;
}


/*-----------------------------------------*
  company03
 *-----------------------------------------*/

#company03 #header div.menu2 {
	background: url(../image/company03/main.jpg) no-repeat;
}
.company03_map {
	padding: 20px 5px 0px 0px;
	float: left;
	vertical-align: top;
}
.company03_pic {
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	width: 250px;
}
.company03_text {
	float: right;
	padding-top: 5px;
	vertical-align: bottom;
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
}

/*-----------------------------------------*
  company02
 *-----------------------------------------*/
 
#company02 #header div.menu2 {
	background: url(../image/company02/main.jpg) no-repeat;
}
.company02_text {
	padding: 15px 0px 10px 5px;
	font: 12px/1.2em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	letter-spacing: 0.1em;
	vertical-align: top;
}

/*-----------------------------------------*
  company01
 *-----------------------------------------*/
 
#company01 #header div.menu2 {
	background: url(../image/company01/main.jpg) no-repeat;
}
.company01_text {
	padding: 15px 0px 10px 5px;
	font: 12px/1.2em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	letter-spacing: 0.1em;
	vertical-align: top;
}


/*-----------------------------------------*
  guarantee
 *-----------------------------------------*/

#guarantee #header div.menu2 {
	background: url(../image/guarantee/main.jpg) no-repeat;
}


/*-----------------------------------------*
  yokohama
 *-----------------------------------------*/

#yokohama #header div.menu2 {
	background: url(../image/yokohama/main.jpg) no-repeat;
}
#main div.yokohamaBlock {
	margin: 0em 0 2em;
}
.yokohama_text {
	background: url(../image/yokohama/pic02.gif) no-repeat 30px 20px;
	padding-top: 100px;
	padding-left: 30px;
	font: 12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
}


/*-----------------------------------------*
  elevendial
 *-----------------------------------------*/

#elevendial #header div.menu2 {
	background: url(../image/elevendial/main.jpg) no-repeat;
}
.eleven {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	
	padding-bottom: 20px;
	height: 350px;
	vertical-align: middle;
}


/*-----------------------------------------*
  concept03
 *-----------------------------------------*/

#concept03 #header div.menu2 {
	background: url(../image/concept03/main.jpg) no-repeat;
}
#main div.conceptBlock {
	margin: 0em 0 2em;
}
.concept03_text {
	padding-top: 8px;
	padding-bottom: 30px;
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	letter-spacing: 0.1em;
}

/*-----------------------------------------*
  concept02
 *-----------------------------------------*/

#concept02 #header div.menu2 {
	background: url(../image/concept02/main.jpg) no-repeat;
}
.concept02_text {
	padding-top: 8px;
	padding-bottom: 40px;
	font: 12px/1.4em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
}

/*-----------------------------------------*
  concept01
 *-----------------------------------------*/

#concept01 #header div.menu2 {
	background: url(../image/concept01/main.jpg) no-repeat;
}
.concept01-1 {
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	padding-left: 170px;
	padding-top: 75px;
	float: left;
}
.concept-02 {
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	float: right;
	padding-right: 10px;
	padding-top: 70px;
	padding-left: 10px;
}


/*-----------------------------------------*
  works02
 *-----------------------------------------*/

#works02 #header div.menu2 {
	background: url(../image/works02/main.jpg) no-repeat;
}
#main div.worksBlock {
	margin: 0em 0 2em;
}.works_text {
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	padding-top: 8px;
	vertical-align: top;
}
.works_pic {
	font: 12px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	padding-top: 8px;
	vertical-align: top;
	padding-right: 8px;
}

/*-----------------------------------------*
  sitemap
 *-----------------------------------------*/
#sitemap #header div.menu2 {
	background: url(../image/sitemap/main.jpg) no-repeat;
}.sitemap_text01 {
	font: bold 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #7A090E;
	padding-bottom: 2px;
}
.sitemap_text02 {
	font: 12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	padding-left: 10px;
}

/*-----------------------------------------*
  basic
 *-----------------------------------------*/
.basic_photo {
	padding-left: 100px;
}

/*-----------------------------------------*
  construction
 *-----------------------------------------*/
.construction_text {
	font-size: 15px;
	color: #7A090E;
	height: 400px;
	width: 640px;
}

/*-----------------------------------------*
  works01
 *-----------------------------------------*/
#works01 #header div.menu2 {
	background: url(../image/works01/main.jpg) no-repeat;.works01-left {
	float: left;
	width: 165px;
}

.works01_01 {
	float: left;
	width: 165px;
	font: 13px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #3F3F3F;
	padding-top: 45px;
}

/*-----------------------------------------*
  jq読み込み
 *-----------------------------------------*/

a{
	text-decoration:none;
	color:#f30;	
}
p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}



/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}