@charset "utf-8";
/* CSS Document */
.sp_only {
	display: none;
}


/* #biz_p2_sidemenu
--------------------------------*/
#biz_p2_sidemenu{
	padding-bottom: 5px;
	margin-bottom: 4px;
	background: url(/svcsol/common/images/sr_h_bg002.gif) no-repeat center bottom;
}
#biz_p2_sidemenu span {
	display: block;
	padding: 9px 5px;
	border: 1px solid #828f94;
	line-height: 1.4;
	font-size: 96%;
	color: #000000;
	text-align: center;
}

/* #biz_p2
-----------------------------------------------------------------------*/
#biz_p2{
	margin-bottom: 30px;
}
#biz_p2 h1,
#biz_p2 h2,
#biz_p2 h3,
#biz_p2 p,
#biz_p2 a,
#biz_p2 div{
	box-sizing: border-box;
}
#biz_p2 .leadBox .inner {
	padding: 22px 0 0 0;
}
#biz_p2 h2{
	margin-bottom: 30px;
	width: 100%;
	height: 78px;
	background: url(/biz/p2/images/top_h2_bg.png) no-repeat 0 0;
	color: #FFFFFF;
	text-align: center;
  -webkit-background-size: cover;
  background-size: cover;
}


/* noticeBox */
#biz_p2 .noticeBox dl{
	display: table;
	width: 100%;
	height: 58px;
	margin-bottom: 10px;
}
#biz_p2 .noticeBox dl dt{
	display: table-cell;
	width: 62px;
	background: #d4143f;
	vertical-align: middle;
	text-align: center;
	font-size: 112%;
	font-weight: normal;
	color: #ffffff;
}
#biz_p2 .noticeBox dl dd{
	display: table-cell;
	padding: 10px 15px;
	border: none;
	line-height: 1.7;
	vertical-align: middle;
}



/* #biz_p2_combination
--------------------------------*/
#biz_p2_combination{
	background-color: #f1f3f3;
	margin-bottom: 40px;
}
#biz_p2_combination h2 span{
	width: 100%;
	height: 78px;
	background: url(/biz/p2/images/top_combination_title.png) no-repeat 43% 0;
	text-indent: -9999px;
	display: block;
}
#biz_p2_combination p{
	margin-bottom: 30px;
	text-align: center;
	font-size:112%;
	line-height: 1.7;
}
#biz_p2_combination_twocolmnbox{
  width: 670px;
  margin: 0 auto;
}
#biz_p2_combination_twocolmnbox p{
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
}
#biz_p2_combination_nas{
  width: 670px;
  margin: 0 auto;
	padding-top: 18px;
	background: url(/biz/p2/images/top_img01_bg.png) no-repeat 0 0;
	clear: both;
}
#biz_p2_combination_nas p{
	padding-bottom: 40px;
	font-size: 125%;
	clear: both;
}
#biz_p2_combination_nas p a{
	text-decoration: none;
	color: #333;
}
#biz_p2_combination_nas p strong,
#biz_p2_combination_nas p a strong{
	color: #24539c;
}
#biz_p2_combination_nas p strong:first-child,
#biz_p2_combination_nas p a strong:first-child{
	color: #d4123f;
}
#biz_p2_combination_nas p a img{
	padding-top: 7px;
}



/* #biz_p2_menu
--------------------------------*/
#biz_p2_menu{
	margin-bottom: 55px;
	padding-bottom: 22px;
	background-color: #f1f3f3;
}
#biz_p2_menu h2 span{
	width: 100%;
	height: 78px;
	background: url(/biz/p2/images/top_menu_title.png) no-repeat 53% 0;
	text-indent: -9999px;
	display: block;
}
#biz_p2_menu p{
	margin-bottom: 30px;
	text-align: center;
	font-size: 112%;
	line-height: 1.7;
}

/* #biz_p2_menu_public */
#biz_p2_menu_public{
	margin: 0 20px 0 20px;
	width: 871px;
	display: table;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #d4123f;
}
#biz_p2_menu_public .biz_p2_menu_header, #biz_p2_menu_public .biz_p2_menu_cel{
	display: table-cell;
	margin: 0;
	padding: 0;
}
#biz_p2_menu_public .biz_p2_menu_header{
	width: 100px;
	position: relative;
}
#biz_p2_menu_public .biz_p2_menu_header p{
	margin-bottom: 0;
	padding-top: 20px;
	width: 76px;
	position: absolute;
	top: 142px;
	color: #d4123f;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}
