@charset "UTF-8";

.header {
	width:100%;
	height:auto;
	float:left;
	background:#0d3181;
	color:#FFF;
	position:relative;
	z-index:10;
}

.header-box {
	width:980px;
	height:auto;
	min-height:120px;
	margin:0 auto;
	text-align:left;
}

.header-box .title {
	width:auto;
	height:auto;
	float:left;
	font-size:130%;
	font-weight:bold;
	margin-top:45px;
}

.header-box .title a {
	color:#FFFFFF;
}

.header-telbox {
	width:210px;
	height:auto;
	float:right;
	margin-left:30px;
	text-align:center;
	padding:10px 0 0 0;
	box-sizing:border-box;
}

.header-telbox .tel {
	width:100%;
	height:auto;
	float:left;
}

.header-telbox .tel02 {
	width:100%;
	height:auto;
	float:left;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:5px;
}

.header-telbox .mail {
	width:100%;
	height:auto;
	float:left;
}

.header-telbox .mail a {
	display:block;
	background:#FFFFFF;
	color:#0d3181;
	font-weight:bold;
	width:100%;
	height:auto;
	float:left;
	padding:2px 10px;
	border-radius:7px;
	box-sizing:border-box;
}

.header-telbox .mail a:hover {
	background:#19d8ff;
	color:#FFFFFF;
}



.header-box .manu {
	width:auto;
	height:auto;
	float:right;
	margin-top:45px;
}

.header-box .manu li {
	width:auto;
	height:auto;
	float:right;
	margin-left:30px;
	position: relative;
	display: block;
}

.header-box .manu li a {
	color:#FFFFFF;
}

.header-box .manu li a:hover {
	color:#6CF;
}

.header-sp {
	display:none;
}


.main-img {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/TopPage/main-bg.png) center center no-repeat;
	background-size:cover;
	position:relative;
	z-index:5;
}

.main-img-area {
	width:980px;
	height:auto;
	min-height:400px;
	margin:0 auto;
	position:relative;
}

.main-img-logo {
	position:absolute;
	top:150px;
	right:0;
}

.main {
	width:100%;
	height:auto;
	float:left;
}

.main-bg01 {
	background:url(../Images/TopPage/line-bg.png) center center repeat-x;
	margin-top:20px;
	margin-bottom:20px;
}

.Top-maintxt {
	width:860px;
	height:auto;
	min-height:30px;
	background:#FFF;
	margin:0 auto;
	text-align:center;
}

.bg01 {
	background:url(../Images/TopPage/bg01.png) top;
	background-size:cover;
	margin-top:100px;
}

.main-box {
	width:980px;
	height:auto;
	min-height:10px;
	margin:0 auto;
	position:relative;
}

.Top-imgbox-area {
	margin-top:-100px;
	position:relative;
	z-index:1;
}

.Top-imgbox {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

.Top-imgbox li {
  display: table-cell;
  vertical-align: middle;
}

.Top-imgbox li img {
	width:100%;
	vertical-align:middle;
}

.Top-imgtxt {
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:2;
	margin-top:-50px;
}

.Top-imgtxt-box {
	width:860px;
	height:auto;
	min-height:60px;
	margin:0 auto 70px auto;
	background:rgba(255,255,255,0.9);
	padding:20px;
	box-sizing:border-box;
	font-size:85%;
}

.Top-Title {
	width:100%;
	height:auto;
	float:left;
	font-size:200%;
	font-weight:bold;
	color:#0d3181;
}

.Top-SubTitle {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/TopPage/line-bg.png) center center repeat-x;
	margin-bottom:30px;
}

.Top-SubTitle span {
	padding:5px 10px;
	background:#0d3181;
	color:#19d8ff;
	vertical-align:middle;
	line-height:0.5;
}

.TopList-area {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
}

.TopList {
	width:239px;
	height:auto;
	float:left;
	border:1px solid #0d3181;
	box-sizing:border-box;
	margin-right:8px;
}

