@charset "utf-8";

/**
 * サイト共通
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
img{vertical-align:top;border:0;}
em{font-style:normal;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}

/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
	font-size:62.5%;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	min-width:1024px;
	color:#2C3A43;
	font-family:'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	font-size:1.4rem;
	/*font-size:88%\9;*/
	line-height: 2;
	-webkit-text-size-adjust:100%;
}

/*
::-moz-selection{
	color:;
	background:;
}
::selection{
	color:;
	background:;
}
*/


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

a{
	color: #1089C5;
	outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link,
a:visited{
}
a:hover{
	/*color: #2177ad;*/
	text-decoration:none;
}


/*--------------------------------------------------------------------------
   Page
---------------------------------------------------------------------------*/

#Page{
	overflow: hidden;
	/*border-top:4px solid #023B81;*/
}

/*----------------------------------------------------------------------
	GlobalHeader
----------------------------------------------------------------------*/

#GlobalHeader{
	background:#FFF;
	position:relative;
	z-index:99999;
}

/*----------------------------------------------------------------------
	group-navi
----------------------------------------------------------------------*/

nav.group-navi {
	/*background:#439BF1;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#439BF1+50,023b81+100 */
	background: #439BF1; /* Old browsers */
	background: -moz-linear-gradient(left, #439BF1 40%, #023B81 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #439BF1 40%,#023B81 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #439BF1 40%,#023B81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439BF1', endColorstr='#023B81',GradientType=1 ); /* IE6-9 */
	width:auto;
	z-index:10000;
	position:relative;
	display: -webkit-flex;
    display: flex;
}
.is-animation nav.group-navi {
	display:none;
}
nav.group-navi .group-logo {
	width:100%;
	max-width:160px;
	height:50px;
	padding-left:20px;
	display:table-cell;
	vertical-align:middle;
}
nav.group-navi .group-logo img {
	max-width:100%;
	height:auto;
}
nav.group-navi > div ul {
	position:absolute;
	left:200px;
	top:22.5%;
}
nav.group-navi > div + div ul {
	left:inherit;
	right:20px;
}
nav.group-navi > div li {
	display:inline-block;
}
nav.group-navi > div li a {
	padding-right:8px;
	margin-right:5px;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF;
	text-decoration:none;
	transition:all 0.2s ease;
	border-right:1px solid rgba(255,255,255,0.4);
}
nav.group-navi > div li:last-child a {
	margin:0;
	padding:0;
	border-right:none;
}
nav.group-navi > div li a:hover {
	opacity:0.75;
}


/*----------------------------------------------------------------------
	global-navi
----------------------------------------------------------------------*/

nav.global-navi {
	width:auto;
	padding:10px;
	position:relative;
	z-index:10000;
	display: -webkit-flex;
    display: flex;
}


/* main-menu
--------------------------------------------------*/

.main-menu {
	background:#FFF;
	border-radius:5px;
	width:100%;
	height:90px;
	margin-right:5px;
	padding:8px 15px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
	box-sizing:border-box;
}

.main-menu > div:nth-of-type(1){
    width:100%;
}
.main-menu > div,
.main-menu > nav{
     -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.main-menu .sub-group {
	font-size:11px;
	font-size:1.1rem;
}
.main-menu .logo {
	padding:8px 0 0;
}
.main-menu .logo img{
	width:85%;
	height:auto;
}


/* sub-menu
--------------------------------------------------*/

.sub-menu {
	min-width:250px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.sub-menu div {
     -webkit-flex-grow: 1;
    flex-grow: 1;
	margin-left:5px;
}
.sub-menu div:first-of-type {
	margin-left:0;
}
.sub-menu div a {
	display:block;
	background:#FFF;
	height:43px;
	line-height:1.2;
	font-size:12px;
	font-size:1.2rem;
	color:#333;
	text-decoration:none;
	border:2px solid #FFF;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
	transition:all 0.2s ease;
}
.sub-menu .sub-mainte a {
	padding:5px 10px 0 12px;
	position:relative;
}
.sub-menu .sub-mainte a:before {
	display:block;
	content:"";
	background:url(/rentalserver/shared/images/ico_blank02.png) no-repeat right center;
	width:11px;
	height:11px;
	position:absolute;
	right:3px;
	bottom:5px;
}
.sub-menu .sub-document a ,
.sub-menu .sub-contact a {
	padding:12px 0 0 15px;
}
.sub-menu div a:hover {
	border:2px solid #94B9D4;
}
.sub-menu div a span{
	display:block;
}

.sub-menu .sub-tel {
	margin-left:0;
}
.sub-menu .sub-tel a {
	width:125px;
	background:url(/rentalserver/shared/images/icon_tel.png) no-repeat 3px 8px , #FFF;
	margin-top:3px;
	padding:5px 0 0 18px;
}
.sub-menu .sub-tel a .tel_num {
	color:#2970C4;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
}
.sub-menu .sub-tel a .tel_time {
	display:block;
	margin-left:-12px;
	font-size:10px;
	font-size:1.0rem;
	letter-spacing:-0.08em;
}
.sub-menu .sub-search {
	background:#FFF;
	margin-top:3px;
	padding:5px 7px;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
}
.sub-menu + div a ,
.sub-menu + div + div a {
	display:block;
	width:90px;
	height:90px;
	text-align:center;
	line-height:1.4;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
	transition:all 0.35s ease;
	position:relative;
}
/*
.sub-menu + div a:before ,
.sub-menu + div + div a:before {
	display:block;
	content:"";
	background:url(/shared/images/ico_blank02.png) no-repeat right center;
	width:11px;
	height:11px;
	position:absolute;
	right:5px;
	bottom:5px;
}
.sub-menu + div + div a:before {
	background:url(/shared/images/ico_blank01.png) no-repeat right center;
}
*/

.global-support {
	margin:0 5px;
}
.global-support a {
	background:#FFF;
	padding-top:28px;
	color:#86B1CF;
	border:2px solid #86B1CF;
}
.global-support a:hover {
	color:#2970C4;
	border:2px solid #2970C4;
}
.global-login {
}
.global-login a {
	background:#013B80;
	padding-top:23px;
	color:#FFF;
}
.global-login a:hover {
	background:#2970C4;
}
.global-login a span{
	display:block;
	padding:0 0 3px;
	line-height:1.2;
	font-size:11px;
	font-size:1.1rem;
}

/* dropmenu
--------------------------------------------------*/

#mainNavigation {
	padding-left:10px;
	box-sizing:border-box;
}
#dropmenu {
    display: -webkit-flex;
    display: flex;
	list-style-type: none;
	margin:0 auto;
}
#dropmenu li {
	margin:0;
	width:16.5%;
	text-align: center;
	transition:all 0.3s ease;
}
#dropmenu li:last-of-type {
	padding-right:0;
}
#dropmenu li a {
	display: inline-block;
	min-height:30px;
	padding:15px 3px 25px;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:bold;
	line-height: 1;
	position:relative;
	z-index:10;
	text-decoration: none;
}
#dropmenu li:nth-of-type(3) a ,
#dropmenu li:nth-of-type(6) a {
	padding:25px 3px 15px;
}
#dropmenu li a:after {
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#FFF;
	position:absolute;
	bottom:15px;
	margin-left:-3px;
	z-index:100;
}
#dropmenu li a span {
	display:block;
}
#dropmenu ul.drop01 {
	display:block;
	width: 100%;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
}
#dropmenu li:hover ul.drop01 ,
#dropmenu li.active ul.drop01 {
	display:block;
	background:#FFF;
	border-bottom:15px solid #FFF;
	box-shadow:0 2px 2px rgba(0,0,0,0.15);
}
#dropmenu li:hover ul.drop01 li ul.drop02 {
	display:none;
}
#dropmenu li:hover ul.drop01 li:hover ul.drop02 {
	display:block;
}