#biz_p2_menu_public .biz_p2_menu_header p:first-child{
	padding-top: 54px;
	width: 75px;
	height: 138px;
	border-bottom: 1px dotted #d4123f;
	top: 2px;
}
#biz_p2_menu_public .biz_p2_menu_cel{
	width: 146px;
}
#biz_p2_menu_public .cell_color{
	background-color:#ffeef2;
}
#biz_p2_menu_public .biz_p2_menu_cel h3{
	padding-top: 12px;
	margin-bottom: 5px;
	width: 196px;
	height: 50px;
	text-align: center;
	color: #FFFFFF;
	font-size: 112%;
	font-weight: bold;
	background-color: #d4123f;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
  position: relative;
}
#biz_p2_menu_public .biz_p2_menu_cel h3:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -5px;
  margin-left: -6px;
  border-top: 5px solid #d4123f;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid transparent;
}
#biz_p2_menu_public .biz_p2_menu_cel p{
	padding: 15px 0;
	min-height: 98px;
	margin-bottom: 0;
	text-align: center;
	font-size: 112%;
	line-height: 1.7;
}
#biz_p2_menu_public .biz_p2_menu_cel p.icon{
	padding: 15px 0;
	width: 196px;
	min-height: 85px;
	border-bottom: 1px dotted #d4123f;
}

/* #biz_p2_menu_private */
#biz_p2_menu_private{
	margin: 0 20px 0 20px;
	width: 871px;
	display: table;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #24539c;
}
#biz_p2_menu_private .biz_p2_menu_header, #biz_p2_menu_private .biz_p2_menu_cel{
	display: table-cell;
	vertical-align:top;
	margin: 0;
	padding: 0;
}
#biz_p2_menu_private .biz_p2_menu_header{
	width: 100px;
	position: relative;
}
#biz_p2_menu_private .biz_p2_menu_header p{
	margin-bottom: 0;
	padding-top: 20px;
	width: 76px;
	position: absolute;
	top: 155px;
	color: #24539c;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}
#biz_p2_menu_private .biz_p2_menu_header p:first-child{
	padding-top: 54px;
	width: 75px;
	height: 138px;
	border-bottom: 1px dotted #24539c;
	top: 2px;
}
#biz_p2_menu_private .biz_p2_menu_cel{
	width: 146px;
}
#biz_p2_menu_private .cell_color{
	background-color:#f1f9ff;
}
#biz_p2_menu_private .biz_p2_menu_cel h3{
	padding-top: 16px;
	margin-bottom: 5px;
	width: 192px;
	min-height: 65px;
	text-align: center;
	color: #FFFFFF;
	font-size: 112%;
	font-weight: bold;
	line-height: 1.2;
	background-color: #24539c;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
  position: relative;
}
#biz_p2_menu_private .twoline h3{
	padding: 8px 0 0 0;
	margin-top: 0;
	box-sizing: border-box;
}
#biz_p2_menu_private .biz_p2_menu_cel h3:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -5px;
  margin-left: -6px;
  border-top: 5px solid #24539c;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid transparent;
}
#biz_p2_menu_private .biz_p2_menu_cel p{
	padding: 15px 0;
	min-height: 124px;
	margin-bottom: 0;
	text-align: center;
	font-size: 112%;
	line-height: 1.7;
}
#biz_p2_menu_private .biz_p2_menu_cel p.icon{
	padding: 15px 0;
	width: 192px;
	min-height: 85px;
	border-bottom: 1px dotted #24539c;
}
#biz_p2_menu .biz_p2_menu_link{
	margin: 0 20px 30px 20px;
	padding: 25px 0 30px 0;
	width: 871px;
	background-color: #FFFFFF;
}
#biz_p2_menu .biz_p2_menu_link:first-child{
	margin: 0 20px 0 20px;
}
#biz_p2_menu .biz_p2_menu_link a{
	margin: 0 auto;
	width: 320px;
	height: 68px;
	background: url(/biz/p2/images/top_menu_bt01.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}
#biz_p2_menu .biz_p2_menu_link a.menu_private{
	background: url(/biz/p2/images/top_menu_bt02.png) no-repeat 0 0;
}
#biz_p2_menu .biz_p2_menu_link a:hover{
	background-position: 0 -70px;
}
#biz_p2_menu .biz_p2_menu_link a.menu_private:hover{
	background-position: 0 -70px;
}



