@charset "utf-8";

/* --------------------------------------------------
  == Layout Style ==
  --------------------------------------------------
  File       : layout.css
  Date       : 2010.12.10
  Last Update: 2010.12.10
-------------------------------------------------- */
html {
font-size: 62.5%;
}
body {
	-webkit-text-size-adjust: 100%;
	color:#333;
	font-size: 16px;
	font-size: 1.6em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	word-wrap:break-word;
	background: #fff;
}
input {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body#partnerLogin,
body#partnerMain { background:#FFF; }

img {
	max-width:100%;
	height:auto;
}

.hide-sp {
display:block !important;
}
.hide-pc {
display:none !important;
}

.hide-sp_in {
display:inline !important;
}
.hide-pc_in {
display:none !important;
}

@media screen and (max-width: 768px) {
.hide-sp {
display:none !important;
}
.hide-pc {
display:block !important;
}

.hide-sp_in {
display:none !important;
}
.hide-pc_in {
display:inline !important;
}

.dp_inlineblock_sp{ display:inline-block !important; }

}
@media screen and (min-width: 769px) {

#pageTop {
display:none !important;
}
}

@media screen and (max-width: 768px) {
#pageTop {
position: fixed;
width:36px;right: 10px;
bottom: 20px;
cursor: pointer;
z-index: 9999;
display: none;
}
#pageTop img {
vertical-align: bottom;
}

.sb-active #pageTop {
	display:none !important;}
}


#MqMark {
	display: block;
}
@media screen and (max-width: 640px) {
#MqMark {
	display: none;
}
}

/* ===================================================================
	container setting
=================================================================== */

#container { font-size:13px;font-size: 1.3rem;; background-color:#fff; }
#wrapper {}

