@charset "UTF-8";

/* =======================================
 全てのページの体裁を合わせる為のCSS
======================================= */
	html,body{
		height:100%;
		margin:0;
	}
	html{
		background-color:#313131;
	}
	body{
		color:#333333;
		font-size:75%;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",Osaka,Arial,Helvetica,sans-serif;
		line-height:1.5em;
	}
	img{vertical-align:bottom;}
	h1,h2,h3,h4 {margin:0;padding:0;}
	h1 {font-weight:normal;}
	table {color: #676767;}
	.cf:before,
	.cf:after {
		content: " ";
		display: table;
	}
	.cf:after {
		clear: both;
	}
	.cf {
		*zoom: 1;
	}
/*------------------------------
　global-Contents部分
------------------------------*/
	div#global-contents{
		background:#ffffff;
	}
	div#global-contents div#local-contents{
		margin:0 auto;
		padding:20px 0 30px;
	}
	.topicPage div#global-contents div#local-contents{
		margin:0 auto;
		width:964px;
		padding-top:20px;
	}
	div.global-width {
		width:964px;
		margin:0 auto;
	}
/*------------------------------
　Contents部分
------------------------------*/
	#mianContents:after{
		content:".";
		height:0;
		clear:both;
		visibility:hidden;
		display:block;
	}
	#mianContents{
		min-height:1px;
	}
	div#leftContents{
		float:left;
	}
	div.Contents-body{
		margin:0 9px 20px;
	}
	div#rightContents{
		float:right;
	}
/*------------------------------
　下層用のCSSを指定する場合は
　body.topicPageをつけてください
------------------------------*/
	body.topicPage div#leftContents{
		width:824px;
		background:url(/svcsol/mobile-support/common/images/global/contents_middle.gif) repeat-y center;
	}
	*+ html body.topicPage div#leftContents{
		margin-bottom:0px;
		line-height:0;
	}
	*+ html body.topicPage div#leftContents div#leftContents-inner{
		line-height:normal;
	}
	body.topicPage div#leftContents div#leftContents-inner{
		background:url(/svcsol/mobile-support/common/images/global/contentsBg_header.gif) no-repeat top center;
		/*min-height:600px;*/
		padding:14px 13px 0;
	}

/*　rightcontentsの右ナビについて*/
	body.topicPage div#rightContents {
		width:134px;
		position: sticky;
		top: 0;
	}

/* bottomareaについて */
	div#bottomArea{
		clear:both;
		width:964px;
		height:179px;
		margin-top:9px;
		padding:0px 0 26px;
		background:url(/svcsol/mobile-support/common/images/global/otoiawase_base.gif) no-repeat top left;
	}
	div#bottomArea p.title{
		margin:0;
		padding:12px 0 0 15px;
	}
	div#bottomArea .area_left,
	div#bottomArea .area_right{
		margin:12px 0 0;
		padding:0;
		float:left;
		position:relative;
	}
	div#bottomArea .area_left p.title,
	div#bottomArea .area_right p.title{
		text-align:center;
		margin:0 0 16px;
		padding-left:0;
	}
	div#bottomArea .area_left{
		margin-left:22px;
		width:477px;
	}
	div#bottomArea .area_left p.contactInformation{
		margin:0 0 5px 2px;
	}
	div#bottomArea .area_left p.btn_otoiawase{
		margin:0;
		position:absolute;
		top:67px;
		right:6px;
	}
	div#bottomArea .area_right{
		margin-left:37px;
		width:407px;
	}
	div#bottomArea .area_right p{
		margin:0 0 15px;
	}
	div#bottomArea .area_right p.btn_iijserviseonline{
		margin:0 0 10px 4px;
	}
