@charset "Shift_JIS";

/* ======================================================
 general items
====================================================== */
a {
    color: #3465CB;
    cursor: pointer;
}

.end {
	margin-bottom: 0!important;
}

.red {
	color: #E40000!important;
}

.overray {
    background-color: #F6F9FD!important;
    font-size: 14px;
    text-align: center;
}

.overray table {
    font-size: 12px !important;
    margin: 7px auto;
}


/* line-height
---------------------------------------------- */
.lineH13 { line-height: 1.3em!important;}
.lineH14 { line-height: 1.4em!important;}
.lineH16 { line-height: 1.6em!important;}


/* ======================================================
 layout
====================================================== */
/* layout
---------------------------------------------- */
.section {
	margin-bottom: 30px;
}

.innerBlock {
	clear: both;
	margin-bottom: 30px;
}

.leftArea {
	float: left;
	width: 70px!important;
	margin-right: 10px;
}

.centerArea {
	float: left;
	width: 500px!important;
}

.rightArea {
	float: right;
	width: 70px!important;
}

.caption01,
.caption02 {
	font-size: 11px!important;
}


/* ======================================================
 contetns
====================================================== */
/* flow
---------------------------------------------- */
dl.flow {
	display: block;
}

dl.flow dt {
	clear: both;
	width: 660px;
	height: 46px;
	margin: 0!important;
	padding: 0!important;
}

/*dl.flow dt {
	background: url(../images/bg_flow.gif) no-repeat left bottom;
	clear: left;
	float: left;
	width: 46px;
	height: auto;
}*/

dl.flow dd {
	background: url(../images/bg_flow.gif) no-repeat left bottom;
	width: 598px;
	*width: 650px;
	padding: 15px 0 15px 62px;
}

dl.flow dd.end {
	background: none!important;
}

dl.flow dd .left {
	float: left;
	width: 31px;
	margin: 0!important;
	*margin-right: 10px;
	padding: 0!important;
}

dl.flow dd .right {
	float: right;
	width: 550px;
	*width: 530px;
	margin: 0!important;
	padding: 0!important;
}

dl.flow dd .right p.card {
	font-size: 14px;
	color: #666;
}

dl.flow dd .right p.red {
	color: #e40000;
}

.norikae h4.ttl {
	background: url(../images/ttl_h4.gif) no-repeat left top!important;
    height: 18px!important;
    *height: 38px!important;
	color: #333;
	margin: 0 0 5px!important;
	padding: 10px 5px!important;
	line-height: 1em!important;
}

.norikae .left01 {
	float: left;
	width: 80px;
}

.norikae .right01 {
	float: right;
	width: 540px;
	margin-top: 10px;
	text-align: left;
}


/* -------------------------------------
basic
----------------------------------------*/
.orange {
	color:#F06102;
}
.caption01, .caption02 {
	width:auto;
	clear:both;
}
.clearboth {
	clear:both;
}
.cont {
	padding-bottom:30px;
}


/* -------------------------------------
overray
----------------------------------------*/
.overray {
	text-align:center;
}
.overray .title {
	color: #1A3795;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding-bottom:10px;
}
.overray .txtnormal {
	text-align:left;
	margin:0;
}


/* -------------------------------------
point_caram
----------------------------------------*/
ul#point_caram {
	width:660px;
	margin-top:10px;
}

ul#point_caram li {
	display:block;
	width:209px;
	background:url(../images/point_caram_bg_01.gif) left bottom no-repeat;
	text-align:center;
	float:left;
	margin-right:15px;
}

ul#point_caram li img {
	margin:0 auto 10px;
}
ul#point_caram li p {
	margin:0 10px 10px;
	display:block;
	text-align:left;
}
ul#point_caram li ul {
	margin:0 10px 10px;
	display:block;
	text-align:left;
}
ul#point_caram li ul li {
	text-indent:-7px;
	padding-left:7px;
	width:auto;
	background-image:none;
	text-align:left;
	margin-right:0;
	float:none;
}
ul#point_caram li ul li.popup {
	text-align:right;
	margin-bottom:10px;
}
ul#point_caram li ul li.popup img {
	margin-bottom:0;
}
ul#point_caram li img.title {
	margin:0 0 10px;
}
ul#point_caram li.end {
	display:block;
	width:210px;
	background:url(../images/point_caram_bg_02.gif) left bottom no-repeat;
	text-align:center;
	float:left;
	margin-right:0;
}


/* -------------------------------------
join_area
----------------------------------------*/
.join_area {
	text-align:center;
	clear:both;
	margin-bottm: 20px;
}
.kohen_box {
	display: block;
	width: 510px;
	border: 1px solid #ccc;
	padding: 10px;
	margin:20px auto 0;
}


/* -------------------------------------
table
----------------------------------------*/
table.price {
	border-collapse:collapse;
	border:1px solid #a1a29e;
	font-size:12px;
	clear:both;
	margin:5px 0 10px 0;
}
table.price th {
	background-color:#fed19c;
	border:1px solid #a1a29e;
	text-align:center;
}
table.price th span {
	font-weight:normal;
}
table.price th.type {
	text-align:left;
}
table.price td {
	border:1px solid #a1a29e;
	background-color:#ffffff;
	padding:5px;
}
table.price .bg01 {
	background-color:#fff8db;
}
table.price .bg02 {
	background-color:#f6f6f6;
}
table.price td strong .red {
	font-size:24px;
	line-height:100%;
}
table.price td div {
	margin:5px;
	text-align:left;
}
table.price td li.leftside {
	float:left;
	display:block;
	width:250px;
	clear:both;
}

table.flets_table {
    border-collapse: collapse;
    clear: both;
}

.flets_table th {
    background-color: #BAE5FF;
    border: 1px solid #BABCBD;
    border-collapse: collapse;
    font-weight: bold;
    padding: 5px 10px;
}

table.flets_table td {
    border: 1px solid #BABCBD;
    border-collapse: collapse;
    padding: 5px 10px;
    text-align: center;
}

.flets_table .bg02 {
    background-color: #DAF1FF;
    font-weight: normal;
}

table.flets_table .bd-n-b {
    border-bottom: medium none !important;
}

table.flets_table .bd-n-l {
    border-left: medium none !important;
}

table.flets_table .bd-n-t {
    border-top: medium none !important;
}

table.flets_table .mprice_01 {
    background: url(../../../images/img_charge01.gif) no-repeat center bottom;
    padding-bottom: 62px;
}

table.flets_table .mprice_02 {
    background: url(../../../images/img_charge02.gif) no-repeat center bottom #F6F6F6;
    padding-bottom: 66px;
}

table.flets_table .mprice_03 {
    background: url(../../../images/img_charge03.gif) no-repeat center bottom;
    padding-bottom: 70px;
}

table.flets_table .mprice_04 {
    background: url(../../../images/img_charge04.gif) no-repeat center bottom #F6F6F6;
    padding-bottom: 106px;
}

/* -------------------------------------
overray
---------------------------------------- */
#overlay_box_01 {
	top:0;
	left:0;
 *top:0;
 *left:-150px;
}
#overlay_box_02 {
	top:0;
	left:0;
 *top:0;
 *left:-150px;
}
#overlay_box_03 {
	top:0;
	left:0;
 *top:0;
 *left:-150px;
}

#overlay_course02 {
	top: -153px;
	*top: -175px;
	left: 0;
}

#overlay_course03 {
	top: -105px;
	*top: -170px;
	left: 0;
}