@charset "utf-8";

/* ---------------------------------------------------
CSS Information

File name:      common.css

/* =========================================================
common
========================================================= */

/*----------------------------------------------------
text
----------------------------------------------------*/
.txt_min {font-size:11px;}
.txt_max {font-size:16px;}

.txt_red {color:#a40000;}
.txt_bl  {color:#0087c4;}

ul.txt_lst img {margin-top:-2px !important;}
ul.txt_lst li {margin-top:2px;}


/*----------------------------------------------------
margin and padding
----------------------------------------------------*/
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt55{margin-top:55px!important;}
.mt60{margin-top:60px!important;}
.mt65{margin-top:65px!important;}
.mt70{margin-top:70px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}
.mt90{margin-top:90px!important;}
.mt95{margin-top:95px!important;}
.mt100{margin-top:100px!important;}

.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb85{margin-bottom:85px!important;}
.mb90{margin-bottom:90px!important;}
.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}


.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}
.ml55{margin-left:55px!important;}
.ml60{margin-left:60px!important;}
.ml65{margin-left:65px!important;}
.ml70{margin-left:70px!important;}
.ml75{margin-left:75px!important;}
.ml80{margin-left:80px!important;}
.ml85{margin-left:85px!important;}
.ml90{margin-left:90px!important;}
.ml95{margin-left:95px!important;}
.ml100{margin-left:100px!important;}
.ml125{margin-left:125px!important;}

.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
.mr55{margin-right:55px!important;}
.mr60{margin-right:60px!important;}
.mr65{margin-right:65px!important;}
.mr70{margin-right:70px!important;}
.mr75{margin-right:75px!important;}
.mr80{margin-right:80px!important;}
.mr85{margin-right:85px!important;}
.mr90{margin-right:90px!important;}
.mr95{margin-right:95px!important;}
.mr100{margin-right:100px!important;}

.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}

.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}

.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}

.pl5{padding-right:5px!important;}
.pl10{padding-right:10px!important;}
.pl15{padding-right:15px!important;}
.pl20{padding-right:20px!important;}
.pl25{padding-right:25px!important;}


/* =========================================================
contact
========================================================= */

/*----------------------------------------------------
contact_top
----------------------------------------------------*/
#contact #container #cont #contact_top {
	width:930px;
	margin:50px auto 50px auto;
}

#contact #container #cont #contact_top h2 {
	font-size:28px;
	margin-bottom:40px;
}

#contact #container #cont #contact_wrapper {
	background:url(../../contact/img/bg_contact.gif);
	width:100%;
	height:640px;
}

#contact #container #cont #contact_wrapper #contact_cont {
	width:930px;
	margin:0 auto 0 auto;
}

#contact #container #cont #contact_wrapper #contact_cont .contact_box {
	background:url(../img/cont_ln.gif) bottom no-repeat !important;
	width:930px;
	height:160px;
}

#contact #container #cont #contact_wrapper #contact_cont #contact_box_last {
	background:none !important;
}

#contact #container #cont #contact_wrapper #contact_cont .contact_box div {
	float:left;
}

#contact #container #cont #contact_wrapper #contact_cont .contact_box h2 {
	color:#0087c4;
	font-size:28px;
	padding:50px 0 20px 0;
}

#contact #container #cont #contact_wrapper #contact_cont .contact_box p img {
	padding:50px 0 46px 0;
	float:right;
}

#contact #container #cont #contact_phone {
	width:930px;
	margin:50px auto 50px auto;
}

/*----------------------------------------------------
contact-seminar_common
----------------------------------------------------*/
#contact #container #cont #personal {
	background:url(../img/bg_personal.gif);
	width:100%;
	height:180px;
	float:left;

}

#contact #container #cont #personal #personal_cont {
	width:930px;
	margin:40px auto 20px auto;
}

#contact #container #cont #personal #personal_cont #personal_cont_title {
	font-size:28px;
	margin-bottom:15px;
}

#contact #container #cont #personal #personal_cont #personal_radio {
	text-align:center;
}

#contact #container #cont #form_wrapper {
	width:100%;
	float:left;
}

#contact #container #cont #form_wrapper #form_cont {
	width:930px;
	margin:40px auto 0 auto;
}

#contact #container #cont #form_wrapper .form_box {
	height:50px;
	padding:10px 0 10px 0;
	float:left;
}

#contact #container #cont #form_wrapper .form_box_m {
	float:left;
}

#contact #container #cont #form_wrapper .form_box_l {
	height:270px;
	padding:10px 0 10px 0;
}

#contact #container #cont #form_wrapper .form_left {
	float:left;
	width:350px;
	padding-top:15px;
}

#contact #container #cont #form_wrapper .form_left_m {
	float:left;
	width:350px;
	padding-top:25px;
}
#contact #container #cont #form_wrapper .form_left_etc {
	float:left;
	width:350px;
	margin-top:-5px;
}

#contact #container #cont #form_wrapper .form_left p ,
#contact #container #cont #form_wrapper .form_left_m p ,
#contact #container #cont #form_wrapper .form_left_etc p {
	float:left;
}

#contact #container #cont #form_wrapper .form_right {
	float:left;
	width:580px;
}

#contact #container #cont #form_wrapper .form_right_m {
	float:left;
	width:580px;
	margin-top:-10px;
}

