@charset "UTF-8";

/* /////////////////////////////////////////////////
　PC時表示非表示
///////////////////////////////////////////////// */
@media print, screen and (min-width:768px){
/* 1.head
==================================================*/
#contentHeadSp {
	display:none;
}
/* 2.foot
==================================================*/
#contentFoot.sp {
	display: none;
}
#contentFootSP {
	display: none;
}
}
/* /////////////////////////////////////////////////
　SP時表示非表示
///////////////////////////////////////////////// */
@media screen and (max-width:768px){
/* 1.head
==================================================*/
#contentHead {
	display:none;
}
/* 2.foot
==================================================*/
/*#contentFoot.pc {
	display: none;
}*/
}

@media screen and (max-width:768px){
/* /////////////////////////////////////////////////
 1.head
	
 2.foot
///////////////////////////////////////////////// */

/* 1.head
==================================================*/
#contentHeadSp{
	position:relative;
	display:block;
	padding:10px 15px;
	background:#1446aa url(/common/ssi/head_foot/image/head_bg_sp.jpg) no-repeat right bottom;
	background-size:320px 47px;
	}
#contentHeadSp p#companyLogoSp,
#contentHeadSp h1#companyLogoSp{
	text-align:center;
	}
#contentHeadSp p#btnMenu{
	position: absolute;
	top:14px;
	left:15px;
	}

/*p#companyLogo*/
#contentHead p#companyLogo,
#contentHead h1#companyLogo{
	display: none;
	}
/*p#btnPrint*/
#contentHead p#btnPrint{
	display: none;
	}
/*div#fontChange*/
#contentHead div#fontChange{
	display: none;
	}
/*div#contentHeadSub*/
div#contentHeadSub{
	display: none;
	}
/*div#contentHeadSubSp*/
div#contentHeadSubSp{
	display:block;
	margin-bottom:2px;
	padding:15px 5px;
	border-bottom:2px solid #144a97;
	}
div#contentHeadSubSp div.contentHeadSubSpInner{
	margin-bottom:5px;
	overflow:hidden;
	}
div#contentHeadSubSp p.headSubSpTtl {
	padding:5px 5px 0;
	font-weight:bold;
	float: left;
	}
div#contentHeadSubSp p.headSubSpSearch {
	float:right;
	vertical-align:middle;
	}
div#contentHeadSubSp p.headSubSpTxt {
	text-align:center;
	font-size:77%;
	color:#666;
	}
/*ul#headSearch*/
#contentHead ul#headSearch{
	position:relative;
	width:92%;
	margin:0px auto;
	height:auto;
	}
/*ul#headSearch li#headSearchTxt*/
#contentHead ul#headSearch li#headSearchTxt{
	position:relative;
	top:0;
	right:0;
	height:auto;
	}
#contentHead ul#headSearch li#headSearchTxt input[type=text]{
	width:100%;
	height:32px;
	display:block;
	background-color:#fff;
	border:none;
	border-radius:2px;
	color:#999;
	padding:5px 50px 5px 10px;
	font-size:117%;
	outline:none;
}
/*ul#headSearch li#headSearchBtn*/
#contentHead ul#headSearch li#headSearchBtn{
	display:inline-block;
	position:absolute;
	top:3px;
	right:4px;
	}
#contentHead ul#headSearch li#headSearchBtn input[type=image]{
	width:40px;
	height:25px;
}
/*#contentHeadNav*/
div#contentHeadNav{
	width:100%;
	height:auto;
	border:none;
	background-color: transparent;
	}

p#siteLogo{
	display: none;
	}

/*ul#quickNavi*/
/*div.quickNaviSp*/
#contentHeadNav ul#quickNavi,
#contentHeadNav div.quickNaviSp{
	width:92%;
	margin:0px auto;
	overflow:hidden;
	}
#contentHeadNav div.quickNaviSp{
	display:block;
	}
	/*li*/
	#contentHeadNav ul#quickNavi li,
	#contentHeadNav div.quickNaviSp p{
		float:left;
		width: 48%;
		margin:10px 0;
		font-size:14px;
		font-weight:bold;
		line-height:1.5;
		padding-bottom:0px;
		border-radius: 2px;
		background-color: #2c59b3;
		text-align: center;
		}
	#contentHeadNav ul#quickNavi li a,
	#contentHeadNav div.quickNaviSp p a{
		display:block;
		padding:8px 10px 8px 18px;
		background: url(/cio/common/css/content/image/icon_arrow02.png) 10px center no-repeat;
		background-size: 4px 5px;
		color:#FFF;
		}
	#contentHeadNav ul#quickNavi li img{display:none;}
	#contentHeadNav ul#quickNavi li span{display:block;}
	/*li#quickNavi01*/
	#contentHeadNav ul#quickNavi li#quickNavi01,
	#contentHeadNav ul#quickNavi li#quickNavi02{
		position:relative;
		top:auto;
		right:auto;
		}
	#contentHeadNav ul#quickNavi li#quickNavi01{float:left;}
	#contentHeadNav ul#quickNavi li#quickNavi02{float:right;}

	#contentHeadNav div.quickNaviSp p.quicknavEngSp{float:left;}
	#contentHeadNav div.quickNaviSp p.quicknavDnpSp{float:right;}