#dropmenu ul.drop01 li {
	width:20%;
	height: 0;
	padding:0;
	color: #FFF;
	float:left;
	position:relative;
	overflow: hidden;
}
#dropmenu ul.drop01 li:before {
	display:block;
	content:"";
	background:#ABB3BD;
	width:1px;
	height:15px;
	position:absolute;
	right:0;
	top:15px;
	z-index:100;
}
#dropmenu ul.drop01 li:last-of-type:before ,
#dropmenu ul.drop02 li:before {
	display:none;
}

#dropmenu li:nth-of-type(2) ul.drop01 li {
	width:16.65%;
}
 
#dropmenu ul.drop01 li a {
	display:block;
	background:#2C425A;
	min-height:45px;
	padding:15px 0 0 !important;
	text-align:center;
	color:#FFF;
	font-size: 13px;
	font-size: 1.3rem;
	border:none;
	box-sizing:border-box;
	transition:all 0.15s ease;
}
#dropmenu ul.drop01 li a:after {
	display:none;
	
}
#dropmenu ul.drop01 li:first-of-type a {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	margin-left:10px;
}
#dropmenu ul.drop01 li:last-of-type a {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	margin-right:10px;
}
#dropmenu ul.drop01 li a.parent:after {
	display:inline-block;
	content:"";
	background:url(/rentalserver/shared/images/icon_parent.png) no-repeat 0 0;
	width:10px;
	height:7px;
	margin:0 0 4px 10px;
	transition:all 0.15s ease-out;
}
#dropmenu ul.drop01 li:hover a.parent:after {
	transform:rotate(180deg);
}

