@charset "UTF-8";


/* -------------------------------------------------------------------------------
  HTML5 Reset Style
--------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-weight:normal;
  vertical-align:baseline;
  background:transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
body {
  line-height:1.2;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display:block;
}
ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted #000;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
  vertical-align:middle;
}
img {
	vertical-align:top;
	border:0px;
}

/*--クリアフィックス--*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size:.01em;
	height:0;
	overflow:hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

/* -------------------------------------------------------------------------------
  Base Style
--------------------------------------------------------------------------------*/
a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-weight:bold;
}

a:link {
  color:#5698c4;
}
a:visited{
  color:#5698c4;
  text-decoration:none;
}

/* -------------------------------------------------------------------------------
  Defalt css
--------------------------------------------------------------------------------*/
.m_b0 {
	margin-bottom:0px !important;
}
.m_b1 {
	margin-bottom:1px !important;
}
.m_b2 {
	margin-bottom:2px !important;
}
.m_b3 {
	margin-bottom:2px !important;
}
.m_b5 {
	margin-bottom:5px !important;
}
.m_b7 {
	margin-bottom:7px !important;
}
.m_b8 {
	margin-bottom:8px !important;
}
.m_b10 {
	margin-bottom:10px !important;
}
.m_b11 {
	margin-bottom:11px !important;
}
.m_b12 {
	margin-bottom:12px !important;
}
.m_b13 {
	margin-bottom:13px !important;
}
.m_b15 {
	margin-bottom:15px !important;
}
.m_b20 {
	margin-bottom:20px !important;
}
.m_b25 {
	margin-bottom:25px !important;
}
.m_b30 {
	margin-bottom:30px !important;
}
.m_b35 {
	margin-bottom:35px!important;
}
.m_b40 {
	margin-bottom:40px !important;
}
.m_b45 {
	margin-bottom:45px !important;
}
.m_b50 {
	margin-bottom:50px !important;
}

html {
	height:100%;
}
body{
	-webkit-text-size-adjust: none;
	font-size:12px;
	line-height:1.4em;
	font-family: HiraKakuProN-W3,sans;
	text-align:left;
	color:#666;
	height:100%;
}

/*===========================
HEADER
===========================*/

#Header .headbx {
	background:#f19eb8;
	/*
	-webkit-box-shadow:0 0 3px 1px #dab500 inset;
	-moz-box-shadow:0 0 3px 1px #dab500 inset;
	box-shadow:0 0 3px 1px #dab500 inset;
	*/
}
#Header .headbx dl.cnct {
	margin:0 auto;
	width:300px;
}
#Header .headbx dl.cnct dt {
	background:url(../../images1/head_gra.png) no-repeat left bottom;
	-webkit-background-size:auto 20px;
	-moz-background-size:auto 20px;
	background-size:auto 20px;
	padding:0 0 0 36px;
	display:table-cell;
	height:25px;
	font-size:8px;
	vertical-align:middle;
	text-align:left;
}
#Header .headbx dl.cnct dt.new {
	background:url(../../images1/head_gra_n3.png) no-repeat left 50%;
	-webkit-background-size:auto 20px;
	-moz-background-size:auto 20px;
	background-size:auto 20px;
}
#Header .headbx dl.cnct dd {
	display:table-cell;
	font-size:8px;
	vertical-align:middle;
	text-align:left;
}
#Header .headbx dl.cnct dd span {
	font-size:7px;
	margin:0 0 0 5px;
}
#Header .headbtbx {
	margin:0 auto;
	width:300px;
	padding:7px 0;
}
#Header .headbtbx .lg {
	float:left;
	margin:0 7px 0 0;
}
#Header .headbtbx ul li {
	float:left;
	margin:0 0 0 4px;
}
#Header .headbtbx ul li.mn {
	float:right;
}

