@charset "utf-8";
/* --------------------------------------------------------------------

index.css

-------------------------------------------------------------------- */
/* header add
-------------------------------------------------------------------- */
.index #header{
	margin-bottom:0;
}

.index .continu{
	width: 965px;
	text-align:right;
	margin:-3px auto 7px auto;

}

.index #gnav{
	margin-bottom:0;
}

/* side banners
-------------------------------------------------------------------- */
.index #wrapper #aside .banners ul{
	margin-top:20px;
	border-top:1px dotted #ccc;
	padding-top:20px;
}

.index #wrapper #aside .banners ul li{
	margin-bottom:15px;
	line-height: 1;
}

/* feature
-------------------------------------------------------------------- */
#feature{
background:url(../img/index/bg_main.png) center top no-repeat;
height:346px;
padding: 0;
margin:0 auto;
}

#feature .inner{
width:965px;
margin:0 auto;
}

#feature .inner p{
	margin: 74px 0 38px 0px;
	float:left;
}

#feature .inner p.lead01{
  font-size: 37px;
  line-height: 147%;
  font-family: Meiryo,Arial,"MS P Gothic",Verdana,Helvetica,sans-serif;
}
#feature .inner p.lead01 em{
  font-style: normal;
  color: #1763b6;
}


/*#feature .inner p.lead01{
margin:40px 0 88px 50px;
}

#feature .inner ul li{
float:left;
display:inline;
}

#feature .inner ul li.last{
float:right;
display:inline;
}

#feature .inner ul li.second,
#feature .inner ul li.third
 {
	margin-left:9px;
}

#feature .guidanceLink > li{
position:relative;
}

#feature .inner ul ul{
padding:0 20px;
position:absolute;
left:0;
top:84px;
width:434px;
}


*/
#feature{
	margin-bottom:34px;
}

#feature ul.guidanceLink {
	float:right;
	margin-top:25px;
}

#feature ul.guidanceLink li{
	float:left;
	margin-left:15px;
}

#feature ul.guidanceLink li li{
	float:none;
	margin-bottom:3px;
}

#feature ul.guidanceLink li.forFirst{
	background:#fdf7f1;
	border:2px solid #fc8913;
	width:285px;
}

#feature ul.guidanceLink li.forFirst ul{
	margin:5px 14px 0px 0px;
	height:195px;
}

#feature ul.guidanceLink li.forFirst ul li.txt{
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#fc8913;
	padding-bottom:7px;
	line-height:1.5em;
}


#feature ul.guidanceLink li.forSearch{
	background:#f3faff;
	border:2px solid #0182dd;
	width:216px;
}

#feature ul.guidanceLink li.forSearch ul{
		margin:5px 0px 0px 0px;
	height:195px;
}



/* article
-------------------------------------------------------------------- */
.index #wrapper #article h2{
margin:0;
border-bottom:1px solid #ededed;
padding:0 0 10px 0;
background:none;
line-height:1em;
margin-bottom:10px;
overflow:hidden;
}

.index #wrapper #article h2 span{
	border-left:none;
	display:block;
	padding:0;
}

.index #wrapper #article h2 span a{
	float:right;
	background:url(../img/common/arrow_01.gif) no-repeat left center;
	padding-left:15px;
	font-size:12px;
	font-weight:normal;
}

.index #wrapper #article h2 span.article-title3 {
  display: inline-block;
  padding-left: 12px;
  padding-top: 0.1em;
  border-left: 7px solid #4dcce7;
  line-height: 1.1;
}

.index #wrapper #article .newsBox,
.index #wrapper #article .seminarBox{
margin:0 0 50px 0;
}

.index #wrapper #article .newsBox li,
.index #wrapper #article .seminarBox li{
margin:0x;
border-bottom:1px solid #ededed;
padding:0 0 10px 0;
background:none;
}

.index #wrapper #article .newsBox li dl dt span,
.index #wrapper #article .seminarBox li dl dt span{
color:#ffffff;
}
.index #wrapper #article .newsBox li dl dt span.new,
.index #wrapper #article .seminarBox li dl dt span.new{
background:#888888;
}
.index #wrapper #article .newsBox li dl dt span.important,
.index #wrapper #article .seminarBox li dl dt span.important{
background:#ff8000;
}
.index #wrapper #article .seminarBox li dl dt span{
padding: 1px 0;
font-size: 95%;
}
.index #wrapper #article .newsBox li dl dt span.apply,
.index #wrapper #article .seminarBox li dl dt span.apply{
background:#ffffff;
border:1px solid #ff7e00;
color:#ff7e00;
}

.index #wrapper #article .seminarBox li dl dt span.full{
background:#ffffff;
border:1px solid #888888;
color:#888888;
}
.index #wrapper #article .seminarBox li dl dt span.few{
background:#ffffff;
border:1px solid #f14830;
color:#f14830;
}

.index #wrapper #article .seminarBox li dl dt,
.index #wrapper #article .newsBox li dl dt{
width:215px;
float:left;
display:inline;
position:relative;
overflow:hidden;
}

