@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			https://www.sostap.or.jp/
File name:			base.css (https://www.sostap.or.jp/css/base.css)

-----------------------------------*/

/*-------------------------
__base_style
-------------------------*/

#wrap {
	text-align:left;
	width:100%;
	margin:0 auto;
	background-color:#E0ECFF;
}

#main{
	width:660px;
	padding:20px;
	float:right;
	background-color:#fff;}

#main p{
	text-align:left;
	font-size:14px;
	line-height:24px;}
#main dl{
	text-align:left;
	font-size:14px;
	line-height:24px;
	letter-spacing:0.05em;
	margin:0 0 20px 0;
	padding:0;}
#main dl dt{
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#0056BC;
	margin:30px 0 20px 0;}
#footer dl dt{
	margin-top:11px;}
#footer dl dd{
	font-size:9px;}
#footer dl dd ul li.assessor{font-size:12px;}
#main dl dd {}
#main dl dd a:link {color:#0056BC;}
#main dl dd a:visited{color:#0056BC;}
#main dl dd a:hover{color:#6394FF;}
#main dl dd a:active{color:#0056BC;}

#main dl dd ul {margin-left:24px;}
#main dl dd ul li {
	font-size:14px;
	line-height:24px;
	list-style:disc;
	}
#main dl dd ol {margin-left:24px;}
#main dl dd ol li {
	font-size:14px;
	line-height:24px;
	list-style:decimal;
	}
h1{
	width:660px;
	height:180px;
	margin:0 0 20px 0;}

span.red{
	font-weight:bold;
	color:red;}

/*-------------------------
__header
-------------------------*/

#header{
	background-color:#fff;}

#header .header_desc{
	background-color:#6394FF;
	padding:7px 0;
	color:#fff;
	font-size:11px;}

#header .header_desc p{
	width:960px;
	margin:0 auto;}

#header .header_inner{
	width:960px;
	margin:0 auto;}

#header .header_inner .subnavi{
	float:right;}

#header .header_inner .subnavi ul li{
	width:125px;
	height:30px;
	overflow:hidden;
	display:block;
	float:left;
	margin:0 0 0 5px;}

#header .header_inner .subnavi ul li a:hover img{
	margin:-30px 0 0 0;}

#header .header_inner .header_rogo{
	width:465px;
	height:85px;
	margin:25px 100px 25px 0;
	float:left;}

#header .header_inner .header_adress{
	font-size:13px;
	width:385px;
	float:right;
	margin:10px 0 0 0;}

#header .header_inner .header_adress ul{
	float:none;
	clear:both;
	margin:5px 0 0 0;}

#header .header_inner .header_adress ul li{
	float:left;
	margin:5px 0 0 0;}

#header .header_inner .header_adress ul li.left{
	margin-right:10px;}

#header .header_inner .header_adress .header_search{
	float:left;
	margin:0 10px 0 0;
	padding:10px 0 0 0;}

#header .header_inner .header_rogo .logo_undertxt{
    font-size: 16px;
    padding-top:10px;
    display: flex;
    justify-content: center;
    letter-spacing: 1.2px;}

#header ul li .counter_inner{
	margin:0 0 0 20px;
	padding:0 0 0 20px;}

/*-------------------------ヘッダーサイト内検索cssここから-------------------------*/

#gsc{
	float:right;
	width:275px;}

.gsc-control-cse gsc-control-cse-ja{
	border:none!important;
	padding:0!important;}

.cse .gsc-control-cse, .gsc-control-cse{
	padding:0!important;}

.gsc-input{
	padding-right:5px!important;}

/*-------------------------ヘッダーサイト内検索cssここまで-------------------------*/

#header .navi{
	width:100%;
	height:55px;
	background-image:url(../images/gm_back.gif);
	background-repeat:repeat-x;}

#header .navi ul{
	width:960px;
	margin:0 auto;}

#header .navi ul li{
	float:left;}

#header .navi ul li a{
	height:55px;
	overflow:hidden;
	display:block;}

#header .navi ul li a:hover img{
	margin:-55px 0 0 0;}

/*-------------------------
__footer
-------------------------*/

#footer{
	background-color:#fff;
	margin:20px 0 0 0;
	padding:15px 0 0 0;}

.footer_menulist{
	width:960px;
	margin:0 auto 20px;}

.footer_menulist dl{
	text-align:left;
	margin:0 25px 0 15px;
	float:left;}

.footer_menulist dl dt{
	color:#0056BC;
	font-size:14px;
	font-weight:bold;
	margin:25px 0 10px -15px;}

.footer_menulist dl dd ul.floatleft{
	float:left;
	margin:0 20px 0 0;}
	
.footer_menulist dl dd ul.space{
	margin:0 0 0 0!important;}

.footer_menulist ul li{
	font-size:13px;
	line-height:19px;
	margin:0 0 8px;
	list-style-image:url(../images/footer_arrow.gif);}

.footer_menulist ul li a{
	color:#3F3F3F;
	text-decoration:none;}

