@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * Title  : Style CSS
 * Author : Jurian Okada
 * UpDate : 2010/02/19
 *
 * >>>>> INDEX
 *
 *  1.共通
 *  2.特定商取引法に基づく表記(info/index.html)
 *  3.個人情報保護方針について(info/policy.html)
 *  4.受講申し込みフォーム(info/order.html)
 *  5.受講申し込み完了案内(info/complete1.html)
 *  6.お問い合わせ(info/contact.html)
 *  7.お問い合わせ完了案内記(info/complete2.html)
 *  8.サイトマップ(info/sitemap.html)
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */

/* ----------------------------------------------------------------------------------------------------
 *  1.共通
 * --------------------------------------------------------------------------------------------------*/
 /* ----------------------------------------------------------------------------------------------------
 *  4.受講申し込みフォーム(info/order.html)
 * --------------------------------------------------------------------------------------------------*/
div.InfoOrder {
	position: relative;
	width: 680px;
	_margin-right: 20px;
	margin: 0 auto;
}
div.InfoOrder ul li {
	list-style-type: none;
}
div.InfoOrder div.Section-Lv1 {
	padding: 0 0 10px;
}
div.InfoOrder div.Section-Lv1 p 
div.InfoOrder div.Section-Lv2 p {
	margin: 0 0 10px;
}
div.InfoOrder div.Section-Lv1 dl ,
div.InfoOrder div.Section-Lv2 dl {
	padding:10px 0 15px;
	margin: 10px 0;
	border-bottom: 1px #666 dotted;
	overflow: hidden;
	zoom: 1;
}
div.InfoOrder div.Section-Lv1 dt ,
div.InfoOrder div.Section-Lv2 dt {
	width: 120px;
	float: left;
	margin: 0 0 0 1em;
	padding: 0 0 0 35px;
	font-weight: bold;
}
div.InfoOrder div.Section-Lv1 dt span.reference {
	display: block;
	margin: 0 0 0 2em;
}
div.InfoOrder div.Section-Lv1 dd ,
div.InfoOrder div.Section-Lv2 dd {
	width: 500px;
	float: right;
}
div.InfoOrder div.Section-Lv2 {
	overflow: hidden;
	zoom:1;
}
div.InfoOrder div.Section-Lv1 dd ol li {
	margin:0 0 10px;
	list-style-type: none;
}
div.InfoOrder div.Section-Lv1 dd ul li ,
div.InfoOrder div.Section-Lv2 dd ul li {
	margin:0 0 10px;
}
div.InfoOrder div.Section-Lv1 dd ul li label input ,
div.InfoOrder div.Section-Lv2 dd ul li label input {
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
div.InfoOrder div.Section-Lv2 dd ul li span{
	font-weight: bold;
}
div.InfoOrder div.Section-Lv2 dd ul li span.MF_textR{
	font-weight: normal;
	color: #F00;
}
div.InfoOrder div.Section-Lv2 dl#Money dd div {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div.InfoOrder div.Section-Lv2 dl#Money dd p {
	color: #F00;
}
div.Section-Lv3 dl#agreementWrap {
	margin: 30px 0 0;
}
div.Section-Lv3 dl#agreementWrap dt{
	margin: 0 0 10px;
}
div.Section-Lv3 dl#agreementWrap dd.agreement {
	overflow-y: scroll;
	background: #EEE;
	height: 300px;
	padding: 10px;
}
div.Section-Lv3 dl#agreementWrap dd ol {
	padding: 0 0 0 1em;
}
div.Section-Lv3 dl#agreementWrap dd ol li {
	list-style-type: none;
}
div.Section-Lv3 dl#agreementWrap dd ol li dl dt {
	margin: 5px 0;
	font-size: 1.25em;
	font-weight: bold;
}
div.Section-Lv3 dl#agreementWrap dd ol li dl dd ol {
	padding: 0 0 0 2em;
}
div.Section-Lv3 dl#agreementWrap dd ol li dl dd ol li {
	padding: 0;
	list-style-type: decimal;
}
div.Section-Lv3 dl#agreementWrap dd ol li dl dd ol li.katakana {
	padding: 0;
	list-style-type: katakana;
}
div.Section-Lv3 dl#key {
	margin: 30px 0 50px;
	padding: 0 0 10px;
	border-bottom: 1px #666 dotted;
	overflow: hidden;
	zoom: 1;
}
div.Section-Lv3 dl#key dt {
	width: 150px;
	float: left;
	margin: 0 0 0 1em;
	padding: 0 0 0 35px;
	font-weight: bold;
}
div.Section-Lv3 dl#key dd {
	width: 450px;
	float: right;
}
div.Section-Lv3 dl#key dd.labels {
	cursor: pointer;
	padding: 3px;
	margin: 0;
}
div.Section-Lv3 dl#key dd.labels input{
	vertical-align: middle;
}
ul#MF-BtnSet {
    height: auto !important;
    list-style: none outside none;
    margin: 0 auto 0;
    min-height: 1%;
    overflow: hidden;
    padding: 0;
    width: 320px;
}
ul#MF-BtnSet li.MF-Submit {
    float: left;
    height: 38px;
    width: 150px;
}
ul#MF-BtnSet li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul#MF-BtnSet li.MF-Submit input {
    background: url(../images/mfp_btnsubmit.png) no-repeat left top;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 38px;
    outline: medium none;
    width: 150px;
}
ul#MF-BtnSet li.MF-Reset {
    float: right;
    height: 38px;
    width: 150px;
}
ul#MF-BtnSet li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul#MF-BtnSet li.MF-Reset input {
    background: url(../images/mfp_btnreset.png) no-repeat left top;
    border: medium none;
    display: block;
    height: 38px;
    outline: medium none;
    width: 150px;
}
input {
    padding: 0.1em;
    vertical-align: middle;
}/* ----------------------------------------------------------------------------------------------------
 *  5.受講申し込み完了案内(info/complete1.html)
 * --------------------------------------------------------------------------------------------------*/
div.InfoComplete div.Section-Lv1 {
	padding: 0 0 30px 1em;
}
div.InfoComplete div.Section-Lv1 p.MF_1 {
	margin: 0 0 20px 0;
	font-size: 1.5em
}
div.InfoComplete div.Section-Lv1 p.MF_2 {
	margin: 0 0 20px 0;
}
div.InfoComplete div.Section-Lv1 dl dt {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0 0 5px 0;
}
div.InfoComplete div.Section-Lv1 dl dd {
	margin: 0 0 0 1em;
	font-weight: bold;
}
