@charset "euc-jp";

/*===== 1: RESET ==========================================*/
html, body, div, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, th, td, img {
	margin: 0px;
	padding: 0px;
	border: none;
}
input {
	margin: 0px;
	padding: 0px;
}
address, caption, cite, code, em {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
caption, th { text-align: left; }
table {
	border-collapse: collapse;
	border-spacing: 0px;
}

/*===== 2: BASE ==========================================*/
html {
	scroll-behavior: smooth;
}
body {
	text-align: center;/* box centering */
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Meiryo, �＜�ゃ����, "羝吾�眼�激���� Medium", "羝吾�眼�激�����", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 75%; /* font-size: 82%=13px 75%=12px, 67%=11px */
	background: #F0F0DD url("../image/tp/bg.gif") repeat-x top left;
	color:#444;
	position: relative; /* for IE7 zoom */
}

/* general params --------------------*/
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote {
	display: block;
	margin: 0px;
	padding: 0px;/* margin&padding reset */
	line-height: 1.7;/* base line height */
	text-align: left;
}
h1, h2 { font-size: 120%; font-weight: normal; }
h3, h4, h5, h6 { font-size: 110%; font-weight: normal; }
img {
	max-width: 100%;
	width: auto;
	height: auto;
	border: none;
	vertical-align: top;
}
li { list-style: none; }

/* form setting --------------------*/
option { padding-right: 10px; }
	*+html option { padding-right: 0px; }/* for IE7&Opera */
	* html option { padding-right: 0px; }/* for IE6 */

/*===== 3: LINK ==========================================*/
a:link { color: #0000FF; text-decoration:underline; }
a:visited { color: #003399; }
a:hover { color: #FF3300; }
a:active { color: #FF0000; }
p.linkArrow, .linkList li {
	padding-left: 16px;
	background: url("/image/tp/icon_arrowNomal.gif") no-repeat left 0.3em;
}

/*===== 4: CLEARFIX ==========================================*/
.clear { clear: both; }

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

/*===== 5: MARGIN/PADDING ==========================================*/
.mag_bottom5{margin-bottom:5px !important;}
.mag_bottom10{margin-bottom:10px !important;}
.mag_bottom10_left{margin-bottom:10px; text-align:left !important;}
.mag_bottom20{margin-bottom:20px !important;}
.mag_bottom30{margin-bottom:30px !important;}
.mag_bottom40{margin-bottom:40px !important;}
.mag_bottom50{margin-bottom:50px !important;}
.mag_bottom00{margin-bottom:0 !important;}

.mag_top5{margin-top:5px !important;}
.mag_top10{margin-top:10px !important;}
.mag_top20{margin-top:20px !important;}
.mag_top30{margin-top:30px !important;}
.mag_top40{margin-top:40px !important;}
.mag_top50{margin-top:50px !important;}
.mag_top00{margin-top:0 !important;}

.mag_left5{margin-left:5px !important;}
.mag_left10{margin-left:10px !important;}
.mag_left20{margin-left:20px !important;}
.mag_left30{margin-left:30px !important;}
.mag_left40{margin-left:40px !important;}
.mag_left50{margin-left:50px !important;}
.mag_left00{margin-left:0 !important;}

.mag_right5{margin-right:5px !important;}
.mag_right10{margin-right:10px !important;}
.mag_right20{margin-right:20px !important;}
.mag_right30{margin-right:30px !important;}
.mag_right40{margin-right:40px !important;}
.mag_right50{margin-right:50px !important;}
.mag_right00{margin-right:0 !important;}

.mag5{margin:5px !important;}
.mag10{margin:10px !important;}
.mag20{margin:20px !important;}
.mag30{margin:30px !important;}
.mag40{margin:40px !important;}
.mag50{margin:50px !important;}
.mag00{margin:0 !important;}

.pad_bottom5{padding-bottom:5px !important;}
.pad_bottom10{padding-bottom:10px !important;}
.pad_bottom20{padding-bottom:20px !important;}
.pad_bottom30{padding-bottom:30px !important;}
.pad_bottom40{padding-bottom:40px !important;}
.pad_bottom50{padding-bottom:50px !important;}
.pad_bottom0{padding-bottom:0 !important;}

.pad_top5{padding-top:5px !important;}
.pad_top10{padding-top:10px !important;}
.pad_top20{padding-top:20px !important;}
.pad_top30{padding-top:30px !important;}
.pad_top40{padding-top:40px !important;}
.pad_top50{padding-top:50px !important;}
.pad_top0{padding-top:0 !important;}

.pad_left5{padding-left:5px !important;}
.pad_left10{padding-left:10px !important;}
.pad_left20{padding-left:20px !important;}
.pad_left30{padding-left:30px !important;}
.pad_left40{padding-left:40px !important;}
.pad_left50{padding-left:50px !important;}
.pad_left0{padding-left:0 !important;}

.pad_right5{padding-right:5px !important;}
.pad_right10{padding-right:10px !important;}
.pad_right20{padding-right:20px !important;}
.pad_right30{padding-right:30px !important;}
.pad_right40{padding-right:40px !important;}
.pad_right50{padding-right:50px !important;}
.pad_right0{padding-right:0 !important;}

.pad5{padding:5px !important;}
.pad10{padding:10px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}
.pad50{padding:50px !important;}
.pad00{padding:0 !important;}


/* ===== CONTAINER ========================================== */
div#container {
	width: 980px;
	height: 100%;
	margin: 0px auto;
	padding: 0px 10px;
	background: #FFF;
	box-sizing: border-box;
}

/* ===== HEADER ========================================== */
div#header {
	display: flex;
	align-items: center;
	width: 960px;
	position: relative;
	padding: 13px 0 8px 0;
	background: #FFF!important;
	box-sizing: border-box;
}
div#header h1,
div#header p:has(.hdrLogo) {
	display: flex;
	align-items: center;
	width: 450px;
	margin-right: auto;
}
#header .hdrText {
	margin-left: 10px;
}
#header .header_link {
	flex: 1;
	display: flex;
	justify-content: end;
	align-items: center;
}
#header .header_link p + p {
	margin-left: 17px;
}
#header .header_link p.btn_member{
	width:180px;
}
#header .header_link p.btn_IDmanager{
	width:180px;
}
#header .header_link p.contact{
	width:85px;
	position:static ;
}
#header .header_link p.contact_mail{
	width:140px;
	position:static;
}