.index #wrapper #article .seminarBox li dl dt span,
.index #wrapper #article .newsBox li dl dt span{
width:65px;
text-align:center;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
display:block;
float:left;
margin-right:10px;
}

.index #wrapper #article .noseminar{
	color:#c2c2c2;
	font-weight:bold;
}

.index #wrapper #article .seminarBox li dl dt span.unsold{
color:#0082dc;
border:1px solid #0082dc;
}

.index #wrapper #article .seminarBox li dl dt span.fullhouse{

color:#ffffff;
background:#0082dc;
}

.index #wrapper #article .seminarBox li dl dd,
.index #wrapper #article .newsBox li dl dd{
margin:0 0 0 225px;
line-height:1.3;
}

.index #wrapper #article .list-3c {
  margin-left: -28px;
}
.index #wrapper #article .list-3c li {
  width: 204px;
}
.index #wrapper #article .list-3c-title {
  margin-bottom: 18px;
}

.index #wrapper #article .list-2c-tile {
  overflow: hidden;
  margin: 0 0 0 -3%;
}
.index #wrapper #article .list-2c-tile-item {
  float: left;
  width: 47%;
  margin: 0 0 17px 3%;
  padding-bottom: 9px;
  border: 5px solid #c8e7ee;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
}
.index #wrapper #article .list-2c-tile-title {
  display: table;
  width: 100%;
  margin: 14px 0 3px;
  padding: 0;
  background-color: transparent;
}
.index #wrapper #article .list-2c-tile-title-inner {
  display: table-cell;
  height: 2.4em;
  font-size: 18px;
  line-height: 1.2;
  color: #32bdda;
  vertical-align: middle;
}
.index #wrapper #article .list-2c-tile-desc {
  margin: 9px 14px 0;
  font-size: 12px;
  line-height: 1.8;
  text-align: left;
}
.index #wrapper #article .caseBox {
  margin-bottom: 50px;
}
.index #wrapper #article .caseBox .btn a {
  display: block;
  font-size: 18px;
  line-height: 3.3em;
  background: url(../img/common/arrow_25.png) no-repeat 97% center #4ccce7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.index #wrapper #article .caseBox .btn a:hover {
  filter: alpha(opacity=60) !important;
  -moz-opacity: 0.6 !important;
  opacity: 0.6 !important;
}

.index .topTxt{
color:#6e6e6e;
font-size:85%;
margin:30px 0 0;
line-height:1.8;
}
/*
.index #wrapper #article .newsBox li{
margin:0 0 15px;
padding:0 0 0 20px;
background:url(../img/index/arrow_06.gif) 0 0.3em no-repeat;
}


.index #wrapper #article .newsBox li dl dt{
width:175px;
float:left;
display:inline;
position:relative;
}
*/
/*
.index #wrapper #article .newsBox li dl dt span{
position:absolute;
top:0;
right:0;
color:#ffffff;
width:50px;
text-align:center;
}
*/

/*
.index #wrapper #article .newsBox li dl dd{
margin:0 0 0 220px;
line-height:1.3;
}
*/

/*
.index #wrapper #article #seminar{
margin:0 0 40px;
}

.index #wrapper #article #seminar table{
margin:0 10px 10px 50px;
}

.index #wrapper #article #seminar table .date{
margin:0 0 15px;
padding:0 10px 0 20px;
width:130px;
background:url(../img/index/arrow_03.gif) 0 0.3em no-repeat;
}

.index #wrapper #article #seminar table .icon{
vertical-align:top;
}

.index #wrapper #article #seminar table .title{
padding:0 0 0 10px;
}

.index #wrapper #article #seminarTable td.icon span.application{
color:#FF8000;
border:1px solid #FF8000;
}

.index #wrapper #article #seminarTable td.icon span.before{
color:#72b20a;
border:1px solid #72b20a;
}

.index #wrapper #article #seminarTable td.icon span.end{
color:#330066;
border:1px solid #330066;
}
*/



/* faq
-------------------------------------------------------------------- */
.index #wrapper #article .faqBox .faqHeader{

}

.index #wrapper #article .faqBox .faqHeader h2{
	float:left;
	margin-right:15px;
	border-bottom:none;
}

.index #wrapper #article .faqBox .faqHeader p{
margin:0 0 0 130px;
padding:0 0 0 8px;
}


.index #wrapper #article .faqBox .faqList{
	text-align:right;
	margin-top:-25px;
}

.index #wrapper #article .faqBox .faqList a{
	background:url(../img/common/arrow_01.gif) no-repeat left center;
	padding-left:15px;
}

.index #wrapper #article .faqBox .faqList .anchorIn{
	font-weight:normal;
}
.index #wrapper #article .faqBox .faqHeader .faqList a:hover{

}

#ui-tab{
margin:1px 0 0;
}

#ui-tab .ui-tabs-nav{
padding-left:10px;
border-bottom:1px solid #ededed;
padding-bottom:0;
}