.TopList-end {
	width:239px;
	height:auto;
	float:right;
	border:1px solid #0d3181;
	box-sizing:border-box;
}

.TopListImg {
	width:100%;
	height:auto;
	float:left;
}

.TopListImg img {
	width:100%;
	vertical-align:middle;
}

.TopListTitle {
	width:100%;
	height:auto;
	float:left;
	background:#0d3181;
	border-bottom:1px solid #FFF;
	padding:10px 10px 3px 10px;
	box-sizing:border-box;
	font-size:140%;
	color:#FFFFFF;
}

.TopListTxt {
	width:100%;
	height:auto;
	float:left;
	background:#0d3181;
	padding:3px 10px 10px 10px;
	box-sizing:border-box;
	font-size:85%;
	color:#FFFFFF;
}

.TopList:hover,.TopList-end:hover {
	opacity:0.5;
}

.footer-manu {
	width:100%;
	height:auto;
	float:left;
	background:#0d3181;
	color:#FFFFFF;
}

.footer-left {
	width:30%;
	height:auto;
	min-height:110px;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
	text-align:left;
	box-sizing:border-box;
	border-right:1px solid #FFF;
	margin-right:5%;
}

.footer-cen {
	width:35%;
	height:auto;
	min-height:110px;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
	box-sizing:border-box;
	border-right:1px solid #FFF;
	margin-right:5%;
}

.footer-right {
	width:25%;
	height:auto;
	min-height:110px;
	float:right;
	margin-top:50px;
	margin-bottom:50px;
	box-sizing:border-box;
}

.footer-list {
	width:auto;
	height:auto;
	float:left;
	text-align:left;
	margin-right:30px;
}

.footer-list li {
	padding-bottom:5px;
	font-size:85%;
}

.footer-list li a {
	color:#FFFFFF;
}

.footer-list li a:hover {
	color:#69C;
}

