@charset "utf-8";

/* リセットの追加
----------------------------------------------- */

* {
}

html {
	font-size: 62.5%;
	line-height: 1.625;
}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	border: 0;
	outline: 0;
}

a:link, a:visited, a:hover, a:active {
	color: inherit;
	text-decoration: inherit;
}

li {
	list-style: none;
}

strong, em {
	font-weight:inherit;
	font-style:inherit;
}

/* Clearfix
----------------------------------------------- */

.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

/* IE 6〜7のための指定 */
.clearfix {
   zoom:1;
}

/* 全体構造のCSS
----------------------------------------------- */

div#wrapper {
	width:860px;
	margin: 0 auto;
	padding-bottom: 26px;
}

/* header部分のCSS
----------------------------------------------- */

div#wrapper header {
	background: url('../img/headerBack.jpg') top center no-repeat ;
	width: 100%;
	height: 592px;
	position: relative;
}

div#wrapper header #headerLogo {
	top: 35px;
	left: 25px;
	position: absolute;
}
div#wrapper header #headerP01{
	top: 120px;
	left: 25px;
	position: absolute;
}
div#wrapper header #headerFacebook {
	top: 51px;
	left: 430px;
	position: absolute;
}
div#wrapper header #headerFacebook a:hover {
	position: relative;
	top: 2px;
}

div#wrapper header object {
	top: 207px;
	left: 18px;
	position: absolute;
}

div#wrapper header .closed1 {
	position: absolute;
	top: 580px;
	left: 0;
}

/* Preflow部分のCSS
----------------------------------------------- */
div#wrapper #preflow {
	width: 100%;
}
div#wrapper #preflow p {
	padding-top: 40px;
	text-align: center;
}
/* Header2部分のCSS
----------------------------------------------- */
div#wrapper #header2 {
	width: 100%;
}
div#wrapper #header2 h2#headerLeave {
	padding-top: 44px;
	text-align: center;
}
div#wrapper #header2 h3 {
	padding-top: 24px;
	text-align: center;
}

/* Linup部分のCSS
----------------------------------------------- */

div#wrapper div#lineup {
	margin-top: 40px;
	padding: 0 30px;
}

/* Call部分のCSS
----------------------------------------------- */

div#wrapper section#call1 {
	margin-top: 48px;
}
div#wrapper section#call1 img.callArrow {
	margin: 8px auto 0px;
	display: block;
}
div#wrapper section#call2 {
	margin-top: 40px;
}
div#wrapper section#call2 h2 {
	text-align: center;
}
div#wrapper section#call2 img.callArrow {
	margin: 34px auto 0px;
	display: block;
}
div#wrapper section#call2 div.callBox div.contact {
	/*margin-top: 12px;*/
}
div#wrapper section#call2 div.callBox div.contact #contactFAX {
	margin-top: 32px;
}
div#wrapper section#call2 div.callBox section.hattori {
	margin-top: 16px;
	padding-left: 8px;
	border-top: none;
	border-bottom: none;
	position: relative;
}
div#wrapper section#call2 div.callBox section.hattori .hattoriLogo2 {
	position: absolute;
}
div#wrapper section#call2 div.callBox section.hattori .hattoriAddr2 {
	margin-left: 112px;
}
div#wrapper section#call2 div.callBox section.hattori .hattoriAddr2 .hattoriPlace2 {
	margin-top: 6px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2857142;
	margin-left: 0;
}
div#wrapper section#call2 div.callBox section.hattori .hattoriAddr2 .hattoriPlace3 {
	display: block;
	padding-top: 4px;
}
div#wrapper section#call2 div.callBox section.hattori .hattoriCont2 {
	position: absolute;
	width: 309px;
	top: 20px;
	right: -14px;
}

div#wrapper section.call div.callBox {
	width: 780px;
	margin: 20px auto 0px;
}