#header .header_link p:last-child {
	border-left: dotted 1px #ccc;
	margin-left: 10px;
	padding-left: 10px;
}



/*===== GLOBAL navi ======================================*/
div#gNavi{
	width:980px;
	height:36px;
	background:url("/image/toppage/gnavi_bottom.gif") repeat-x bottom #000000;
	position: relative;
}
#gNavi ul li{
	width:145px;
	height:36px;
	float:left;
}
#gNavi p.btn_entry_s{
	width:103px;
	position:absolute;
	top:3px;
	left:871px;
}

/* Global Navigation 2024
----------------------------------------------------------------------------- */
.globalNav {
	background-color: #000000;
}
.globalNav ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #FFCE00;
	font-size: 116.67%;
	list-style: none;
}
.globalNav ul li {
	min-width: 150px;
	margin-bottom: 0;
	border-right: 1px solid #494949;
	line-height: 1.5;
	text-align: center;
	box-sizing: border-box;
}
.globalNav ul li a {
	position: relative;
	display: block;
	height: 100%;
	padding: 7px 10px 7px 5px;
	color: #FFFFFF;
	text-decoration: none;
}
.globalNav ul li a span {
	display: inline-block;
	height: 100%;
	padding-left: 24px;
	background-position: left center;
	background-repeat: no-repeat;
}
.globalNav ul li.top a span {
	background-image: url("/common/images/gnavi-icon-top.png");
}
.globalNav ul li.service a span {
	background-image: url("/common/images/gnavi-icon-service.png");
}
.globalNav ul li.news a span {
	background-image: url("/common/images/gnavi-icon-news.png");
}
.globalNav ul li.procedure a span {
	background-image: url("/common/images/gnavi-icon-procedure.png");
}
.globalNav ul li.faq a span {
	background-image: url("/common/images/gnavi-icon-faq.png");
}
.globalNav ul li.about a span {
	background-image: url("/common/images/gnavi-icon-about.png");
}
.globalNav ul li a:hover::after,
.globalNav ul li a:active::after,
.globalNav ul li a:focus::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #FF3300;
}

/*===== Attention ======================================*/
div.maintenance{
	padding:10px 10px 0 10px;
}
div.maintenance span.icon{
	color:#EE9A00;
}
.maintenance p span {
	color:#F00;
}

/*===== MAIN visual ======================================*/
div#main_visual{
	width:980px;
	margin-top:10px;
}
#main_visual .point_box{
	width:670px;
	float:left;
}
#main_visual .point_box .point_01{
	width:220px;
	float:left;
}
#main_visual .point_box .point_02{
	width:220px;
	float:left;
}
#main_visual .point_box .point_03{
	width:230px;
	float:left;
}
#main_visual .welcome_box{
	width:300px;
	height:205px;
	background:url("/image/toppage/welcome_bk.jpg") no-repeat;
	padding-top:20px;
	padding-left:10px;
	float:left;
}
#main_visual .welcome_box p.btn_service {
	margin: 17px 31px 8px 0;
	text-align: center;
}
#main_visual .welcome_box p.btn_entry_b {
	margin-bottom: 5px;
}

