@charset "UTF-8";
/* トップページのみの見出し */

/*------------------------------
　importantArea部分
------------------------------*/
div#importantArea {
	_height:1px;
	min-height:1px;
	background:url(/svcsol/mobile-support/common/images/global/btm_shadow.gif) repeat-x left bottom;
	padding:5px 0;
	margin-bottom:29px;
}
div#importantArea p {
	font-size:14px;
	line-height:1.8;
	margin:0;
}

div.global-width div.top-units {
	margin:10px 0;
	height:auto;
}

div.global-width div.top-units:after {
		content:".";
		height:0;
		display:block;
		visibility:hidden;
		clear:both;
}

div.global-width div.top-units div.top-unit {
	float:left;
	width:580px;
}

div.global-width div.top-units div.top-imgR {
	float:right;
	width:380px;
	display:table-cell;
	vertical-align:middle;
}

div.global-width div.top-units div.top-imgR a {
	display:block;
	width:380px;
	height:60px;
	text-decoration:none;
}


/* コンテンツ周り */
#mainNav{
	width: 960px;
	margin: 0 auto;
}
body.Top div.mainBg div.mainBgin {
	background:url(/svcsol/mobile-support/images/top/bg_bottom.png) no-repeat left bottom;
	padding: 0px 15px 10px;
}

.pad {
	padding: 0px 15px 5px !important;
}

body.Top div.cf-exp{
	margin:0px 1px;
}

/* ナビエリア */


div#mainNav div.mainBg {
	margin-bottom:30px;
	background:url(/svcsol/mobile-support/images/top/bg_top.png) no-repeat left top;
	padding: 10px 0 0;
}
div#mainNav div.mainBg div.mainBgin {
}

div#mainNav div.nav01{
	width: 304px;
	display: inline-block;
	vertical-align: top;
	background:url(/svcsol/mobile-support/images/top/bg_box_s_top.png) no-repeat left top;
	padding: 10px 0 0 ;
	margin: 0 0 10px;
}
div#mainNav div.nav01 .inner{
	background:url(/svcsol/mobile-support/images/top/bg_box01.png) no-repeat left bottom;
	padding: 6px 25px 25px;
}

div#mainNav div.nav02{
	width: 304px;
	display: inline-block;
	vertical-align: top;
	background:url(/svcsol/mobile-support/images/top/bg_box_s_top.png) no-repeat left top;
	padding: 10px 0 0 ;
	margin: 0 0 10px;
}
div#mainNav div.nav02 .inner{
	background:url(/svcsol/mobile-support/images/top/bg_box01.png) no-repeat left bottom;
	padding: 6px 25px 24px;
}
.heightline{

}

div#mainNav div.nav03{
	width: 304px;
	display: inline-block;
	vertical-align: top;
	background:url(/svcsol/mobile-support/images/top/bg_box_s_top.png) no-repeat left top;
	padding: 10px 0 0 ;
	margin: 0 0 10px;
}
div#mainNav div.nav03 .inner{
	background:url(/svcsol/mobile-support/images/top/bg_box01.png) no-repeat left bottom;
	padding: 6px 25px 208px;
}

div#mainNav .inner{
}
div#mainNav .inner p{
	border-bottom: 1px solid #ccc;
	padding: 0 0 13px;
}
div#mainNav dl{}
div#mainNav dt{
	margin: 0 0 5px;
}
div#mainNav dd{
	margin: 0 0 20px;
	padding-left: 18px;
}
div#mainNav .inner p.btn{
	border-bottom: none;
	padding: 0;
	margin: 30px 0 0;
}

/* バナーエリア */

div#bannerArea{
	margin-bottom:30px;
}

/* OS・お知らせ */
body.Top div.mainBgNews {
	background:url(/svcsol/mobile-support/images/top/contents_top.gif) no-repeat left top;
	padding:2px 0 0;
}