/* 幅指定 */
.lower-main .inner, #contentsBtm .inner, #gnavi .gnavi-inner,
#footer .footNavigation, #footer .nifty { max-width:940px; margin:0 auto; padding:0 10px;text-align:left; }
.contentsInner { max-width:960px; margin:-0 auto 10px;padding:5px 10px 0;
background-size:100% auto; text-align:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.innerBox {max-width:940px;margin:0 auto;padding:0 10px;}
@media only screen and (max-width:940px) {
.innerBox {padding:0 10px;}
}

@media screen and (max-width: 768px) {
.contentsInner {padding:25px 10px 0;}
}

/* header
------------------------------------------------- */
#header {font-size: 13px;font-size: 1.3rem; }

@media screen and (max-width: 768px) {
#header {border-bottom: 2px solid #c1c1c1; }
}


.headTop { background:#00408F;color: #fff;padding:7px 0;}
.headTop .innerBox { display:table;width:97%;}
.headTop #tagline {display:table-cell; margin:1px 0 0; vertical-align: middle;}
#headTopInfo {display:table-cell; vertical-align: middle;width:480px;}
#headTopInfo #headInfo { float:right;}
#headTopInfo #headInfo ul { margin:5px 0 0; line-height:1; }
#headTopInfo #headInfo li { display:inline-block; margin-right:11px; padding-right:11px; border-right:1px solid #000;}
#headTopInfo #headInfo li:last-child {border-right:none;}
#headTopInfo #headInfo li a { color:#fff; }

.languageBox { float:right;padding: 0 9px 0 0;}
.languageBox .langBox {font-size:10px;width:90px;height:20px;color: #808080;padding:2px 0 2px 7px ;position: relative;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #3667a5;
cursor: pointer;position: relative;-webkit-appearance: none;-moz-appearance: none;display: block;
background: url(/common_new/images/bg_language.png) 100% 50% no-repeat #EDECEC;}
.languageBox .langBox span {display: block;padding:2px 0 4px ;}
.languageBox .langBox .langInBox {display:none;background:#EDECEC;position: absolute;width:100%;left:0;z-index:1;border:1px solid #999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.languageBox .langBox .langInBox li a {text-decoration: none;display:block;padding:2px 0 2px 3px ;color:#808080;}
.languageBox .langBox .langInBox li:hover {background:#09F;color:#fff;}
.languageBox .langBox .langInBox li:hover a {color:#fff;}



/* 検索 */
.searchWrap3 { width:143px; float:right; background:#EDECEC;border:1px solid #3667a5;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.searchWrap3 .searchbox3 { float: left;width:115px; height:24px;color: #EDECEC;font-size: 10px;
background: url(/common_new/images/searchbox3_bg.png) 10px 50% no-repeat ;border: none !important;padding:2px 1px 2px 11px !important;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; opacity:0;}
.searchWrap3 .searchbtn { float: right;width: 26px;height:24px;background: #143B66 url(/common_new/images/bg_search.png) 50% 50% no-repeat;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: none;
-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;}


@media only screen and (max-width:768px) {
.searchWrap3 .searchbox3 {font-size: 16px;font-size: 1.6rem;background: url(/common_new/images/searchbox3_bg_sp.png) 0 50% no-repeat ; background-size:53px auto;}
}

.logoArea .innerBoxIn {display:table;width: 100%;}

.headLogo {line-height:1;width: 23%; display: table-cell;vertical-align: middle;}

#headBtn {text-align: right;width:77%;display: table-cell;vertical-align: middle;}
#headBtn .headBtnBox {display: table;width:100%;}
#headBtn .headBtnBox li {display: table-cell;padding:0 9px 0 0;vertical-align: middle;text-align: right;}
#headBtn .headBtnBox li:last-child {padding:0;}

#headBtn .headBtnBox .telBox {}
#headBtn .headBtnBox .telBox .telTxt {font-size:11px;font-size:1.1rem;letter-spacing: 1px;}

#headBtn .headBtnBox li .btn {display: table;padding:11px 12px ;}
#headBtn .headBtnBox li .btn span {display: table-cell;vertical-align: middle;}

#headBtn .headBtnBox .whiteBtn {width:16%;}
#headBtn .headBtnBox .whiteBtn .btn.valWhite {text-align:left;padding:10px 12px ;}

#headBtn .headBtnBox .appBtn {width:17.2%;}

.logoArea {padding:10px 0;background: #fff;}

#header.valClosed .logoArea {border-bottom: 3px solid #C1C1C1;}


@media only screen and (max-width:768px) {

.headLogo {width: 95%;text-align: left;}
.headLogo .cloudLogo { width:40%;}

#header.valClosed .logoArea {border-bottom:none;}

}


/* gnavi
------------------------------------------------- */
#gnavi { background:#E3E6E9; border-bottom:3px solid #C1C1C1; position:relative; z-index:1; }


.pcArea #fixedBox.fixed {
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
display:block;
}

/* ナビ */
#gnavi ul { position:relative;display: table;width: 100%;}


#gnavi li { display: inline-block;font-size: 14px;font-size: 1.4rem;text-align: center;vertical-align: middle; }
#gnavi li .spSlide {font-weight:bold;}
/*#gnavi .gnaviMenu > li.solidBox a{position:relative;}
#gnavi .gnaviMenu > li.solidBox a:before { position:absolute;right:0;top:50%;margin:-10px 0 0 ;content:"";display:block;width:1px;height:20px;background:#4D4D4D;}

#gnavi .gnaviMenu > li.solidBox ul li a:before { display:none;}
*/

#gnavi .gnaviMenu > li a  { display:block; padding:22px 12px; color:#4D4D4D;}
#gnavi .gnaviMenu > li a:hover  { color: #29A2D9;text-decoration:none; }

#gnavi .gnaviMenu > li.icoHome a  {padding-left: 0;}
#gnavi .gnaviMenu > li.icoHome a img {display:inline-block;vertical-align: top;vertical-align: top;padding:0;}


#gnavi .gnaviMenu > li.gnavBtn {width: 13.5%;padding:6px 0 7px;}
#gnavi .gnaviMenu > li.gnavBtn a.btn {padding:16px 0 14px;color: #fff;}

#gnavi .hide-sp {
display:table-cell !important;
}
#gnavi li .gnav-sub-inner a { padding:0 20px 0 10px; color:#007ACF !important; text-decoration:none !important;background: url(/common_new/images/btn_arr_blue.png) 0 .4em no-repeat;font-weight: normal; }
#gnavi .gnav-sub-inner a:hover { color:#75D112 !important; text-decoration:underline !important; }

#gnavi .gnav-sub{ display:none;width:100%;left:0;background:url(/images/arr_gnavi.gif) no-repeat 0 0; padding:8px 0 0;}
#gnavi .gnav-sub-inner {text-align: left;
	width:100%; padding:25px; padding-bottom:20px;
 border-top:5px solid #33a1dc; background-color:#fff;
 box-shadow:1px 3px 3px rgba(0,0,0,0.2); /*CSS3*/
 -moz-box-shadow:1px 3px 3px rgba(0,0,0,0.2); /* Firefox用*/
 -webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.2); /* Google Chrome, Safari用*/ 
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;}


#gnavi .gnav-sub-inner dl {
	display:table;width: 100%;
}
#gnavi .gnav-sub-inner dt {
    display: table-cell;
    width: 18%;
    vertical-align: top;
}
#gnavi .gnav-sub-inner dd {
	    display: table-cell;
}