/*===== MAIN Area ======================================*/
#mainArea {
	display: flex;
	min-height: 240px;
	margin: 20px 0;
	background-color: #FFFFFF;
}
.maintenance + #mainArea {
	margin-top: 10px;
}
#mainArea .pickupBlock {
	width: 300px;
	padding: 10px 0;
	border: 1px solid #C1B26C;
	border-radius: 4px;
	text-decoration: none!important;
}
#mainArea .pickupBlock:hover {
	border-color: #99831F;
}
#mainArea .pickupBlock .rxcc,
#mainArea .pickupBlock .rxcn {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
	min-height: 218px;
	height: 100%;
}
#mainArea .pickupBlock .img {
	text-align: center;
}
#mainArea .pickupBlock .img img {
	display: inline-block;
}
#mainArea .pickupBlock h2 {
	padding: 10px;
	background-color: #F8F6E9;
	color: #000000;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#mainArea .pickupBlock .txt {
	color: #000000;
	font-size: 116.7%;
	text-align: center;
}
#mainArea .pickupBlock .more {
	display: inline-block;
	color: #0000FF;
	line-height: 1;
	text-align: center;
}
#mainArea .pickupBlock .more span {
	display: inline-block;
	padding: 4px 0 4px 20px;
	background: url("/image/toppage/nav_icon_login.gif") no-repeat left center;
	text-decoration: underline;
}
#mainArea .pickupBlock:hover .more span {
	color: #FF3300;
}
#mainArea .pickupBlock + .pickupBlock {
	margin-left: 20px;
}
#mainArea .bnrBlock {
	width: 336px;
	margin-left: 24px;
}
#mainArea .loginBlock {
	width: 336px;
	margin-left: 24px;
	border: 5px solid #C7E4E9;
	border-radius: 4px;
}
#mainArea .loginBlock h2 {
	padding: 15px;
	background-color: #D9F4F9;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#mainArea .loginBlock .inner {
	padding: 30px;
}
#mainArea .loginBlock a {
	color: #000000;
	text-decoration: none;
}
#mainArea .loginBlock a:hover {
	text-decoration: underline;
}
#mainArea .loginBlock .login a {
	display: block;
	margin-bottom: 5px;
	padding: 20px;
	background: #008EC7 url("/image/toppage/icon-button-login.png") no-repeat 10px center;;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	transition: .3s ease-in-out;
}
#mainArea .loginBlock .login a:hover {
    background-color: #00A1B9;
	text-decoration: none;
}
#mainArea .loginBlock .help {
	margin-bottom: 30px;
	text-align: right;
}
#mainArea .loginBlock .option li {
	padding-left: 24px;
	background: url("/image/toppage/icon-list-login.png") no-repeat left center;
}
#mainArea .loginBlock .option li + li {
	margin-top: 8px;
}

/*===== CASE Area ======================================*/
.case_area {
	margin-bottom: 30px;
}
.case_area h2 {
	margin-bottom: 0.5em;
	color: #000000;
	text-align: center;
}
.case_area .inner {
	display: flex;
	justify-content: space-around;
}
.case_area .inner a {
	flex: 0 1 32%;
	background: url("/image/common/icon-arrow-link.gif") no-repeat 98% center;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-sizing: border-box;
	color: #333333;
	text-decoration: none;
}
.case_area .inner a:hover {
	border-color: #005bc4;
}
.case_area .inner a:hover dt {
	text-decoration: underline;
}
.case_area .inner dl {
	padding: 10px 30px 10px 10px;
}
.case_area .inner dl dt {
	font-weight: bold;
}