body.Top div.mainBgNews div.mainBgin {
	background:url(/svcsol/mobile-support/images/top/contents_bottom.gif) no-repeat left bottom;
	padding:11px 15px 0;
	position:relative;
}

div#osNews {
	margin-bottom:30px;
}
div#osNews div.os {
	float:left;
	max-width: 420px;
}
div#osNews div.os ul {
	padding:15px 15px 5px;
}
div#osNews div.os ul li {
	background:url(/svcsol/mobile-support/common/images/icon/circle.png) no-repeat left center;
	padding:8px 0 10px 18px;
}
div#osNews div.os ul li a {
	font-size:14px;
	color:#333;
}
div#osNews div.news {
	float:right;
	max-width: 490px;
}

div#osNews div.news dl {
	padding:15px 15px 5px;
	margin: 0;
}
div#osNews div.news dl dd {
	margin: 0 0 20px 0;
}
div#osNews div.news dl span {
	display:block;
}
div#osNews div.news dl dd a {
	color:#333;
}

div#osNews div.os .scrollBox,
div#osNews div.news .scrollBox {
	max-height: 304px;
	overflow-y: auto;
	scrollbar-width: thin;
	margin-bottom: 30px;
	}

/* お問い合わせ */
div#contact div.mainBgin {
	padding:0 2px 0;
	height:180px;
}
div#contact div.mainBgin p {
	margin:0;
}
div#contact div.mainBgin p.ttl {
	background:url(/svcsol/mobile-support/common/images/icon/circle.png) no-repeat left 2px;
	padding-left:18px;
	margin-bottom:30px;
}
div#contact div.mainBgin p.ttl span {
	font-size:14px;
	font-weight:bold;
	margin-right:1em;
}
div#contact div.mainBgin .otoi01 {
	padding:15px 15px 0;
	position:relative;
	border-right:1px solid #d4d3cf;
	height:128px;
	float:left;
}
div#contact div.mainBgin .otoi01 p.note {
	position:absolute;
	top:44px;
	font-size:11px;
}
div#contact div.mainBgin .otoi02 {
	padding:15px 15px 0 0;
	float:right;
}

/* 20180315 add*/

div.mainTab .tab_list .select {
	background: rgb(208, 2, 57);
}

div.mainTab .tab_list .select span {
	background: rgb(143, 0, 38);
	font-size: 12px;
	padding: 4px 5px 3px;
	border-radius: 3px;
	margin: 0 9px 0 1px;
}

div.mainTab .tab_list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	border-bottom: 5px solid rgb(208, 2, 57);
	margin: 0 0 30px;
}

div.mainTab li {
	width: 455px;
	height: 62px;
	line-height: 60px;
	color: #fff;
	margin: 0;
	text-align: center;
cursor: pointer;
}


div.mainTab li span {
	background: #000;
	 font-size: 12px;
  padding: 4px 5px 3px;
  border-radius: 3px;
  margin: 0 9px 0 1px;
}

div.mainTab li p {
	margin: 0 0 1px;
	font-size: 18px;
}

div.mainTab li div:first-child {
	margin: 1px 0 0 72px;
}

div.mainTab li div:last-child {
	margin: 1px 0 0 36px;
}

div.mainTab li div:last-child  span{
	margin: 0 8px 0 1px;
}

div.mainTab li:first-child {
	background: rgb(51, 51, 51);
	margin: 0 10px 0 0;
}


div.mainTab li:nth-child(2) {
	display: flex;
	flex-wrap: nowrap;
	background: rgb(51, 51, 51);
}

div.nav04{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	border-top: solid 5px rgb(215, 8, 19);
	border-right: solid 1px rgb(204, 204, 204);
	border-left: solid 1px rgb(204, 204, 204);
	border-bottom: solid 1px rgb(204, 204, 204);
	margin-bottom: 29px;
	box-shadow: 0 0 3px rgb(204, 204, 204);
}
div.nav04 .inner{
	padding: 0 34px 5px 22px;
}