#dropmenu > li:hover > a ,
#dropmenu > li.active > a ,
#dropmenu ul.drop01 li:hover a ,
#dropmenu ul.drop01 li a.active {
	color:#FF8000;
}
#dropmenu > li:hover > a:after ,
#dropmenu > li.active > a:after {
	background:#2C425A;
}

#dropmenu > li:hover > ul > li {
	overflow:visible;
	height: 38px;
	transition:all 0.3s cubic-bezier(0,1.2,1,1.2);
}
#dropmenu > li.active li {
	overflow:visible;
	height: 38px;
}

#dropmenu ul.drop02 {
	position:relative;
	top:0;
	left:0;
	padding-top:8px;
}
#dropmenu ul.drop02:before {
	display:block;
	content: "";
	width: 0;
	height: 0;
	border:10px solid transparent;
	border-bottom-color:#2C425A;
	position: absolute;
	top:-10px;
	left:50%;
	margin-left:-10px;
}

#dropmenu > li.active ul.drop02 {
	display:none;
}
#dropmenu ul.drop02 li ,
#dropmenu > li.active li:hover  li {
	display:block !important;
	overflow:visible;
	width:100%;
	height:44px;
}

li#gNavi01 .drop01 {
	position:absolute;
	z-index:100 !important;
}
li#gNavi02.active .drop01 {
	position:absolute;
	z-index:50 !important;
}


#dropmenu ul.drop02 li:first-of-type {
	background:#2C425A;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	padding-top:15px !important;
}
#dropmenu ul.drop02 li:last-of-type {
	background:#2C425A;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding-bottom:10px !important;
}

#dropmenu ul.drop02 li a {
	display:block;
	color:#000 !important;
	display:block;
	margin:0 !important;
	padding:0 !important;
}
#dropmenu ul.drop02 li a:hover {
	color:#FF8000 !important;
}

#dropmenu ul.drop02 li span {
	background:#FFF;
	width:90%;
	height:40px;
	margin:0 auto;
	padding-top:13px;
	font-size:14px;
	font-size:1.4rem;
	border-radius:5px;
	box-sizing:border-box;
}


/*--------------------------------------------------------------------------
   スクロール時のヘッダーナビゲーション(.is-animation が付いた時)
---------------------------------------------------------------------------*/

#GlobalHeader.is-animation {
	width:100%;
	position:fixed;
	top:0;
	z-index:999999;
}

#GlobalHeader.is-animation nav.global-navi {
	padding:5px 10px;
	border-bottom:1px solid #D5D5D5;
}
#GlobalHeader.is-animation .main-menu {
	min-width:785px;
	height:50px;
	padding:0;
	box-shadow:none;
}
#GlobalHeader.is-animation .main-menu .logo {
	padding:5px 0 0 10px;
}

#GlobalHeader.is-animation .main-menu .sub-group {
	display:none;
}
#GlobalHeader.is-animation .sub-menu {
	display:none;
}

#GlobalHeader.is-animation .sub-menu + div a, #GlobalHeader.is-animation .sub-menu + div + div a {
	height:50px;
	line-height:1.2;
}
#GlobalHeader.is-animation .global-support a {
	padding-top:8px;
}
#GlobalHeader.is-animation .global-login a {
	padding-top:5px;
}
#GlobalHeader.is-animation .global-login a span {
	padding:0;
	margin-bottom:-1px;
	line-height:1.1;
}
#GlobalHeader.is-animation #mainNavigation {
	padding:0;
}

#GlobalHeader.is-animation #dropmenu li a {
	padding:20px 3px 10px;
}
#GlobalHeader.is-animation #dropmenu ul.drop01 {
	min-width:1000px;
	box-shadow:0 1px 0 #D5D5D5;
}