/*===== CONTENTS area ======================================*/
#contents_area{
	width:960px;
}
.db_box1{
	width:620px;
	float:left;
}
.db_link_box{
	width:580px;
	margin-left:20px;
}
.title_01{
	clear:both;
	padding-bottom:20px;
}
.title_link_01{
	width:980px;
}
.title_link_01 h2.tit_L{
	width:800px;
	float:left;
}
.title_link_01 div.tit_R{
	width:180px;
	float:left;
}
.db_pad_LR30{
	padding:0 30px;
}
.bk_dot{
	background:url("/image/toppage/line_dot3.gif") repeat-y top center;
}
.db_space{
	width:274px;
	_width:289px; /* ie6 */
 	float:left;
}
.pad_L{
	padding-bottom:15px;
	padding-right:15px;
	padding-top:15px;
}
.pad_R{
	padding-bottom:15px;
	padding-left:15px;
	padding-top:15px;
}
.row{
	background:url("/image/toppage/line_dot2.gif") no-repeat bottom;
	min-height: 1px;
}
.row:after{
	content: " ";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
* html .row {
	height: 1px;
}
.row h3 {
	margin-bottom: 1em;
	font-size: 100%;
	font-weight: bold;
	line-height: 30px;
}
.row h3.jd3 {
	line-height: 1.4;
}
.row h3 + p {
	margin-bottom: 10px;
}
.row h3 strong {
	margin-left: 10px;
	font-size: 130%;
}
.row h3 a {
	color: #000000;
	text-decoration: none;
}
.row h3 a:hover {
	text-decoration: underline;
}
.row .db_servies {
	margin-bottom: 0.5em;
	min-height: 1px;
}
.row .db_servies:after{
	content: " ";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.row .db_servies h3 {
	margin-bottom: 0.5em;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}
.row .db_servies h3 img {
	float: left;
}
.row .db_servies p {
	padding-left: 55px;
}
.row .db_servies p.telecom21 {
	padding-left: 107px;
	line-height: 1.4;
}
.no_pad_top{
	padding-top:0;
}
.no_pad_bottom{
	padding-bottom:0 !important;
}
.no_bk{
	background:none;
}
.mag_R5{
	margin-right:5px;
}
.db_img{
	width:45px;
	float:left;
}
.db_text{
	width:220px;
	float:right;
}
.db_text dt, .db_text dd {
	margin-bottom: 10px;
}
.db_img2{
	width:97px;
	float:left;
}

.db_text2{
	width:168px;
	float:right;
}
.db_text2 dt, .db_text2 dd{
	margin-bottom: 10px;
}
.db_img3{
	width:30px;
	float:left;
}
.db_text3{
	width:240px;
	float:right;
}
.btn_right{
	width:195px;
	float:right;
}
.btn_right2{
	width:140px;
	float:right;
}
.icon_key{
	padding-left:13px;
	background:url("/image/toppage/icon_key.gif") no-repeat left 0.25em;
}
.db_link1{
	width:180px;
	float:left;
}
.db_link2{
	width:75px;
	float:right;
}
.info_box{
	_font-size:100%; /* ie6 */
}
.info_box td{
	padding-bottom:10px;
	vertical-align:top;
}
.mag_LR10{
	margin:0 10px;
}
.info_day{
	width:130px;
	font-weight:bold;
}
.info_day .arrow{
	margin:5px;
	_margin:3px; /*ie6*/
}
.info_icon{
	width:60px;
}
.info_text{
	width:400px;
	padding-left:5px;
}
.title_link_02{
	width:620px;
}
.title_link_02 h2.tit_L{
	width:465px;
	float:left;
}
.title_link_02 div.tit_R{
	width:155px;
	float:left;
}
.service_link dt{
	font-size:110%;
	font-weight:bold;
}
.service_link dd{
	padding-bottom:5px;
}
ul.disc,
ol.decimal {
	margin: 1em 0;
	padding-left: 1.5em;
}
ul.disc li {
	list-style: disc;
}
ol.decimal li {
	list-style: decimal;
}

/* -----------20160711/index.html------------ */
.loginNav {
	clear: both;
}
.loginNav li {
	min-height: 18px;
	margin-bottom: 0.2em;
	padding: 2px 0 2px 20px;
	background: url("/image/toppage/nav_icon_list.gif") no-repeat 6px 0.8em;
}
.loginNav li.login {
	padding-left: 20px;
	background: url("/image/toppage/nav_icon_login.gif") no-repeat left 0.3em;
}
.loginNav li.old {
	padding-left: 20px;
	background: url("/image/toppage/nav_icon_old.gif") no-repeat left 0.2em;
}

/* -----------20130319-law/index.html------------ */
#container #contents_area .conte_list_box p.titleLaw{
	font-size:120%;
	margin:10px 0px 3px 10px;
}
#container #contents_area .conte_list_box p.cont{
	margin:5px 5px 10px 25px;
}
#container #contents_area .conte_list_box tr.cont{
	margin:10px 5px 15px 25px;
}
#container #contents_area .conte_list_box table.list{
	margin:0px 10px 10px 30px;
}
#container #contents_area .conte_list_box td.disc{
	margin:15px 5px 15px 25px;
	background-repeat:no-repeat;
	background-position: bottom;
	line-height:13px;
}
#container #contents_area .conte_list_box td.cont{
	margin:15px 5px 15px 10px;
	line-height:13px;
}
#container #contents_area .conte_list_box font.mini{
	margin:0px 0px 3px 0px;
	font-size:80%;
}

/* -----------20130319-law/BSTM.html------------ */
#container #contents_area .contents_in .block_01  div.cont,
#container #contents_area .contents_in .block_01  p.cont{
	margin:5px 5px 7px 15px;
}
#container #contents_area .contents_in .block_01  div.cont h4 {
	margin: 2em 0 0.75em 0;
	font-weight: bold;
}
#container #contents_area .contents_in .block_01  div.cont > * {
	margin-bottom: 1.25em;
}
#container #contents_area .contents_in .block_01  ul.cont{
	margin:10px 5px 10px 15px;
	font-size:110%;
}
#container #contents_area .contents_in .block_01 li.disc{
	margin:15px 5px 10px 15px;
	list-style:disc;
	line-height:17px;
}
#container #contents_area .contents_in .block_01 li.cir{
	margin:15px 5px 7px 30px;
	list-style:circle;
	line-height:14px;
}
#container #contents_area .contents_in .block_01 dl.list{
	margin:10px 5px 7px 30px;
	line-height:17px;
	font-size:110%;
}
.style1 {
	color: #000000;
	font-size:120%;
	font-weight: bold;
	margin: 5px 0px 15px -5px;
}
.style2 {
	color: #000;
	font-size:110%;
	font-weight: bold;
	margin:15px 0px 5px 0px;
}

/* -----------20130909-law/CRM1.html------------ */
.right_txt{
	text-align:right;
	float:right;
	margin:0px 0px 30px 0px!important;
}
.h2_bg{
		margin: 15px 0px 5px 0px;
		padding: 3px 5px;
		background-color: #69F;
		color:#FFF;
	}