#gnavi .gnav-sub-inner .gnav-sub-menu    {/* width:79% !important; *//* float:left; */line-height:1.5;border-left:1px #ccc solid;display: block !important;padding: 0 0 0 20px;}
#gnavi .gnav-sub-inner .gnav-sub-menu li {padding: 0;/* border-right:1px #ccc solid; */display: inline-block !important;}

#gnavi li.fixedBlock {display:none !important;font-weight:bold;}
.pcArea #fixedBox.fixed #gnavi li.fixedBlock {display:table-cell !important;}
.pcArea #fixedBox.fixed #gnavi li.fixedNone {display:none !important;}

@media only screen and (min-width:769px) {
#gnavi .gnavRight {display:table-cell;width:11%;}
#gnavi .gnavRight.valSupport {width:8%;}
#gnavi .gnavRight.valSupport a{position: relative;}
#gnavi .gnavRight a span{
    border-left: 1px solid #d3d5d6;
    display: block;
    line-height: 1;
}
#gnavi .gnavRight.valSupport a span{
    border-left:none;
}
.pcArea #fixedBox.fixed #gnavi .gnavRight {width:11%;}
.pcArea #fixedBox.fixed #gnavi .gnavRight.valSupport {width:8%;}

.pcArea #fixedBox.fixed #gnavi .gnavRight.valLogin {width:9%;}

#gnavi .gnaviMenu > li.gnavRight a {padding:22px 0;color: #007ACF;font-weight: normal;font-size: 13px;}
#gnavi li.gnavRight .gnav-sub-inner a{padding:0 20px 0 10px;}
#gnavi .gnaviMenu > li.gnavRight a:hover {color:#75D112; text-decoration:underline;}
#gnavi .gnaviMenu > li.gnavRight .gnav-sub-inner a {font-size: 14px;font-size: 1.4rem;}
}

@media only screen and (max-width:888px) {

#gnavi li { font-size: 12px;font-size: 1.2rem;}
#gnavi .gnaviMenu > li a  { padding:22px 8px;}
#gnavi li .gnav-sub-inner a { padding:0 20px 0 10px;}
#gnavi .gnaviMenu > li.gnavRight a:hover {color:#75D112; text-decoration:underline;}
#gnavi .gnaviMenu > li.gnavRight .gnav-sub-inner a {font-size: 14px;font-size: 1.4rem;}
}


