@charset "UTF-8";

/* body
--------------------------------------------------*/
body {
	text-align: center;
}

#header,
#wrapper,
#contents,
#menu,
#footer {
	text-align: left;
}

/* wrapper
--------------------------------------------------*/
#wrapper {
	position: relative;
	width: 690px;
	margin: 0 auto;
	background: url(../img/bg_wrapper.png) repeat-y;
}

/* header
--------------------------------------------------*/
#header {
	border-top: 5px solid #0d3753;
	background-image: url(../img/topback.png);
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

/* contents
--------------------------------------------------*/
#contents {
	margin-top: 0;
}
.contents_in {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}



#contents div#title {
	margin-top: 40px;
}

#contents div#title div.titleLead {
	width: 490px;
	float: left;
}

#contents h2 {
	font-weight: bold;
}

#contents h3 {
	margin-top: 20px;
	padding-left: 1em;
	height: 20px;
	background: #0d3753;
	font-weight: bold;
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#contents p {
	line-height: 1.8;
}

#contents p.comment,
#contents span.comment {
	font-size: 85%;
	line-height: 1.2;
	color: #666;
}

#contents table {
	margin-top: 20px;
	line-height: 1.4;
	font-size: 108%;
	background-color: #FFFFFF;
}

#contents table.program {
	width: 100%;
	margin-top: 0;
}

#contents table th {
	width: 130px;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	background-color: #0d3753;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#contents table th.noline {
	width: 130px;
	text-align: left;
	border-bottom: 0px solid #FFFFFF;
	background-color: #0d3753;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#contents table td {
	border-bottom: 1px solid #0d3753;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#contents table td.noline {
	border-bottom: 0px solid #0d3753;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}

#contents table td img {
	margin-top: 0px;
}

#contents table dl dd {
	margin-bottom: 1em;
	font-size: 93%;
	line-height: 1.2em;
}

#contents table.program p.comment {
	color: #c00;
}

#contents dl.profile {
	margin-top: 20px;
	height: 160px;
}

#contents dl.profile img {
	float: left;
	margin-right:  20px;
	border: 5px solid #f5f5f1;
}

#contents dl.profile dt {
	font-size: 108%;
	font-weight: bold;
}

#contents dl.profile dd {
	font-size: 108%;
	margin-top: 0.5em;
}

#contents ol {
	margin-top: 5px;
}

#contents ol li {
	margin-left: 2em;
	list-style: decimal;
}

#contents ul {
	font-size: 77%;
	margin-top: 10px;
}

#contents ul li {
	margin-left: 2em;
	list-style: disc;
}

#contents div#btn {
	text-align: center;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#contents div#btn p a,
#contents div#btn p span {
	display: block;
	width: 400px;
	height: 50px;
	margin-left: auto;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/btn_100701.png);
	margin-bottom: 20px;
	margin-right: auto;
}

#contents div#btn p.fax a {
	background-position: -400px 0;
}

#contents div#btn p.web a:hover {
	background-position: 0 -50px;
}

#contents div#btn p.fax a:hover {
	background-position: -400px -50px;
}
.top_h2 {
	background-color: #0d3753;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
	line-height: 1.4em;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 40px;
	margin-bottom: 10px;
}

/*----- entry -----*/
#form_h2 {
	background-color: #0d3753;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
	line-height: 1.4em;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 40px;
	margin-bottom: 10px;
}

#contents fieldset table {
	width: 100%;
	background-color: #FFFFFF;
}

#contents fieldset table th,
#contents fieldset table td {
	vertical-align: middle;
}

#contents label {
	margin-right: 1em;
}

#contents label:hover {
	cursor: pointer;
	color: #c00;
}

#contents input {
	margin-right: 0.5em;
	padding: 3px;
}

#contents fieldset table input.name,
#contents fieldset table input.furigana,
#contents fieldset table input.address,
#contents fieldset table input.tel,
#contents fieldset table input.fax,
#contents fieldset table input.mail {
	width: 30em;
}

#contents fieldset table input.postcode {
	width: 7em;
}

#contents fieldset table input.age {
	width: 3em;
}

#contents input:focus[type="text"] {
	background-color: #ffc;
}

#contents .required {
	color: #c00;
}

#contents .example {
	font-size: 77%;
	color:#666;
}

#contents #formNavi {
	margin-top: 40px;
	text-align: center;
}

/* attention */
#contents h3.personalInfo {
	width: 500px;
	padding: 0;
	font-weight: bold;
	color: #0d3753;
	background: none;
}

#contents #personalInfo {
	height: 150px;
	margin-left: 0px;
	border: 1px solid #D5D0A7;
	background: #fff;
	overflow: auto;
}

#contents #personalInfo ol {
	padding-left: 10px;
}

#contents #personalInfo ol ul {
	font-size: 100%;
	margin-left: -10px;
}

#contents #personalInfo #complement {
	padding: 20px;
}

#contents #personalInfo #complement a {
	margin: 0 0.5em;
}

/* menu
--------------------------------------------------*/
#menu {
	position: absolute;
	top: 5px;
	right: 5px;
}

#menu ul li {
	float: left;
}

#menu ul li a,
#menu ul li span {
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/menu.png);
}

#menu ul li.outline a,
#menu ul li.outline span {
	width: 75px;
	background-position: 0 -20px;
}

#menu ul li.entry a,
#menu ul li.entry span {
	width: 125px;
	background-position: -75px -20px;
}

body#outline #menu ul li.outline a,
body#outline #menu ul li.outline span,
body#entry #menu ul li.outline a:hover {
	background-position: 0 0;
}

body#entry #menu ul li.entry a,
body#outline #menu ul li.entry a:hover {
	background-position: -75px 0;
}

