@charset "utf-8";

/* --------------------------------------------------
  == Layout Style ==
  --------------------------------------------------
  File       : layout.css
  Date       : 2010.12.10
  Last Update: 2010.12.10
-------------------------------------------------- */

body {
	color:#333;
	font-size:100.01%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	line-height:1.6;
	word-wrap:break-word;
	border-top: 2px solid #00395E;
	/* background-color:#2F2F2F; */
}
body#partnerLogin,
body#partnerMain { background-color:#FFF; }

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

#container { font-size:80%; background-color:#fff; }
#wrapper {}

/* 幅指定 */
.lower-main .inner, #contentsBtm .inner, #gnavi .gnavi-inner,
#footer .footNavigation, #footer .nifty { width:950px; margin:0 auto; text-align:left; }
.contentsInner { width:956px; margin:-22px auto 10px; background:url("../images/top_contents_bg.png") 0 0 no-repeat; text-align:left; }


/* header
------------------------------------------------- */
#header { width:920px; margin:10px auto; }
#headLogo { width:570px; text-align:left; float:left; line-height:1; }
#headLogo .cloudLogo { margin-top:4px; margin-right:15px; float:left; }
#headLogo #tagline   { width:410px; margin-top:10px !important; float:left; }
#headInfo { width:350px; text-align:right; float:left; }
#headInfo ul { margin-bottom:8px; line-height:1; }
#headInfo li { display:inline; margin-left:10px; padding-left:6px; font-size:80%; background:url("../images/arrow01.gif") center left no-repeat; }


/* gnavi
------------------------------------------------- */
#gnavi { background-color:#333; border-bottom:1px solid #282828; position:relative; z-index:1; }

/* 検索 */
#gnavi .searchWrap3 { width:230px; margin-top:10px; float:right; background:none; }
#gnavi .searchWrap3 input { float:left; }
#gnavi .searchWrap3 #searchbox { width:135px; margin-right:5px; height:17px; _height:25px; padding:4px 0 4px 4px; border:#dbdbdb; }

/* ナビ */
#gnavi ul { width:720px; _width:700px; position:relative; }
#gnavi li { float:left; }
#gnavi a  { display:block; padding:12px 15px; color:#fff; }
#gnavi a:hover  { background-color:#444; text-decoration:none; }
#gnavi .gnav-sub-inner a { padding:0; color:#007ACF !important; text-decoration:none !important; }
#gnavi .gnav-sub-inner a:hover { color:#75D112 !important; background:none !important; text-decoration:underline !important; }