/* lower-main
------------------------------------------------- */
.lower-main { padding:40px 0 0;background:#05398C url(/common_new/images/bg_lowermain.png) 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;color:#fff; }
.lower-main h2 {margin:0 10px;padding: 0 0 30px;text-align: center;color: #fff;font-weight: bold;line-height:1.4;max-width:920px;margin: 0 auto;}
.lower-main h2 span { display:block;font-size: 40px;font-size: 4.0rem;}
.lower-main h2.noimg { height:auto; background:none !important; font-size:200%; font-weight:bold; }
.lower-main h2.noimg span { display:block; font-size:50%; font-weight:normal; }
.lower-main h2.noimg:before { content:"NIFTY Cloud"; display:block; font-size:50%; font-weight:normal; }

.footpath {font-size: 12px;font-size: 1.2rem; ;padding-bottom: 25px; }
.footpath strong { margin:0 .3em; font-weight:normal; }
.footpath a:link,
.footpath a:active,
.footpath a:visited { margin:0 .3em; }
.footpath a:first-child{ padding: 1px 0 0 20px; background: url(/common_new/images/pankuzu_home.gif) 0 0 no-repeat; background-size:15% auto; }


@media only screen and (max-width:1550px) {

.lower-main {background:url(/common_new/images/bg_lowermain.png) 50% 50% no-repeat;}
}

@media only screen and (max-width:768px) {
.footpath {display:none;}
}
/* contents
------------------------------------------------- */
#contents {font-size: 15px;font-size: 1.5rem; }

#mainContents { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#subContents  { max-width:210px; }

.column2R #mainContents { margin:0 -236px 0 0;padding:0 236px 0 0; float:left; }
.column2R #subContents  { margin:0; float:right; }

.column2L #mainContents { margin:0 0 0 -236px ;padding:0 0 0 236px; float:right; }
.column2L #subContents  { margin:0; float:left; }

.columnWide #mainContents { width:900px; margin:25px 25px 0 30px; _margin:25px 25px 0 15px; float:left; }

@media only screen and (max-width:768px) {
#mainContents { max-width:inherit; }

.column2R #mainContents   { width:100%; margin:0;padding:0; float:none;}
.column2R #subContents    { display:none;float:none; }

.column2L #mainContents   { width:100%; margin:0;padding:0; float:none;}
.column2L #subContents    { display:none;float:none; }

}




/* #subContents内
------------------------------------------------- */
#sidenavi { padding:8px 10px 4px; background:#d5d5d5;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; }
#sidenavi h3 span { display:none; }

/* 共通余白 */
.sidenaviBox01, .searchWrap, #subTwitter, .bannerWrap, .bannerWrap li { margin-bottom:10px; }
.sidenaviBox02 { margin-bottom:4px; }
.mb_10 { margin-bottom:10px; }

/* sidenaviBox01 --「お申し込み・資料請求」「ご利用中のお客様」 */
.sidenaviBox01 { border:1px solid #cecbcb; text-align:center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.sidenaviBox01 ul { _width:210px; padding:15px 19px 4px ; zoom:1; }
.sidenaviBox01 li { margin-bottom:3px; }
.sidenaviBox01 .ttl {color:#292929;font-size:12px;font-weight: bold;background:#ebebeb;padding:4px 1px 4px;}
.sidenaviBox01 .sidenavTxt {color:#d50036;background: #fffce8;font-weight: bold;font-size: 13px; padding:2px 1px 1px;}
.sidenaviBox01 .sidenavTxt .num {font-size: 16px;}
.sidenaviBox01 .btn {padding:6px 1px 5px;font-size:13px;}

/* sidenaviBox02 --「#mainMenu」「#subMenu」 */
/*.sidenaviBox02        { padding-bottom:10px; background:#fff;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius:  0 0 5px 5px;border-radius:  0 0 5px 5px; }*/
.sidenaviBox02 .inner { font-weight:bold;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.sidenaviBox02 ul     { padding-top:8px; }
.sidenaviBox02 li     { margin:0; padding:8px 12px 5px; background:url("/images/se_re_line01.gif") 0 0 repeat-x; zoom:1; }
.sidenaviBox02 a,
.sidenaviBox02 span   { display:block; padding-left:10px; background:url("/images/se_re_mark01.gif") 0 .4em no-repeat; cursor:pointer; }




	/* sidenaviBox02 -- 1番上の項目の罫線消去 */
	.sidenaviBox02 li.l1 { background:none; border:1px solid #fff;}
	/* sidenaviBox01 -- #mainMenu専用背景用 */
	#mainMenu .pkg { padding:0 0 7px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f0f0 0%, #fefefe 3%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#fefefe 3%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0f0f0 0%,#fefefe 3%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
	/* sidenaviBox02 -- 入れ子リスト用リセット */
	.sidenaviBox02 ul ul, .sidenaviBox02 li li    { margin:0; padding:0; background:none !important; font-weight:normal; }
	/* sidenaviBox02 -- 入れ子リスト用 */
	.sidenaviBox02 li li    { margin-top:3px; padding-left:10px; }
	.sidenaviBox02 li li a  { background:url("/images/se_re_mark02.gif") 0 .4em no-repeat; }


.siteMenu {
font-size: 8px;color: #fff;padding:3px 0 2px 13px;
border:1px solid #e0e0e0;
-webkit-border-radius: 5px 5px 0 0;-moz-border-radius:5px 5px 0 0 ;border-radius: 5px 5px 0 0 ;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top,  #666666 0%, #505050 50%, #444444 51%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #666666 0%,#505050 50%,#444444 51%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #666666 0%,#505050 50%,#444444 51%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}





/* 検索 */
.searchWrap { padding:10px; text-align:center; background:url("/images/se_re_search_foot.gif") left bottom no-repeat #e9e9e9; }
.searchWrap input { float:left; }
.searchWrap #searchbox { width:115px; margin-right:5px; height:16px; _height:25px; padding:4px 0 4px 4px; border:#dbdbdb; }

/* twitter */
#subTwitter        { padding-top:10px; background:url("/images/bg_sub_tweet.gif") center top no-repeat; text-align:center; }
#subTwitter .inner { padding-bottom:5px; background:url("/images/bg_sub_tweet.gif") right bottom no-repeat; }
#subTwitter p      { padding:0 10px 5px; background:url("/images/bg_sub_tweet.gif") left top repeat-y; font-weight:bold; }


/* footNavigation
------------------------------------------------- */
#footNavigation { background:#000; text-align:left; color:#fff; }
#footNavigation #footInfo { background: #333; margin:0 auto; padding:29px 0 28px; }
#footNavigation #footInfo .footInfoArea {display: table;width: 100%;}

#footNavigation .footInquiry {display: table-cell;vertical-align: middle;padding:0 5% 0 0 ;}
#footNavigation .footInquiry .txt {font-size: 17px;font-size: 1.7rem;font-weight: bold;margin:-5px 0 5px;}
#footNavigation .footInquiry .timeTxt {font-size: 12px;font-size: 1.2rem;margin: 8px 0 0;text-align: left;}
#footNavigation .footInquiry .link-arr-01 {line-height:1.1;}
#footNavigation .footInquiry .link-arr-01 a{color: #fff;font-size: 12px;font-size: 1.2rem;background: url(/common_new/images/btn_arr_blue.png) 0 .2em no-repeat;}


#footNavigation .footBtn { width:50%; text-align:right; display: table-cell;vertical-align: middle }
#footNavigation .footBtn .btn.valWhite {font-size: 17px;font-size: 1.7rem;}
#footNavigation .footBtn .inner-r .btn {display: table;font-size: 23px;font-size: 2.3rem;}
#footNavigation .footBtn .inner-r .btn span {display: table-cell;vertical-align: middle;}


@media only screen and (max-width:768px) {
#footNavigation #footInfo { margin:0 auto; padding:20px 0 0; }
#footNavigation #footInfo .footInfoArea {display: block;width: 100%;padding:0;}
#footNavigation .footInquiry {display: block;padding:0;text-align: center;}
#footNavigation .footBtn { width:100%;display: block;margin:17px 0 0;}

#footNavigation .footInquiry .txt {font-size: 13px;font-size: 1.3rem;margin:-5px 0 5px;}
/*#footNavigation .footInquiry .timeTxt {font-size: 8px;font-size: 0.9rem;margin: 8px 0 0;}*/
#footNavigation .footInquiry .telImg {max-width:276px;margin:0 auto;}

#footNavigation .footInquiry .footNoteBox {max-width:276px;margin:0 auto;}
#footNavigation .footInquiry .link-arr-01 {text-align: left;}


#footNavigation .footBtn .btn {font-size: 16px;font-size: 1.6rem;padding:20px 12px;}
#footNavigation .footBtn .btn.valWhite {font-size: 16px;font-size: 1.6rem;padding: 12px 12px 10px;}
}


#footNavigation .footMenu { max-width:940px; margin:0 auto; padding:50px 10px 10px; }
#footNavigation .footMenu .footMenuArea {}
#footNavigation .footMenu .footMenuArea > ul { width:24%;padding:0 1% 0 0; float:left; }
#footNavigation .footMenu li {display:block;}
#footNavigation .footMenu li a { font-size: 12px;font-size: 1.2rem;padding:0 0 3px 13px; color:#fff;background:url(/common_new/images/ico_dot_or.png) .3em .5em no-repeat; }
#footNavigation .footMenu .cloudTop {margin-bottom: 25px; }
#footNavigation .footMenu .cloudTop a {padding:5px 0 5px 23px;background:url(/common_new/images/ico_home.png) 0 0 no-repeat; }

#footNavigation .footMenu .footMenuTtl span {display:block;font-size: 14px;font-size: 1.4rem;font-weight: bold;padding:0 0 5px 13px;background:url(/common_new/images/ico_circle_or.png) 0 .3em no-repeat; }

#footNavigation .footMenu .footMenuLink span {display:block;font-size: 14px;font-size: 1.4rem;font-weight: bold;padding:0 0 5px 13px;background:url(/common_new/images/ico_circle_or.png) 0 .3em no-repeat; }

#footNavigation .footMenu .footMenuTtl span a,
#footNavigation .footMenu .footMenuLink span a {padding: 0;background: none;font-size: 14px;font-size: 1.4rem;}


#footNavigation .footMenu .footMenuArea > ul li ul {padding-bottom: 20px;}

.pcArea #footNavigation .footMenu .footMenuArea > ul li ul {display:block !important;}

@media only screen and (max-width:768px) {
#footNavigation .footMenu { padding:0; }
#footNavigation .footMenu .footMenuArea { padding:0; }
#footNavigation .footMenu .footMenuArea > ul { width:100%;padding:0; float:none; }
#footNavigation .footMenu .footMenuArea > ul li ul {display:none;}

#footNavigation .footMenu .footMenuArea li {border-bottom: 1px solid #B3B3B3; cursor:pointer;}
#footNavigation .footMenu .footMenuTtl span {position: relative;font-size: 13px;font-size: 1.3rem;padding:12px 2.2% 12px 35px;background:url(/common_new/images/ico_circle_or.png) 15px 48% no-repeat; }
#footNavigation .footMenu .footMenuTtl span:after {
position:absolute;
top:50%;
right:3%;
margin-top:-5px;
content:"";
width:15px;
height:10px;
background: url(/common_new/images/slide_ac_arr.png) 0 0 no-repeat;
background-size: 100% auto;
}
#footNavigation .footMenu .footMenuTtl span.on:after {
background: url(/common_new/images/slide_ac_arr.png) 0 100% no-repeat;
background-size: 100% auto;
}

#footNavigation .footMenu .footMenuLink span {padding: 0;background: none;}
#footNavigation .footMenu .footMenuLink span a {position: relative;display:block;font-size: 13px;font-size: 1.3rem;padding:12px 2.2% 12px 35px;background:url(/common_new/images/ico_circle_or.png) 15px 48% no-repeat; }
/*#footNavigation .footMenu .footMenuLink span a:after {
position:absolute;
top:50%;
right:3.5%;
margin-top:-7px;
content:"";
width:9px;
height:15px;
background: url(/common_new/images/sp_slide_arr.png) 0 0 no-repeat;
background-size: 100% auto;
}*/




#footNavigation .footMenu .footMenuArea > ul li ul {padding-bottom: 0;border-top: 1px solid #B3B3B3;}
#footNavigation .footMenu .footMenuArea > ul li ul li {position: relative;}
#footNavigation .footMenu .footMenuArea > ul li ul li a {display:block;font-size: 13px;font-size: 1.3rem;padding:12px 2.2% 12px 35px;background: url(/common_new/images/ico_dot_or.png) 18px 50% no-repeat;}

#footNavigation .footMenu .footMenuArea > ul li ul li:last-child {border: none;}
/*#footNavigation .footMenu .footMenuArea > ul li ul li:after {
position:absolute;
top:50%;
right:3.5%;
margin-top:-7px;
content:"";
width:9px;
height:15px;
background: url(/common_new/images/sp_slide_arr.png) 0 0 no-repeat;
background-size: 100% auto;
}
#footNavigation .footMenu .footMenuArea > ul li ul li.on:after {
background: url(/common_new/images/sp_slide_arr.png) 0 100% no-repeat;
background-size: 100% auto;
}*/

}


#snsArea {background: #4D4D4D;padding:8px 0 12px;text-align:center;}
#snsArea .snsLinkBox {display:inline-block;}
#snsArea .snsLinkBox li {display:inline-block;text-align:center;height:26px;padding:10px;}
#snsArea .snsLinkBox li img {width:auto;height:26px;}
@media only screen and (max-width:768px) {
#snsArea {margin: -1px 0 0;padding:0;}
}

/* contentsBtm
------------------------------------------------- */
#contentsBtm { background: url(/common_new/images/contents_btm_bg.jpg) 50% 100% fixed ;position: relative;}
#contentsBtm .pgTopLink { font-size: 21px;font-size: 2.1rem;text-align: center;}
#contentsBtm .pgTopLink a {color: #3FA0EC;display: block;background: url(/common_new/images/pg_top_bg.png) 50% 22px no-repeat;padding:45px 0 22px;}
@media only screen and (min-width:1280px) {
#contentsBtm { background: url(/common_new/images/contents_btm_bg.jpg) 50% 100% fixed ;background-size:100% auto ;}
}
@media only screen and (max-width:768px) {
#contentsBtm { display: none;}
}
/* footer
------------------------------------------------- */
#footerBtm { padding:24px 0 50px; background:#000 ; color:#fff;text-align: right;font-size: 13px;font-size: 1.3rem; }
#footerBtm .footLink {  }
#footerBtm .footLink li{ display: inline-block;border-right: 1px solid #fff;line-height:1;margin-right:12px;padding-right:12px;}
#footerBtm .footLink li:nth-child(2) {border: none;padding: 0;margin: 0;}
#footerBtm .footLink a { color:#fff;text-decoration: none; }
#footerBtm .footLink a:hover { text-decoration: underline; }

#footerBtm .link-nifty {float: left;clear: both;padding: 2px 0 0;}


@media only screen and (max-width:768px) {
#footerBtm {text-align: center; padding:35px 0 ; }

#footerBtm .footLink li:first-child{ display: block;border-right: none;line-height:1;margin-right:0;padding-right:0;}

#footerBtm .footLink li:nth-child(2) {border-right: 1px solid #fff;line-height:1;margin-right:12px;padding-right:12px;}
#footerBtm .footLink li:last-child {border: none;display: inline-block !important;padding: 0;margin: 0;}

address {margin:13px 0 0;}
}

/* footer_promo
------------------------------------------------- */
.footer_promo { min-width: 960px;}

/* #footer #gotop_img { padding-top:10px; float:left; } */
/* 採用対応 センタリングなし
#footer #gotop_img   { font-size:85%; text-decoration:underline; float:left; }
#footer #gotop_img p { margin-bottom:3px; } */
/* 採用対応 */
#footer #gotop_img   { width:220px; float:left; }
#footer #ftr_recruit { max-width:510px; font-size:90%; text-align:center; float:left; }
#footer #ftr_recruit a { text-decoration:underline; color:#fff; }
/* 採用対応 */


/* カスタム検索 結果画面 /search/ google
------------------------------------------------- */
.gsc-selected-option { width:7em !important; margin-right:2em !important; }
.gsc-result       { border-bottom:1px dotted #ccc !important; }
.gsc-table-result { margin-left:.8em !important; }
.gsc-results-wrapper-nooverlay { margin:-2em -1em !important; padding:0 !important; }
.gsc-results-wrapper-nooverlay *,
.gsc-results-wrapper-overlay * { font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important; }
.gsc-cursor-page { padding:.2em .5em; border:1px solid; }
.gs-title { padding-bottom:.5em; }
.gs-per-result-labels { color:#666; }
.gs-per-result-labels a { color:#007ACF !important; }
.gs-per-result-labels a:hover { color:#75D112 !important; }


/* 検索 */
#menuInnerArea .spInputSearchArea {padding: 0 1.5% ;}
#menuInnerArea .searchWrap3 { width:100%;float:none; background:#fff;font-size: 16px;font-size: 1.6rem;}
#menuInnerArea .searchWrap3 .searchbox3 { float: left;width:83%; height:26px;}
#menuInnerArea .searchWrap3 .searchbtn { float: right;width: 17%;height:26px;background: #143B66 url(/common_new/images/bg_search_sp.png) 50% 50% no-repeat;background-size: auto 14px;}

#menuInnerArea .gnaviMenu li {border-bottom: 1px solid #B3B3B3;text-align: left;}

#menuInnerArea .gnaviMenu li a {font-size: 13px;font-size: 1.3rem;padding:12px 2.2% ;font-weight: normal;color: #fff;}
#menuInnerArea .gnaviMenu li a:hover {text-decoration: none;}

#menuInnerArea .gnaviMenu li .gnav-sub-menu a {padding-left:4%;}

#menuInnerArea .gnaviMenu li .spSlide {position: relative;font-weight: bold;display: block;}
#menuInnerArea .gnaviMenu li .spSlide:after {
position:absolute;
top:50%;
right:2%;
margin-top:-5px;
content:"";
width:15px;
height:10px;
background: url(/common_new/images/slide_ac_arr.png) 0 0 no-repeat;
background-size: 100% auto;
}

#menuInnerArea .gnaviMenu li .spSlide.on:after {
background: url(/common_new/images/slide_ac_arr.png) 0 100% no-repeat;
background-size: 100% auto;
}


#menuInnerArea .gnaviMenu li .gnav-sub {display: none;border-top: 1px solid #B3B3B3;}

#menuInnerArea .gnaviMenu li .gnav-sub .ttl-04 {display: none;border-top: 1px solid #B3B3B3;}
#menuInnerArea .gnaviMenu li .gnav-sub-inner dt {border-bottom: 1px solid #B3B3B3;}

#menuInnerArea .gnaviMenu li .spMenuLi {font-weight: bold;}
#menuInnerArea .gnaviMenu li .spMenuLi ,
#menuInnerArea .gnaviMenu li .gnav-sub-inner a {position: relative;display: block;}
/*#menuInnerArea .gnaviMenu li .spMenuLi {padding-left: 30px;}
#menuInnerArea .gnaviMenu li .spMenuLi:after {
position:absolute;
top:50%;
left:2.6%;
margin-top:-8px;
content:"";
width:9px;
height:15px;
background: url(/common_new/images/sp_slide_arr.png) 0 0 no-repeat;
background-size: 100% auto;
}
#menuInnerArea .gnaviMenu li .gnav-sub-inner a:after {
position:absolute;
top:50%;
right:2.6%;
margin-top:-8px;
content:"";
width:9px;
height:15px;
background: url(/common_new/images/sp_slide_arr.png) 0 0 no-repeat;
background-size: 100% auto;
}*/

#menuInnerArea .languageBox { float:none;padding: 0;}
#menuInnerArea .languageBox .langBox {width:100%;height:inherit;color: #808080;padding:0 ;border:1px solid #3667a5;
background: url(/common_new/images/bg_language_sp.png) 100% 0 no-repeat #fff;background-size: 22px auto;
font-size: 16px;font-size: 1.6rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#menuInnerArea .languageBox .langBox span {padding: 1px 0 0 7px;}
#menuInnerArea .languageBox .langBox .langInBox {background: #fff;z-index:1;position:static;border-bottom:none;border-right:none;border-left:none;}


#openSpMenuBtn {
display: none !important;
}

.sb-slidebar {
    display: none !important;
}
.sb-slidebar.sb-right {
  -webkit-overflow-scrolling: touch;
}
#sb-site {min-height:inherit !important;overflow:hidden;margin-bottom:-25px !important;}

@media screen and (max-width: 768px) {

#headBtn ,
.headTop ,
#gnavi ,
#fixedBox.fixed {
	display:none !important;
}
.sb-slidebar.sb-active {
display: block !important;
background: #00408F;
}

.sb-slidebar {
width: 80% !important;
}

#menuInnerArea {position: relative;padding:0 0 200px;}
#openSpMenuBtn,
#closeSpMenuBtn {display: table-cell !important;vertical-align: middle;}
#openSpMenuBtn a,
#closeSpMenuBtn a {display: block;}
#openSpMenuBtn img,
#closeSpMenuBtn img {vertical-align: middle;}

#menuInnerArea .menuLogo {border-bottom: 2px solid #c1c1c1;display:table;width:100%;}

#menuInnerArea .headLogo {width:93%;}
#menuInnerArea .headLogo .cloudLogo { width:51%;}

#menuInnerArea .logoArea {padding:8px 0;background: #00408F;}


.spMenu2col {display:table;width:96%; margin:10px auto 0;}

.spLangBox {display:table-cell;width: 43%;vertical-align: top;padding:0 2% 0 0;}
.spSearchBox {display:table-cell;width: 55%;vertical-align: top;}

}