/* #biz_p2_detail
--------------------------------*/
#biz_p2_detail{
	background: url(/biz/p2/images/top_detail_bg.png) repeat-x 0 0;
	display: block;
}
#biz_p2_detail h2{
	margin : 0 auto 40px auto;
	width: 364px;
	height: 26px;
	background: url(/biz/p2/images/top_detail_title.png) no-repeat 0 0;
	color: #FFFFFF;
	text-align: center;
	text-indent: -9999px;
}
#biz_p2_detail ul{
  width: 670px;
  margin: 0 auto 50px;
	display: table;
}
#biz_p2_detail li{
	display: table-cell;
	vertical-align: top;
}
#biz_p2_detail li a{
	margin-right: 12px;
	width: 260px;
	height: 80px;
	background: url(/biz/p2/images/top_detail_bt.png) no-repeat 0 0;
	display: block;
	text-align: center;
	color: #333;
	font-size: 134%;
	line-height: 80px;
	font-weight: bold;
	text-decoration: none;
}
#biz_p2_detail li a:hover{background-position: 0 -80px;}
#biz_p2_detail li.detail_private a{background-position: -272px 0;}
#biz_p2_detail li.detail_private a:hover{background-position: -272px -80px;}
#biz_p2_detail li.detail_storage a{
	margin-right: 0;
	width: 156px;
	background-position: -544px 0;
	line-height: 1.5 !important;
}
#biz_p2_detail li.detail_storage a:hover{background-position: -544px -80px;}


/* #biz_p2_footer
--------------------------------*/
#biz_p2_footer{
	margin-bottom: 30px;
	padding: 35px 30px 27px 30px;
	width: 100%;
	background-color: #f1f3f3;
	box-sizing: border-box;
}
#biz_p2_footer ul{
	width: 852px;
	margin: 0 auto;
	display: table;
}
#biz_p2_footer li{
	display: table-cell;
	vertical-align: top;
}
#biz_p2_footer li a{
	width: 411px;
	height: 88px;
	background: url(/biz/p2/images/top_footer_bt.png) no-repeat 0 0;
	display: block;
	margin: 0;
	text-indent: -9999px;
}
#biz_p2_footer li a:hover{background-position: 0 -90px;}
#biz_p2_footer li.footer_orderguide a{
	margin-right: 15px;
}
#biz_p2_footer li.footer_application a{
	margin-left: 15px;
	background-position: 0px -180px;
}
#biz_p2_footer li.footer_application a:hover{background-position: 0 -270px;}
#biz_p2_footer .biz_p2_menu_link02 a{
	width: 852px;
	min-height: 114px;
	background: url(/biz/p2/images/top_footer_bt02.png) no-repeat 0 0;
	display: block;
	text-decoration: none;
/*	-webkit-background-size: cover;
	background-size: cover;*/
	margin: 0 auto 30px;
}
#biz_p2_footer .biz_p2_menu_link02 a:hover{
	background-image: url(/biz/p2/images/top_footer_bt02on.png);
}
#biz_p2_footer .biz_p2_menu_txt01{
	width: 284px;
	height: 25px;
	background: url(/biz/p2/images/top_footer_txt.png) no-repeat 0 0;
	display: inline-block;
	text-indent: -9999px;
	margin: 24px 0 0 322px;
}
#biz_p2_footer .biz_p2_menu_txt02{
	font-size: 108%;
	color: #333333;
	line-height: 1.05;
	font-weight: bold;
	margin: 9px 0 0 309px;
	letter-spacing: 1px;
	display: inline-block;
}
#biz_p2_footer .biz_p2_menu_txt03{
	font-size: 108%;
	color: #333333;
	line-height: 1.05;
	font-weight: bold;
	margin:0 0 0 239px;
	letter-spacing: 1px;
	display: inline-block;
}

/* #aside
--------------------------------*/
#aside .dp_w {
	width:220px !important;
	margin: 0 auto !important;
}



/* #biz_p2_region
--------------------------------*/
#biz_p2_region{
	margin-bottom: 55px;
	padding-bottom: 22px;
	background-color: #f1f3f3;
}
#biz_p2_region h2 span{
	width: 100%;
	height: 78px;
	background: url(/biz/p2/images/top_menu_title_region.png) no-repeat 119% 0;
	text-indent: -9999px;
	display: block;
}
#biz_p2_region p{
	margin-bottom: 30px;
	text-align: center;
	font-size: 112%;
	line-height: 1.7;
}


.biz_p2_region_box_inner{
	width: 700px;
	margin: 0 auto;
}

.biz_p2_region_box_inner .note-text01{
	font-size: 93.33% !important;
	text-align: left !important;
}

/* add 20210916 start */
.noticeBox-01 dl {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.noticeBox-01 dl dt {
  display: table-cell;
  width: 100px;
  background: #3d4e55;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}
.noticeBox-01 dl dd {
  display: table-cell;
  padding: 10px 15px;
  border: 1px solid #d1d1d1;
  border-left-width: 0;
  line-height: 1.7;
  vertical-align: middle;
}
/* add 20210916 end */