.gnav-sub       { background:url(../images/arr_gnavi.gif) no-repeat 0 0; }
.gnav-sub-inner {
 width:840px; 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用*/ }

 .gnav-sub-inner p.ttl-04          { width:19% !important; margin-right:1%; float:left; line-height:1.5; }
 .gnav-sub-inner .gnav-sub-menu    { width:79% !important; float:left; line-height:1.5; border-left:1px #ccc solid; }
 .gnav-sub-inner .gnav-sub-menu li { padding:0 10px; border-right:1px #ccc solid; }


/* lower-main
------------------------------------------------- */
.lower-main { padding-top:38px; min-height:116px; _height:115px; background:#05398C url("../images/top/bg_top_sky.jpg") 50% 0 no-repeat; }
.lower-main h2 { margin:0 10px 35px 10px; height:42px; background:no-repeat 0 0; }
.lower-main h2 span { display:none; }
.lower-main h2.noimg { height:auto; background:none !important; font-size:200%; font-weight:bold; color:#fff; }
.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 { padding-left:23px; padding-bottom:22px; background:url("../images/pankuzu_home.gif") 10px 0 no-repeat; font-size:80%; color:#fff; }
.footpath strong { margin:0 .3em; font-weight:normal; }
.footpath a:link,
.footpath a:active,
.footpath a:visited { margin:0 .3em; color:#71C3FC; }


/* contents
------------------------------------------------- */
#contents { background:url("../images/bg1.gif") 0 22px repeat-x; }

#mainContents { width:660px; }
#subContents  { width:210px; }

.column2R #mainContents { margin:25px 26px 0 30px; _margin:25px 26px 0 15px; float:left; }
.column2R #subContents  { margin:25px 0 0; float:left; }

.column2L #mainContents { margin:25px 32px 0 0; _margin:25px 16px 0 0; float:right; }
.column2L #subContents  { margin:25px 0 0 30px; _margin:25px 0 0 15px; float:left; }

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

/* #subContents内
------------------------------------------------- */
#sidenavi { padding:8px 8px 4px 8px; background:url("../images/se_side_head.gif") 0 0 no-repeat #d5d5d5; }
#sidenavi h3 { margin-left:1px; }
#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 { background:url("../images/se_re_bg_foot.gif") left bottom no-repeat; text-align:center; }
.sidenaviBox01 ul { _width:210px; padding:15px 10px 4px 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; zoom:1; }
.sidenaviBox01 li { margin-bottom:3px; }

/* sidenaviBox02 --「#mainMenu」「#subMenu」 */
.sidenaviBox02        { padding-bottom:10px; background:url("../images/se_re_navi_foot.gif") left bottom no-repeat; }
.sidenaviBox02 .inner { background:url("../images/se_re_navi_bg02.gif") 0 0 repeat-y; font-weight:bold; }
.sidenaviBox02 ul     { padding-top:8px; background:url("../images/se_re_navi_head.gif") left top no-repeat; }
.sidenaviBox02 li     { margin:0 3px; padding:8px 10px 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; }
	/* sidenaviBox01 -- #mainMenu専用背景用 */
	#mainMenu ul { padding-top:0; background:url("../images/se_re_navi_bg01.gif") left top no-repeat; }
	/* 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; }

/* 検索 */
.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-color:#ebebeb; text-align:left; }
#footNavigation #footInfo { width:950px; margin:0 auto; padding:18px 0 12px; border-bottom:#dcdcdc solid 1px; }
#footNavigation .largeinner { width:940px; margin:0 auto; padding:12px 5px; border-top:#f5f5f5 solid 1px; }
#footNavigation .largeinner ul { width:225px; padding-right:10px; float:left; }
#footNavigation li a { padding-bottom:3px; padding-left:6px; font-size:90%; background:url("../images/arrow01.gif") left .5em no-repeat; }

#footNavigation .footBtn { width:400px; text-align:right; float:right; }
#footNavigation .footBtn p { margin-left:5px; float:left; }
#footNavigation .footBtn a { display:block; margin-bottom:3px; }

#footNavigation .footInquiry img { float:left; }
#footNavigation .footInquiry ul { margin:5px 0 7px 5px;}

/* contentsBtm
------------------------------------------------- */
#contentsBtm { background-color:#ebebeb; max-height:30px; }
#contentsBtm .inner { position:relative; }
.resolution { padding-bottom:6px; }
.pgTopLink  { bottom:0; right:0; position:absolute; }

/* footer
------------------------------------------------- */
#footer { padding:24px 0 12px 0; background:#2F2F2F url("../images/foot_bg.gif") 0 -2px repeat-x; color:#fff; }
#footer a:link,
#footer a:active,
#footer a:visited { color:#fff; }
#footer a:hover   { color:#75D112; }

/* footer_promo
------------------------------------------------- */

@media only screen and (max-width:640px) {
  /* レイアウト関連調整 */
  #footer, .nifty, #footer address, table { width:100% !important; }
  #footer .nifty { margin: 0 auto;} 
  #footer #gotop_img  { float: left; width: 16%;}
  #footer address, #footer address .copyright { text-align: center !important;}
  #contentsBtm .inner{ margin-top: 0 !important;}
}
@media only screen and (max-width:360px) {
  #footer address, #footer address .copyright { text-align: center !important;}
  #contentsBtm .resolution{ display:none;}
  #contentsBtm .inner{ margin-top: 0 !important;}
}



/* #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   { float:left;}
#footer #gotop_img a  { font-size:13px;text-decoration:underline;}
#footer #gotop_img a:hover  { text-decoration:none;color:#fff;}
#footer #ftr_recruit { width:510px; font-size:90%; text-align:center; float:left; }
#footer #ftr_recruit a { text-decoration:underline; color:#fff; }
/* 採用対応 */
#footer address    { text-align:right; float:right; }
#footer address a:link,
#footer address a:active,
#footer address a:visited  { text-decoration:underline; }
#footer address a:hover    { text-decoration:none; color:#fff; }
#footer .copyright { font-size:85%; }


/* カスタム検索 結果画面 /search/
------------------------------------------------- */
.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; }


/* 2016/1130追加 /* gnavi /* 検索 
------------------------------------------------- */
#gnavi .searchWrap3 #searchbox3 { width:135px; margin-right:5px; height:19px; _height:25px; }
/* 2016/1130追加 #subContents内 /* 検索
------------------------------------------------- */
.searchWrap #cse-search-box #searchbox3 { width:116px; margin-right:5px; height:19px; _height:25px; }