.footer_menulist ul li a:hover{
	color:#919191;}

.copyright{
	text-align:center;
	background-color:#0056BC;
	font-size:10px;
	padding:5px 0;
	color:#fff;}

.topic_path {display:block;padding-bottom: 8px;padding-top: 8px;clear:both;}
.topic_path ul {text-align: left;}
.topic_path li {font-size: 14px;line-height: 1.7;font-weight: 700;display: inline-block;vertical-align: top;*display: inline; /* IE7 and below */*zoom: 1; /* IE7 and below */}
.topic_path li:after {content: ">";font-weight: 400;margin-left: 5px;margin-right: 5px;}
.topic_path li:last-child:after {content:"";}
.topic_path .bottom {position:relative;}
.topic_path .bottom li:last-child:after {content:" > ";}
.topic_path li:last-child:before {content: "";margin-left: 0px;}

/*-------------------------サイドメニューここから-------------------------*/

#side{
	width:220px;
	background-color:#fff;
	border:1px solid #507AFF;}

#side .side_title{
	font-size:16px;
	line-height:23px;
	font-weight:bold;
	padding:15px;
	color:#507AFF;
	border-bottom:1px solid #507AFF;}

.side_menulist ul{
	margin:0;
	padding:0;}

.side_menulist ul li{
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
	line-height:20px;
	list-style:none;
	border-left:5px solid #DDD;
	border-bottom:1px solid #507AFF;}

.side_menulist ul li:last-child{
	list-style:none;
	border-bottom:0;}

.side_menulist ul li.no_link a{
	pointer-events: none;
}
.side_menulist ul li a{
	text-decoration:none;
	color:#000;
	display:block;
	padding:15px 0;}

.side_menulist ul li:hover{
	border-left:5px solid #507AFF;
	background-color:#F6F9FF;}

.side_menulist ul li.no_link:hover a{

}

.side_menulist ul li a:hover{
	padding:15px 0 15px 15px;
	background-image:url(../../images/side_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;}

.side_menulist ul li.thispage{
	border-left:5px solid #507AFF;
	background-color:#F6F9FF;}

.side_menulist ul li.thispage span{
	display:block;
	padding:15px 0 15px 15px;
	background-image:url(../../images/side_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;}


/*------------------------コンテンツページベースここから--------------------------*/

/*#header {
	background-image:url(../images/header_back.png);
	background-repeat:repeat-x;
}

#footer {
	margin:20px 0 0 0;
	background-image:url(../images/footer_back.png);
	background-repeat:repeat-x;
}*/

#content{
	width:960px;
	margin:0 auto;}

#side{
	float:left;
	width:220px;}

/*h1 {
	text-align:left;
	font-size:18px;
	color:#fff;
	background-color:#6394FF;
	padding:12px;
	margin:0 0 15px 0;
}*/

h2 {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#0056BC;
	margin:30px 0 20px 0;
}

table.normal{
	width:100%;
	font-size:14px;
	line-height:24px;
	border-collapse:collapse;
	margin:0 0 20px 0;}

table.normal tr th{
	text-align:center;
	border:1px solid #888;
	padding:5px;
	background-color:#EEE;}

table.normal tr td{
	text-align:left;
	border:1px solid #888;
	padding:5px;}

.commingsoon{
	margin:50px auto 80px;
	width:460px;
	height:190px;
	border:5px solid #eee;}

.commingsoon p{
	text-align:center!important;}

.commingsoon p.cs_main{
	padding:45px 0 20px 0;
	font-size:25px!important;
	color:#828181!important;
	font-weight:bold;}

.commingsoon p.cs_sub{}

.hiragino{font-family: 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','Osaka',sans-serif;}


input[type="radio"],[type="checkbox"]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select{-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;padding: 0;background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;box-sizing: content-box;}

form .checkbox{position:relative;display:block;}
form .checkbox span{position:relative;cursor:pointer;padding-left:20px;}
form .checkbox span::before,form .checkbox span::after{content:"";display:block;position: absolute;}
form .checkbox span::before{background-color:#fff;border-radius:3px;border:1px solid #ccc;width:15px;height:15px;transform:translateY(-50%);top:50%;left:0;transition:.5s;}
form .checkbox span::after{border-bottom: 3px solid #fff;border-left: 3px solid #fff;opacity: 0;height: 5px;width: 9px;transform: translateY(-50%)rotate(-45deg);top: 45%;left: 3px;transition: .5s;}
form .checkbox input:checked+span::after{opacity:1;}
form .checkbox input:checked+span::before{background:#507AFF;border:1px solid #000;}

form .radio{margin:0;font-weight:400;display:inline-block;}
form .radio input{box-sizing:border-box;position:absolute;}
form .radio span{cursor:pointer;box-sizing:border-box;display:flex;align-items:center;position:relative;flex-wrap:wrap;margin-right:10px;}
form .radio span::before,form .radio span::after{content:"";display:block;border-radius:50%;}
form .radio span::before{border:1px solid #ccc;background:#fff;width:15px;height:15px;margin-right: 10px;transition:.5s;}
form .radio span::after{background:#fff;width:1px;height:1px;position:absolute;left:8px;transition:.5s;}
form .radio input:checked+span::before{background: #507AFF;border:1px solid #000;}
form .radio input:checked+span::after{transform:scale(9);}

form .checkbox span:hover::before{border:1px solid #000;}
form .radio span:hover::before{border:1px solid #000;}

form label:has(select){border:1px solid #ccc;border-radius:3px;transition:.5s;position:relative;}
form label select{padding:7px 30px 7px 7px;box-sizing:border-box;}
form label:has(select)::before{position:absolute;content:"";right: 8px;width: 6px;height: 6px;border-top: 3px solid #507AFF;border-right: 3px solid #507AFF;-webkit-transform:translateY(-50%)  rotate(135deg);transform: translateY(-50%) rotate(135deg);top: 40%;}

form label:has(select):hover{border:1px solid #000;}

.form_base textarea {padding: 5px;box-sizing: border-box;line-height: 1.4;resize: vertical;width: 100%;}