/*===========================
FOOTER
===========================*/
#Footer .pgtpbx {
	border-bottom:5px solid #e5f6ff;
}
#Footer .pgtpbx p a {
	display:block;
	margin:0 10px 0 auto;
	width:110px;
	background:#e5f6ff;
	text-align:center;
	padding:6px 0 3px 0;
	text-decoration:none;
	font-size:10px;
}
#Footer .pgtpbx p a span {
	background:url(../../images1/dec_up.png) no-repeat 0 2px;
	padding:0 0 0 10px;
	font-weight:bold;
}
#Footer .footbx {
	padding:10px;
	font-size:10px;
}
#Footer .footbx ul li {
	float:left;
	margin:0 15px 10px 0;
	background:url(../../images1/dec_ar.png) no-repeat 0 5px;
	background-size:6px auto;
	webkit-background-size:6px auto;
	-moz-background-size:6px auto;
	padding:0 0 0 10px;
}
#Footer .footbx ul li a {
	text-decoration:none;
	padding-top:2px;
}
#Footer .footbx .copy address {
	float:left;
	font-style:normal;
}
#Footer .footbx .copy div {
	float:right;
}

/*===========================
共通
===========================*/

#Contents {
	padding:17px 0 30px 0;
}
#Contents.ptajt {
	padding-top:0;
}
#Contents.btbo {
	padding:17px 0 0 0;
}

/*com_cmc*/
.com_cmc{
	padding:30px 10px 10px 10px;
	font-size:10px;
}

/*NAVI*/
.com_mnbx {
	background:#eee;
	text-align:center;
	letter-spacing:-0.4em;
	padding:6px 0 4px 0;
}
#Header .com_mnbx {
	display:none;
}
.com_mnbx ul {
	padding:0 0 2px 0;
}
.com_mnbx ul li {
	display:inline;
	margin:0 1px 0 1px;
	letter-spacing:normal;
}


/*color*/
.clr_p{
	color:#ed7e8d;
	font-weight:bold;
}

.clr_b{
	color:#1e98b9;
	font-weight:bold;
}

.clr_g{
	color:#5cd649;
	font-weight:bold;
}
.clr_r{
	color:#e60012;
}
.clr_pb{
	color:#ed7e8d;
	font-weight:bold;
}

.clr_bb{
	color:#1e98b9;
	font-weight:bold;
}

.clr_gb{
	color:#5cd649;
	font-weight:bold;
}
 /*bold*/

.font_b{
	font-weight:bold;
}

/*ttl*/

.com_title.kd{
	font-weight:bold;
	font-size:14px;
	color:#ed7e8d;
}

.com_title.jn{
	font-weight:bold;
	font-size:14px;
	color:#0068b7;
}

.com_title.jh{
	font-weight:bold;
	font-size:14px;
	color:#5cd649;
}

.com_ttl {
	border-bottom:2px solid #ccc;
	padding:0 10px 3px 10px;
	font-weight:bold;
	margin-bottom:10px;
	font-size:15px;
}
.com_ttls {
	border-bottom:2px solid #eee;
	padding:0 10px 5px 10px;
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}

h1.com_ttlb{
	color:#666;
	line-height:1.2em;
	border-bottom:1px solid #eee;
	padding:0 0 2px 5px;
	margin:24px 0 11px 0;
}

.com_shttl{
	border:1px solid #8ecbdc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
    font-size:11px;
    background:#e5f6ff;
    color:#1e98b9;
    padding:3px 10px;
    font-weight:bold;
	text-align: center;
	display: inline-block;
}

.com_shttl.fw{
	border:1px solid #8ecbdc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
    font-size:11px;
    background:#e5f6ff;
    color:#1e98b9;
    padding:3px 30px;
    font-weight:bold;
	text-align: center;
	display: inline-block;
}

.com_shttl.at{
	width:160px;
	border:1px solid #8ecbdc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
    font-size:11px;
    background:#e5f6ff;
    color:#1e98b9;
    padding:3px 0px;
    font-weight:bold;
	text-align: center;
	display: inline-block;
}

.com_shttl.ot{
	width:160px;
	border:1px solid #8ecbdc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
    font-size:11px;
    background:#e5f6ff;
    color:#1e98b9;
    padding:3px 0px;
    font-weight:bold;
	text-align: center;
	display: inline-block;
	margin:0 0 0 10px;
}

.com_sttl{
	border:1px solid #ecacb5;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    background:#faeaec;
    padding:7px 7px;
	font-weight:bold;
}

.com_sttl span{
	color:#1e98b9;
	font-weight:bold;
}

.com_sttl_jn{
	border:1px solid #6eb7db;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    background:#dbedf6;
    padding:7px 7px;
	font-weight:bold;
}