#GlobalHeader.is-animation #dropmenu li a span {
	display:inline-block;
}


/*----------------------------------------------------------------------
	#Contact
----------------------------------------------------------------------*/

#Contact {
	background: #508bd9;
	padding: 45px 0 70px;
	margin-bottom: -28px;
}
#Contact .content {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
#Contact .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#Contact h3 {
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 0;
}
#Contact .content > .flex {
	justify-content: center;
}
#Contact .content > .flex > div {
	width: 44%;
	margin: 0 1%;
}
#Contact h4 {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 10px;
}
#Contact a.btn {
	display: block;
	text-decoration: none;
	border-radius: 6px;
	background: #fff;
	color: #508bd9;
	text-align: center;
	border: 2px solid #fff;
	width: 220px;
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 14px 5px 13px;
	box-sizing: border-box;
	line-height: 1.3;
}
#Contact a.btn.solid {
	color: #fff;
	background: none;
}
#Contact a.blank span {
	position: relative;
	display: inline-block;
	margin-left: -12px;
	font-size: 1.6rem;
	line-height: 1.3;
}
#Contact a.blank span:after {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(/sevice_shared/img/svg/icn_new_window.svg) no-repeat 0 0 / 13px;
	top: 50%;
	right: -18px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#Contact a.blank.solid span:after {
	background: url(/sevice_shared/img/svg/icn_new_window_w.svg) no-repeat 0 0 / 13px;
}
#Contact a.btn:hover {
	background: none;
	color: #fff;
	transition: .5s;
}
#Contact a.blank:hover span:after {
	background: url(/sevice_shared/img/svg/icn_new_window_w.svg) no-repeat 0 0 / 13px;
}
#Contact a.btn.solid:hover {
	background: #fff;
	color: #508bd9;
}
#Contact a.blank.solid:hover span:after {
	background: url(/sevice_shared/img/svg/icn_new_window.svg) no-repeat 0 0 / 13px;
}
@media (max-width: 1039px) {
	#Contact a.btn {
		margin-bottom: 10px;
	}
}
@media (max-width: 499px) {
	#Contact .content > .flex > div {
		width: 100%;
	}
	#Contact .content > .flex > div:first-of-type {
		margin-bottom: 20px;
	}
}

/*----------------------------------------------------------------------
	#Pagetop
----------------------------------------------------------------------*/
#Pagetop{
	display: none;
	/*margin-left: 440px;*/
	position: fixed;
	left: 80%;
	bottom: 14px;
	z-index:10000;
}
@media all and (max-width: 1199px){
	#Pagetop{
		left: auto;
		right: 14px;
	}
}

/*----------------------------------------------------------------------
	#fixedFooter
----------------------------------------------------------------------*/
#fixedFooter{
	/*
	display: none;
	*/
	background:rgba(50,69,83,0.95);
	width:100%;
	padding:14px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	overflow:hidden;
	z-index:9999;
}
#fixedFooter ul{
	width:1000px;
	margin:0 auto;
	font-size:0;
}
#fixedFooter li{
	display:inline-block;
	margin-right:10px;
	font-size:13px;
	font-size:1.3rem;
}
#fixedFooter li:last-child{
	margin-right:0;
}
#fixedFooter .btn-order-fixed a{
	display:block;
	background-color:#FF8C45 !important;
	width:385px;
	margin:0 auto;
	padding:9px 0 7px 0px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:1;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	font-size:1.1rem;
	color:#FFF;
	text-align:center;
	letter-spacing:-0.01em;
	box-shadow:1px 1px 0 #CC7037;
}
#fixedFooter .btn-order-fixed a span{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}
#fixedFooter .btn-order-fixed a:before{
	display:inline-block;
	content:"■";
	background:url(/rentalserver/shared/images/ico_arw04_white.png) no-repeat left center;
	width:11px;
	margin-left:-12px;
	padding-right:7px;
	z-index:100;
	text-indent:-9999em;
}
#fixedFooter .btn-order-fixed a.blank{
	background-image:url(/rentalserver/shared/images/ico_blank01.png);
	background-repeat:no-repeat;
	background-position:410px center;
}
#fixedFooter .btn-order-fixed a:hover{
	background-color:#FF701A !important;
	box-shadow:1px 1px 0 #9D5428;
}
#fixedFooter .btn-fixed a{
	display:block;
	background-color:#20AEE5 !important;
	width:205px;
	margin:0 auto;
	padding:9px 0 7px 0px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:1;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	color:#FFF;
	text-align:center;
	box-shadow:1px 1px 0 #1987B3;
}
#fixedFooter .btn-fixed a:before{
	display:inline-block;
	content:"■";
	background:url(/rentalserver/shared/images/ico_arw04_white.png) no-repeat left center;
	width:11px;
	margin-left:-15px;
	padding-right:7px;
	z-index:100;
	text-indent:-9999em;
}
#fixedFooter .btn-fixed a.blank{
	background-image:url(/rentalserver/shared/images/ico_blank01.png);
	background-repeat:no-repeat;
	background-position:180px center;
}
#fixedFooter .btn-fixed a:hover{
	background-color:#079FDA !important;
}
#fixedFooter .btn-fixed.short a{
	width:145px;
}
#fixedFooter .btn-fixed.short a.blank{
	background-position:120px center;
}

