@charset "utf-8";

/*
 * module styles
 */
 
/* common styles */
.contents_wrap {
    background-color: #eeeeee;
    /*padding: 10px 10px 20px 10px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.pos-rel-init { position: inherit!important; }
.site_frame {
  width: 960px;
  margin: 68px auto 0;
	margin-bottom:30px;
}
.site_frame_header {
  width: 100%;
  margin: 0 auto;
	margin-top:5px;
}
.site_frame_footer {
  width: 960px;
	margin:0 auto;
	margin-top:50px;
	text-align:center !important;
}
.hide { display: none; }
.header_underline { 
}
.stepflow_box { padding: 30px 0 20px; }

.stepflow_sp_box { display: none; }
@media screen and (max-width: 760px) {
  /*.stepflow_box { display: none; }*/
  .stepflow_sp_box {
    padding-top: 15px;
    text-align: center;
    display: block;
  }
}

.description-each_course {
  padding-top: 20px;
  font-size: 17px;
  line-height: 1.8;
}
.description-each_contents {
  padding-top: 25px;
  width: 870px;
  margin: 0 auto;
}
.description-each_contents-attentions { color: #e01c1c; }
.description-each_contents-attentions_bold {
	background-color: #e01c1c;
	color:#FFFFFF;
	font-weight:bold;
}

@media screen and (max-width: 940px) {
  /*.site_frame { width: 95%; }*/
  .description-each_contents { width: 100%; }
}
@media screen and (max-width: 760px) {
  .description-each_course { line-height: 1.4; }
}
.description-each_contents02 {
  padding: 5px 0 20px;
  margin: 0 auto;
}
/* btn style */
.btn-right_arrow {
  background: url(/order/img/icon_right_arrow.png) center right no-repeat;
  color: #fff;
  padding: 0 25px 0 5px;
  min-height: 15px;
  display: inline-block;
}
.btn-right_arrow_down {
  background: url(/order/img/icon_select_pulldown_white.png) center right no-repeat;
  color: #fff;
  padding: 0 25px 0 5px;
  min-height: 15px;
  display: inline-block;
}
.btn-left_arrow {
    background: url(/order/img/icon_left_arrow.png) center left no-repeat;
    color: #fff;
    padding: 0 5px 0 25px;
    min-height: 15px;
}
.btn-right_close {
  background: url(/order/img/icon_close.png) center right no-repeat;
  color: #fff;
  padding: 0 35px 0 5px;
  min-height: 15px;
  display: inline-block;
	font-size:18px;
}
.btn-mini-txt {
    color: #fff;
}

.btn-middle-txt {
  color: #fff;
  padding: 0 5px 0 5px;
  min-height: 15px;
  display: inline-block;
}

.btn-normal_mode {
  padding: 5px 20px;
  border-radius: 5px;
  display: inline-block;
}
.btn-normal_mode_white {
  color: #fff;
  padding: 0px 20px;
  border-radius: 5px;
  display: inline-block;
}
.btn-normal_mode_white02 {
  color: #fff;
  border-radius: 5px;
  display: inline-block;
}
.btn-block_mode {
  display: block;
  padding: 15px 20px;
  border-radius: 5px;
  text-align: center;
  font-size: 24px;
}
.btn-white_mode_s {
  display: block;
  padding: 15px 20px;
  border-radius: 5px;
  text-align: center;
  border: solid 1px #d2d2d2;
}
.btn-block_mode_middle {
  display: block;
  padding: 13px 20px;
  border-radius: 5px;
  text-align: center;
  border: solid 1px #d2d2d2;
}
.btn-block_mode_mini {
    display: block;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 10px 0px 0px 0px;
    float: left;
    width: 91%;
}
.btn-block_mode_delete {
    display: block;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
		margin-bottom:10px;
}
.btn-block_mode_top-order {
  display: block;
  padding: 5px 0px;
  border-radius: 5px;
  text-align: center;
  font-size: 24px;
	text-decoration:none;
	color:#fff;
}
@media screen and (max-width: 760px) {
  .btn-right_arrow { padding-right: 20px; }
  .btn-left_arrow { padding-left: 20px; }
  .btn-right_plus { padding-left: 20px; }
  .btn-left_login { padding-left: 20px; }
  .btn-left_arrow02 { padding-left: 20px; }
  .btn-block_mode,
  .btn-normal_mode_white,
    .btn-white_mode_s {
    /*padding: 15px 3px;*/
    font-size: 16px;
  }
}

.btn-hover_opacity:hover {
  opacity: .6;
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .6;
	-moz-opacity: .6;
	text-decoration: none;
}


/* title style */
.title-page_main {
  font-size: 18px;
  padding-left: 20px;
  line-height: 1;
  margin-top: 20px;
}

.title-each_contents {
  padding: 10px 20px;
  font-size: 18px;
  margin-top: 30px;
}

@media screen and (max-width: 760px) {
  .title-page_main {
    margin-top: 20px;
    font-size: 16px;
  }
  .title-each_contents { font-size: 16px; }
}


/* color valiation */
.title-black {
  color: #1b1b1b;
}

.title-bg_light_green { background-color: #d3e9ea; }
.bg-light_green { background-color: #f1f8f8; }
.bg-light_gray { background-color: #f1f1f1; }
.bg-skyblue { background-color: #3ac4cf; }
.bg-dark_gray { background-color: #999999; } 
.bg-deep_gray {background-color: #7d7d7d;}
.bg-black_gray {background-color: #434343 ;}
.bg-dark_red { background-color: #ea002a; } 
a:link.bg-dark_gray,
a:link.bg-deep_gray,
a:link.bg-black_gray {
	color: #999999;
    text-decoration: none;
} 

#two_left{
  float: left;
  width: 48%;
  border:solid #cccccc 1px;
  padding:5px;
  min-height:400px;
}

#two_right{
  float: right;
  width: 48%;
  border:solid #cccccc 1px;
  padding:5px;
  min-height:400px;
}

#two_left .title-each_contents,
#two_right .title-each_contents{
	margin-top:0px;
}

.innerbox{
	padding:10px;
}

@media screen and (max-width: 760px) {
#two_left,
#two_right{
  float: none;
  width: 100%;
  min-height:0px;
  border:none;
  padding: 5px 0;
}
}

#contents{
	min-height:444px;
}

@media screen and (max-width: 760px) {
#contents{
  min-height:0px;
}
}



.clear{
	clear:both;
}

.fleft{
	float:left;
}

.m10b{
	margin-bottom:10px;
}

.m10t{
	margin-top:10px;
}

.p10tb{
	padding:10px 0;
}

.p20b{
	padding-bottom:20px;
}

/*
.p20l{
	padding-left:20px;
}*/

h4{
	font-size: 16px;
	font-weight: bold;
}

.ml0 { margin-left: 0 !important; }

.tap_area { line-height:2.4;}
.txt_deco01 {font-weight:bold;}

.description-each_contents.txt_contents {
	padding: 10px 0 0;
}
.description-each_contents.txt_info {
	padding: 10px 0 0;
	font-size:12px;
}
.m20t { margin-top:20px; }
.m20b { margin-bottom: 20px; }
.pink_line {
  background:#ffffff;
  border: solid 3px #ec7a9b;
  line-height: 32px;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
.go_ahead_descriotions { font-size: 16px; }
.txt_info_red { color:#ec7a9b; }
.txt_info_b { font-weight:bold; }
.txt_info {font-size:12px; }

a.txt_top_w:link  {
	font-size:24px;
	color:#fff;
	text-decoration:none;
}

a.txt_top_w:visited {
	font-size:24px;
	color:#fff;
	text-decoration:none;
}

a.txt_top_w:hover {
	font-size:24px;
	color:#CCC;
	text-decoration:none;
}

a.txt_top_w:active {
	font-size:24px;
	color:#fff;
	text-decoration:none;
}
/*index*/

.top-textarea {
	margin-top:10px;
}

@media screen and (max-width: 760px) {
  .sp_auto_center { margin: 0 auto; }
  .sp_wide100 { width: 100%; }
}

.login_area {
  width: 50%;
  border:solid #cccccc 1px;
  margin: 0 auto;
}
.login_area .title-each_contents {
	margin-top:0px;
}
.confirm_area {
  background:#ffffff;
  border: solid 1px #d2d2d2;
  line-height: 32px;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
    margin: 10px;
    position: relative;
}
.confirm_area_left {
  background:#ffffff;
  border: solid 1px #d2d2d2;
  line-height: 24px;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
    margin: 10px;
    width: 45%;
    float: left;
    min-height: 210px;
}
.confirm_area_right {
  background:#fff;
  border: solid 1px #d2d2d2;
  line-height: 32px;
  font-size: 15px;
  padding: 10px;
    margin: 10px;
    width: 45%;
    float: right;
    color: #1b1b1b;
}
.confirm_details {
    display: inline-block;

}
.confirm_price {
    display: table;
    background-color: #1b1b1b;
    color: #fff;
    width: 20%;
    float: right;
    position:absolute;
    bottom:10px;
    right:10px;
    padding: 10px 0 10px 10px;
    text-align: right;
    font-size:24px;
    border: solid 1px #d2d2d2;
}
.design_up_price_txt {
    display: table;
    background-color: #1b1b1b;
    color: #fff;
    float: right;
    padding: 5px 5px 5px 10px;
    text-align: left;
    font-size: 24px;
    border: solid 1px #d2d2d2;
    width: 195px;
    text-align: right;
}
.design_data_delete {
    display: table;
    background-color: #1b1b1b;
    color: #fff;
    float: left;
    padding: 10px 0 10px 10px;
    text-align: left;
    font-size:24px;
    border: solid 1px #d2d2d2;
}
.confirm_area #table {
    display: table;
    float: left;
    width: 100%;
}
.confirm_area .row {
    display: table-row;
}
.confirm_area .row > div {
    display: table-cell;
    color: #1b1b1b;
    padding: 5px 10px;
    font-size: 14px;
}
.confirm_right {
    text-align: right;
}
.confirm_price_txt_s {
    font-size:16px;
}

.design_up_wrap {
  line-height: 32px;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
	margin: 10px;
	position: inherit;
	overflow:hidden;
}

.form_title {
	float:left;
/*	position:absolute;*/
	height: 55px;
	font-size:24px;
	font-weight:bold;
}

.form_title-set {
	float:left;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}

.conditions_select {
  line-height: 32px;
  font-size: 15px !important;
	overflow:hidden;
}

.select1 {
    float: left;
    width: 23%;
    text-align: center;
}

.select2 {
    float: left;
    width: 23%;
    margin-left: 18px;
    text-align: center;
}

.select3 {
    float: left;
    width: 25%;
    margin-left: 18px;
    text-align: center;
}

.select4 {
    float: left;
    width: 23%;
    margin-left: 18px;
    text-align: center;
}

.select1-set {
	float:left;
	width:32%;
	text-align:center;
	height:45px;
	background-color:#3ac4cf;
	font-size:20px;
	color:#fff;
	line-height:45px;
}

.select2-set {
	float:left;
	width:32%;
	margin-left:18px;	
	text-align:center;
	height:45px;
	background-color:#3ac4cf;
	font-size:20px;
	color:#fff;
	line-height:45px;
}

.select3-set {
	float:left;
	width:32%;
	margin-left:18px;	
	text-align:center;
	height:45px;
	background-color:#3ac4cf;
	font-size:20px;
	color:#fff;
	line-height:45px;
}

.design_up_brock1 {
	float:left;
	width:49%;
	text-align:left;
}
.design_up_brock2 {
	float:left;
	width:49%;
	margin-left:18px;	
	text-align:left;
}
/*
.design_up_brock3 {
	float:left;
	width:32%;
	margin-left:18px;	
	text-align:center;
}
*/
.design_up_price {
    clear: both;
}
.drop-box {
	background: #fff;
	border: 1px solid #DDD;
	width: 100%;
	height: auto;
	min-height: 184px;
	text-align: center;
	padding: 40px 0 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.design_up_title {
    margin-top: 10px;
}
.item_delete {
    display: inherit;
}
.item_delete input {
	padding: 0;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 10px 0px 0px 7px;
	width: 33px;
	height: 32px;
	background: url(/order/img/icon_close.png) no-repeat 6px center #434343;
	text-indent: -9999px;
	outline: none;
	border: none;
}

.att_txt {
	font-size:14px;
	font-weight:normal;
}

.complete_area {
	background:#ffffff;
	border: solid 1px #d2d2d2;
	line-height: 28px;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 10px;
	position: relative;
}

.complete_area_contact {
	position:relative;
	left:580px;
}

.complete_area_info {
	background:#000000;
	line-height: 28px;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	margin: 10px 50px;
	position: relative;
	color:#ffffff;
}

.complete_area_info_text {
	font-size: 15px;
}

.complete_area_info_price {
	font-size: 30px;
}

.order_complete_msg_bank {
	font-weight:bold;
	margin-left:70px;
}