.com_sttl_jn span{
	color:#1e98b9;
	font-weight:bold;
}

.com_sttl_jh{
	border:1px solid #81d674;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    background:#dff5dc;
    padding:7px 7px;
    margin: 0 0 10px 0;
}

.com_sttl_jh span{
	color:#1e98b9;
	font-weight:bold;
}

.com_ttlc{
	margin-bottom: 10px;
}

.com_ttlc h3{
	font-weight:bold;
	font-size: 13px;
}


.com_ttlc h3.kd{
	background:url(../../images1/icn_course_kd01.png) no-repeat 0 3px;
	background-size:10px auto;
	webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	padding:0 0 0 15px;
}
.com_ttlc h3.kdt{
	webkit-background-size:10px auto;
	-moz-background-size:10px auto;
}



.com_ttlc h3.jn{
	background:url(../../images1/icn_course_jn01.png) no-repeat 0 3px;
	background-size:10px auto;
	webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	padding:0 0 0 15px;
}

.com_ttlc h3.jn02{
	background:url(../../images1/icn_course_jn02.png) no-repeat 0 3px;
	background-size:10px auto;
	webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	padding:0 0 0 15px;
}

.com_ttlc h3.jh{
	background:url(../../images1/icn_course_jh01.png) no-repeat 0 3px;
	background-size:10px auto;
	webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	padding:0 0 0 15px;
}

.com_ttlp{
	font-weight:bold;
	font-size:15px;
	color:#42a8db;
}


span.fss{
	font-size:9px;
}

.com_tk{
	text-align:right;
	font-size:6px;
}

/*ajt*/
.com_ajtbx{
	padding:0 10px;
}

.com_ajtbx.psn{
	padding:0 10px;
	position:relative;
}

/*link*/
.com_lnk {
	background:url(../../images1/dec_ar.png) no-repeat 0 5px;
	background-size:6px auto;
	webkit-background-size:6px auto;
	-moz-background-size:6px auto;
	padding:0 0 0 10px;
}
.com_lnk a {
	text-decoration:none;
}
a.com_blnk {
	background:url(../../images1/icn_window.png) no-repeat right 2px;
	padding:0 17px 0 0;
}

/*tbbx*/
.com_tbbx {
	width:100%;
	display:table;
	border-left:1px solid #d4e5f0;
	border-top:1px solid #d4e5f0;
}
.com_tbbx dl {
	display:table-row;
}
.com_tbbx dl dt {
	display:table-cell;
	background:#e9f2f7;
	color:#5698c4;
	border-right:1px solid #d4e5f0;
	border-bottom:1px solid #d4e5f0;
	padding:5px;
	width:65px;
	vertical-align:top;
	font-weight:bold;
}
.com_tbbx dl dd {
	display:table-cell;
	border-right:1px solid #d4e5f0;
	border-bottom:1px solid #d4e5f0;
	padding:5px;
	vertical-align:top;
}
.com_tbbx dl.crs dd {
	padding:5px 0 3px 5px;
}
.com_tbbx dl.crs dd ul.icn li {
	float:left;
	margin:0 2px 2px 0;
}

.com_tbbxc{
	font-size:8px;
}

.com_tbbxc table{
	font-size:8px;
	border-top: 1px solid #c7e5ed;
	border-right: 1px solid #c7e5ed;
	border-left: 1px solid #c7e5ed;
	width:100%;
	margin-bottom:3px;
}


.com_tbbxc table tr th{
	border-bottom: 1px solid #c7e5ed;
	border-left: 1px solid #d4e5f0;
	background: #e3f2f6;
	color: #1e98b9;
	padding: 5px;
	line-height:1em;
	vertical-align: middle;
	text-align:center;	
}

.com_tbbxc table tr td{
	text-align:center;
	border-left: 1px solid #d4e5f0;
	border-bottom: 1px solid #c7e5ed;
	padding:5px;
	vertical-align:middle;
	line-height:1.4em;
}

.com_tbbxc table tr td.bgc{
	background:#faeaec;
	text-align:left;
	padding:3px 5px;
}

.com_tbbxc table tr td.bgb{
	background:#dbedf6;
	text-align:left;
	padding:3px 5px;
}

.com_tbbxc table tr td.bgg{
	background:#dff5dc;
	text-align:left;
	padding:3px 5px;
}