/* musthead-cp（全ページヘッダー固定表示）
--------------------------------------------------*/
#musthead_cp_area{
	position:relative;
}
#musthead_cp_area .ban{
	width:100%;
	text-align:center;
}
#musthead_cp_area .ban a{
	display:block;
	background:#76A6E1;
	width:100%;
	transition:all 0.2s ease;
}
#musthead_cp_area .ban a:hover{
	opacity:0.85;
}
#musthead_cp_area .close a{
	position:absolute;
	right:0;
	top:0;
}


/*--------------------------------------------------------------------------
   srchBox
---------------------------------------------------------------------------*/

#srchBox{
	font-family: "游ゴシック","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	position:relative;
}
#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	font-size:1.3rem;
	*font-size:small;
	*font:x-small;
}
#srchBox a img{
	border:none;
}
#srchBox #srch{
	padding-right:10px;
}

#srchBox #srchBtn{
	background:url(/rentalserver/shared/images/icon_search.png) no-repeat center 3px;
	width:25px;
	height:25px;
	margin:5px 0 0;
	text-indent:-99999em;
	border:none;
	transition:all 0.35s ease;
	cursor:pointer;
}
#srchBox #srchBtn:hover{
	opacity:0.65;
}
*html #srchBox #srchBtn{
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn{
	padding-top:2px;
}

#srchBox .input-yahoo input {
	width:80%;
	margin:0 5px;
	padding:0 3px;
}
#srchBox .txt-yahoo {
	display:none;
	position:absolute;
	right:5px;
	top:3px;
}
#srchBox .txt-yahoo a {
	background:inherit;
	height:inherit;
	line-height:1.0;
	color:#999;
	font-size:9px;
	font-size:0.9rem;
	border:none;
	box-shadow:none;
	margin-top: 6px
}
#srchBox ul{
	margin-top:6px;
	text-align:left;
}
#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo{
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a{
	color:#2C3A43;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover{
	text-decoration:underline;
}
#srchBox.watermark{
}
#srchBox.watermark #srchLogo{
	display: none;
}




/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
--------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.clearfix:after,
.cf:after{
	clear:both;
}
.clearfix,
.cf{
	zoom:1;
}


/* font
--------------------------------------------------*/
.font-default{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.font-all    {font-family:Roboto, 'Droid Sans',"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.font-yu     {font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.font-jp     {font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.font-sd     {font-family:Roboto, 'Droid Sans', sans-serif;}
.font-serif  {font-family: serif;}
.font-sans   {font-family: sans-serif;}
.font-times  {font-family: "Times New Roman", Times, serif;}
.font-verdana{font-family: Verdana, sans-serif;}

em {font-weight: bold; color: #2C3A43;}
strong,
.bold{font-weight: bold;}

sup{font-size: 70%; vertical-align: super;}
sub{font-size: 70%; vertical-align: baseline;}


/* utility
--------------------------------------------------*/
.hidden{ visibility: hidden; overflow: hidden; height: 0; margin: 0; padding: 0; line-height: 0;}

.txt-left  {text-align: left;}
.txt-center{text-align: center;}
.txt-right {text-align: right;}

.left {float: left;}
.right{float: right;}
.clear{float: none; clear: both;}

@media all and (orientation:portrait){
.landscape{display: none !important;}
}
@media all and (orientation:landscape){
.portrait{display: none !important;}
}


/* html add device class */
.dev-pc{}
.dev-sp{}
.dev-tb{}



/*----------------------------------------------------------------------
	#Mainte
----------------------------------------------------------------------*/

#Mainte{
	background:#FFF;
	margin:0 auto;
	padding:10px 20px;
	line-height:1.6;
	text-align:center;
	box-sizing:border-box;
	border:2px solid #2D66BD;
}
#Mainte h2{
	color:#2D66BD;
	font-size:18px;
	font-size:1.8rem;
}
#Mainte h3{
	font-size:15px;
	font-size:1.5rem;
}