div#wrapper section.call p.callBtn {
	margin: 24px -8px auto auto;
	position: relative;
}
div#wrapper section.call p.callBtn:hover {
	top:2px;
}
div#wrapper section.call address {
	width: 780px;
	height: 126px;
	position: relative;
	font-style: normal;
}
div#wrapper section.call address p.telcallHead {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.363636;
	padding-top: 28px;
	font-weight: bold;
}
div#wrapper section.call address p.telcallNumber {
	font-size: 74px;
	font-size: 7.4rem;
	font-weight: bold;
	position: absolute;
	top: 16px;
	left: 182px;
	color:#00318f;
	font-family: 'Noto Sans', sans-serif;
}
div#wrapper section.call address p.telcallStaff {
	font-size: 20px;
	font-size: 2rem;
	width: 650px;
	text-align: right;
	font-weight: bold;
	margin-top: 12px;
}
div#wrapper section.call address p.telcallStaff span {
	font-size: 16px;
	font-size: 1.6rem;
}
div#wrapper section.call address small {
	font-size: 18px;
	font-size: 1.8rem;
	position: absolute;
	top: 102px;
	left: 0px;
}
div#wrapper section.call address img {
	position: absolute;
	top: 0px;
	left: 668px;
}
div#wrapper section.call .tokuten {
	position: relative;
	margin-top: 10px;
}
div#wrapper section.call .tokuten .closed2 {
	position: absolute;
	top: 15px;
	left: 0;
}

div#wrapper section.call section.hattori {
	/*margin-top: 16px;*/
	border-top: #000 solid 1px ;
	border-bottom: #000 solid 5px ;
	padding-top: 18px;
	padding-bottom: 12px;
	padding-left: 120px;
	position: relative;
}
div#wrapper section.call section.hattori img.hattoriLogo {
	position: absolute;
	top: 18px;
	left: 148px;
}
div#wrapper section.call section.hattori p {
	margin-left: 144px;
}
div#wrapper section.call section.hattori p.hattoriName {
}
div#wrapper section.call section.hattori p.hattoriPlace {
	margin-top: 14px;
	font-size: 14px;
	font-size: 1.4rem;
}
div#wrapper section.call section.hattori p.hattoriCont {
	margin-top: 14px;
}



/* Techno部分のCSS
----------------------------------------------- */

div#wrapper section#techno {
	margin: 36px auto 0px;
	width: 800px;
}

div#wrapper section#techno h2 {
}

div#wrapper section#techno div.technoBox {
	padding-top: 80px;
	padding-left: 178px;
	position: relative;
	margin-top: 8px;
}
div#wrapper section#techno div#technoBox03 {
	margin-top: 42px;
}
div#wrapper section#techno div#technoBox04 {
	margin-top: 42px;
}
div#wrapper section#techno div.technoBox h4 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}
div#wrapper section#techno div.technoBox div {
	width: 612px;
}
div#wrapper section#techno div.technoBox div h3 {
}
div#wrapper section#techno {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.625;
	text-align: justify;
	background: url('../img/noshrink.gif') repeat ;
}
div#wrapper section#techno div.technoBox div p.mt12 {
	margin-top: 12px;
}
div#wrapper section#techno p.mt16 {
	margin-top: 16px;
}
div#wrapper section#techno div.technoBox div p#technoImg_01 {
	text-align: center;
}
div#wrapper section#techno div.technoBox div img#technoImg_03 {
	float: right;
	padding: 0px 0px 12px 14px;
}


/* Option部分のCSS
----------------------------------------------- */

div#wrapper section#option {
	margin: 36px auto 0px ;
	width: 810px;
}
div#wrapper section#option p {
	margin-left: -2px;
}

/* Flow部分のCSS
----------------------------------------------- */

div#wrapper section#flow {
	margin: 68px auto 0px;
	width: 780px;
}

div#wrapper section#flow h3,
div#wrapper section#flow p {
	margin-left: 50px;
}

div#wrapper section#flow h3 {
	margin-top: 30px;
	height: 34px;
}

div#wrapper section#flow p {
	margin-top: 12px;
	padding-left: 16px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.545454545;
	background: url('../img/noshrink.gif') repeat ;
}

/* TOPへ戻るのCSS
----------------------------------------------- */

div#wrapper footer {
	margin: 28px auto 0px;
	width: 780px;
	font-size: 16px;
	font-size: 1.6rem;
}

div#wrapper footer a:hover,
div#wrapper footer a:active {
	text-decoration: underline;
}
div#wrapper footer p#tofacebook {
	float:left;
}
div#wrapper footer p#totop {
	text-align: right;
}