/*------------------------------
　header部分
------------------------------*/
	div#header{
		_height:1px;
		min-height:1px;
		padding-bottom:6px;
	}
	div#header:after{
		content:".";
		height:0;
		clear:both;
		display:block;
		visibility:hidden;
	}
	.Top div#header {
		background:url(/svcsol/mobile-support/common/images/global/btm_shadow.gif) repeat-x left bottom;
		padding-bottom:16px;
	}
	div#header ul#AidList:after,
	div#globalNav ul#globalList:after{
		content:".";
		height:0;
		clear:both;
		display:block;
		visibility:hidden;
	}
	div#header div#headLogo,
	div#header ul#AidList li,
	div#globalNav ul#globalList li{
		float:left;
	}
	div#header ul#AidList li{
		margin-bottom:0;
	}
	div#header div#headLogo{
		margin-top:10px;
	}
	div#header ul#AidList{
		float:right;
		width:126px;
		padding:0;
		padding:3px 0 5px;
		margin: 12px 0 8px;
	}
	div#header ul#AidList li a{
		display:block;
		width:117px;
		height:23px;
		margin-left: 9px;
	}
	div#header ul#AidList li.current a img{display:none;}
	div#header ul#AidList li.current a.Faq{
		background:url(/svcsol/mobile-support/common/images/globalnav/globtn_faq_selected.gif) no-repeat center;
	}
	div#header ul#AidList li.current a.SiteMap{
		background:url(/svcsol/mobile-support/common/images/globalnav/globtn_sitemap_selected.gif) no-repeat center;
	}
	/* 検索エリア */
	div.search-area{
		float: right;
		width:204px;
		border-left:solid 1px #dddddd;
		padding:3px 0 2px 10px;
		margin: 12px 0 8px 10px;
	}
  /* 検索エリア（旧） */
/*
	#search-box{
		height:21px;
	}
	#search-box input{
		font-size:12px;
		float:left;
	}
	#MF_form_phrase{
		background:url(/svcsol/mobile-support/common/images/global/textArea.gif) top left no-repeat;
		border:0;
		width:144px;
		height:16px;
		color:#999999;
		padding:5px 0 2px 5px;
	}
	@-moz-document url-prefix(){ #MF_form_phrase{
		height:18px;
		padding:3px 0 2px 5px;
	}}
*/
  
  /* 検索エリア（新） */
  #ss-form1 {
    height:23px;
  }
  
  #ss-form1 #ss-query1 {
    width: 138px;
    height: 13px;
/*    margin-right: 4px;*/
    padding: 3px;
    float: left;
  }
  #ss-form1 #search-btn {
    width: 55px;
    height: 23px;
    float: left;
  }

  /* IIJロゴ */
	#iijLogo {
		float:right;
		width:82px;
		margin-left:28px;
	}

/*------------------------------
　globalNav部分
------------------------------*/
	div#globalNav{
		margin:0 0 18px 0px;
		position: relative;
	}
	div#globalNav ul{
		zoom:1;
		width:964px;
		height:53px;
		margin: 0 auto;
	}
	div#globalNav ul li{
		line-height:1;
		border-right: 1px solid #7a7a7a;
	}
	div#globalNav ul:after{
		content:".";
		height:0;
		clear:both;
		visibility:hidden;
		display:block;
	}
	div#globalNav ul li img{
		_vertical-align:bottom;
	}
	div#globalNav ul li > a{
		height:53px;
		display:block;
		background: no-repeat top left;
	}
	div#globalNav ul li.current > .n01,
	div#globalNav ul li.current > .n03{
		width: 240px;
	}
	div#globalNav ul li.current > .n02{
		width: 240px;
	}div#globalNav ul li.current > .n03{
		width: 240px;
	}



	div#globalNav ul li:hover a.n01{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_01_on.png); }
	div#globalNav ul li:hover a.n02{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_02_on.png); }
	div#globalNav ul li:hover a.n03{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_03_on.png); }
	div#globalNav ul li:hover a.n04{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_04_on.png); }

	div#globalNav ul li.current a.n01{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_01_active.png)!important; }
	div#globalNav ul li.current a.n02{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_02_active.png)!important; }
	div#globalNav ul li.current a.n03{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_03_active.png)!important; }
	div#globalNav ul li.current a.n04{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_04_active.png)!important; }

	div#globalNav ul li.current:hover a.n01{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_01_active_on.png)!important; }
	div#globalNav ul li.current:hover a.n02{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_02_active_on.png)!important; }
	div#globalNav ul li.current:hover a.n03{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_03_active_on.png)!important; }
	div#globalNav ul li.current:hover a.n04{	background-image:url(/svcsol/mobile-support/common/images/globalnav/gnav_04_active_on.png)!important; }


	div#globalNav ul li.current > a img,
	div#globalNav ul li:hover > a img{	visibility:hidden;}

	div#globalNav .nav_inner{
		background: #eee;
		position: absolute;
		top: 53px;
		left: 0;
		width: 964px;
		z-index: 1000;
		font-size: 116.7%;
		padding: 15px 10px 5px 35px;
		text-decoration: none;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div#globalNav .nav_inner{
		border: 4px solid #514f4f;
	}
	div#globalNav .current .nav_inner{
		border: 4px solid #cb3459;
	}
	div#globalNav .nav_inner{
		display: none;
	}

	div#globalNav .nav_inner .title{
		font-size: 20px;
		font-weight: bold;
		border-bottom: 1px solid #000;
		padding: 0 0 10px;
		margin: 0 78px 30px 0;
	}

	div#globalNav .nav_inner a{
		color: #000!important;
		text-decoration: none;
	}
	div#globalNav .nav_inner a:hover{
		text-decoration: underline;
		color: #0168b7!important;
	}
	div#globalNav .nav_inner dl{
		margin: 0 0 38px;
	}
	div#globalNav .nav_inner .col1{
		width: 230px;
		float: left;
	}
	div#globalNav .nav_inner .col2{
		width: 370px;
		float: left;
	}
	div#globalNav .nav_inner .col3{
		width: 280px;
		float: left;
	}
	div#globalNav .nav_inner .first{
		background: url(/svcsol/mobile-support/common/images/icon/icon_nav_01.png) no-repeat left center;
		padding: 0 0 0 15px;
		margin: 0 0 20px 0;
		font-weight: bold;
	}
	div#globalNav .nav_inner p.first{
		margin: 0 0 40px 0
	}
	div#globalNav .nav_inner .second{
		background: url(/svcsol/mobile-support/common/images/icon/icon_nav_02.png) no-repeat left center;
		padding: 0 0 0 10px;
		margin: 0 0 15px 17px;
	}
	div#globalNav .nav_inner .thread{
		background: url(/svcsol/mobile-support/common/images/icon/icon_nav_02.png) no-repeat left center;
		padding: 0 0 0 10px;
		margin: 0 0 15px 28px;
	}
	div#globalNav .nav_inner .close{
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 10000;
        cursor: pointer;
	}


