@charset "shift_jis";
/* CSS Document */

/*------------------------------------------------------------
�f�t�H���g�X�^�C��
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, br, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
footer, header, hgroup, menu, nav, section, time, mark, audio, video{
margin:0; padding:0; background:transparent;
border:0; outline:0;
font-size:14px; 
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
display:block;
}

dl, dt, dd, ol, ul, li{
margin:0;
}

a{ color:#0064BE; text-decoration:underline; }
a:hover{ color:#319DFF; }

img,abbr,acronym,fieldset { border: 0; }
img{ border: none; vertical-align:top; }

.clear{
clear:both;
}

.clearfix:after{
height:0px;
visibility:hidden;
display:block;
clear:both;
content:".";
}

.clearfix { min-height:1px; } /*IE6�A7�΍�*/

* html .clearfix {
height: 1px;
height: auto; overflow: hidden; /*\*//*/ /*MAC IE5.x�΍�*/
}

body {
  background: #FFF;
  color: #000;
  font-size: 14px;
  font-family: "���C���I","Meiryo",verdana,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
  line-height: 160%;
}

* html body {	/* for IF6 */
  font-family: "�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
}

body { overflow-x: hidden; }

body , html { height: 100%; }



/*------------------------------------------------------------
�w�b�_�[
------------------------------------------------------------*/

#head_wrap { width:100%; height:114px; background: url(../images/headerback.jpg);}

#logo_wrap { width:1000px; height:52px; margin-right: auto; margin-left: auto;}

#logo { float:left; width:400px; } 

#namebox { width:600px; text-align:right; float:right; margin:18px 0 0 0; color:#FFFFFF; }

.nametxt { font-size:18px; }

#namebox a { color:#eaff00; }
#namebox a:hover { color: #D5E400; }

/* �i�r--------------------------------------------------------*/

#navi { width:1000px; margin:10px auto 0 auto;}

#navi ul { list-style:none; }
#navi ul li { float:left; font-size:16px; margin:10px 0px 0 0px; color:#a72300; border-right:#A6AC89 solid 1px; padding:0 15px;}
#navi ul li a { font-size:16px; color:#000000; text-decoration:none; }
#navi ul li a:hover { text-decoration: underline; color:#888; }

#top     #navi #n_01 a {  color:#ff0000; text-decoration:none; border-left:#A6AC89 solid 1px; padding:0 0 0 15px; }
#kenshin #navi #n_02 a {  color:#ff0000; text-decoration:none; padding:0 0;}
#kenshin #navi #n_01   {  color:#ff0000; text-decoration:none; border-left:#A6AC89 solid 1px; padding:0 15px 0 15px; margin:10px 0 0 15px; }
#yuso    #navi #n_03 a {  color:#ff0000; text-decoration:none; padding:0 0;  }
#yuso    #navi #n_01   {  color:#ff0000; text-decoration:none; border-left:#A6AC89 solid 1px; padding:0 15px 0 15px; margin:10px 0 0 15px; }



/*------------------------------------------------------------
�R���e���c
------------------------------------------------------------*/


#wrapper {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}


#contents { width:1000px; margin:20px auto 0px auto; padding-bottom:220px; }


/*------------------------------------------------------------
�t�b�^
------------------------------------------------------------*/

#footer_wrap { width:100%; background:#E9E9E9; padding:30px 0 0 0; height: 164px; position:absolute; bottom: 0; margin:50px 0 0 0; }

#footer { width:1000px; margin:0px auto; }

#copyright { text-align:right; font-size:12px; color:#606060; }

#footer ul { list-style:none; margin:0 0 0px 0px; padding:0; }
#footer ul li { float:left; margin:10px 30px 20px 0px; padding:0; }



/* ���� --------------------------------------------------*/

