@charset "utf-8";
@import url("reset.css");



/* -------------------------------------------------------------- hard_core */
body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height: 1.6;
	background-color: #e9e9e9;

}

.container {width: 996px;
            margin: 0 auto;
            padding:0 6px;
	    background: #fff url(img/bg_shadow.png) 0 0 repeat-y;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  display: inline;
  margin-left: 25px;
}

/* -------------------------------------------------------------- gridsystem 996px */

.grid  {width: 996px;}
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 220px;}
.grid4 {width: 300px; background-color: #55555;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 640px; background-color: #85FF5;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}
.grid11 {width: 860px;}
.first {margin-left: 0;clear: left;}

/* -------------------------------------------------------------- header */

.header {
        position: relative;
        height:115px;
	padding-bottom:5px;
	background:#fff url(../../second/img/main_title_bg.png) bottom repeat-x;
}

.header_logo {
        float: left;
        width: 200px;
        margin-top:15px;
}

.header_Rightup {
        float: right;
        width: 796px;
        top: 0px;
	right: 25px;
        width: 795px;

}

.header_Rightup li {
	float: right;

}
.header_semtra {
        float: right;

        margin-right: 2px;
}

.header_semtra li {
        float: right;
}

.header_gnav {
        width:1200px;
        position: absolute;
        top: 82px;
        left: 0px;
        overflow:hidden;
}


.header_gnav li {
	float: left;
}


/* -------------------------------------------------------------- mainvisual */
.main_top {
	overflow: hidden;
	margin: 0 4px;
}


/* -------------------------------------------------------------- topic path */
.topicPath {
	padding: 15px 0px 25px 20px;
	line-height: 1.1em;
	font-size: 1.2em;

}



/* -------------------------------------------------------------- main */
.main {
	padding: 0 0 43px 20px;

}

.main h2 {
        position: relative;
	padding: 10px 0 8px 16px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	font-size: 1.6em;
	line-height: 1.6;
}

/* -------------------------------------------------------------- h2_???o????}?[?N */
.main h2:before {
        content: "";
        position: absolute;
        background: #fb5;
        top: 0;
        left: 0px;
        height: 43px;
        width: 12px;
}

.main h2:after {
        content: "";
  	position: absolute;
  	background:#fe5;
  	top: 0px;
  	left: 0px;
  	height: 8px;
  	width: 12px;
}


/* --------------------------------------------------------------#h6  */
h6 {
        position: relative;
	padding: 15px 0 1px 16px;
	_border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	font-size: 1.6em;
	line-height: 1.6;
}

/* --------------------------------------------------------------#main_list2  */

.layout1 {
	overflow: hidden;
	margin: 0 0 20px;
}

.layout1 li {
	overflow: hidden;
	margin-top: -1px;
	padding: 25px 15px 20px;
	border-top: #d6d6d6 solid 1px;
}

.layout1 li:hover {
	background-color: #F2F2F2;
}

.layout1 .thumbnail {
	float: left;
	padding: 10px 20px;
	margin-right: 17px;
	background: url(img/layout1_img_bg.jpg) 0 0 repeat-x;
}

.layout1 .thumbnail img {
	border: #d8d8d8 solid 1px;
}

.layout1 .contents {
	position: relative;
	overflow: hidden;
}

.layout1 .label {
	display: inline;
	/*
	position: absolute;
	top: 0;
	right: 0;
	*/
}

.layout1 .label img,{
	margin-left: 8px;
}

.layout1 .sector,
.layout1 .iso {
	margin: 6px 0 13px;
	font-size: 1.2em;
	_font-size: 1.0em;
	height:	60px;	/* t.uemura 20180510	*/
}

.layout1 h3 {
        padding: 0 4px 0 0;
	display: inline;
	margin: 0;
	font-weight: bold;
	font-size: 1.7em;
}

.layout1 .summary {
	margin: 11px 0 0;
	color: #535353;
	font-size: 1.3em;
}

.layout1 .detail {
	margin: 11px 0 0;
	color: #535353;
	font-size: 1.1em;
}

.layout1 .link a {
	float: right;
	margin-top: 7px;
	margin-left: -12px;
	color: #c94c4c;
	padding: 2px 0 0 2px;
	font-size: 1.2em;
}




.link a {
	position: relative;
}
.link a::after,
.link a::before {
	display: block;
	content: '';
	position: absolute;
}
.link a::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #D8D8D8;
	border-radius: 100%;
}
.link a::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* --------------------------------------------------------------#article_A  */
.lead {
        _position: relative;
	padding: 20px 0 40px 16px;
	margin: 4px 0 40px 0px;
	border-bottom: #ccc solid 1px;
	font-size: 1.7em;
	line-height: 1.6;
}

