@charset "utf-8";

body {
background:url(../images/bk_body_cover.jpg) repeat 0 0;
}

/* ================================================================================ */
/*      wrapper    */  
/* ================================================================================ */
.innerBody{
width:100%;
background-color:hsl(223,50%,53%);
background-image: linear-gradient(to bottom,hsl(223,50%,53%) 0% 5px, #fff 5px 110px,hsl(223,50%,53%) 110px 180px,#fff 180px 100%);
}
.wrapper{
width:1000px;
margin:0 auto;
padding:0;
position:relative;
}
/* ================================================================================ */
/*      header     */  
/* ================================================================================ */
.header {
width:1000px;
height:180px;
margin-bottom:30px;
position:relative;
}
.header .mainTitle {
position:absolute;
width:325px;
top:50px;
left:0px;
}

.header .innerBlock {
width:1000px;
margin:0 auto;
position:relative;
}

/* -----------------------------------------
電話でのお問い合わせ
----------------------------------------- */
#headerBlock_Contact{
position:absolute;
width:350px;
height:45px;
top:50px;
right:0px;
background:url(../images/tel.gif) no-repeat right 0;
}

#headerBlock_Contact p{display:none;}


/* -----------------------------------------
グローバルナビゲーション
----------------------------------------- */
#navBlock {
position:absolute;
width:1000px;
height:70px;
top:calc(180px - 70px);
left:0;
font-size:16px;
line-height:1.0;
background:hsl(223,50%,53%);
}

#navBlock ul{
width:1000px;
height:70px;
display:flex;
}

#navBlock li{
text-align:center;
width:50%;
}

#navBlock ul li a{
line-height:70px;
display:block;
height:70px;
color:#ffffff;
text-decoration:none;
outline:none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

#navBlock ul li a:hover,
#navBlock ul li.current{
background:hsl(223,62%,60%);
}


/* -----------------------------------------
fig_main
----------------------------------------- */
body.p_home .fig_main{
width:1000px;
width:100%;
height:373px;
margin:0 auto 36px;
background-image:url(../images/fig_main.jpg) ;
background-repeat：no-repeat;
background-position: center bottom;
background-size:100% auto;
	position:relative;
	z-index:1;
border:1px solid #d5d5d5;
border-radius:2px;
}

.fig_main span{display:none;}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */

.contContainer {
width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-direction:row-reverse;
padding-bottom:40px;
}

/* -----------------------------------------
h2,h3,h4
----------------------------------------- */
.contHead h2{width:1000px;height:94px;margin-bottom:24px;}
.contHead h2 span{display:none;}

.p_contact .contHead h2{background:url(../images/h2_contact.png) no-repeat 0 0;}
.p_siteguide .contHead h2{background:url(../images/h2_siteguide.png) no-repeat 0 0;}

.contBody h3{
clear:both;
height:55px;
margin-top:24px;
margin-bottom:24px;
padding-left:24px;
line-height:56px;
color:#fff;
font-size:16px;
font-weight:normal;
letter-spacing:5px;
background:url(../images/bk_h3.jpg) repeat-x 0 0;
border-radius:8px;
}
.contBody h3:first-child{margin-top:0;}

.contBody h3 span{display:none;}

.p_siteguide .contBody h3{
font-size:14px;
font-weight:bold;
height:30px;
line-height:30px;
margin-top:24px;
padding-left:0;
color:#6c82bc;
background-image:none;
border-bottom:1px solid #ccc;
border-radius:0;
}
.p_contact .contBody h4{
font-size:14px;
font-weight:bold;
height:30px;
line-height:30px;
margin-top:24px;
margin-bottom:12px;
padding-left:16px;
color:#404040;
background:url(../images/icon_dot2.gif) no-repeat 0 50%;
border-bottom:1px solid #ccc;
border-radius:0;
}