.com_tbbxc table tr td.txa{
	text-align: left;
}

.com_tbbxc table span{
	font-size:4px;
}

.com_tbbxc p{
	font-size:6px;
	line-height:1.5em;
}


/*pager*/
.com_pager {
	text-align:center;
	margin-top:15px;
}
.com_pager p {
	display:inline-block;
	width:130px;
	margin:0 5px;
}
.com_pager p a {
	display:block;
	background:#e5f6ff;
	text-decoration:none;
	padding:10px 0;
}
.com_pager p a span {
	background:url(../../images1/dec_ar.png) no-repeat 0 50%;
	background-size:6px auto;
	webkit-background-size:6px auto;
	-moz-background-size:6px auto;
	padding:0 0 0 12px;
	font-weight:bold;
}

/*pdg*/

.com_pdglr{
	padding:0 5px;
}

.com_pdg10{
	padding:0 10px;
}


/*btn*/

.com_btn{
	padding:0 0 0 10px;
}

.com_btn a{
	border:1px solid #8ecbdc;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    font-size:11px;
    color:#1e98b9;
    padding:5px 5px 5px 5px;
    width:135px;
    display:block;
    text-decoration:none;
    font-weight:bold;
}
.com_btn a img{
	padding:5px 0 0 0;
	margin:0 4px 0 0;
}

.com_btn.lg a{
	border:1px solid #8ecbdc;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    font-size:11px;
    color:#1e98b9;
    padding:5px 0px 5px 7px;
    width:198px;
    display:block;
    text-decoration:none;
    font-weight:bold;
}

.com_btns a{
	border:1px solid #8ecbdc;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    font-size:11px;
    color:#1e98b9;
    padding:5px 0px 5px 20px;
    width:100px;
    display:block;
    text-decoration:none;
    font-weight:bold;
    text-indent:-13px;
}

.com_btne{
	float:right;
}

.com_btne a{
	border:1px solid #8ecbdc;
	border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    font-size:11px;
    color:#1e98b9;
    padding:5px 0px 5px 32px;
    width:140px;
    display:block;
    text-decoration:none;
    font-weight:bold;
    text-indent:-13px;
    background: url(../../images1/sp_dec_arw.png) no-repeat 8px 9px;
    background-size: 7px auto;
}

.com_btns a img{
	padding:5px 0 0 0;
	margin:0 6px 0 0;
}

.com_sgbtn{
	position:relative;
	width:296px;
	margin:0 auto;
}

.com_sgbtn.new{
	position:relative;
	width:310px;
	margin:0 auto;
}

.com_sgbtn p.ent{
	position:absolute;
	top:47px;
	left:62px;
}

.com_sgbtn.sp p.ent{
	position:absolute;
	top:35px;
	left:62px;
}
.com_sgbtn p.ent_n{
	position:absolute;
	top: 47px;
	left: 45px;
}
.com_sgbtn.new p.ent_n{
	position:absolute;
	top: 50px;
	left: 45px;
}

.com_sgbtn.shrt p.ent {
	top:10px;

}
.com_sgbtn.shrt p.ent_n {
	top:10px;
	left:42px;
}

.com_sgbtn p.sch{
	position:absolute;
	top:47px;
	left:168px;
}
.com_sgbtn p.sch_n{
	position:absolute;
	top: 47px;
	left: 151px;
}
.com_sgbtn.new p.sch_n{
	position:absolute;
	top: 50px;
	left: 155px;
}

.com_sgbtn.shrt p.sch {
	top:10px;
	left:173px;
}
.com_sgbtn.shrt p.sch_n {
	top:10px;
	left:153px;
}

.com_sgbtn p.det{
	position:absolute;
	top:12px;
	left:219px;
}

/*tabbtbx*/

.com_tabbtbx ul li{
	float:left;
	width:25%;
}

.com_tabbtbx ul li.on a{
	background:#ed7e8d;
}

.com_tabbtbx ul li a{
	display: block;
	margin: 0 2px 0 0;
	text-align: center;
	height:20px;
	background:#eee;
}

.com_tabbtbx ul li.jn_on a{
	background:#42a8db;
}

.com_tabbtbx ul li.jh_on a{
	background:#5cd649;
}

.center{
	text-align: center;
}

