@charset "Shift_JIS";

#container {
	margin: 0 auto;
	width: 850px;
	position relative;
	background-color: #ffffff;
}

#header-nav{
	max-width:850px;
}

/*�w�b�_*/
#header {
	width:850px;
	position: relative;
}

#header h1 {
	background: url(../images/top.png) 0 0 no-repeat;
	height:200px;
	width:100%;
	text-indent: -9999px;
	margin-top:28px;
	
}



/*共通*/
a{
	text-decoration:none;
}
p{
	line-height:1.7;
	text-align:justify;
}

#main {
	padding-top: 10px;
	padding-bottom: 40px;
	background: url(../images/right_bg.gif) right 0 repeat-y;
}

#leftarea {
	width: 620px;
	float: left;
}

#rightarea {
	width: 190px;
	float: right;
}

/*ヘッダー*/
.logo{
	width:200px;
}
.page-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wrapper{
	max-width:850px;
	margin:0 auto;
	padding:0 4%;
}
/*ナビゲーションメニュー*/

.main-nav {
  margin-top: 20px;
  list-style:none;
  font-size:1.10em;
}
.main-nav ul{
	display:flex;
}
.main-nav li{
	margin-left:10px;
	font-weight:bold;
	padding: 0 16px;
}
.main-nav li + li {
  border-left: 1px solid #ccc;
}
.main-nav a{
	color:#1B527D;
}
.main-nav a:hover{
	color:#0bd;
}
.main-nav__eng{
	font-weight:lighter;
	font-size:0.5em;
}


/*ページ上部へ戻る*/
a.totop {
	display:block;
	color: #333333;
	font-size: 85%;
	line-height: 25px;
	text-decoration: none;
	text-indent: 16px;
	text-align:right;
	margin:30px 0 100px auto;
}

/*情報セキュリティ監査の必要性の図*/
.audit_img{
	display:flex;
	justify-content:space-between;
	margin:10px 10px 30px 10px;
}
.audit_img__item{
	width:300px;
	object-fit:contain;
}

/*サービスフロー図*/
.service_flow{
	width:500px;
	margin-top:30px;
	margin-bottom:100px;
}

/*登録内容リスト*/
.registration_list{
	list-style:disc;
	list-style-position:inside;
}

/*研修内容テーブル*/

th{
	background-color:#cccccc;
	text-align:center;
	padding:10px;
}
th,td{
	border:solid 1px;
}
td{
	text-align:left;
	padding:15px;
}
table{
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
}

/*�T�u���j���[*/
.submenu {
	padding-bottom: 5px;
	width: 190px;
	background: url(../images/submenu_bg.gif) 0 bottom no-repeat;
}
.submenu h6 {
	height: 42px;
	background: url(../images/submenu_head2.png) 0 0 no-repeat;
}
.submenu ul {
	padding: 0 6px;
}
.submenu li {
    height: 48px;
    display: table;
    width: 100%;
}
.submenu li a {
    height: 100%;
    background: url(../images/submenu_button.gif) 0 -48px no-repeat;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 20px;
}
.submenu ul li a.focus,
.submenu ul li a:hover {
	background-position: 0 0px;
}

#inquiry{
	text-align:center;
}

.footimgcopy{
	display:flex;
	padding:5px 24px 0 24px;
	justify-content:space-between;
	align-items:center;
}
.footimgcopy img{
	width:80px;
}

#leftarea h2 {
	margin-bottom: 18px;
	width: 645px;
	height: 45px;
	background: url(../images/h2_titlebar.gif) 0 0 no-repeat;
	color: #ffffff;
	font-size: 140%;
	font-weight: bold;
	line-height: 45px;
	text-indent: 18px;
}

#contents {
	padding-left: 7px;
	font-size: 100%;
}

h3 {
	margin-bottom: 15px;
	width: 635px;
	height: 40px;
	background: url(../images/sub_titlebar.gif) 0 0 no-repeat;
	color: #006699z;
	font-size: 130%;
	font-weight: bold;
	text-indent: 25px;
	line-height: 37px;
}
h4{
	width: 600px;
	margin-top:10px;
	margin-bottom: 15px;
	padding-top: 6px;
	padding-bottom: 6px; 
	padding-left: 4px; 
	color: #3f4c6b; 
	border-bottom: solid 2px #312e61;
	font-size: 130%; 
	font-weight: bolder; 
}
h5{	
	font-size: 110%;
	margin-top:30px;
	margin-bottom: 8px;
	padding: 4px 0 4px 10px ;
	color: #3f4c6b;
	background: transparent;
	border-left: solid 3px #3f4c6b;
	font-weight: bold;

}

.mainsp   {
	margin-right: 10px;
	margin-left: 10px
}


.mainsp ul {
	list-style: disc;
	padding-left: 5px;
	margin-left: 30px;
}



.mainsp2   { margin-right: 10px; margin-left: 5px }

.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

.banner { margin-top: 9px;}

/*�r�W����*/
.vision h2 { background-image: url(../images/title_vision.jpg); }
.vision h4 { font-weight: bold; font-size: 125%; margin-bottom: 7px }
.vision h5 { font-weight: bold; font-size: 120%; margin-bottom: 9px; margin-left: 6px }
.vision h6 { font-weight: bold; font-size: 120%; margin: 12px 0 10px 0; }




