﻿@charset "utf-8";
/* ================================================
受講のご案内css
================================================ */

/* エリア
----------------------------------------------------------------------------- */


#kiji_ttl {
	background-image: url(../imgs/form/title.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 550px;
	font-size: 1%;
	line-height: 1%;
}

#kiji_ttl h2 {
	width: 550px;
	height: 33px;
	/* \*/overflow: hidden;
	display: block;
}#form {
}

#form #koumoku {
	border: 1px solid #1E7CCF;
	background-color: #d6ffff;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#koumoku #leftfm {
	float: left;
	width: 215px;
}
#koumoku #rightfm {
	float: right;
	width: 215px;
}
#koumoku li {
	padding-bottom: 3px;
	padding-top: 3px;
}

#koumoku a {
	color: #2210d2;
}
#koumoku a:hover {
	color: #FF0000;
}
#form_text_cation {
	font-size: 81%;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
}


#form #fm {
	text-align: left;
}
#fm dd.QRcode {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#fm .QRcode img {
	margin-top: 5px;
}


#form #fm #FM_sec_kobetu {
}

#fm #FM_ttl {
	margin-top: 40px;
	margin-bottom: 15px;
}

#fm #FM_ttl h3 {
	line-height: 160%;
	font-weight: bold;
	background-color: #3c8aff;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 110%;
}

#fm #FM_ttl2 {
	margin-top: 40px;
	margin-bottom: 15px;
}

#fm #FM_ttl2 h3 {
	line-height: 160%;
	font-weight: bold;
	background-color: #FF99CC;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 110%;
}
.henpin_honbun {
	color: #FF3399;
}


#FM01_left_sec {
	background-image: url(../imgs/form/juko_07.gif);
	background-repeat: no-repeat;
	float: left;
	height: 394px;
	width: 237px;
}
#FM01_right_sec {
	background-image: url(../imgs/form/juko_09.gif);
	background-repeat: no-repeat;
	float: right;
	height: 394px;
	width: 237px;
}
#FM01_left_sec dl, #FM01_right_sec dl {
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	height: 394px;
}


#fm dt {
	line-height: 160%;
	font-weight: bold;
	color: #0057c9;
	margin-bottom: 1px;
}
#fm dd {
	line-height: 140%;
	margin-bottom: 20px;
}
#s_ttl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0057C9;
	margin-top: 25px;
	margin-bottom: 10px;
}
#s_ttl h4 {
	font-size: 110%;
	line-height: 100%;
	font-weight: bold;
	color: #006bc9;
}

#s_ttl2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3399;
	margin-top: 25px;
	margin-bottom: 10px;
}
#s_ttl2 h4 {
	font-size: 110%;
	line-height: 100%;
	font-weight: bold;
	color: #FF3399;
}


#fm ul {
	padding-top: 4px;
	padding-bottom: 4px;
}
#fm li.cation {
	color: #0066FF;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-position: inside;
	list-style-type: square;
	line-height: 110%;
	text-indent: -15px;
	padding-left: 30px;
}
#fm li.cation2 {
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-position: inside;
	list-style-type: square;
	line-height: 110%;
	text-indent: -15px;
	padding-left: 30px;
	color: #FF3399;
}
#table01 {
}
#table01 th, td {
	text-align: center;
}
#table01 th {
	background-color: #BBBBFF;
}
#fm .hosoku1 {
	padding-top: 5px;
}

#fm ul.FM03_ul1 {
	padding-right: 10px;
	padding-left: 10px;
}
#fm .FM03_ul1 li.FM03_li_1 {
	padding-bottom: 2px;
	color: #0066FF;
}
#fm .FM03_ul1 li.FM03_li_2 {
	margin-left: 15px;
	font-size: 95%;
	line-height: 130%;
}
#fm .FM03_ul1 li.FM03_li_3 {
	margin-left: 15px;
	font-size: 95%;
	text-indent: -15px;
	line-height: 130%;
}

#fm ul.FM04_ul1 {
	border: 1px solid #0066FF;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#fm ul.FM04_ul2 {
	/*border: 1px solid #0066FF;*/
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#fm .FM04_ul1 li.FM04_li_1 {
	padding-bottom: 2px;
	color: #0066FF;
}
#fm .FM04_ul1 li.FM04_li_2 {
	margin-left: 15px;
	font-size: 95%;
	line-height: 130%;
}
#fm .FM04_ul1 li.FM04_li_3 {
	margin-left: 15px;
	font-size: 95%;
	text-indent: -15px;
	line-height: 130%;
}
.FM04_cation1 {
	font-weight: bold;
	color: #0066FF;
	padding-left: 40px;
	line-height: 200%;
}

#fm ul.FM04_ul1_hen {
	border: 1px solid #FF99CC;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
}


#fm .FM04_ul1_hen li.FM04_li_1 {
	padding-bottom: 2px;
	color: #FF3399;
}
#fm .FM04_ul1_hen li.FM04_li_2 {
	margin-left: 15px;
	font-size: 95%;
	line-height: 130%;
}
#fm .FM04_ul1_hen li.FM04_li_3 {
	margin-left: 15px;
	font-size: 95%;
	text-indent: -15px;
	line-height: 130%;
}
.FM04_cation_hen {
	font-weight: bold;
	color: #FF3399;
	padding-left: 40px;
	line-height: 200%;
}



#fm .FM03_ul1 li.FM03_li_4 {
	margin-left: 15px;
	font-size: 95%;
	text-indent: -15px;
	line-height: 130%;
}

#fm .FM03_ul1 li.FM03_li_2 span.bld {
	font-weight:bold;
}
#fm .FM03_ul1 li.FM03_li_2 ul li {
	list-style:circle inside;
	padding-left:10px;
}


#mypage_m {
}
#mypage_m dl {
	padding-bottom: 20px;
}

#mypage_m dt {
	background-color: #AADDFF;
	margin-bottom: 5px;
	line-height: 180%;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-left: 10px;
}
#mypage_m dd {
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
}

#mypage_m dt.JKP1 {

}
#mypage_m dt.JKP2 {

}
#mypage_m dt.JKP3 {

}
#mypage_m dt.JKP4 {

}
#mypage_m dt.JKP5 {

}
#mypage_m dt.JKP6 {
	background-color: #C2AFEB;

}

#mypage_m dd.JKM {
	font-weight: bold;
	color: #0057c9;
	line-height: 140%;
	padding-bottom: 4px;
}
#mypage_m dd.honbun {
	line-height: 140%;
}
#mypage_m dl.SP6 {
}
#mypage_m dd.JKM6 {
	line-height: 140%;
	font-weight: bold;
	color: #7222ff;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
}
#mypage_m dd.honbun6 {
	line-height: 140%;
	padding-right: 15px;
	padding-left: 15px;
}
#mypage_m #maipage_dd1 {
	padding-bottom: 5px;
}
#mypagememu_title {
	font-weight: bold;
	color: #0057C9;
	padding-bottom: 10px;
	padding-left: 10px;
}
.gray {
	color: #666666;
}
#form_cation {
	font-size: 81%;
	font-weight: bold;
}
.dt_black_nomal {
	font-weight: normal;
	color: #000000;
}
#fm p.left_komoku {
	float: left;
	width: 70px;
}
#fm p.right_komoku {
	float: right;
	width: 410px;
}
.red{ color:#F00;}

.mgl1{ margin-left:1em;}
.mgl2{ margin-left:2em;}
.mgt1{ margin-top:1em;}
.idt{ margin-left:1em; text-indent:-1em;}