div.nav04 .inner p {
	padding: 16px 0  0;
	margin: 0;
}

div.nav04 .inner p:after {
	content:'';
	border-bottom: solid 1px rgb(204, 204, 204);
	display: block;
	padding: 16px 0  0;
	width: 670px;
}

div.nav04 .inner dt {
	padding: 0 0 6px;
}

div.nav04 .inner dd {
	-webkit-margin-start:  0;
}


div.mainBgin .tlt_01 {
	line-height: 30px;
	padding: 0 0 0 8px;
	margin: 5px 0 15px 5px;
	border-left : solid 5px rgb(208, 2, 57);
	background: none;
	font-size: 18px;
}

div.mainBgin .tlt_02 {
	line-height: 30px;
	padding: 0 0 0 8px;
	margin: 5px 0 15px 5px;
	border-left : solid 5px rgb(208, 2, 57);
	background: none;
	font-size: 18px;
}

div#mainNav div.nav01_f {
	width: 451px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0 0 ;
	margin: 0 16px 10px 5px;
}
div#mainNav div.nav01_f .inner{

	background: #fff;
	border-top: solid 5px rgb(215, 8, 19);
	box-shadow: 0 0 5px rgb(151, 151, 151);
	padding: 0 0 0 19px;
}

div#mainNav div.nav01_f .inner p {
	border:none;
	padding: 0;
	margin: 0;
}

div#mainNav div.nav01_f .inner p img {
	width: 411px;
	height: 71px;
	margin: 10px 0 0;
}

div#mainNav div.nav01_f .inner dl {
	border-top: solid 1px rgb(204, 204, 204);
	 margin: 0;
	padding: 15px 0 27px;
	width: 410px;
}

div#mainNav div.nav01_f .inner dd {
	margin: 0 0 22px;
}



div#mainNav div.nav02_f {
	width: 451px;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0 0 ;
	margin: 0 0 10px;
}
div#mainNav div.nav02_f .inner{

	background: #fff;
	border-top: solid 5px rgb(215, 8, 19);
	box-shadow: 0 0 5px rgb(151, 151, 151);
	padding: 0 0 0 19px;
}

div#mainNav div.nav02_f .inner p {
	border:none;
	padding: 0;
	margin: 0;
}

div#mainNav div.nav02_f .inner p img {
	width: 411px;
	height: 71px;
	margin: 10px 0 0;
}

div#mainNav div.nav02_f .inner dl {
	border-top: solid 1px rgb(204, 204, 204);
	margin: 0;
	padding: 15px 0 89px;
	width: 410px;
}

div#mainNav div.nav02_f .inner dd {
	    margin: 0 0 22px;
}



/* ↓20180403add typeIfix add .typeiarea */

div#mainNav div.mainBgin.pad .nav01 .inner,
div#mainNav div.mainBgin.pad .nav02 .inner,
div#mainNav div.mainBgin.pad .nav03 .inner {
	height: 390px;
	overflow: hidden;
	padding: 6px 25px 25px;
}

/* ↓20190116update height250to280 typeIfix add .typeiarea */
div#mainNav div.mainBgin.typeiarea .nav01 .inner,
div#mainNav div.mainBgin.typeiarea .nav02 .inner,
div#mainNav div.mainBgin.typeiarea .nav03 .inner {
	height: 350px;
	overflow: hidden;
	padding: 6px 25px 25px;
}

/* end added 20180403 */
.mainBgin.pad.typeiarea.cf .nav03 .inner {
}
.mainBgin.pad.typeiarea.cf .nav01 .inner {
}

/* 20220217 add */
div#mainNav div.mainBgin.typeiarea .nav01 .inner,
div#mainNav div.mainBgin.typeiarea .nav02 .inner,
div#mainNav div.mainBgin.typeiarea .nav03 .inner {
	height: 380px;
}
/* end added 20220217 */