#contact #container #cont #form_wrapper .form_txt {
	border:0;
	border:solid 1px #cccccc;
	font-size:1.3em;
	font-family:メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro;
	color:#333333;
	width:530px;
	height:30px;
	padding:10px;
}

#contact #container #cont #form_wrapper .form_select {
	border:0;
	border:solid 1px #cccccc;
	font-size:1.3em;
	font-family:メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro;
	color:#333333;
	width:552px;
	height:55px;
	padding:14px;
}

#contact #container #cont #form_wrapper .form_area {
	border:0;
	border:solid 1px #cccccc;
	font-size:1.3em;
	font-family:メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro;
	color:#333333;
	width:530px;
	max-width:530px;
	height:100px;
	max-height:100px;
	padding:10px;
}

#contact #container #cont #form_wrapper #form_cont input[type="text"][disabled] ,
#contact #container #cont #form_wrapper #form_cont select[disabled],
#contact #container #cont #form_wrapper #form_cont textarea[disabled]{
	background:#eeeeee;
}

#contact #container #cont #form_wrapper #form_btn_cont {
	width:930px;
	margin:50px auto 0 auto;
	float:left;	
}

#contact #container #cont #form_wrapper #form_btn_cont #form_btn_box {
	margin:0 300px 50px 300px;
}

#contact #container #cont #form_wrapper #form_btn_cont #form_btn_box div {
	top:-16px;
	left:-12px;
	position:relative;
}

#contact #container #cont #form_wrapper #form_btn_cont #form_btn_off {
	margin:0 300px 50px 300px;
}

#contact #container #cont #form_wrapper #form_btn_cont #form_btn_off div {
	top:-16px;
	left:-12px;
	position:relative;
}


#contact #container #cont #form_wrapper #form_btn_cont #form_btn_box #check {
    background: url(../img/btn_confirm.png) left top no-repeat;
	outline:none;
	border: none;
	cursor:pointer;
    width: 330px;
    height: 64px;
}

#contact #container #cont #form_wrapper #form_btn_cont #form_btn_box #back {
    background: url(../img/btn_back.png) left top no-repeat;
	cursor:pointer;	
	outline:none;
	border: none;
    width: 154px;
    height: 64px;
	margin-right:22px;
	float:left;
}

#contact #container #cont #form_wrapper #form_btn_cont #form_btn_box .send {
    background: url(../img/btn_submit.png) left top no-repeat;
	cursor:pointer;
	outline:none;
	border: none;
    width: 154px;
    height: 64px;
}

.hide {
	display:none;
}

#contact #container #cont #form_wrapper .hide {
	font-size:1.3em;
	font-family:メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro;
	color:#333333;
	top:16px;
	left:11px;
	position:relative !important;
}

/*----------------------------------------------------
radio_checkbox
----------------------------------------------------*/
.input_type {
    padding:6px 0 3px 0;
}
.input_type input[type=radio] {
    display: inline-block;
    margin-right:6px;
}

.input_type input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .input_type input[type=radio] {
		display:none;
        margin: 0;
    }
    .input_type input[type=radio] + label {
        padding: 0 0 0 24px;
    }
    .input_type input[type=radio] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #ffffff;
    }
    .input_type input[type=radio] + label::before {
        border:solid 1px #cccccc;
        border-radius: 30px;
    }
    .input_type input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .input_type input[type=radio]:checked + label::after {
        left: 5px;         
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #a40000;
        border-radius: 8px;
    }
}

/*----------------------------------------------------
seminar
----------------------------------------------------*/
#contact #container #cont #seminar_table {
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	width:930px;
	margin-top:40px;
}

#contact #container #cont #seminar_table dl {
	border-right:solid 1px #cccccc;
}

#contact #container #cont #seminar_table dt{
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	height:20px;
	width:219px;
	padding:10px 0 10px 20px;
	float:left;
}

#contact #container #cont #seminar_table dd {
	border-bottom:solid 1px #cccccc;
	height:20px;
	width:670px;
	padding:10px 0 10px 259px;
}

#contact #container #cont #program {
	width:930px;
	margin:50px auto 30px auto;
}

#contact #container #cont #program h2 {
	font-size:28px;
	margin-bottom:40px;
}

#contact #container #cont #program h3 {
	font-size:17px;
	margin-bottom:20px;
}

#contact #container #cont #program ol li {
	border-bottom:dotted 1px #cccccc;
	margin-bottom:20px;
	padding-bottom:20px;
}

#contact #container #cont #program ol li p{
	width:610px;
	margin-right:20px;
	float:left;
}

#contact #container #cont #attention {
	width:930px;
	margin:50px auto 50px auto;
}


/* =========================================================
thanks
========================================================= */

/*----------------------------------------------------
thanks_common
----------------------------------------------------*/
#thanks #container #cont #thanks_top {
	width:930px;
	margin:50px auto 50px auto;
}

#thanks #container #cont #thanks_top ul {
	margin-top:50px;
}

#thanks #container #cont #thanks_top ul li{
	background: url(../img/arrow_bk.png) no-repeat 2px; 
	margin-bottom:5px;
	padding-left:16px;
}

#thanks #container #cont #thanks_top ul li a,
#thanks #container #cont #thanks_top ul li a:link, a:visited, a:active {
	color:#333333; text-decoration: underline;
}

#thanks #container #cont #thanks_top ul li a,
#thanks #container #cont #thanks_top ul li a:hover {
	color:#333333; text-decoration: none;
}