@charset "utf-8";
/* init */
* {
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
#lead #jyushi #caption {
    color: #616161;
    font-style: normal;
    font-size: 0.8em;
    text-decoration: none;
}

body {
    background-image: url("../images/bg_grade.jpg");
    background-position: top;
    background-repeat: repeat-x;
    background-color: #EEF1F6;
    color: #333333;
    font-size: 90%;
    line-height: 1.5em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 960px;
}
a img {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
}
a:link {
    color: #036EB8;
}
a:visited {
    color: #036EB8;
}
a:hover {
    color: #7EB8E5;
}
a {
    outline: none;
    border: none;
}
/* レイアウト */
#body-wrapper {
    background: url(../images/img_bg.jpg) top center no-repeat;
    height: auto;
}
#contents_bg {
    width: 100%;
}
#mainImg {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    width: 900px;
    height: 673px;
    position: relative;
}
#title {
    position: absolute;
    left: 710px;
    top: 30px;
}
#sub_title {
    position: absolute;
    left: 710px;
    top: 145px;
}
#kaiki {
    position: absolute;
    bottom: 17px;
    left: 303px;
}
#mainImg img#hana {
    position: absolute;
    top: 370px;
    left: 800px;
}
#contents_bgIn {
    margin: 0 auto;
    padding-bottom: 0px;
    background-color: #fcfcfc;
}
#contents_wrapper {
    width: 900px;
    margin: 0 auto;
}
#contents_left, #contents_right {
    width: 438px;
    margin-bottom: 50px;
}
#contents_left {
    float: left;
}
#contents_right {
    float: right;
}
.contents_1col {
    width: 980px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}
.contents_1col img {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    width: 100%;
    margin-left: auto;
}
.contents_2col {
    margin-bottom: 30px;
    width: 390px;
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 25px;
    position: relative;
    border: 2px solid #036EB8;
    background-color: hsla(0,0%,100%,0.93);
}
.contents_3col {
    margin-bottom: 30px;
    width: 375px;
    padding: 20px 25px 25px 20px;
    border: 5px rgba(0,0,0,0.2) solid;
}
.present {
    position: absolute;
    right: 15px;
    top: 91px;
}
#footer {
    clear: both;
    background: #036eb8;
    margin-top: 0;
}
#footer_in {
    width: 900px;
    height: 160px;
    margin: 0 auto;
    position: relative;
}
/* パーツ */
h1 {
    display: none;
}
li#title {
    list-style: none;
}
li#sub_title {
    list-style: none;
}
li#kaiki {
    list-style: none;
}
h2 {
    margin-bottom: 15px;
    text-align: left;
    color: #036EB8;
    font-size: 1em;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#tenji h2 {
    display: none;
}
div #tenji #lead {
    color: #036EB8;
    font-size: 1.3em;
    line-height: 1.7em;
    font-weight: 700;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    /*font-family: Verdana, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;*/
    text-shadow: 2px 2px #FFFFFF;
    width: 880px;
    padding-left: 10px;
    padding-top: 0px;
}
#contents_1col_center {
    /*position: relative;*/
    margin-bottom: 60px;
    margin-top: 40px;
}
#tenji #jyushi {
    width: 200px;
    height: 200px;
    /*    position: absolute;
    left: 700px;
    top: -15px;*/
    border-radius: 50%;
    background: linear-gradient(315deg, #246655, #6a9c8f, #76acde);
    float: right;
    margin-left: 15px;
    -webkit-shape-outside: circle(50% at 50% 50%) ;
    shape-outside: circle(50% at 50% 50%) ;
    
}