h1 { background:url(../images/h1.jpg) left top no-repeat; width:1000px; height:50px; padding:15px 0 0 25px; color:#333; font-size:18px; font-weight:normal; }

h2 { background:url(../images/h2.jpg) left 5px no-repeat; width:1000px; height:30px; padding:0 0 0 18px; font-size:16px; font-weight:normal; margin:10px 0 0 0;}

.h2_red { background:url(../images/h2_red2.jpg) left 3px no-repeat; width:1000px; height:30px; padding:0 0 0 20px; font-size:22px; font-weight:normal; margin:10px 0 0 0; color: #FD375A;}

h2 em { font-size:16px; color:#FF0004; font-style:normal; }

.h2_normal { background:url(../images/h2_red.jpg) left 3px no-repeat; width:1000px; height:30px; padding:0 0 0 20px; font-size:22px; font-weight:normal; margin:10px 0 0 0; }

.h3wrap { padding: 5px 0px; margin:0 0 10px 0; border-top:#D7D7D7 3px double; border-bottom:#D7D7D7 3px double; }

.h3wrap h3 { margin: 0 0 0 3px; color:#777777; font-size: 18px; font-weight: normal; border-left: #57C100 4px solid; padding: 2px 0px 2px 12px;}

.floatR { float: right; }
.floatL { float: left; }



/* TOP --------------------------------------------------*/
#info { margin:0;}

#info dl { width:1000px; border-bottom:#888 dotted 1px; margin:20px 0 0 0; }

#info dt { width:100px; float:left; margin:0; border-left:#FF7600 6px solid; padding:0 0 0 5px; font-size:16px; }

#info dd { width:860px; float:right; margin:0 0 20px 0; }

#info dd p { font-size:18px; margin:0 0 5px 0; color:#ff4200;  }


/* BOX --------------------------------------------------*/

.box_01 { width:960px; background: #FFF3EB; padding:20px; }
.box_02 { width:960px; background: #f7f9de; padding:20px; }

.box_03 { margin:10px auto 10px; padding:10px 20px; border-radius: 10px; border: 1px solid #ffce85; border-image: none; width:958px; 
 background-color:#fffff0; font-size:14px;}


/* ���f�\�� --------------------------------------------------*/

.yusotxt { float:left; margin:0 30px 10px 0; font-size:16px; }

.yusotxt em { font-style:normal; font-weight:normal; color:#740001; }


.yusotxtform { margin:0 0 20px 0;  }

.yusotxtform dt { width:180px; display:block; float:left; font-size:14px; color:#740001; margin:0 0 20px 0;  }

.yusotxtform dd { width:770px; display:block; font-size:14px; margin:0 0 20px 0; }


/* ���\���ݏ󋵈ꗗ ------------------------------------------*/

.hyobox_01 { width:988px; border:#E7E7E7 1px solid; padding:5px; }

.hyo_01 { margin:0 0px 0px 0; }

.hyo_01 .box_a { background:#D4EBAE; padding:5px 10px; float:left; width:180px; display:block; margin:1px 0 0 0; }

.hyo_01 .box_b { background: #f2f2f2; padding:5px 50px 5px 10px; overflow:hidden;
 /zoom:1; }

/* �\�� ------------------------------------------*/

.flowList {	margin: 0px 0px 20px; text-align: center; }
.flowList li { background:#b3b3b3; padding: 4px 15px; border-radius: 15px; color:#fff; font-size: 14px; margin-left: 5px; display: inline-block; }
.flowList li.active { background: #ffa719;}

.yearbox { width:150px; float:left; display:block; }
.yearbox .t_01 { font-size:12px; }
.yearbox .t_02 { font-size:18px; }

.coursebox { width:800px; float:right;  display:block;}
.coursebox .t_01 { font-size:12px; }
.coursebox .t_02 { font-size:18px; color:#FF0004; }
.coursebox .t_03 { font-size:14px; font-weight:bold; color: #C50003; margin:10px 0 2px 0; }

.search { border-bottom:#BD9C86 1px solid; margin:0 0 10px 0; }
.search dt { width:200px; float:left; display:block; padding:0 0 10px 5px; }
.search dd { width:680px; float:right; display:block; padding:0 0 10px 0; }

.kensu { color:#FF0004; font-weight:bold; font-size:15px; }

.searchresult { width:960px; background: #EEFFF3; padding:0 20px 20px 20px;  margin:0 0 30px 0; }
.searchresult dl { border-bottom:#C5DFCD 1px solid; padding:10px 0px ; }
.searchresult dt { width:160px; float:left; display:block;  }
.searchresult dd { width:780px; float:right; display:block; }
.searchresult .t_01 { font-size:20px; margin:0 0 5px 0; }
.searchresult p { font-size:14px; margin:0 0 5px 0; }


.tagList { margin-top: 0px; }
.tagList li { padding: 0px 3px 3px 0px; float: left; list-style:none; }
.tagList li span { padding: 2px 4px; border-radius: 3px; border: 1px solid rgb(238, 238, 238); border-image: none; font-size: 95%; display: block; white-space: nowrap;}
.tagList li.active span { border: 1px solid rgb(16, 123, 191); border-image: none; color: rgb(0, 64, 102); background-color: rgb(229, 246, 251);}
.tagList li.inactive span {	color: rgb(170, 170, 170); background-color: rgb(242, 242, 242); }

.t_name { font-size:20px; }
.t_renraku { color:#FF0004; border-bottom: #846855 dotted 1px; width:100%; margin:15px 0 10px 0; font-size:16px; }

.opbox_01 { width:480px; float:left;  }
.opbox_02 { width:480px; float:right; }


.inputWrapper {	background:#F6FFE9; padding: 8px 15px; margin: 0 0 3px 0; }
.inputWrapper li { }
.inputWrapper input[type='checkbox'] { vertical-align: middle; display: inline-block; }
.inputWrapper span { vertical-align: middle; }
.inputWrapper label { display: inline-block; cursor: pointer; }

span.caution { color:#cc0000; font-size: 100%; font-weight: bold; display: inline-block; }

#kiboday { margin:0 0 20px 0; background-color:#F6FFE9; padding:20px; }
#kiboday table { border:0; }
#kiboday th { text-align:left; padding:0 50px 0 0px; font-weight:normal; }
#kiboday img { margin: 0px 0px 0px 3px; vertical-align: middle; }
#kiboday textarea { width: 500px; height: 60px; }
.must {	color: #FF0004; font-weight: bold; }

.btnBox { margin: 0px auto; width: 98%; overflow: hidden; }


#formStep {	margin:0 0 20px 0; padding: 6px 0px; border: 5px solid #F2F2F2; background:#FAFAFA; text-align: left;}
#formStep dl { padding: 10px 2%; width: 96%; border-bottom:#EEEEEE 1px solid; display: inline-block;}
#formStep dl:last-child { border-bottom: none; }
#formStep dl::after { height: 0.1px; line-height: 0; clear: both; visibility: hidden; content: "."; }
#formStep dt { background: #00B6DC; color:#FFFFFF; padding: 5px 15px; border-radius: 15px; width: 220px; text-align: center; font-size: 14px; vertical-align: top; display: inline-block;}
#formStep dd { padding: 5px 0px 5px 40px; width: 600px; line-height:150%; font-size:14px; vertical-align: top; display: inline-block; min-height: 27px;}
#formStep dt span.required { color: rgb(255, 0, 0); font-size: small; }
#formStep dd span.example { line-height: 1.1; padding-top: 10px; font-size: 88%; display: block; }
#formStep dd span.note { color: red; line-height: 1.1; padding-top: 10px; font-size: 94%; display: block;}
#formStep dd span.attention {color: rgb(100, 100, 100); line-height: 1em; font-size: 88%;}
#formStep dd span.tips_zip {font-size: 88%; display: block;}



/* �e�L�X�g -----------------------------------------------*/

.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }

/* �t�H���g�F */
.fc-wht1{color:#FFFFFF;}
.fc-grn1{color:#007948;}
.fc-grn2{color:#8CC63F;}
.fc-grn3{color:#006633;}
.fc-blu1{color:#0065B1;}
.fc-blu2{color:#41A3D9;}
.fc-brw1{color:#B19235;}
.fc-red1{color:#CF0000;}
.fc-red2{color:#FF0000;}
.fc-blk1{color:#000000;}

/* �t�H���g�T�C�Y */
.fs-12px{font-size:12px;}
.fs-13px{font-size:13px;}
.fs-14px{font-size:14px;}
.fs-15px{font-size:15px;}
.fs-16px{font-size:16px;}
.fs-17px{font-size:17px;}
.fs-18px{font-size:18px;}

/* table�n -----------------------------------------------*/

.tbl_01 {  }

.tbl_01 table { border-collapse:collapse; border:0px; width:1000px; }

.tbl_01 th  { padding:6px; text-align:left; font-weight:normal; font-size:14px; vertical-align:top; line-height:150%;
 background: #d4ebae;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}

.tbl_01 td  { padding:6px; font-weight:normal; font-size:14px; line-height:150%;
 background:#FFF;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;
 border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}


.tbl_fee { margin:0 0 20px 0;  }
.tbl_fee table { border-collapse:collapse; border:0px; width:100%; }

.tbl_fee th  { padding:5px; text-align:left; font-weight: bold; font-size:14px; vertical-align:top;  background: #F6FFE9;
 border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}

.tbl_fee td  { padding:5px; font-weight:normal; font-size:14px;  background:#FFF;
 border-top:#CCCCCC solid 1px;
 border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}


.tbl_feeop td { text-align:left;  }



/* �{�^���n -----------------------------------------------*/

.btnWrapper a.submit     { background:#e56b21; color:#ffffff; line-height: 28px; min-height: 40px; width:300px; font-weight:bold; }
.btnWrapper input.submit { background:#e56b21; color:#ffffff; line-height: 28px; min-height: 40px; width:300px; font-weight:bold; }

.btnWrapper { padding: 0px 3px 3px 0px; vertical-align: middle; display: inline-block; }

.btnWrapper a {
	padding: 0.1em 0.6em 0.1em; border-radius: 4px; border: 1px solid transparent; border-image: none; text-align: center; letter-spacing:1px; font-size: 21px; font-weight: bold; text-decoration: none; display: inline-block; white-space: nowrap; cursor: pointer; box-shadow: 2px 2px 1px 1px rgba(113,135,164,0.180392); -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px; -moz-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px;
}
.btnWrapper input {  min-height: 40px; width:300px;
	padding: 0.1em 0.6em 0.1em; border-radius: 4px; border: 1px solid transparent; border-image: none; text-align: center; letter-spacing:1px; font-size: 21px; font-weight: bold; text-decoration: none; display: inline-block; white-space: nowrap; cursor: pointer; box-shadow: 2px 2px 1px 1px rgba(113,135,164,0.180392); -ms-user-select: none; background-image: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px; -moz-box-shadow: rgba(113, 135, 164, 0.180392) 2px 2px 1px 1px;
}
.btnWrapper a:hover {
	text-decoration: none; opacity: 0.7;
}
.btnWrapper input:hover {
	text-decoration: none; opacity: 0.7;
}




.btnWrapper a.back {
	background: 0px 0px rgb(57, 185, 214); color: rgb(255, 255, 255);  padding:9px 20px 5px 20px;}
	
.btnWrapper input.back {
	background: 0px 0px rgb(57, 185, 214); color: rgb(255, 255, 255);  padding:9px 20px 5px 20px;}

.btnWrapper input.back_1 { 
	background:rgb(57, 185, 214); color:#ffffff; line-height: 28px; min-height: 40px; width:340px; font-weight:bold; }
	
.btnWrapper a.detail {
	background: 0px 0px rgb(75, 170, 64); color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper input.detail {
	background: 0px 0px rgb(75, 170, 64); color: rgb(255, 255, 255); line-height: 28px;}



.btnWrapper a.detail_2 {
	background:#0a72e0; color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper input.detail_2 {
	background:#0a72e0; color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper a.detail_3 {
	background:#f3604a; color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper input.detail_3 {
	background:#f3604a; color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper a.detail_4 {
	background:#dddddd; color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper input.detail_4 {
	background:#dddddd; color: rgb(255, 255, 255); line-height: 28px;}



.btnWrapper a.grayout {
	background: 0px 0px #D5D5D5; color: #FFFFFF; line-height: 28px;}

.btnWrapper input.grayout {
	background: 0px 0px #D5D5D5; color: #FFFFFF; line-height: 28px;}

.btnWrapper a.search {
	background: 0px 0px rgb(33, 131, 206); color: rgb(255, 255, 255);}

.btnWrapper input.search {
	background: 0px 0px rgb(33, 131, 206); color: rgb(255, 255, 255); padding:10px 20px;}

.btnWrapper a.cancel {
	background: 0px 0px rgb(204, 85, 85); color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper input.cancel {
	background: 0px 0px rgb(204, 85, 85); color: rgb(255, 255, 255); line-height: 28px;}

.btnWrapper a.decide {
	background: 0px 0px rgb(217, 231, 247); padding: 4px 14px; border-radius: 12px; border: 2px solid rgb(70, 137, 196); border-image: none; color: rgb(51, 51, 102); font-size: 14px;
}
.btnWrapper input.decide { background: 0px 0px rgb(217, 231, 247); padding: 4px 14px; border-radius: 12px; border: 2px solid rgb(70, 137, 196); border-image: none; color: rgb(51, 51, 102); font-size: 14px;
}
.btnWrapper a.disable {	background: 0px 0px rgb(221, 221, 221); color: rgb(153, 153, 153); line-height: 28px; cursor: default;}
	
.btnWrapper input.disable {	background: 0px 0px rgb(221, 221, 221); color: rgb(153, 153, 153); line-height: 28px; cursor: default;}
	
.btnWrapper a.disable:hover { opacity: 1; }

.btnWrapper input.disable:hover { opacity: 1; }

.btnWrapper .large { font-size: 22px; }

/* �t�H�[���n -----------------------------------------------*/
input {	padding: 3px 2px; font-size: 22px; }



/*------------------------------------------------------------
�l���
------------------------------------------------------------*/

.ppbox { width:100%; }

.ppbox dt { font-size:16px; margin:0 0 5px 0; font-weight:bold; }
.ppbox dd { font-size:14px; margin:0 0 20px 0; }


.br_pc { display: block; }
.br_sp { display: none; }

/*------------------------------------------------------------
�}�[�W��
------------------------------------------------------------*/
.m0    {margin:0px; padding:0px; }
.mt_2  { margin: 2px 0px 0px 0px; padding:0px; }
.mt_3  { margin: 3px 0px 0px 0px; padding:0px; }
.mt_4  { margin: 4px 0px 0px 0px; padding:0px; }
.mt_5  { margin: 5px 0px 0px 0px; padding:0px; }
.mt_10 { margin: 10px 0px 0px 0px; padding:0px; }
.mt_20 { margin: 20px 0px 0px 0px; padding:0px; }
.mt_30 { margin: 30px 0px 0px 0px; padding:0px; }
.mt_40 { margin: 40px 0px 0px 0px; padding:0px; }
.mt_50 { margin: 50px 0px 0px 0px; padding:0px; }

.mb_3  { margin: 0px 0px 3px 0px; padding:0px; }
.mb_5  { margin: 0px 0px 5px 0px; padding:0px; }
.mb_10 { margin: 0px 0px 10px 0px; padding:0px; }
.mb_20 { margin: 0px 0px 20px 0px; padding:0px; }
.mb_30 { margin: 0px 0px 30px 0px; padding:0px; }
.mb_40 { margin: 0px 0px 40px 0px; padding:0px; }
.mb_50 { margin: 0px 0px 50px 0px; padding:0px; }

.ml_10 { margin: 0px 0px 0px 10px; padding:0px; }
.ml_20 { margin: 0px 0px 0px 20px; padding:0px; }
.ml_30 { margin: 0px 0px 0px 30px; padding:0px; }
.ml_40 { margin: 0px 0px 0px 40px; padding:0px; }