.h2_bg .font_80{
	font-size:80%;
	}

.h2_block_01{
	margin:10px 0px 25px 0px;
	height:30px;
	width:650px;
	font-size:13px;
}
#container .block_01 p.cont{
	margin:15px 5px 10px 25px;
}
#container #contents_area .block_01 tr.tHeader_bg{
	background-color: #E1E1E1;
	line-height:15px;
	font-weight:bold;
	text-align:center;	
}
#container #contents_area .block_01 tr.tHeader{
	background-color:#E1E1E1;
	line-height:15px;
	font-weight:bold;
	text-align:center;	
}
#container #contents_area .block_01 tr.tHeader th{
	background-color: #FFF;
	line-height:15px;
	font-weight:bold;
	text-align:center;	
	}
#container #contents_area .block_01 tr.tBody{
	text-align:center;	
	}
#container #contents_area .block_01 tr.tBody .ccc{
	line-height:14px;
	background-color: #E1E1E1;
	}
#container #contents_area .block_01 .s_font90{
	font-size:90%;
}

/* ----  Side box ----*/
.side_bor_LRB{
	border:1px solid #d3c89b;
	border-top:none;
	padding:20px;
}
.sideB_box .side_bor_LRB ul li{
	margin-bottom:10px;
}
.side_box{
	border:1px solid #d3c89b;
	padding:20px;
}
.mag_top15{
	margin-top:15px
}
.font_110{
	font-size:130%;
}
.font_color_ore{
	color:#ea8605 !important;
}
a.font_color_ore:hover{
	color:#ff0000 !important;
}
.waku_ore {
	padding-top: 10px;
	border: 1px solid #ffbd8d;
	border-top: none;
}
.link_dot_bottom{
	background:url("/image/toppage/line_dot.gif") repeat-x bottom;
}
.side_box .side_row p.p_mark_img{
	width:75px;
	float:left;
}
.side_box .side_row p.p_mark_text{
	width:210px;
	float:left;
	padding-left:10px;
}
.side_box .side_row p.p_mark_text span{
	padding:5px 0;
	display:block;
}
.side_box .side_row{
	padding-bottom:20px;
	background:url("/image/toppage/line_dot.gif") repeat-x bottom;
	margin-bottom:20px;
}
.side_box .bnr_green{
	width:180px;
	float:left
}
.side_box .bnr_VeriSign{
	width:110px;
	float:left;
}

/* ---- Login ----*/
.sideLogin {
	margin-bottom: 20px;
}
.sideLogin h2 {
	margin: 0;
}
.sideLogin .inner {
	padding: 20px 10px 10px 10px;
	border: 1px solid #ffbd8d;
	border-top: none;
}
.sideLogin .inner ul {
	padding: 0 14px;
}
.sideLogin .inner ul li {
	margin-bottom: 10px;
}
.sideLogin .inner ul li:nth-child(2) {
    margin: 0 auto 20px;
}
.sideLogin .inner ul li.arrow {
	margin-bottom: 20px;
	padding-left: 18px;
	background: url("/image/contents_img_parts/icon-arrow.png") no-repeat left 0.2em;
}
.sideLogin .inner ul li.clm {
	display: table;
}
.sideLogin .inner ul li.clm a {
	display: table-cell;
	width: 120px;
}
.sideLogin .inner ul li.clm a:first-child {
	padding-right: 10px;
}

/* ----  Bnr area ----*/
#bnr_area ul li{
	width:200px;
	float:left;
	margin-right:10px;
}
#bnr_area .no_mag_right{
	margin-right:0;
}
#bnr_area ul li img{
	border:0;
}

/*===== SIDE =================================================*/
.db_box2{
	width:336px;
	float:right;
}
.sideBlock {
	width:336px;
	margin: 0 4px 20px 0;
	font-size: 110%;
	line-height: 1.4;
}
.sideBlock p {
	margin-bottom: 1em;
}
.sideBlock p.bnrText {
	color: #e1433e;
	text-align: center;
}
.sideBlock p.bnrText + ul.btn {
	margin-top: -5px;
}
.sideBlock ul.btn li {
	margin-bottom: 10px;
}
.sideBlock .inner {
	padding: 20px;
	border: 1px solid #333333;
	border-top: none;
}
.sideBlock .inner *:last-child {
	margin-bottom: 0;
}
.bnrBlock .bnrOne li {
	margin-bottom: 10px;
}
.bnrBlock .bnrTwo li {
	float: left;
	width: 165px;
	margin-bottom: 6px;
}
.bnrBlock .bnrTwo li.left {
	margin-right: 6px;
}

/*===== FOOTER LINK ==========================================*/
#footer_link{
	clear: both;
	padding:30px 10px;
	background:url("/image/toppage/line_dot.gif") repeat-x top;
}
#footer_link:after{
	content: " ";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