/*------------------------------
　ナビ部分
------------------------------*/
	#rightContents div#rightInner {
		background:url(/svcsol/mobile-support/common/images/subnav/subNavi_bg_b.gif) no-repeat left bottom;
		padding-bottom:8px;
		margin-bottom:5px;
	}

	#rightContents div#rightInner p {
		margin:0;
		padding:0;
	}
	#rightContents div#rightInner p.h2 {
		background:url(/svcsol/mobile-support/common/images/subnav/subNavi_bg_t.gif) no-repeat left top;
		padding: 12px 6px 6px 20px;
	}
	#rightContents div#rightInner p.h2_2 {
		background:url(/svcsol/mobile-support/common/images/subnav/subNavi_bg_t2.gif) no-repeat left top;
		padding: 12px 6px 6px 20px;
	}
	#rightContents div#rightInner p.h2 a, #rightContents div#rightInner p.h2_2 a {
		color:#fff;
		font-size:14px;
	}
	#rightContents div#rightInner div {
		background:url(/svcsol/mobile-support/common/images/subnav/subNavi_bg_m.gif) repeat-y left top;
		padding-bottom:2px;
	}
	#rightContents div#rightInner p.h3 {
		border-bottom:1px dotted #c5c5c5;
		padding:8px 0 6px 10px;
		font-size:14px;
		font-weight:bold;
	}
	#rightContents div#rightInner p.h3_2 {
		border-top:1px solid #c5c5c5;
		border-bottom:1px dotted #c5c5c5;
		padding:8px 0 6px 10px;
		font-size:14px;
		font-weight:bold;
	}
	#rightContents div#rightInner dl {
		border-bottom:1px dotted #c5c5c5;
		margin:0;
		padding:0;
	}
	#rightContents div#rightInner dl dt.p-deviceInfo {
		display: none !important;
	}
	#rightContents div#rightInner dl.lastDl {
		border:none;
	}
	#rightContents div#rightInner dl#lastDl {
		border:none;
	}

	#rightContents div#rightInner dl dt {
		padding:8px 0 0 10px;
		font-weight:bold;
	}
	#rightContents div#rightInner dl dd {
		margin:0;
		padding:6px 0;
	}
	#rightContents div#rightInner dl dd ul li {
		background:url(/svcsol/mobile-support/common/images/icon/link_normal.gif) no-repeat 12px 7px;
		padding:2px 10px 2px 20px;
	}
	#rightContents div#rightInner dl dd ul li.current {
		background:url(/svcsol/mobile-support/common/images/icon/link_normal.gif) no-repeat 12px 7px #dfdfdf;
	}
	#rightContents div#rightInner dl dd ul li.outside{
		background: url(/svcsol/mobile-support/common/images/icon/link_pop.gif) no-repeat 9px 8px;
	}
	#rightContents div.banner-section{
		margin:0 0 5px;
	}
	#rightContents div.banner-section #otoiawase01 {
		background:url(/svcsol/mobile-support/common/images/subnav/otoi_bg01.gif) no-repeat left top;
		height: 130px;
		padding: 95px 10px 0;
		font-size: 10px;
		line-height: 1.3;
	}
	#rightContents div.banner-section #otoiawase01 span {
		display:block;
		margin-top:3px;
	}
	#rightContents div.banner-section #otoiawase02 {
		background:url(/svcsol/mobile-support/common/images/subnav/otoi_bg02.gif) no-repeat left top;
		height:74px;
		padding:58px 10px 0;
	}