/*txtbx*/
.com_txtbx{
	border:1px solid #6eb7db;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:#dbedf6;
	padding:7px;
}

.com_txtbx.fwgr{
	border:1px solid #6eb7db;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:#dbedf6 url(../../images1/flow_img02m.png) no-repeat 190px 5px;
	background-size:35px auto;
	padding:7px;
	position:relative;
}

.com_txtbx p{
	font-weight:bold;
	font-size:12px;
}

.com_txtbx p.grst{
	position:absolute;
	top:-22px;
	right:10px;
}

/*_muahrbx*/
ul.com_muahrbx {
	margin:0 0 10px 0;
}
ul.com_muahrbx li {
	background:url(../../images1/dec_cic.png) no-repeat 0 0;
	background-size:15px auto;
	webkit-background-size:15px auto;
	-moz-background-size:15px auto;
	padding:0 0 0 20px;
	float:right;
	margin:0 0 0 20px;
}
ul.com_muahrbx li a {
	text-decoration:none;
}


/*tpmnbx*/
.com_tpmnbx {
	background:#d3edfb;
	padding:12px 0 0 0;
}
.com_tpmnbx .tpmnin {
	width:310px;
	height:160px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.com_tpmnbx .tpmnin ul.itemBox{
	height:141px;
	overflow:hidden;
}
.com_tpmnbx .tpmnin ul.itemBox li.pst {
	position:relative;
}
.com_tpmnbx .tpmnin ul.itemBox li.pst .ps{
	position:absolute;
	top:10px;
	left:118px;
}
.com_tpmnbx .tpmnin ul.itemBox li {
	float:left;
	width:310px;
	position:relative;
	overflow:hidden;
	text-align:center;
	background:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding:3px 0;
}

.com_tpmnbx .tpmnin ul.itemBox li .fre{
	position:absolute;
	top:3px;
	right:3px;
}
.com_tpmnbx .tpmnin ul.itemBox li .natu{
	position:absolute;
	top:70px;
	right:3px;
}
.com_tpmnbx .tpmnin ul.itemBox.ver2 li .natu{
	top:51px;
}

.com_tpmnbx .tpmnin ul.flickNav {
	margin:5px 0;
	position:relative;
	left:50%;
	float:left;
}
.com_tpmnbx .tpmnin ul.flickNav li {
	float: left;
	display: inline;
	margin: 0 3px;
	margin-bottom: 6px;
	position: relative;
	left: -50%;
}
.com_tpmnbx .tpmnin ul.flickNav li a {
	display: block;
	width: 5px;
	height: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-color: #c2dcf4;
}
.com_tpmnbx .tpmnin ul.flickNav li.selected a {
	background-color: #fff;
}
.com_tbbxc table span.ttl{
	font-size:12px;
	line-height:1.5em;
}


.com_tbbxc table tr td.bgcc{
	background:#e3f2f6;
	padding:20px 5px;
	color: #1e98b9;
	font-size: 12px;
}


.com_tbbxc table tr td.bgbb{
	background:#dbedf6;
	text-align:center;
	padding:3px 5px;
	font-size: 12px;
}


.com_tbbxc table tr td.bgct{
	font-size: 12px;
}

/*com_entbx*/

.com_entbx{
	margin:0 auto;
	width:310px;
	position:relative;
}

.com_entbx .ent{
	position:absolute;
	top:35px;
	left:60px;
}

.com_entbx .src{
	position:absolute;
	top:35px;
	left:170px;
}

/*com_stx*/
.com_stx{
	position:absolute;
	top:142px;
	left:0;
	color:#ffffff;
	font-size:9px;
}

#Graybox{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	z-index:10000;
}

#Pop_viewbox{
	position:absolute;
	top:50px;
	left:50%;
	z-index:15000;
	margin: 0 0 0 -150px;
	width: 300px;
}

#Pop_viewbox .viewbox .mv{
	margin: 0 0 15px 0;
}

#Pop_viewbox .viewbox .close{
	line-height:1;
	text-align:center;
	width:120px;
	margin:0 auto;
}

#Pop_viewbox .viewbox .close a{
	padding:10px;
	display: block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#888888;
	color:#ffffff;
	text-decoration: none;
}

/*com_msgbx*/
.com_msgbx{
	padding:5px;
}

.com_msgbx .rgt{
	text-align:right;
}