.midashi_title { font-size: 120%; font-weight: bolder; margin-bottom: 7px; }
.mp dt { color: #434f99; font-size: 110%; font-weight: bold; width: 400px; margin-bottom: 8px; padding-bottom: 4px; padding-left: 6px; border-bottom: 1px dotted #434f99; }
.mp dd { width: 395px; margin-left: 10px; }
.sonomidashi { margin-bottom: 15px;  padding-bottom: 5px; padding-left: 4px; color: #3f4c6b; font-size: 130%; font-weight: bolder; border-bottom: 2px solid #312e61; }
.teianntext {
	margin-top: 6px;
	margin-left: 20px;
}
.teianntext li {margin-bottom: 3px;}
.tsuyomitext {
	font-size: 100%;
	margin-top: 6px;
	margin-left: 8px;
	background-color: #FFFFCC;
	padding: 20px 35px;
}
.tsuyomitext dt {
	margin: 0 0 6px -10px;
	color: #006699;
	font-size: 130%;
	font-weight: bold;
	
}
.introduction dt { color: #222; font-size: 110%; font-weight: bold; margin-right: 10px; padding-bottom: 3px; padding-left: 4px; border-bottom: 1px dotted #424242; }
.introduction dd { font-size: 90%; margin-top: 7px; margin-right: 15px; margin-left: 8px; padding-bottom: 4px; padding-left: 4px; }

.example1 dt { color: #312e61; width: 300px; font-size: 110%; font-weight: bold; margin-right: 8px; padding-bottom: 1px; padding-left: 4px; }
.example1 dd { margin-top: 10px; margin-right: 20px; margin-left: 6px; padding-bottom: 4px; padding-left: 4px; }

.kinou dt { color: #1b1b1b; font-size: 110%; font-weight: bold; margin-right: 10px; padding-bottom: 5px; padding-left: 6px; border-bottom: 1px dotted #424242; }
.kinou dd { font-size: 90%; margin-top: 12px; margin-right: 15px; margin-left: 8px; padding-bottom: 4px; padding-left: 4px; }



.sk dt { color: #434f99; font-size: 110%; font-weight: bold; width: 610px; margin-bottom: 8px; padding-bottom: 4px; padding-left: 6px; border-bottom: 1px dotted #434f99; }
.sk dd { margin-left: 10px; }


.kinouwaku { background-color: #fffae3; width: 560px; margin-top: 8px; margin-left: 15px; padding: 6px 12px 8px; border: solid 2px #e6e1cc; }
.kakakuwaku { background-color: #f4d0c5; background-image: url(../images/kinou_back.gif); width: 580px; margin-top: 8px; padding: 6px 12px 8px; border: solid 2px #eaac9c; }

.tsuyomiwaku {
	width: 595px;
	padding: 10px 12px;
}
.jmap_waku {
	margin: 0 5px 5px 5px;
	border: 1px solid #c7c7c7;
			}

.center{
	width: 635px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}


.pwaku { border: solid 1px #c8c8c8; }

.img_pr { margin-right: 10px}
.img_pr3 { margin-right: 70px}
.img_pr2 { margin-right: 8px}
.img_prl { margin: 0 10px 0 10px}
.img_bana { margin-bottom: 4px}

.bottom { vertical-align:bottom; }
.middle { vertical-align:middle; }
p.Minus-indent{
	text-indent:-1em;
	padding:0 0 0 0;
	margin:0 0 0 1em;
	}
	
p.Minus-indent2 {
	font-size: 90%;
	text-indent:-1em;
	padding:0 0 0 0;
	margin:0 0 0 1em;
	}
p.gimon{
	color: #ff0000;
	font-size: 110%;
	font-weight: bold;
}


ul#List { margin-top: 5px; margin-left: 20px; padding-left: 8px; }
ul#List li { color: #c21004; font-size: 110%; font-weight: bold; background-color: transparent; padding-top: 2px; padding-left: 2px; padding-bottom: 2px; list-style-type: disc; }

ul#Syslist { margin-left: 20px; padding-left: 8px; }
ul#Syslist li { line-height: 160%; background-color: transparent; padding-top: 2px; padding-left: 2px; padding-bottom: 8px; padding-right: 8px; list-style-type: disc; }

ul#Syslist2 { margin-top: 3px; margin-left: 15px; padding-left: 8px; }
ul#Syslist2 li { font-size: 90%; line-height: 160%; background-color: transparent; padding-top: 2px; padding-left: 2px; padding-bottom: 2px; padding-right: 5px; list-style-type: disc; }

.fcolor_red { color: #d30000; font-size: 120%; line-height: 160%; }
.fontcolor_red { color: #d30000;}
.fontcolor_blue { color: #5376bc; }
.p_coment { font-weight: bold; margin-top: 6px; }

.font_small { font-size: 90%; line-height: 160%; }
.font_small2 { font-size: 85%; line-height: 160%; }

.jiseki_title { font-size: 100%; font-weight: bold; margin: 8px 0 3px 0}


#kankyou {
	border-top: 1px solid #a6a6a6;
	border-left: 1px solid #a6a6a6;
	margin-left: 15px;
}
#kankyou thead { color: #ffffff; background-color: #006699; }
#kankyou th { font-weight: bold; background-color: #a0d8ef; padding: 8px 15px; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6; }
#kankyou td { padding: 8px 8px 8px 15px; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6; }


#kinoulist { margin-left: 20px; }


ul.list-disc {
	margin-left: 1em;
	background-color: transparent;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 8px;
	padding-right: 8px;
	list-style-type: disc;
}

/*�t�b�^*/
#footer {
	height: 85px;
	background: #323232;
	position: relative;
}

a.pagetop {
	background: url(../images/totop.gif) 0 center no-repeat;
	color: #333333;
	font-size: 85%;
	line-height: 25px;
	text-decoration: none;
	text-indent: 16px;
	display: block;
	position: absolute;
	top: -25px;
	right: 30px;
}

#footer .address {
	font-size: 90%;
	line-height: 180%;
	position: absolute;
	top: 14px;
	left: 25px;
}
#footer .address span { font-size: 120%; }

#footer .copyright {
	color: #DCDCDC; 
	font-size: 80%;

}