.footer-title {
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

.footer-txt {
	font-size:85%;
}

.footer {
	width:100%;
	height:auto;
	float:left;
	background:#1950cc;
}

.footer-end {
	width:980px;
	height:auto;
	min-height:20px;
	margin:0 auto;
	padding:20px 0;
	color:#FFF;
	font-size:85%;
}

/*------------------------------------------------内部ページ用------------------------------------------------*/


.Temp-Title {
	width:100%;
	height:auto;
	min-height:160px;
	float:left;
	background:url(../Images/All/title-bg.png);
	background-size:cover;
	margin-bottom:80px;
	position:relative;
}

.Temp-Title-box {
	width:980px;
	height:auto;
	min-height:10px;
	margin:0 auto;
	position:relative;
}

.Temp-Title-in {
	width:100%;
	height:auto;
	position:absolute;
	top:100px;
	background:#3e9ffc;
	padding:30px 20px;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:140%;
	line-height:1.4em;
	letter-spacing:0.2em;
}

.Temp-Title-in span {
	font-size:60%;
}

.Temp-Title-icon {
	position:absolute;
	bottom:-22px;
	left:50%;
	width:auto;
	height:auto;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.Temp-SubTitle {
	width:100%;
	height:auto;
	float:left;
	background:url(../Images/All/line-bg.png) center center repeat-x;
	margin-bottom:30px;
}

.Temp-SubTitle-h2 {
	height:auto;
	min-height:10px;
	background:#FFFFFF;
	padding:10px 25px;
	margin:0 auto;
	font-size:130%;
	color:#3e9ffc;
	box-sizing:border-box;
}

.Title-size01 {
	width:200px;
}

.Title-size02 {
	width:300px;
}

.Temp-SubTitle02 {
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	color:#0d3181;
	font-weight:bold;
	font-size:120%;
	text-align:left;
}

.Temp-SubTitle03 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
}

/*------------------------------------------------取扱商品------------------------------------------------*/

.Product-SubTitle {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	text-align:left;
	color:#0d3181;
	font-weight:bold;
}

.Product-Box {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
}

.Product-List {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

.Product-List-sp {
	display:none;
}


.Product-List li {
  display: table-cell;
  vertical-align: middle;
  font-size:90%;
  line-height:1.6em;
  position:relative;
}

.Product-List li a {
	display:block;
	padding:10px;
	box-sizing:border-box;
	color:#FFFFFF;
}

.Product-List li.Li01 {
	background:#0d3181;
	color:#FFFFFF;
}

.Product-List li.Li02 {
	background:#0f3994;
	color:#FFFFFF;
}

.Product-List li.Li03 {
	background:#abb7d3;
	color:#FFFFFF;
}

.Product-List li .icon  {
	width:auto;
	height:auto;
	position:absolute;
	bottom:-12px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.Product-List li.Li01 a:hover,.Product-List li.Li02 a:hover,.Product-List li.Li03 a:hover {
	background:#abb7d3;
	color:#FFFFFF;
}

.Product-List li:hover {
	background:#abb7d3;
	color:#FFFFFF;
}


.ProductList {
	width:320px;
	height:auto;
	float:left;
	border:1px solid #0d3181;
	box-sizing:border-box;
	margin-right:10px;
	position:relative;
}

.ProductList-end {
	width:320px;
	height:auto;
	float:right;
	border:1px solid #0d3181;
	box-sizing:border-box;
	position:relative;
}

.ProductList-iconbox {
	width:100%;
	height:auto;
	min-height:40px;
	float:left;
	text-align:right;
	position:relative;
}

.ProductList-iconbox img {
	position:absolute;
	vertical-align:middle;
	right:0;
	top:0;
}

.ProductListImg {
	position:absolute;
	left:0;
	top:7px;
	width:180px;
	height:auto;
	z-index:10;
}

.ProductListImg img {
	vertical-align:middle;
}

.ProductListTxt {
	width:100%;
	height:auto;
	float:left;
	background:#0d3181;
	border-bottom:1px solid #FFF;
	padding:10px 10px 3px 150px;
	box-sizing:border-box;
	font-size:85%;
	color:#FFFFFF;
	text-align:left;
}

.ProductListTitle {
	width:100%;
	height:auto;
	float:left;
	background:#0d3181;
	padding:3px 10px 10px 150px;
	box-sizing:border-box;
	font-size:120%;
	color:#FFFFFF;
	text-align:left;
}

.ProductListTitle span {
	position:relative;
	z-index:25;
}

.ProductList:hover,.ProductList-end:hover {
	opacity:0.5;
}

.ProductList-endtxt {
	width:100%;
	height:auto;
	min-height:40px;
	float:left;
	text-align:left;
	box-sizing:border-box;
	padding:10px 0 0 170px;
	font-size:85%;
	font-weight:bold;
	color:#0d3181;
	position:relative;
}

.ProductList-endtxt img {
	vertical-align:middle;
	position:absolute;
	left:150px;
	top:15px;
}

.overlay {
      width: 100%;
      height: 100%;
      position: fixed;
      overflow:hidden;
      top: 0;
      left: 0;
      z-index: 100;
      background: rgba(255,255,255,0.9);
  }
  
#linkbox01 {display: none;}
#linkbox02 {display: none;}
#linkbox03 {display: none;}
#linkbox04 {display: none;}
#linkbox05 {display: none;}
#linkbox06 {display: none;}
#linkbox07 {display: none;}
#linkbox08 {display: none;}
#linkbox09 {display: none;}
#linkbox10 {display: none;}
#linkbox11 {display: none;}
#linkbox11 {display: none;}
#linkbox12 {display: none;}
#linkbox13 {display: none;}
#linkbox14 {display: none;}
#linkbox15 {display: none;}
#linkbox16 {display: none;}
#linkbox17 {display: none;}
#linkbox18 {display: none;}
#linkbox19 {display: none;}
#linkbox20 {display: none;}
#linkbox21 {display: none;}
#linkbox22 {display: none;}
#linkbox23 {display: none;}
#linkbox24 {display: none;}
#linkbox25 {display: none;}
#linkbox26 {display: none;}
#linkbox27 {display: none;}
#linkbox28 {display: none;}
#linkbox29 {display: none;}
#linkbox30 {display: none;}
#linkbox31 {display: none;}
#linkbox32 {display: none;}
#linkbox33 {display: none;}
#linkbox34 {display: none;}
#linkbox35 {display: none;}
#linkbox36 {display: none;}
#linkbox37 {display: none;}
#linkbox38 {display: none;}
#linkbox39 {display: none;}
#linkbox40 {display: none;}
#linkbox41 {display: none;}
#linkbox42 {display: none;}
#linkbox43 {display: none;}
#linkbox44 {display: none;}
#linkbox45 {display: none;}
#linkbox46 {display: none;}
#linkbox47 {display: none;}
#linkbox48 {display: none;}
#linkbox49 {display: none;}
#linkbox50 {display: none;}

.overlay-box {
	width:100%;
	height:auto;
	float:left;
	margin-top:70px;
	margin-bottom:30px;
}

.overlay-box-in {
	width:770px;
	height:auto;
	min-height:10px;
	margin:0 auto;
	position:relative;
}

.overlay-box-left {
	width:200px;
	height:auto;
	float:left;
}

.overlay-box-right {
	width:550px;
	height:auto;
	float:right;
}

.overlay-title {
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #0d3181;
	color:#0d3181;
	text-align:left;
}

.overlay-title02 {
	width:100%;
	height:auto;
	float:left;
	font-size:130%;
	font-weight:bold;
	color:#0d3181;
	text-align:left;
	margin-bottom:30px;
}

.overlay-subtitle {
	width:100%;
	height:auto;
	float:left;
	color:#0d3181;
	text-align:left;
	margin-bottom:3px;
}

.overlay-txtbox {
	width:100%;
	height:260px;
	min-height:260px;
	overflow-y:scroll;
	overflow-x:hidden;
	float:left;
	border:1px solid #0d3181;
	padding:10px;
	box-sizing:border-box;
	text-align:left;
	color:#0d3181;
	margin-bottom:20px;
}

.overlay-imgbox {
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;
}


.overlay-imgbox p.img01 {
	width:250px;
	height:auto;
	float:left;
	margin-right:10px;
}

.overlay-imgbox p.img02 {
	width:250px;
	height:auto;
	float:left;
}

.overlay-imgbox p.img01 img {
	width:100%;
	vertical-align:middle;
}

.overlay-imgbox p.img02 img {
	width:100%;
	vertical-align:middle;
}

.overlay-linkbox a {
	width:300px;
	height:auto;
	min-height:10px;
	margin:0 auto;
	padding:5px 15px;
	box-sizing:border-box;
	border-radius:8px;
	background:#0099FF;
	color:#FFFFFF;
	display:block;
	clear:both;
}

.overlay-linkbox a:hover {
	opacity:0.5;
}

.overlay-close {
	position:absolute;
	top:400px;
	right:0;
	cursor:pointer;
	padding:2px 10px;
	border:1px solid #999;
	box-sizing:border-box;
	border-radius:7px;
	font-size:120%;
}

.overlay-close:hover {
	background:#0099FF;
	color:#FFFFFF;
	border:#0099FF 1px solid;
}

/*------------------------------------------------会社概要------------------------------------------------*/

.in-bg {
	width:100%;
	height:auto;
	min-height:200px;
	background:url(../Images/InPage/in-bg.png) center center;
	background-size:cover;
	float:left;
	margin-bottom:30px;
}

.Company-Box {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
	padding:0 100px;
	box-sizing:border-box;
}

.Company-Table {width:100%;}

.Company-Table th {width: 23%; border-bottom:1px solid #0d3181; padding: 10px; color:#011541; font-weight:bold;}
.Company-Table td {border-bottom:1px solid #3e9ffc; padding: 10px; color:#011541;}

.table-w {
	width:35% !important;
}

.table-w02 {
	width:25% !important;
}

.map-all {
	width:100%;
	height:auto;
	min-height:300px;
	float:left;
}

.Company-Box02 {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
	box-sizing:border-box;
	text-align:left;
}

.Company-Box02 p {
	margin-bottom:20px;
}

.greeting-img {
	width:auto;
	height:auto;
	float:right;
	margin-left:20px;
}

.buttan-box {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
}

.buttan-box span {
	width:300px;
	height:auto;
	min-height:10px;
	margin:0 auto;
	display:block;
	text-align:center;
	padding:5px 10px;
	box-sizing:border-box;
	border-radius:7px;
	box-shadow:1px 1px 1px #999999;
	font-weight:bold;
}

.buttan-box a span {
	background:#3e9ffc;
	color:#FFFFFF;
}

.buttan-box a:hover span {
	opacity:0.5;
}

input,textarea,button {
	padding:0;
	margin:0;
	box-shadow:none;
	border:none;
}

.form {
	width:100%;
	padding:3px 10px;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:7px;
}

.form02 {
	width:100px;
	padding:3px 10px;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:7px;
}

button {
	background:#3e9ffc;
	padding:5px 20px;
	border-radius:7px;
	box-shadow:1px 1px 1px #999999;
	font-weight:bold;
	color:#FFFFFF;
}

button:active {
	opacity:0.5
}

.Product-Table {width:100%; border-top:1px solid #CCC; border-left:1px solid #CCC;}

.Product-Table th {border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding: 10px; color:#011541; font-weight:bold; background:#efefef;}
.Product-Table td {border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding: 10px; color:#011541;}

.pc {}
.sp {display:none;}


.rental-box {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

.rental-box02 {
	border:1px dotted #999999;
	padding:10px;
	box-sizing:border-box;
	margin-top:10px;
	margin-bottom:30px;
}

.rental-box02 li.ren01 {
	border-bottom:1PX solid #CCC;
	padding-bottom:5px;
	margin-bottom:5px;
}

.rental-box02 li span {
	color:#ffffff;
	background:#003399;
	padding:4px 6px 3px 6px;
	font-size:70%;
	border-radius:12px;
}

/*------------------------------------------------ドロップダウンメニュー------------------------------------------------*/




div.sub {
	display: none;
	position: absolute;
	margin-left: -6px;
	padding: 0;
	width:130px;
	background:url(../Images/All/manu-bg.png) top center no-repeat;
	
}
div.sub p a {
	padding: 5px 10px;
	box-sizing:border-box;
	display: block;
	color: #fff;
	border-bottom:1px solid #FFF;
	
}
div.sub p a:hover {
	background: #fff;
	text-decoration:none;
}

.nav-top-mg {
	margin-top:50px;
}

/*------------------------------------------------約款ページ用------------------------------------------------*/

a .link {
	width:auto;
	height:auto;
	float:left;
	background:#03C;
	color:#FFFFFF;
	padding:7px 20px;
	box-sizing:border-box;
	border-radius:8px;
	box-shadow:2px 2px 5px #CCCCCC;
}

a:hover .link {
	opacity:0.5;
}

.yakan-box {
	width:100%;
	height:auto;
	float:left;
	padding:10px 20px;
	box-sizing:border-box;
	border-top:1px solid #999;
}

.yakan-box:last-child
 {
	width:100%;
	height:auto;
	float:left;
	padding:10px 20px;
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.yakan-title {
	width:60%;
	height:auto;
	float:left;
	font-weight:bold;
	padding:6px 0;
}

.yakan-time {
	width:20%;
	height:auto;
	float:left;
	padding:6px 0;
	text-align:center;
}

.yakan-pdf {
	width:20%;
	height:auto;
	float:left;
}

.yakan-pdf a {
	width:100%;
	height:auto;
	float:left;
	border:1px solid #39F;
	padding:5px 10px;
	box-sizing:border-box;
	text-align:center;
}

.yakan-pdf a:hover {
	color:#FFFFFF;
	background:#39F;
}

.yakan-pdf a img {
	padding-right:10px;
	vertical-align:top;
	padding-top:4px;
}