* html #footer_link {
	height: 1px;
}
#footer_link a{
	color:#444444;
}
#footer_link a:hover{
	color:#FF3300;
}
#footer_link .link_box{
	width:170px;
	_width:190px; /*ie6*/
	float:left;
	padding-right:20px;
}
#footer_link .link_box_2{
	width:170px;
	_width:190px; /*ie6*/
	float:left;
}
ul.width_forIE6_170{
	_width:170px !important; /*ie6*/
}
#footer_link .link_box_2{
	 width:390px;
	 float:left;
}
.service_name{
	font-size:90%;
	color:#666;
}
.font_100{font-size:100%;}
.no_pad_right{
	padding-right:0 !important;
}
.f_link_tit{
	padding-bottom:5px;
	margin-bottom:5px;
	background:url("/image/toppage/line_01.gif") repeat-x bottom;
}
#footer_link h2 {
	margin-bottom: 0.75em;
	padding-bottom: 5px;
	border-bottom: 2px solid #C0B170;
	font-size: 100%;
	font-weight: bold;
}
#footer_link ul li{
	margin-bottom:0.5em;
}
#footer_link ul.link_box_2_inner{
	width:180px;
	_width:200px; /*ie6*/
	float:left;
	padding-right:20px;
}
#footer_link ul.link_box_2_inner li{
	margin-bottom:15px;
	line-height:1.3;
}
.icon_dw_noboder{
	vertical-align: middle;
}
.new_red{
	color:#F00 !important;
}

/*===== FOOTER ==========================================*/
div#footer {
	width: 960px;
	background:url("/image/toppage/line_01.gif") repeat-x top;
	padding-top:20px;
}
#footer .FujitsuGSHrogo{
	width:202px;
	float:left;
}
#footer ul.footerLink{
	text-align:right;
	float:right;
}
#footer ul.footerLink li{
	display:inline;
}
#footer ul.footerLink img{
	width: 85px;
	height: 85px;
}
.footAreaBtm{
	background:#000;
	margin-top:10px;
}
.footAreaBtm p{
	color:#ffffff;
	text-align:center;
	line-height:2em;
}

/*===== CopyRight ==========================================*/
.copyRight{
	width:980px;
	margin:0 auto;
	background:#fff;
	padding-top:10px;
}
.copyRight p{
	background:#000;
	color:#ffffff;
	text-align:center;
	line-height:2em;
}


/*===== bnr-sagas ==========================================*/
.bnr-sagas {
	position: relative;
}
.bnr-sagas .balloon {
	position: absolute;
	background: #014ba0;
	border-radius: 14px;
	padding: 6px 15px 4px 18px;
	top: 13px;
	left: 11px;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	z-index: 10;
	text-shadow: 1px 1px 3px #444;
	letter-spacing: .05em;
}


/*===== sagas-info ==========================================*/
.sagas-info {
 display: table;
 width: calc(100% - 20px);
 margin: 20px 0;
 padding: 0 10px;
}
.sagas-info > div {
 display: table-cell;
 vertical-align: top;
}
.sagas-logo {
 padding-right: 15px;
}
.sagas-logo > p {
 border: solid 1px #ccc;
 border-radius: 5px;
 width: 130px;
 padding: 6px;
 font-size: 11px;
 text-align: justify;
}
.sagas-logo a {
 display: block;
 color: #444;
 text-decoration: none;
}
.sagas-logo a:hover {
 opacity: .6;
}
.sagas-logo img {
 display: block;
 width: 100%;
 height: auto;
 margin-top: 5px;
}
.sagas-info dl {
 display: table;
 width: 100%;
}
.sagas-info dt {
 display: table-cell;
 width: 70px;
 padding-top: 5px;
 vertical-align: top;
}
.sagas-info dd {
 display: table-cell;
 padding-top: 5px;
 padding-left: 5px;
 vertical-align: top;
}
.sagas-info .heading {
 font-weight: bold;
}
.sagas-info .label {
 background-color: #1b6a43;
 border-radius: 2px;
 display: block;
 width: 70px;
 padding: .1em .6em;
 font-size: 11px;
 color: #fff;
 position: relative;
}
.label:before {
 content: "";
 display: inline-block;
 width: 10px;
 height: 10px;
 margin-right: 3px;
 background: url("../image/tp/icon_tag.png") no-repeat 0 0;
 background-size: contain;
 vertical-align: middle;
}
.entry_mail-mag > p {
 width: 140px;
 border: solid 1px #ccc;
 border-radius: 5px;
 margin-right: 0;
 margin-left: auto;
 padding: 8px;
 font-size: 11px;
 text-align: justify;
}
.sagas-info .btn {
 display: block;
 background: #008ec7;
 border-radius: 3px;
 width: 100%;
 margin-top: 5px;
 padding: .5em 0;
 color: #fff;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}
.sagas-info .btn:hover {
 opacity: .6;
}

/*=====Sidenav contents =============================================*/
/* Common */
.sideNav li:last-child {
	margin-bottom: 0;
}
.sideNav .category,
.sideNav .cmnNav,
.sideNav .siteNav {
	margin-bottom: 2em;
	border: 1px solid #cccccc;
}
.sideNav .category h2,
.sideNav .cmnNav h2,
.sideNav .siteNav h2 {
	position: relative;
	margin-bottom: 0;
	font-size: 108.3%;
	font-weight: bold;
}
.sideNav .category h2:before,
.sideNav .cmnNav h2:before,
.sideNav .siteNav h2:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 2em;
}