/*ul#globalNavi*/
#contentHeadNav ul#globalNavi{
	width: 100%;
	}
	/*li*/
	#contentHeadNav ul#globalNavi li{
		font-size:16px;
		font-weight:bold;
		line-height:1.5;
		padding-bottom:0px;
		background-color: #2c59b3;
		border-bottom: 1px solid #1446aa;
		}
	#contentHeadNav ul#globalNavi li a{
		display:block;
		padding:12px 15px; 
		color:#FFF;
		}
	#contentHeadNav ul#globalNavi li.current a{
		background:#fff;
		color:#c00;	
		}
	#contentHeadNav ul#globalNavi li span{display:block;}
	#contentHeadNav ul#globalNavi li img{display:none;}
	/*li#globalNav01*/
	#contentHeadNav ul#globalNavi li#globalNav00{display:block;}
	#contentHeadNav ul#globalNavi li#globalNav01,
	#contentHeadNav ul#globalNavi li#globalNav02,
	#contentHeadNav ul#globalNavi li#globalNav03,
	#contentHeadNav ul#globalNavi li#globalNav04,
	#contentHeadNav ul#globalNavi li#globalNav05{position:relative;top:auto;left:auto;}

/*ul#quickNavi*/
	#contentHead p.quicknavEng,
	#contentHead p.quicknavDnp{display:none;}

/* 2.foot
==================================================*/
/*goPC*/
#contentFoot .goPC {
	background: #004ea2;
	margin-top: 10px;
	color: #ffffff;
}
#contentFoot .goPC a {
	color: #ffffff;
	text-decoration: none;
	padding: 10px 0;
	text-align: center;
	display: block;
}
#contentFoot .goPC img {
	width: 50px;
	margin-left: 10px;
	vertical-align: middle;
}

/*pageTop*/
#pageTop {
	display:block;
	position:fixed;
	right:6px;
	bottom:30px;
	z-index:10;
	width:50px;
	}
#pageTop img{
	width:100%;
	height:auto;
	}
/*contentFootMain*/
#contentFootMain{width:100%; background:#fff; padding: 0 10px 20px; box-sizing:  border-box;}

/*p.copyright*/
#contentFootMain p.copyright{position:relative; top:10px; text-align: center;}

/*ul*/
#contentFoot ul	{float:none; text-align:center; display: none;}
#contentFoot ul	li {float:none; display:inline-block;}
#contentFoot ul li span{display:block; color:#000; font-size:90%;}
#contentFoot ul li.footPageB a,
#contentFoot ul li.footPageB a:hover,
#contentFoot ul li.footPageB a:active,
#contentFoot ul li.footPageB a:focus{margin-right:50px; height:auto; width:auto; background:url(/cio/common/image/news_allow_l_sp.png) no-repeat left center; background-size:13px 13px; padding-left:20px; text-decoration:none;}

#contentFoot ul li.footPageT a,
#contentFoot ul li.footPageT a:hover,
#contentFoot ul li.footPageT a:active,
#contentFoot ul li.footPageT a:focus{margin-right:0px; height:auto; width:auto; background:url(/cio/common/image/news_allow_r_sp.png) no-repeat right center; background-size:13px 13px; padding-right:20px; text-decoration:none;}

#contentFootMain ul li.footBtnA a,
#contentFootMain ul li.footBtnA a:hover,
#contentFootMain ul li.footBtnA a:active,
#contentFootMain ul li.footBtnA a:focus,
#contentFootMain ul li.footBtnB a,
#contentFootMain ul li.footBtnB a:hover,
#contentFootMain ul li.footBtnB a:active,
#contentFootMain ul li.footBtnB a:focus,
#contentFootMain ul li.footBtnC a,
#contentFootMain ul li.footBtnC a:hover,
#contentFootMain ul li.footBtnC a:active,
#contentFootMain ul li.footBtnC a:focus{margin:0px 20px 25px 0px; width:auto; height:auto; background: url(/cio/common/css/content/image/icon_arrow01_sp.png) no-repeat left center; background-size:4px 7px; padding-left:10px; text-decoration:none;}

#contentFootMain ul	{width:auto; padding-top:20px; margin:0px 7px; text-align:left;}
#contentFootMain ul li.footBtnA a{margin-left:0px;}
#contentFootMain ul li a{margin:0px 20px 20px 0px;}

/*contentFootBanner*/
#contentFootBanner{width:100%; padding:6px;}

#contentFootBanner p{margin:10px 0px 15px;}
#contentFootBanner img{width:100%; height:auto}

#contentFootBanner #contentFootTitle{
	display:block;
	margin:0px;
	color:#004ea2;
	font-size:129%;
	font-weight:bold;
	text-decoration:none;
	background:url(/cio/common/css/head_foot/image/foot_acc_open.png) no-repeat 98% center;
	background-size:22px 22px;
	}
#contentFootBanner #contentFootTitle.open{
	background:url(/cio/common/css/head_foot/image/foot_acc_close.png) no-repeat 98% center;
	background-size:22px 22px;
	}
#contentFootBanner #contentFootTitle:after{
	height:0px;
	}
#contentFootBnrAll{
	display: none;
}
#contentFootBanner dl dt{
	/*clear:both;*/
	width:140px;
	clear:left;

	}
#contentFootBanner dl dt img{
	width:100%;
	height:auto;
	}
#contentFootBanner dl dd{
	margin:0px;
	width:auto;
	/*float:right;*/
	padding:0 0 10px 150px;
	min-height:60px;
	}

#contentFootBanner div#contentFootBnrL{float:none; width:100%; margin-top:20px;}
#contentFootBanner div#contentFootBnrC{float:none; width:100%;}
#contentFootBanner div#contentFootBnrR{float:none; width:100%;}

div#contentHeadDNP{
	width:100%;
	min-width:100%;
	height:37px;
	background:#1546ac url(/cio/common/css/image/head_bg.jpg) no-repeat right bottom;
	background-size:475px 55px;
	}
/*p#companyLogo*/
#contentHeadDNP p#companyLogo,
#contentHeadDNP h1#companyLogo{
	top:11px;
	left:19px;
	position:absolute;
	width:97px;
	}

#contentHeadDNP p#companyLogo img,
#contentHeadDNP h1#companyLogo img{
	width:97px;
	}
	
}