.pager {
	margin: 10px 0pt 30px 0px;
	padding: 0px 7px 10px 10px;
	font-size: 1.2em;
	text-align: center;
	clear: both;"
}

h7 {
	margin: 20px 0pt 14px 1px;
	padding: 10px 0 10px 16px;
        font-weight:bold;
	border-bottom: #ccc solid 1px;
	font-size: 1.6em;
}

.text {
	padding: 30px 0 30px 16px;
	font-size: 1.3em;
	line-height: 1.9;
}

.pic {
	float: left;
	padding: 10px 20px;
	margin-right: 17px;
	background: url(img/layout1_img_bg.jpg) 0 0 repeat-x;
}

.pic_text {
	margin: 5px 5pt 30px 5px;
	font-size: 1.2em;
	color: rgb(0, 51, 102);
}


/* --------------------------------------------------------------#tabs  */

/* ?\???????*/
div.tabbox {
         margin: 0px;
         padding: 0px;
         width: 620px;
}

/* ?^?u???? */
p.tabs {
       	margin: 0px;
       	padding: 0 0 12px 0;
}

p.tabs a {
   	font-size: 1.2em;
   	display: block;
   	width: 7em;
   	float: right;
   	margin: 0px 1px 0px 0px;
   	padding: 5px;
   	text-align: center;
   	text-decoration: none;
}

p.tabs a.tab1 { background-color: #F0F0F0;}
p.tabs a.tab2 { background-color: #f4f0ef;}
p.tabs a.tab3 { background-color: #f2f8ff;}
p.tabs a.tab4 { background-color: #fff7ed;}

/* ?^?u???? */
p.tabs a:visited {
	color:black;
}
p.tabs a:hover {
         text-decoration: underline;
}

}




/* ?^?u???g */
div.tab {
	clear: right;
}

div#tab1 {
   background-color: #F0F0F0;
}

div#tab2 {
   background-color: #f4f0ef;
}

div#tab3 {
   background-color: #f2f8ff;
}

div#tab4 {
   background-color: #fff7ed;
}



/* --------------------------------------------------------------?R?[?X??v?f */
.main_list {
        position: relative;
        margin: 10px 0 10px 10px;
        padding: 0px 0px 0px 0px;
	overflow: hidden;
        border-bottom: 1px solid #D6D6D6;
}

.main_list:hover {
	background-color: #efefef;
}

/* H4 */
.main_list h4 {
        padding: 20px 0 10px 10px;
        _display: inline;
        font-size: 1.1em;
        font-weight: bold;
        list-style: none;

}

.main_list a {
	margin-top: -0.6em;
	margin-left: -12px;
	color: #333333;
	padding: 0 12px 0 12px;
	font-size: 1.2em;
}

/* ?T?}???[ */
.main_list .summary {

        padding:0 5px 5px 10px;
        width: 400px;
	color: #030303;
	font-size: 1.0em;
}

.main_list .summary_2 {

        padding:0 5px 5px 10px;
        width: 600px;
	color: #030303;
	font-size: 1.0em;
}
.main_list .link {
	padding-bottom: 7px;
}

/* ???? */
p.review {
        display: inline;
        _float:left;
        width:200px;
	margin: 0 5px 5px 10px;
}

p.review img {
	vertical-align: text-bottom;
}
p.review span {
	font-size: 1.2em;
	margin-left: 0.5em;
}

/* ?e?[?u?? */
table.riatable {
        float: right;
	margin: 0 2px 20px 10px;
	border: 1px solid #D6D6D6;
}

