/**********************************************************************
*
*　　 ■MAP
*
**********************************************************************/

#service_tit,
#prostudy_tit {
	padding: 10px 0;
	line-height: 20px;
	border: 2px solid #FF748F;
	background: #FFE3E9;
	color: #333;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

#prostudy_tit {
	border: 2px solid #035495;
	background: #C9E7FE;
}

#main-column h3 {
	border-left: 4px solid #DD272D;
	line-height: 30px;
	padding-left: 20px;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}

#service_cnt section {
	margin-bottom: 20px;
}

#service_cnt section h4 {
	width: 710px;
	background: url(/map/img/campaign_tit_bg.png) no-repeat;
	height: 30px;
	line-height: 24px;
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 10px;
	font-weight: bold; 
}

#service_cnt section p,
#prostady_cnt section p,
#stanet_tit,
#stanet_cnt section p,
#sc-navi p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 18px;
	color: #666;
	letter-spacing: 0.1em;
}

#stanet_tit {
	margin-bottom: 20px;
}

#area_campaign p em {
	color: #DD272D;
}

#area_campaign ul {
	border: 10px solid #FFE7E7;
	padding: 20px 40px;
	margin-bottom: 20px;
}

#area_campaign ul li {
	background: url(/common/img/check_icon.png) no-repeat left center;
	background-size: 18px;
	padding-left: 25px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

#cont_a section p,
#prostady_cnt section dl dd {
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 20px;
	color: #666;
}

#cont_a section h3 {
	border-left: 4px solid #DD272D;
	line-height: 30px;
	padding-left: 20px;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}

#cam_other {
	padding: 40px 0 0;
}

#cam_other div {
	width: 360px;
	float: right;
	margin-bottom: 30px;
}

#cam_other div.o_l {
	clear: both;
	float: left;
}

#cam_other div h4 {
	padding-left: 10px;
	line-height: 30px;
	background: #E6E6E6;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

#cam_other div p {
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

/**********************************************************************
*
*　　 ■プロスタディ
*
**********************************************************************/


#prostady_cnt section dl dt {
	background: #035495;
	color: #FFF;
	border: 4px solid #035495;
	line-height: 45px;
	font-size: 20px;
	margin-bottom: 10px;
}

#prostady_cnt section dl dt span {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: #E5EEF4;
	color: #035495;
	font-size: 24px;
	text-align: center;
	margin-right: 8px;
	font-weight: bold;
}

#spts_map {
	padding-top: 30px;
}

#spts_map h4 {
	width: 690px;
	padding-left: 50px;
	line-height: 60px;
	height: 63px;
	color: #FFF;
	font-size: 18px;
	background: url(/service/img/prostudy_bar.png) no-repeat;
}

#spts_map p {
	font-size: 14px;
	line-height: 20px;
}

#spts_map #map_tab {
	width: 740px;
	padding: 15px 0 0;
	margin-bottom: 20px;
}

#spts_map #map_tab ul li.ta01,
#spts_map #map_tab ul li.ta02,
#spts_map #map_tab ul li.ta03,
#spts_map #map_tab ul li.ta04,
#spts_map #map_tab ul li.ta05,
#spts_map #map_tab ul li.ta06,
#spts_map #map_tab ul li.ta07,
#spts_map #map_tab ul li.ta08,
#spts_map #map_tab ul li.ta09 {
	float: left;
	text-align: center;
	cursor: pointer;
	width: 80px;
	height: 50px;
	margin: 0 2px 0 0;
	line-height: 60px;
	font-size: 18px;
	color: #FFF;
	background: url(/etc/img/area_s_btn.png) no-repeat;
}
#spts_map #map_tab ul li.ta01.active,
#spts_map #map_tab ul li.ta02.active,
#spts_map #map_tab ul li.ta03.active,
#spts_map #map_tab ul li.ta04.active,
#spts_map #map_tab ul li.ta05.active,
#spts_map #map_tab ul li.ta06.active,
#spts_map #map_tab ul li.ta07.active,
#spts_map #map_tab ul li.ta08.active,
#spts_map #map_tab ul li.ta09.active {
	line-height: 50px;
	background: url(/etc/img/area_sc_btn_on.png) no-repeat;
}

.panel {
	border: 4px solid #DC262C;
	padding: 16px 16px 6px;
	display:none;
	position: relative;
	clear: both;
}
.show {
	display: block;
}
.panel ul li p {
	margin: 0 !important;
	font-size: 14px;
	line-height: 20px !important;
}

.panel ul li p a {
	padding-left: 20px;
	color:  #DC262C;
	background: url(/etc/img/sc_arrow.png) no-repeat left center;
	font-weight: bold;
}