/*----------------------------------------------------------------------
	以下、レスポンシブ記述
----------------------------------------------------------------------*/


@media screen and (min-width:1150px) { /*　画面サイズが1150pxからはここを読み込む　*/

#mainNavigation {
	padding-left:0;
}
/*
nav.global-navi{
	background:#999;
}
*/

.main-menu {
}
.sub-menu .sub-mainte a {
	background:url(/rentalserver/shared/images/icon_mainte.png) no-repeat 8px 10px , #FFF;
	padding:5px 10px 0 30px;
}
.sub-menu .sub-document a {
	background:url(/rentalserver/shared/images/icon_document.png) no-repeat 8px 10px , #FFF;
	padding:12px 0 0 30px;
}
.sub-menu .sub-contact a {
	background:url(/rentalserver/shared/images/icon_contact.png) no-repeat 8px 11px , #FFF;
	padding:12px 0 0 30px;
}
.sub-menu .sub-tel a {
	width:auto;
}
.sub-menu .sub-tel a .tel_num {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
}
.sub-menu .sub-tel a .tel_time {
	margin-left:-13px;
}
.sub-menu .sub-search {
}

#dropmenu li a {
	font-size:14px;
	font-size:1.4rem;
}

}


@media screen and (min-width:1380px) { /*　画面サイズが1380pxからはここを読み込む　*/

.main-menu .logo  {
	padding:5px 0 0;
}
.main-menu .logo img {
	width:100%;
}
.is-animation .main-menu .logo img {
	width:90%;
}
#mainNavigation {
	max-width:780px;
	padding-left:30px;
}
/*
nav.global-navi{
	background:#555;
}
*/

.sub-menu {
	width:600px;
}
.sub-menu div a{
	font-size:13px;
	font-size:1.3rem;
}
.sub-menu div a span{
	display:inline-block;
}
.sub-menu .sub-mainte a {
	background:url(/rentalserver/shared/images/icon_mainte.png) no-repeat 7px 9px , #FFF;
	padding:12px 10px 0 28px;
}
.sub-menu .sub-document a {
	background:url(/rentalserver/shared/images/icon_document.png) no-repeat 7px 9px , #FFF;
	padding:12px 0 0 28px;
}
.sub-menu .sub-contact a {
	background:url(/rentalserver/shared/images/icon_contact.png) no-repeat 7px 9px , #FFF;
	padding:12px 0 0 28px;
}
.sub-menu .sub-tel a {
	background:url(/rentalserver/shared/images/icon_tel.png) no-repeat 15px 8px , #FFF;
	padding:5px 0 0 30px;
}

.sub-menu + div a, .sub-menu + div + div a {
	font-size:13px;
	font-size:1.3rem;
}

.sub-menu .sub-tel a .tel_num {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	margin:-1px 0 -3px;
}
.sub-menu .sub-tel a .tel_time {
	margin-left:0px;
}
.sub-menu .sub-search {
	width:45%;
}

#dropmenu li:nth-of-type(1) {
	width:20%;
}
#dropmenu li:nth-of-type(n+2) {
	width:16%;
}
#dropmenu li a {
	padding:20px 3px 12px !important;
	font-size:15px;
	font-size:1.5rem;
}
#dropmenu li a span {
	display:inline-block !important;
}

#dropmenu li:hover ul.drop01 ,
#dropmenu li.active ul.drop01 {
	border-bottom:20px solid #FFF;
}
#dropmenu ul.drop01 li:before {
	top:18px;
}
#dropmenu ul.drop01 li a {
	font-size:14px;
	font-size:1.4rem;
	min-height:50px;
	padding:17px 0 0 !important;
}
#dropmenu ul.drop01 li a.parent:after {
	margin-bottom:6px;
}
#dropmenu ul.drop02 li a {
	padding:0 !important;
}

#srchBox .input-yahoo input {
	width:70%;
}

#srchBox .txt-yahoo {
	display:block;
}

}