table.riatable th,
table.riatable td {
	padding: 5px;
	border: 1px solid #D6D6D6;
}

table.riatable th {
	text-align: center;
	background-color: #e8e8e8;
}

table.riatable td {
	background-color: #ffffff;
	font-size: 0.9em;
}

/* ??????*/
.gototop {
	float: right;
	margin-top: 20px;
	font-size: 1.2em;
}



/* -------------------------------------------------------------- sidebar */


.sidebar {
	float: right;
	width: 310px;
	padding-bottom: 43px;
}

.sidebar h2 {
        position: relative;
	padding: 9px 0 8px 15px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	line-height: 1.6;
	font-size: 1.3em;
}

.sidebar h2:before {
  content: "";
  position: absolute;
  background: #648A94;
  top: 0;
  left: 0px;
  height: 38px;
  width: 10px;
}

.sidebar h2:after {
  content: "";
  position: absolute;
  background:#007BC3;
  top: 0px;
  left: 0px;
  height: 6px;
  width: 10px;
}


.sidebar h3.headding {
	margin-top: 15px;
	padding: 0 0 4px 25px;
	line-height: 1.0;
	font-size: 1.2em;
	background: url(img/bg_sidebar_h3.png) 10px 1px no-repeat;
}

.sidebar ul {
	margin-top: 9px;
	margin-bottom: 15px;
	padding: 5px 10px;
	background: #f5f5f5;
}

.sidebar ul li {
	overflow: hidden;
	margin: 6px 0;
	padding: 6px;
	border: #dbdbdb solid 1px;
	background: #fff url(img/cvoice_bg.jpg) bottom left repeat-x;
}

.sidebar div#banner ul li {
	padding: 0;
	border: none;
	margin-bottom: 5px;
	background: none;
}

.sidebar ul li:hover {
	background-image: none;
	background-color: #efefef;
}


.seminarinfo {
	margin: 0 23px 0 0;
}

.seminarinfo ul li {
	position: relative;
	padding: 11px 14px 10px;
}

.seminarinfo h3 {
	margin-bottom: 3px;
	line-height: 1.4;
	font-size: 1.2em;
}
.seminarinfo h3 {
	margin-bottom: 7px;
	font-size: 1.3em;
}

.seminarinfo p.summary {
	margin-bottom: 8px;
}

.seminarinfo div.image_r {
	float:right;
}


/* -------------------------------------------------------------- footer */

.footer_navi{
 padding-top:9px;
 margin:0 9px;
 border-bottom:#d8d8d8 1px solid
}

.footer_navi ul{
 padding:9px 0;
 width:100%;
 overflow:hidden
}

.footer_navi ul li{
     float:left;
     padding:0 10px 0 8px;
     background:url(../../second/img/ico_arrow_footer.gif) 0 6px no-repeat
}

.footer_navi ul li.left{
     border-left:#d8d8d8 1px solid;
     padding-left:10px;
     background:none
}

.footer_navi ul li.left img{
     margin-top:1px
}

.footer_navi ul li a{
     color:#333
}

.footer_navi ul li.right{
 border-right:#d8d8d8 1px solid;
 padding-right:10px
}

.copyright {
 float:right;
 margin:0 20px 20px 0px;
 font-size: 1.2em;
}

.copyright a {
	color: #535353;
}
/* -------------------------------------------------------------- elearing */
.maintab {
	margin: 0 0 0 23px;
}

.maintab h3 {
	padding: 9px 0 8px 25px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	font-weight: bold;
	font-size: 1.3em;
	_background: url(img/bg_mainTab_h2.png) 0 0 repeat-y;
}

.maintab p {
	padding: 20px 10px 20px 10px;
	font-size: 0.9em;
}


.samplePdf {
	margin-left: 420px;
}



/* -------------------------------------------------------------- fs_修了リスト一覧 */

tr.row_s {
	background-color: #EFEFEF;
}

table.tbl-std tr:hover {
	background-color: #e8eff8;
}


/* --------------------------------------------------------------9k/14kチャート */

.general_list:hover {
	background-color: #f4fff4;
}



/* -------------------------------------------------------------- clearfix */
_clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}