.panel ul li {
	padding: 0 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #7F7F7F;
}

.panel ul li:last-child {
	border: none;
	margin: 0;
}

/**********************************************************************
*
*　　 ■スタネット
*
**********************************************************************/

#video_box h3,
#stanet02 h3,
#stanet03 h3 {
	height: 90px;
	border: none !important;
	background: url(/service/img/stanet01.png) no-repeat;
	line-height: 80px;
	text-align: center;
	color: #FF5000;
	font-size: 24px !important;
}
#stanet02 h3 {
	background: url(/service/img/stanet03.png) no-repeat;
}
#stanet03 h3 {
	margin-top: 20px;
	background: url(/service/img/stanet08.png) no-repeat;
}

#video_box video {
	margin-bottom: 20px;
}

#video_box #v_box {
	padding: 10px;
	border: 2px solid #999;
	margin-bottom: 20px;
}

#video_box #v_box p {
	font-size: 14px;
	margin: 0 !important;
}

/**********************************************************************
*
*　　 ■SCナビ
*
**********************************************************************/

#sc-navi h3 {
	border-left: none !important;
	margin: 20px 0 20px;
	line-height: 56px;
	font-size: 24px;
	padding-left: 30px;
	color: #FFF;
	background: #00ACEE;
	border-bottom: 4px solid #008FC0;
}

#sc-navi section #s_n06 table {
	width:740px;
}

#sc-navi section #s_n06 table th,
#sc-navi section #s_n06 table td {
	border:1px solid #FFF;
	line-height: 34px;
	font-weight:bold;
}

#sc-navi section #s_n06 table th {
	background: #CCE9FF url(/service/img/cong_icon.png) no-repeat 0 center;
	padding-left: 90px;
	width:400px;
	height: 34px;
	font-size: 16px;
}

#sc-navi section #s_n06 table td{
	text-align:center;
	color: #B20000;
	font-size: 20px;
	border-bottom: 1px solid #CCE9FF;
}

#scnavi02 h4 {
	background: #36C9D5;
	line-height: 40px;
	font-size: 20px;
	color: #FFF;
	text-align: center;
}

#scnavi02 dl dt {
	width: 210px;
	margin-bottom: 10px;
	background: #35C8D4;
	color: #FFF;
	padding: 30px 0 30px 20px;
	float: left;
	clear: both;
	line-height: 60px;
	font-size: 20px;
}

#scnavi02 dl dt img {
	margin-right:10px;
}

#scnavi02 dl dd {
	width: 462px;
	height: 68px;
	padding: 22px 20px;
	line-height: 20px;
	margin-bottom: 10px;
	background: url(/service/img/note_bg.png) repeat;
	border: 4px solid #35C8D4;
	color: #333;
	float: right;
	font-size: 13px;
}

#scnavi02 dl dd#l3 {
	height: 84px;
	padding: 14px 20px;
	line-height: 20px;
}

#scnavi03 {
	margin-bottom:20px;
}

#scnavi03 h4 {
	line-height: 40px;
	background: #060A54;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	margin: 30px 0 10px;
}

#sc_taiken {
	margin: 20px 0 40px;
	 border: 10px solid #CBE8FF;
	 padding: 20px;
}

/**********************************************************************
*
*　　 ■その他のメニュー
*
**********************************************************************/

.other_sec {
	padding-top: 100px;
}

.other_sec h4 {
	background: url(/common/img/other_bar.png) no-repeat;
	line-height: 40px;
	font-size: 16px;
	color: #FFF;
	padding-left: 30px;
	margin-bottom: 20px;
}

.other_sec ul li {
	overflow: hidden;
	margin-bottom: 30px;
}

.other_sec ul li.left-box {
	width: 360px;
	float: left;
}

.other_sec ul li.right-box {
	width: 360px;
	float: right;
}

.other_sec section h5 {
	padding-left: 10px;
	line-height: 30px;
	background: #E6E6E6;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

.other_sec section p {
	font-size: 14px !important;
}

#ab_f_nav {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
}

#ab_f_nav ul {
	height: 375px;
	padding-top: 20px;
}

#ab_f_nav ul li {
	width: 210px;
	float: left;
	margin: 0 15px;
}

#ab_f_nav ul li a {
	display: block;
}

#o_area {
	margin-bottom: 20px;
	padding: 32px 430px 30px 244px;
	background: url(/common/img/o_area_bg.png) no-repeat;
}

#o_area table {
}

#o_area table th {
	text-align: center;
	font-size: 13px;
	width: 60px;
	line-height: 30px;
	background: #28C6F2;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
}

#o_area table td p {
	float: left;
	margin-left: 5px;
}

#o_area table td a {
	color: #656565;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#o_area table td a:hover {
	color: #28C6F2;
	background: #FFFF00;
}