/*------------------------------
　topicPath部分　パンくずリスト
------------------------------*/
	ol#topicPath{
		margin:0;
		list-style:none;
		padding:0 2px 11px;
	}
	ol#topicPath li{
		display:inline;
		background:url(/svcsol/mobile-support/common/images/icon/arrow.gif) no-repeat 3px center;
		padding-left:15px;
		color:#acacac;
	}
	ol#topicPath li.firstChild{
		background:none;
		padding-left:0;
	}
	ol#topicPath li a{
		background:url(/svcsol/mobile-support/common/images/icon/link_mini.gif) no-repeat left 50%;
		padding-left:10px;
		color:#0168b7;
	}

/*------------------------------
　fotter部分
------------------------------*/
	div#fotter{
		background-color:#313131;
		min-height:48px;
		overflow:hidden;
	}
	div#fotter div#fotter-inner{
		margin:0 auto;
		width:960px;
	}
	div#fotter:after{
		height:0;
		content:".";
		display:block;
		visibility:hidden;
		clear:both;
	}
	div#fotter div#footerBtn{
		width:900px;
	}
	div#fotter div#footerBtn a.logo{
		display:block;
	}
	div#fotter div#fotter-link{
		float:left;
	}
	div#fotter div#CopyRight {
		float:right;
	}
	div#fotter div#fotter-link ul:after{
		height:0;
		content:".";
		display:block;
		visibility:hidden;
		clear:both;
	}
	div#fotter div#fotter-link ul{
		margin:18px 0 12px -39px;
		min-height:1px;
		_height:1px;
	}
	div#fotter div#fotter-link ul li{
		float:left;
		margin-left:39px;
		padding-left:15px;
		background: url(/svcsol/mobile-support/common/images/icon/linkMark_yellow.gif) no-repeat center left;
	}
	div#fotter div#fotter-link ul li a{
		color:#ffffff;
	}
	div#fotter div#CopyRight{
		margin:20px 0 10px;
		text-align:right;
	}

/*------------------------------
　20180306 adver 追記
------------------------------*/
.naviTypeName{
	font-size: 130%;
	font-weight: bold;
}
.naviTypeName02{
	font-size: 130%;
	font-weight: bold;
	display: inline-block;
}
.naviTypeName span{
	font-size:10px;
	font-weight: normal;
	display: inline-block;
	background: #ccc;
	padding: 5px;
	border-radius: 3px;
	color: #000;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: middle;

}
.naviTypeName02 span{
	font-size:10px;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	background: #ccc;
	padding: 5px;
	border-radius: 3px;
	color: #000;
	margin-right: 5px;
}
div#globalNav #n02_in.nav_inner .col1{
	margin-right: 20px;
	width: 230px;
}
div#globalNav #n02_in.nav_inner .col2{
	border-left: 1px solid #ccc;
	padding-left: 20px;
	width: 350px;
}
div#globalNav #n02_in.nav_inner .col3{
	padding-top: 50px;
}
div#globalNav #n03_in.nav_inner .col2{
	border-left: 1px solid #ccc;
	padding-left: 20px;
	width: 290px;
	height: 280px;
}
div#globalNav #n03_in.nav_inner .col3{
	width: 370px;
	padding-top: 55px;
}