/* footer
--------------------------------------------------*/
#footer {
	margin: 40px 5px 0;
	padding: 20px;
	background: #0d3753;
	font-size: 93%;
	color: #FFFFFF;
}
.formtable {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}
#footer p {
	color: #FFFFFF;
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer h2 {
	color: #FFFFFF;
}





/* design parts
--------------------------------------------------*/
.fs_10 { font-size: 10px;}
.fs_11 { font-size: 11px;}
.fs_12 { font-size: 12px;}
.fs_13 { font-size: 13px;}
.fs_14 { font-size: 14px;}
.fs_15 { font-size: 15px;}
.fs_16 { font-size: 16px;}
.fs_18 { font-size: 18px;}
.fs_20 { font-size: 20px;}
.fs_22 { font-size: 22px;}
.fs_24 { font-size: 24px;}

.lh_10 { line-height: 10px;}
.lh_12 { line-height: 12px;}
.lh_14 { line-height: 14px;}
.lh_16 { line-height: 16px;}
.lh_18 { line-height: 18px;}
.lh_20 { line-height: 20px;}
.lh_22 { line-height: 22px;}
.lh_24 { line-height: 24px;}
.lh_26 { line-height: 26px;}
.lh_28 { line-height: 28px;}
.lh_30 { line-height: 30px;}

.pleft0  { padding-left: 0px;}
.pleft5  { padding-left: 5px;}
.pleft10 { padding-left: 10px;}
.pleft15 { padding-left: 15px;}
.pleft20 { padding-left: 20px;}
.pleft25 { padding-left: 25px;}
.pleft30 { padding-left: 30px;}

.pright0  { padding-right: 0px;}
.pright5  { padding-right: 5px;}
.pright10 { padding-right: 10px;}
.pright15 { padding-right: 15px;}
.pright20 { padding-right: 20px;}
.pright25 { padding-right: 25px;}
.pright30 { padding-right: 30px;}

.ptop0  { padding-top: 0px;}
.ptop5  { padding-top: 5px;}
.ptop10 { padding-top: 10px;}
.ptop15 { padding-top: 15px;}
.ptop20 { padding-top: 20px;}
.ptop25 { padding-top: 25px;}
.ptop30 { padding-top: 30px;}

.pbottom0  { padding-bottom: 0px;}
.pbottom3  { padding-bottom: 3px;}
.pbottom5  { padding-bottom: 5px;}
.pbottom10 { padding-bottom: 10px;}
.pbottom15 { padding-bottom: 15px;}
.pbottom20 { padding-bottom: 20px;}
.pbottom20 { padding-bottom: 25px;}
.pbottom30 { padding-bottom: 30px;}


.left {	text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.bold {
	font-weight: bold;
}
.blue { color: #0d3753; }



.program_title {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0d3753;
	line-height: 1.5em;
	color: #0d3753;
	width: 400px;
	margin-bottom: 10px;
	font-weight: bold;
}
.workshop_title01 {
	background-color: #0d3753;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-bottom: 10px;
	background-image: url(../img/workshop_titleback01.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 25px;
	height: 25px;
}
.workshop_title02 {
	background-color: #0d3753;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-bottom: 10px;
	background-image: url(../img/workshop_titleback02.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 25px;
	height: 25px;
}
.workshop_title03 {
	background-color: #0d3753;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-bottom: 10px;
	background-image: url(../img/workshop_titleback03.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 25px;
	height: 25px;
}
.workshop_title04 {
	background-color: #0d3753;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-bottom: 10px;
	background-image: url(../img/workshop_titleback04.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 25px;
	height: 25px;
}
.workshop_title05 {
	background-color: #0d3753;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-bottom: 10px;
	background-image: url(../img/workshop_titleback05.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 25px;
	height: 25px;
}
.workshop_div {
	border: 1px solid #0d3753;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
}
.workshop_div_chigaku {
	border: 1px solid #0d3753;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative;
}
.shimekiri {
	background-color: #CCCCCC;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 10px;
}


#pop_wrapper01 {
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 20px;
	border: 0px solid #0D3753;
	background-image: url(../img/popup/profback01.png);
	background-repeat: no-repeat;
	background-position: 160px 40px;
}
#pop_wrapper02 {
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 20px;
	border: 0px solid #0D3753;
	background-image: url(../img/popup/profback02.png);
	background-repeat: no-repeat;
	background-position: 130px 30px;
}#pop_wrapper03 {
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 20px;
	border: 0px solid #0D3753;
	background-image: url(../img/popup/profback03.png);
	background-repeat: no-repeat;
	background-position: 160px 40px;
}
#pop_hagaki {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 20px;
	border: 0px solid #0D3753;
	width: 400px;
}

.vbottom {
	vertical-align: bottom;
}
#chigaku_pop {
	position: absolute;
	left: 387px;
	top: -10px;
}
#shimekiri_pop {
	position: absolute;
	left: 387px;
	top: -10px;
}
#encho_pop {
	position: absolute;
	left: 387px;
	top: -10px;
}
#encho_02pop {
	position: absolute;
	left: 313px;
	top: -10px;
}
#btn p {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.atesaki {
	border: 1px dotted #A0AFB9;
	padding: 15px;
	margin-top: 15px;
}
.profsub01 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0D3753;
	margin-bottom: 5px;
}
.profsub02 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0D3753;
	margin-bottom: 10px;
	margin-top: 10px;
}
#contents fieldset table#form{
	font-size: 12px;
	line-height: 20px;
	margin-top: 0px;
}
#contents fieldset table#form input{
	font-size: 11px;
}
#contents fieldset table#form th,
#contents fieldset table#form td{
	height: 20px;
}
.clear {
	clear: both;
}