#o-service {
	height: 340px;
	border: 1px solid #EEE;
	
}

#o-service ul {
	width: 920px;
	margin: 23px auto;
	padding-bottom: 15px;
}

#o-service ul li {
	float: left;
    width: 290px;
    height: 290px;
    margin: 0 7px 0px;
    background-color: #FFF;
    border: #FF738E solid 1px;
}

#o-service  ul li:nth-of-type(2) {
}

#o-service  ul li a {
	display: block;
	width: 290px;
	height: 210px;
}

#o-service dl {
	margin: 3px 0 0 5px;
}

#o-service dl img{
	width: 250px;
    display: block;
    margin: 13px auto 10px;
}

#o-service dl dt {
	width:290px;
	height: 41px;
	background: url(/common/img/service_tit_b.png) no-repeat !important;
	line-height: 41px;
	text-align: center;
	font-size: 14px;
	color: #FF738E;
	font-weight: bold;
	margin-bottom: 8px;
}

#o-service dl dd {
	font-size: 12px;
	color: #656565;
	line-height: 15px;
	text-align: justify;
    text-justify: inter-ideograph;
	margin:5px 10px;
}

#o-service p a {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	background-size: 10px;
	color: #FFF !important;
	text-align: center;
	margin:0 auto;
}

/**********************************************************************
*
*　　 ■サイドメニュー
*
**********************************************************************/

#search_a,
#menu_a,
#column_a {
	box-shadow: 0 0 5px #AAA;
	margin-bottom: 20px;
}

#search_a h3,
#menu_a h3,
#column_a h3  {
	padding: 40px 0 10px;
	letter-spacing: 0.1em;
	text-align: center;
}
#search_a h3 {
	border-bottom: 3px solid #29C7F3;
	color: #29C7F3;
	font-size: 10px;
	background: #FFF url(/common/img/cnt03_icon.png) no-repeat center 10px;
	background-size: 20px;
	margin-bottom: 10px;
}
#menu_a h3 {
	border-bottom: 3px solid #FF7800;
	color: #FF7800;
	background: #FFF url(/common/img/cnt01_icon.png) no-repeat center 10px;
	background-size: 40px;
}
#column_a h3 {
	border-bottom: 3px solid #7267B2;
	color: #7267B2;
	background: #FFF url(/common/img/cnt06_icon.png) no-repeat center 10px;
	background-size: 25px;
}

#search_a h3 em,
#menu_a h3 em,
#column_a h3 em {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	display:block;
	line-height: 20px;
}

#as_area {
	padding: 0 10px;
	font-size: 15px;
	color: #29C7F3;
}

#as_area span {
	margin-left: 5px;
	font-size: 10px;
	color: #666;
}

#search_a table {
	width: 180px;
	margin: 10px auto;
	line-height: 16px;
	 
}

#search_a table th {
	width: 50px;
	padding: 4px 0;
	font-size: 12px;
	background: #29C7F3;
	color: #FFF;
	border-bottom: 3px solid #FFF;
	text-align: center;
	vertical-align: middle;
}

#search_a table td {
	padding: 4px 0;
}

#search_a table td p {
	font-size: 11px;
	float: left;
	margin-left: 8px;
}

#search_a table td p a {
	color: #666;
}

#search_a table td p a:hover {
	background: #FFFF00;
	color: #29C7F3;
}

#menu_a ul li,
#column_a ul li {
	height: 40px;
	border-bottom: 1px solid #E6E6E6;
}

#menu_a ul li a,
#column_a ul li a {
	display: block;
	width: 170px;
	line-height: 40px;
	padding-left: 30px;
	color: #666;
	font-size: 11px;
	background: url(/common/img/as_about_arrow.png) no-repeat 10px center;
}

#column_a ul li a {
	background: url(/common/img/as_column_arrow.png) no-repeat 10px center;
}

#map_tit {
	padding: 10px 0;
	line-height: 20px;
	border: 2px solid #29C7F3;
	background: #D4F4FD;
	color: #333;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

#side_bn li {
	width: 200px;
	margin-bottom: 20px;
}

#side_bn li img {
	width:200px;
	box-shadow: 0 0 5px #AAA;
}

/**********************************************************************
*
*　　 ■回り込み解除
*
**********************************************************************/

#search_a table td:after,
#map_area:afeter,
#sevice_menu:after,
#school_map table td:after,
#prostady_cnt section dl dt:after,
#scnavi02 dl:after,
#spts_map #map_tab ul:after,
.other_sec ul:after,
#ab_f_nav ul:after,
#o-service:after,
#o-service ul:after {
	content: "";
	display: block;
	clear: both;
}