#jyushi img {
    margin-left: 53px;
    margin-top: 22px;
}
h2 span {
    display: block;
    margin: 0 0 0 0px;
    height: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
}
#seminar h2 span {
    background-image: url("../images/ttl_seminar.png");
    padding: 73px 0 0 0px;
    background-size: contain;
}
#annai h2 span {
    background-image: url(../images/ttl_annai.png);
    padding: 73px 0 0 0px;
    background-size: contain;
}
#gaiyou h2 span {
    background-image: url(../images/ttl_gaiyou.png);
    padding: 73px 0 0 0px;
    background-size: contain;
}
#access h2 span {
    background-image: url(../images/ttl_access.png);
    padding: 73px 0 0 0px;
    background-size: contain;
}
#download h2 span {
    background-image: url(../images/ttl_download.png);
    padding: 73px 0 0 0px;
    background-size: contain;
}
.sub-title {
    margin: 0 0 10px 5px;
}
h3 {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 4px;
    margin-bottom: 10px;
    padding-left: 32px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /* font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
    color: #036EB8;
    font-weight: 700;
    font-size: 1.4em;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    background-image: url("../images/img_ha.png");
    background-repeat: no-repeat;
    background-position: left;
}
h3 span {
    display: block;
    margin: 0 0 0 0px;
    height: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
}
#seminar .koushi {
    color: #7D7F80;
    font-size: 1em;
    font-weight: normal;
    margin-left: 1em;
}
/* パーツ */

.feel_txt {
    width: 425px;
    float: left;
}
.feel_img {
    float: right;
}
.table01 {
    border-collapse: collapse;
    width: 100%;
}
.table01 td, .table01 th {
    border: 1px solid #B5B7C0;
    vertical-align: middle;
}
.table01 th, .table01 td.midashi {
    background-color: #FDFBEE;
    padding: 3px;
   
    font-weight: normal;
}
.table01 th {
    width: 20%;
    text-align: center;
}
.table01 td {
    background-color: #fff;
    padding: 8px;
    text-align: left;
}
.table02 {
    border-collapse: collapse;
    width: 100%;
}
.table02 td, .table02 th {
    border: 1px solid #abc29b;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    font-size: 0.9rem;
}
.table02 th {
    font-weight: normal;
    background-color: #F6FAF1;
    width: 30%;
}
.table02 td {
    background-color: #FFF;
}
.table02 td.fee {
    text-align: left;
    padding: 15px 0 15px 25px;
}
.table03 {
    border-collapse: collapse;
    width: 100%;
    border-width: 1px;
}
.table03 th, .table03 td {
    border: 1px solid #AEAEAE;
    background-color: #FFF;
    
    vertical-align: middle;
}
.table03 th {
    color: #666;
    font-weight: normal;
    width: 28%;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FDFBEE;
    text-align: center;
}
.table03 td {
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.9em;
    text-align: left;
}
.table04 {
    border-collapse: collapse;
    width: 340px;
    margin: 0 0 15px 20px;
}
.table04 td, .table04 th {
    border: 1px solid #aeaeae;
    vertical-align: middle;
}
.table04 th {
    background-color: #f6f6f6;
    padding: 3px;
    text-align: center;
    font-weight: normal;
}
.table04 td {
    background-color: #fff;
    padding: 8px;
    text-align: center;
}
.box01 {
    position: relative;
    width: 368px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    border: 1px solid #036EB8;
    background-color: #E4EDF4;
}
.kouza-pic {
    position: absolute;
    top: -7px;
    right: -5px;
    z-index: 3;
}
.kouza-pic02 {
    position: absolute;
    top: 162px;
    right: 3px;
    border: 1px #CCC solid;
    z-index: 4;
}
.box-pic {
    position: absolute;
    top: 7px;
    right: 7px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    z-index: 2;
    width: 125px;
    height: 125px;
    overflow: hidden;
    border-radius: 5px;
}
.box-pic02 {
    position: absolute;
    top: 10px;
    right: 10px;
    border-left: 0px solid #CCC;
    border-right: 0px solid #CCC;
    border-bottom: 0 solid #CCC;
    border-top: 0px solid #CCC;
    z-index: 2;
    width: 130px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
}
.hana {
    position: absolute;
    right: 5px;
    top: 3px;
}
.hana_bottom {
    position: absolute;
    bottom: 3px;
    left: 5px;
}
.yoyaku {
    width: 362px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    border-top: 1px solid #9b9b8a;
    border-bottom: 1px solid #9b9b8a;
    color: #322B3E;
    -webkit-background-size: 8px 8px;
    -moz-background-size: 8px 8px;
    background-size: 8px 8px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,  color-stop(.25, #EEF1F6), color-stop(.25, transparent),  color-stop(.5, transparent), color-stop(.5, #EEF1F6),  color-stop(.75, #EEF1F6), color-stop(.75, transparent),  to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #EEF1F6 25%, transparent 25%,  transparent 50%, #EEF1F6 50%, #EEF1F6 75%,  transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #EEF1F6 25%, transparent 25%,  transparent 50%, #EEF1F6 50%, #EEF1F6 75%,  transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #EEF1F6 25%, transparent 25%,  transparent 50%, #EEF1F6 50%, #EEF1F6 75%,  transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #EEF1F6 25%, transparent 25%,  transparent 50%, #EEF1F6 50%, #EEF1F6 75%,  transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #EEF1F6 25%, transparent 25%,  transparent 50%, #EEF1F6 50%, #EEF1F6 75%,  transparent 75%, transparent);
}
.yoyaku p {
    margin-bottom: 7px;
}
.box02 {
    width: 361px;
    background-color: #fefcf4;
    padding: 10px;
    margin-bottom: 12px;
    border: 1px #f4f3e7 solid;
}
.box-in-box {
    position: relative;
    width: 368px;
    border: none;
    padding: 5px 0;
    margin-bottom: 12px;
    border-bottom: #CCC 1px dotted;
}
.box-in-box-present {
    background-color: #fefcf4;
    width: 361px;
    border: none;
    padding: 5px 0 5px 0;
    border-bottom: none;
}
.box-in-box-last {
    width: 368px;
    border: none;
    padding: 5px 0 5px 0;
    margin-bottom: 12px;
    border-bottom: none;
}
.blog {
    background-repeat: repeat;
    background-position: left 100px;
    background-image: url(../images/bg_content.png);
    margin-bottom: 30px;
    width: 375px;
    padding-top: 15px;
    padding-right: 25px;
    padding-left: 20px;
    padding-bottom: 20px;
    border: 5px solid #ECE0D5;
    position: relative;
    background-color: hsla(0,0%,100%,0.71);
}
.blog-in {
    width: 351px;
    border: none;
    padding: 10px 15px;
    border-bottom: none;
}
.txt01 {
    padding: 5px 8px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 0.9rem;
    line-height: 16px;
}
.txt02 {
    padding-top: 15px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 10px;
    margin-top: 13px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.6em;
    border: 1px dotted #888888;
    background-color: #fff;
}
.speaker {
    padding: 0 8px;
    margin: 13px 0;
    font-size: 0.9rem;
    line-height: 16px;
    text-align: right;
}
.gmap {
    margin: 15px 0 5px;
}
.gmap p {
    text-align: right;
    font-size: 85%;
}
.gmap_in {
    border: solid 1px #a590d5;
}
.box_dl1 a, .box_dl2 a {
    display: block;
    width: 213px;
    font-size: 0.8rem!important;
    height: 52px;
    padding: 55px 20px 0 150px;
    background-repeat: no-repeat;
    color: #333333;
    line-height: 1.2em;
    text-decoration: none;
}
.box_dl1 a:link, .box_dl2 a:link, .box_dl1 a:visited, .box_dl2 a:visited, .box_dl1 a:hover, .box_dl2 a:hover {
    color: #333333;
    text-decoration: none;
}
.box_dl1 a {
    background-image: url(../images/btn_dl_off.jpg);
    background-repeat: no-repeat;
}
.box_dl1 a:hover {
    background-image: url(../images/btn_dl_on.jpg);
    background-repeat: no-repeat;
}
.detailBtn {
    text-align: right;
    margin: 0 5px 8px 0;
}
.logo1 {
    width: 147px;
    height: 41px;
    position: absolute;
    top: 60px;
    left: 1px;
}
.logo2 {
    width: 163px;
    height: 41px;
    position: absolute;
    left: 176px;
    top: 61px;
}
.logo3 {
    width: 147px;
    height: 38px;
    position: absolute;
    left: 1px;
    top: 111px;
    background-color: #ffffff;
}
.cr {
    width: 527px;
    color: #fafcfb;
    font-size: 0.75rem;
    text-align: right;
    position: absolute;
    left: 362px;
    top: 121px;
}
.support {
    width: 500px;
    color: #fafcfb;
    font-size: 0.9rem;
    text-align: left;
    position: absolute;
    left: 395px;
    top: 40px;
}
.totop {
    width: 92px;
    height: 30px;
    position: absolute;
    left: 807px;
    top: -27px;
}
a .totop_02 {
    width: 92px;
    height: 30px;
    position: absolute;
    left: 807px;
    top: -27px;
    background-color: #036eb8;
    border-left: 1px solid #494D94;
    border-right: 1px solid #494D94;
    border-bottom: 0px solid #494D94;
    border-top: 1px solid #494D94;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url(../images/btn_totop_in.png);
    background-repeat: no-repeat;
    background-position: center 8px;
}
a:hover .totop_02 {
    background-color: #036eb8;
}
/* padding margin */
.maT5B10 {
    margin-top: 5px;
    margin-bottom: 10px;
}
.maT10 {
    margin-top: 0px;
}
.maT20 {
    margin-top: 20px;
}
.maT30 {
    margin-top: 30px;
}
.maT40 {
    margin-top: 40px;
}
.maT50 {
    margin-top: 50px;
}
.maT5 {
    margin-top: 5px;
}
.ma_top5 {
    margin-top: 5px;
}
.maB30 {
    margin-bottom: 30px;
}
.maB20 {
    margin-bottom: 20px;
}
.maB50 {
    margin-bottom: 50px;
}
.maB30 {
    margin-bottom: 30px;
}
.maB15 {
    margin-bottom: 15px;
}
.maB10 {
    margin-bottom: 10px;
    padding-left: 2px;
}
.maB5 {
    margin-bottom: 5px;
}
.maB0 {
    margin-bottom: 0px;
}
.pa_top20 {
    padding-top: 20px;
}
.pa_btm10 {
    padding-bottom: 10px;
}
.maL6em {
    margin-left: 6.5em;
}
p.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}
.indent_1 {
    text-indent: -0.5em;
}
/* テキスト装飾 */
.small {
    font-size: 85%;
    line-height: 1.3em;
}
.smaller {
    font-size: 0.8rem;
    color: #FFFFFF;
    text-shadow: 0px 0px #CCCCCC;
}
.service {
    background: url(../images/service.png) 10px 20px no-repeat;
    font-size: 0.9rem;
    color: #666;
    text-align: right;
    padding: 10px 22px 0 0;
}
.note {
    color: #C348A2;
    font-size: 0.8rem;
}
.red{
    color: #C348A2;
}
.align_right {
    text-align: right;
}
.align_center {
    text-align: center;
}
/*その他 */
.clear {
    clear: both;
}
.nodisplay {
    display: none;
}
/*socialPlugIn*/
#fb-root {
    display: none;
}
.social {
    position: absolute;
    width: 220px;
    height: 35px;
    z-index: 9;
    left: 3px;
    top: 616px;
    list-style: none;
}
.sns-wrap {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    list-style-image: none;
}
.sns-wrap li {
    float: left;
    margin: 0 10px 0 0;
}
.sns-wrap li.fb-button {
    line-height: 1;
}
.twitter {
    color: #000;
    margin: 0 -40px 0 15px;
    margin: 1px 40px 0 15px\9 !important;
}
.line {
    margin: -4px 0 0 50px;
    margin: -3px 0 0 -10px\9 !important;
}



/*socialPlugIn
.social{
	position: absolute;
	width: 410px;
	height: 35px;
	top: 250px;
	left:400px;
	}
.social div{
	float: right;
	text-align: left;
	}
.twitter{
	color: #000;
	margin: 0 -40px 0 15px;
	margin: 1px 40px 0 15px\9 !important ;
	}
.line{
	margin: -4px 0 0 10px;
	margin: -3px 0 0 -10px\9 !important;
	}
	*/