/* Category */
.sideNav .category h2 {
	background-color: #f9f7ee;
	border-bottom: 4px solid #c2b372;
}
.sideNav .category h2:before {
	bottom: -4px;
	height: 4px;
	background-color: #2d4d90;
}
.sideNav .category h2 span {
	display: block;
	padding: 10px 20px 10px 15px;
}
.sideNav .category h2 a {
	display: block;
	padding: 14px 20px 14px 15px;
	background: url("/image/toppage/arrow_01.gif") no-repeat 97% center;
	color: #333333;
	text-decoration: none;
}
.sideNav .category ul {
	position: relative;
	margin: 0;
	list-style: none;
}
.sideNav .category ul li {
	margin-bottom: 0;
	border-top: 1px dotted #cccccc;
}
.sideNav .category ul li:first-child {
	border-top: none;
}
.sideNav .category ul a {
	display: block;
	padding: 10px 15px 10px 24px;
	background: url("/image/toppage/arrow_01.gif") no-repeat 10px 1.2em;
	text-decoration: none;
}
.sideNav .category ul a:hover {
	background-color: #fafafa;
}
/* Common Nav */
.sideNav .cmnNav h2 {
	padding: 10px 15px;
	background-color: #f2f7ed;
	border-bottom: 2px solid #cccccc;
}
.sideNav .cmnNav h2:before {
	bottom: -2px;
	height: 2px;
	background-color: #2c653c;
}
.sideNav .cmnNav ul.textList {
	margin: 0 0 0 5px;
	padding: 15px 15px 15px 1.5em;
}
.sideNav .cmnNav ul.tmbList li + li {
	border-top: 1px dotted #bbbbbb;
}
.sideNav .cmnNav ul.tmbList li a {
	display: block;
	padding: 8px 15px 8px 70px;
	text-decoration: none;
}
.sideNav .cmnNav ul.tmbList li a dt {
	text-decoration: underline;
}
.sideNav .cmnNav ul.tmbList li a dd,
.sideNav .cmnNav ul.tmbList li a:hover dd {
	color: #444444;
}
.sideNav .cmnNav ul.tmbList li.RXCC {
	background: url("/image/contents_img_parts/img_company.jpg") no-repeat 10px center;
}
.sideNav .cmnNav ul.tmbList li.RXCN {
	background: url("/image/contents_img_parts/img_newspaper.jpg") no-repeat 10px center;
}
.sideNav .cmnNav ul.tmbList li.QXCJ {
	background: url("/image/contents_img_parts/img_person.jpg") no-repeat 10px center;
}

/* Site Nav */
.sideNav .siteNav {
	border-bottom: 0;
}
.sideNav .siteNav h2 {
	padding: 14px 15px;
	background-color: #f2f2f2;
	border-bottom: 2px solid #cccccc;
}
.sideNav .siteNav h2:before {
	bottom: -2px;
	height: 2px;
	background-color: #999999;
}
.sideNav .siteNav ul {
	margin: 0;
	list-style: none;
}
.sideNav .siteNav ul li {
	display: table;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 1px solid #cccccc;
}
.sideNav .siteNav ul li a {
	display: table-cell;
	line-height: 1.4;
	text-decoration: none;
}
.sideNav .siteNav ul a:hover {
	background-color: #fafafa;
}
.sideNav .siteNav ul li a span {
	display: block;
	min-height: 56px;
	padding: 10px 15px 10px 56px;
}
.sideNav .siteNav ul li a span.contact {
	background: url("/image/siteNav-icon-doc.png") no-repeat 10px center;
}
.sideNav .siteNav ul li a span.doc {
	background: url("/image/siteNav-icon-mail.png") no-repeat 10px center;
}
.sideNav .siteNav ul li a span.service {
	background: url("/image/siteNav-icon-service.png") no-repeat 10px center;
}

/* Service Block */
.sideNav .serviceBlock {
	width: 240px;
	margin-bottom: 2em;
}
.sideNav .serviceBlock h2 {
	margin-bottom: 0;
}
.sideNav .serviceBlock ul.btn {
	margin: 0;
	list-style: none;
}
.sideNav .serviceBlock ul.btn li {
	margin-bottom: 10px;
}
.sideNav .serviceBlock .inner {
	padding: 20px 10px;
	border: 1px solid #333333;
	border-top: none;
}
.sideNav .serviceBlock .inner *:last-child {
	margin-bottom: 0;
}
.sideNav .serviceBlock ul.menu {
	margin: 0;
	border: 1px solid #333333;
	border-top: none;
	list-style: none;
}
.sideNav .serviceBlock ul.menu li {
	margin-bottom: 0;
	border-top: 1px dotted #cccccc;
}
.sideNav .serviceBlock ul.menu li:first-child {
	border-top: none;
}
.sideNav .serviceBlock ul.menu a {
	display: block;
	padding: 10px 15px 10px 24px;
	background: url("/image/common/icon-nav-arrow01.png") no-repeat 10px 1.2em;
	text-decoration: none;
}
.sideNav .serviceBlock ul.menu a:hover {
	background-color: #fafafa;
}