/* ================================================================================ */
/*      sideBlock     */  
/* ================================================================================ */
.infoBlock{
width:260px;
padding:0px;
line-height:1.6;
}
.infoBlock .innerBox h3 span{display:none;}
.infoBlock .innerBox h3{
height:42px;
margin-bottom:9px;
background:hsl(223,50%,53%) url(../images/btn_access.svg) no-repeat center 50%;
background-size:162px auto;
}
.infoBlock .innerBox{
padding:2px;
text-align:left;
background-color:#fff;
border:1px solid #d5d5d5;
}
.infoBlock .innerBox img.info_hd{
margin:0 2px 4px;
padding:0;
width:calc(100% - 4px);
max-width:100%;
}
.infoBlock .innerBox .wrp img{
width:100%;
margin:0 auto;
}
.infoBlock .innerBox .wrp{
width:calc(100% - 18px);
margin:0 auto;
padding-bottom:0;
line-height:1.6;
}

/* ================================================================================ */
/*      コンテンツ    */  
/* ================================================================================ */
.contBody{
width:700px;
margin-bottom:30px;
}

.innerBox{
margin-bottom:12px;
position:relative;
}

/* --------------------------
common
-------------------------- */
.innerBox span{display:none;}
.innerBox > p{height:100%;margin-bottom:12px;}
.icon_margin{width:60px;padding-left:20px;}

.contBody ul{
margin:12px 11px 24px;
text-align:left;
color:#333;
}
.contBody ul li{
padding-left:18px;
background:url(../images/icon_dot2.gif) no-repeat 0 4px;
}
.waku{border:1px solid #ccc;margin-bottom:24px;padding:12px 24px;}

.wrp_map{
margin:24px auto;
}

.infoBlock .innerBox .wrp_map{
margin:9px auto 0;
}

/* --------------------------
btn
-------------------------- */
.btn_detail{
clear:both;
height:13px;
line-height:1.0;
margin:-75px 10px 30px 0;
padding:17px 0px 15px;
text-align:right;
}

.btn_detail span{
padding:8px 15px 8px 21px;
background:#ba9a2d url(../images/icon_ya_r.gif) no-repeat 6px 50%;
border-radius:3px;
}

.btn_detail a{color:#fff;text-decoration:none;}


/* --------------------------
company
-------------------------- */
.p_company dt{font-weight:bold;}


/* --------------------------
access
-------------------------- */
.contBody .info_access{
display:flex;
gap:15px;
}

.contBody .info_access dt{
font-weight:bold;
}

/* ================================================================================ */
/*      footer     */  
/* ================================================================================ */
.footer {
width:100%;
background-color:#cfdbef;
}
.footer .innerBlock {
position:relative;
padding-top:40px;
padding-bottom:40px;
width:1000px;
margin:0 auto;
}
.footer .kiyaku{
width:16em;
float:right;
text-align:right;
font-size:11px;
line-height:1.2;
padding-top:2px;
padding-right:1em;
padding-left:1em;
border-right:1px solid #999;
border-left:1px solid #999;
background:url(../images/icon_ya_r2.gif) no-repeat 7px 2px;
}

.footer address{
font-size:11px;
font-style:normal;
}
.footer span{
display:none;
}

.footer a:link {
color:#0000cc;
text-decoration:none;
outline:none;
}
.footer a:visited {
color:#0000cc;
	text-decoration:underline;
}
.footer a:hover {
color:#000099;text-decoration:underline;
}
.footer a:active {
color:#000099;
text-decoration:underline;
}

/* ================================================================================ */
/*      RETURN PAGE TOP      */
/* ================================================================================ */
#pagetop_Block {
width:100%;
	z-index:1000;
	text-align:center;
background:#ccc;
}
#pagetop{
	position:fixed;
    bottom: 90px;
    right: 50px;
	z-index:1000;
	text-align:center;
}
#pagetop span{
	display:none;
}
#pagetop a{
	width:80px;
	height:30px;
	display:block;
	margin:0 0 50px 0;
	padding:5px 10px;
	background:#999999 url(../images/btn_pagetop.png) no-repeat 15px 50%;
	font-size:77%;
	color: #000;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
	border-radius:5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}
#pagetop a:hover {
	background: #999999 url(../images/btn_pagetop.png) no-repeat 15px 50%; /* ie用 */
	color: #fff;
	box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
	color: #fff;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}


.bk_shiro{background-color:#fff;}