#ui-tab .ui-tabs-nav li{
display:inline;
float:left;
margin-right:5px;
padding:0 0 3px 0;
}

#ui-tab .ui-tabs-nav li a{
text-align:center;
width:95px;
padding:5px 0 1px 0;
display:block;
font-weight:bold;
text-decoration:none;
border-radius:2px;
background:#ededed;
/*margin-bottom:3px;*/
}

#ui-tab .ui-tabs-nav li a:hover{
background:url(../img/index/arrow_07.gif) 127px center no-repeat #cfcfcf;
text-decoration:none;
}

#ui-tab .ui-tabs-nav li.ui-tabs-selected{
	padding-bottom:0;
}

#ui-tab .ui-tabs-nav li.ui-tabs-selected a{
width:95px;
padding:5px 0 4px 0;
display:block;
color:#000;
border:1px solid #ccc;
border-bottom:none;
background:#fff;
margin-bottom:-1px;
}

#ui-tab .ui-tabs-nav li.ui-tabs-selected a:hover{
background:url(../img/index/arrow_04.gif) 125px center no-repeat #ebebeb;
}

#ui-tab .ui-tabs-panel{
/*border-top:2px solid #ffffff;
background:#ebebeb;*/
padding:0px 0 0 20px;
}

#ui-tab .ui-tabs-panel ul li{
margin:0 0 10px;
padding:0 ;
list-style-type : disc; 
}

#ui-tab .ui-tabs-panel ul li a{

text-decoration:underline !important;
}

#ui-tab .ui-tabs-panel ul li a:visited{

text-decoration:underline !important;
}

#ui-tab .ui-tabs-panel ul li a:hover,
#ui-tab .ui-tabs-panel ul li a:active{

text-decoration:none !important;
}

#article dl.searchTest{
border:2px solid #0082dc;
}

#article dl.searchTest dt{
float:left;
display:inline;
margin:0;
}

#article dl.searchTest dt img{
vertical-align:bottom;
}

#article dl.searchTest dd{
margin:0 0 0 223px;
}

#article dl.searchTest dd ul{
padding:12px 0 0 5px;
}

#article dl.searchTest dd ul li{
float:left;
display:inline;
background:url(../img/index/arrow_08.gif) left center no-repeat;
margin:0 27px 0 0;
padding:0 0 0 20px;
}

#article dl.searchTest dd ul li a{
color:#282828;
text-decoration:none;
}

#article dl.searchTest dd ul li a:visited{
color:#4e4e4e;
}

#article dl.searchTest dd ul li a:hover,
#article dl.searchTest dd ul li a:active{
color:#979797;
}

#article dl.searchTest{
margin:0 0 30px;
}


#article #seminar{
margin: -10px 0 50px 0;
}
#article strong {
color:#0182dd;
}
#article #seminar table tbody td{
border:none;
padding: 10px 0;
}
#article #seminar table{
margin-bottom: 0;
border-bottom: solid 1px #ededed;
}
#article #seminar table tbody td.icon{
width: 65px;
padding-right: 10px;
}
#article #seminar table tbody td.date{
width: 140px;
padding-right: 10px;
}


/* clearfix
-------------------------------------------------------------------- */
#article dl.searchTest,
#article dl.searchTest dd ul,
.index #wrapper #article .faqBox .ui-tabs-nav,
.index #wrapper #article .faqBox .faqHeader,
.index #wrapper #article .newsBox li dl,
.index #wrapper #article .seminarBox li dl,
#siteNav dd ul,
#siteInfo,
#siteInfo ul,
#wrapper,
#gnav ul,
#feature .inner ul,
#header #assistNav,
#header ul,
#header{
display: inline-block;
}

#article dl.searchTest,
#article dl.searchTest dd ul,
.index #wrapper #article .faqBox .ui-tabs-nav,
.index #wrapper #article .faqBox .faqHeader,
.index #wrapper #article .newsBox li dl,
.index #wrapper #article .seminarBox li dl,
#siteNav dd ul,
#siteInfo,
#siteInfo ul,
#wrapper,
#gnav ul,
#feature .inner ul,
#header #assistNav,
#header ul,
#header{
display: block;
}

#article dl.searchTest:after,
#article dl.searchTest dd ul:after,
.index #wrapper #article .faqBox .ui-tabs-nav:after,
.index #wrapper #article .faqBox .faqHeader:after,
.index #wrapper #article .newsBox li dl:after,
.index #wrapper #article .seminarBox li dl:after,
#siteNav dd ul:after,
#siteInfo:after,
#siteInfo ul:after,
#wrapper:after,
#gnav ul:after,
#feature .inner ul:after,
#header #assistNav:after,
#header ul:after,
#header:after{
content: url(../img/common/spacer.gif);
display: block;
clear: both;
height: 0;
}

/* 1709add banner
-------------------------------------------------------------------- */
.index-banners {
  margin-bottom: 30px;
}
.index-banners li {
  margin-bottom: 15px;
}