/* Relation Block */
.sideNav .relationBlock {
	margin-bottom: 2em;
	padding: 10px;
	background-color: #F2FBF2;
	border: 1px solid #ccc;
}
.sideNav .relationBlock *:last-child {
	margin-bottom: 0;
}
.sideNav .relationBlock h2 {
	position: relative;
	margin-bottom: 1em;
	padding: 0 0 6px 0;
	border-bottom: 4px solid #c2b372;
	font-size: 100%;
}
.sideNav .relationBlock h2:before {
	content: " ";
	position: absolute;
	bottom: -4px;
	height: 4px;
	width: 2em;
	background-color: #2c653c;
}


/*===== Welcomepage-Button ==========================================*/
.entry-btn-area {
	height: 140px;
	margin: 12px auto 36px;
	background-color: #fff;
	/* border: solid 3px #B8A34F; */
	border: solid 3px #00A3E5;
    border-radius: 5px;
	padding: 20px 25px !important;
}
.entry-btn-area .container {
	padding-right: 20px;
	padding-left: 20px;
}
.entry-btn-area .container:before,
.entry-btn-area .container:after {
	content: " ";
	display: table;
}
.entry-btn-area .btn {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.25em;
}
.entry-btn-area p {
	margin-top: 4px;
	margin-bottom: 6px;
	font-size: 14px;
	text-align: center;
}
.entry-btn-area .row {
	margin-left: -10px;
	margin-right: -10px;
	background: none;
}
.entry-btn-area .row:before,
.entry-btn-area .row:after {
	content: " ";
	display: table;
}
.entry-btn-area .col-sm-6 {
	float: left;
	width: 50%;
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.entry-btn-area .btn-block {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.entry-btn-area .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.entry-btn-area .btn:focus,
.entry-btn-area .btn.focus,
.entry-btn-area .btn:active:focus,
.entry-btn-area .btn:active.focus,
.entry-btn-area .btn.active:focus,
.entry-btn-area .btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.entry-btn-area .btn:hover,
.entry-btn-area .btn:focus,
.entry-btn-area .btn.focus {
	color: #333;
	text-decoration: none;
}
.entry-btn-area .btn:active,
.entry-btn-area .btn.active {
	outline: 0;
	background-image: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.entry-btn-area .btn-entry {
	border-color: #fff!important;
	border-radius: 8px;
	border-width: 3px!important;
	box-shadow: 0 1px 3px #666;
	color: #fff!important;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-decoration: none!important;
	box-sizing: border-box;
}
.entry-btn-area .btn-entry:hover,
.entry-btn-area .btn-entry:focus {
	text-shadow: none;
	transition: .5s;
}
.entry-btn-area .btn-entry.is-corporate {
	background-image: linear-gradient(to bottom, #FFAD01 20%, #d88d02 100%);
	background-repeat: repeat-x;
}
.entry-btn-area .btn-entry.is-corporate:hover,
.entry-btn-area .btn-entry.is-corporate:focus {
	background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
	background-repeat: repeat-x;
	border-color: #f2a202!important;
	color: #f2a202!important;
}
.entry-btn-area .btn-entry.is-cureka {
	background-image: linear-gradient(to bottom, #178c00 20%, #116b00 100%);
	background-repeat: repeat-x;
}
.entry-btn-area .btn-entry.is-cureka:hover,
.entry-btn-area .btn-entry.is-cureka:focus {
	background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
	background-repeat: repeat-x;
	border-color: #178c00!important;
	color: #178c00!important;
}
.entry-btn-area > iframe {
	max-height: unset !important;
}

/*===== Button ==========================================*/
/* Download */
a.download {
	display: inline-block;
	min-width: 260px;
	padding: 10px 40px;
	background: #F7D228 url("/common/images/icon-btn-download.png") no-repeat 95% center;
	background-size: 24px;
	border-radius: 4px;
	color: #000000;
	font-size: 130%;
	text-decoration: none;
	text-align: center;
}
a.download:hover {
	background-color: #F9DB53;
}

/*===== Close ===========================================*/
.close-block {
	margin: 15px auto 30px;
	padding: 20px 0;
	background-color: #F5F5E8;
	border: solid 3px #B8A34F;
	text-align: center;
}
.close-block h1 {
	border: none; margin-top: 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.close-block p {
	font-size: 12px;
	text-align: center;
}
.close-block .btn {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 6px 0;
	background-color: #FFFFFF;
	border: solid 1px #C8C8C8;
	border-radius: 1.2em;
	color: #222222!important;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.close-block .btn + .btn {
	margin-top: 10px;
}
.close-block .btn:hover {
	background-color: #F6F6F6;
}