ˋ@charset "utf-8";

/*STYLE CLEAR*/
h4#btn_menu{ display: none;}

#rwd_nav { display: none;}

#normal_nav{ /*pc*/
	display: block;}

#off{
	display: none;
}


/*共用*/
.MarginAuto {
 margin:0 auto;
}
.ClearBoth {
 clear:both;
}
.floatLeft {
 float:left;
}
.floatRight {
 float:right;
}
.DisplayInBlock {
 display:inline-block; margin-bottom: 30px
}

.red{color:#ff0000;}
.blue{color:#1785e9;}
.orange{color:#cc6600;}
.red span{color:#ff0000;font-size:1.55em;font-weight:bolder;line-height: 260%;}
.blue span{color:#1785e9;font-size:1.55em;font-weight: bolder;line-height: 260%;}
.gray{ color:#999; margin-left: 30px}
.gray2{ color:#999; margin: auto 2% }
.fs{ font-size: 60%}
.txt_left{text-align: left !important}
.oldblue{color:#768da4 !important;}
.title {color:#768da4 !important;margin-top: 30px; margin-left: 0.8em; line-height: 160%; margin-right: 0.8em; letter-spacing: 0px }

article h2{font-weight:700;color:#252525;margin:0.8em auto 0.8em;}
article section{width:100%;margin: auto;}
section h3{font-weight:500;color:#252525;margin:1.0em auto 0em;padding:10px 15px;background:#f7f7f7;border-radius: 2px; line-height: 140%}
section h3.second{background:none;}

section h4 {
	color: #252525;
	font-size: 120%;
	font-weight:500;
	padding-left: 15px;
	margin: 10px 0 10px 2%;
	background-image: url(../images/icon_arrow-gray.png);
    background-repeat: repeat-y
}

article h2 span, article h3 span {font-size:0.8em;font-weight:normal;}


section ul{width:95%;margin:20px auto;}
section ul ul{width:95%;margin:1px auto;}
section ul li{margin-left:5%;line-height:160%;list-style-type:decimal;}
section ul li img{clear:both;display:block;}


section ol{ width:100%;margin:10px auto;}
section ol li{line-height:200%;list-style-type:decimal;}
section ol li img{clear:both;display:block;}

section img {
	width: 100%;
    display: block;
    height: auto;
	margin: 0 auto;
	
}

section a{ color: #314da5; text-decoration: underline;}
section a:visited{ color: #314da5;}
section a:hover{ color: #414da5;}
section a:active{ color: #dd4b39;}

section p {
  font-size: 100%;
  line-height: 160%;
  margin: 1em 3%;
}

.topbanner{margin:1.5% auto 0;max-width:1280px;width:100% !important}

 /*----------------------------------
	INDEX
----------------------------------*/


 /*---------------
	contact
---------------*/

.contact{
 	margin: 0 auto;
}

.contact ul li {
  line-height: 200% !important; 
  list-style-type: disc; 
  margin-left: 2.0em
}
.contact ul li ul li {
  line-height: 160% !important; 
  list-style-type: decimal; 
  margin-left: 0px
}



.contact_nolist{
 	margin: 0 auto; 
	padding: 0 auto
}



.contact_nolist ul li {
  line-height: 200% !important; 
  list-style-type: none; 
  margin-left: 5px
}


.qa_box{
	margin: 0 auto;
}

.qa_box li{
  line-height: 200% !important; 
  list-style-type: none; 
  margin-left: 0;
	font-size: 1.13em
}

.qq{ font-weight:bold}
.aa{ padding-bottom: 3%; /*color:#314da5*/}

.member_login
{
    display: block;
    width: 100%;
    margin: 0px auto 30px;
	line-height: 160%;
    display: block;
    float: left;
    height: auto; 
	border: 1px solid #768da4;
	padding: 2% 2% 0px
}

.login_box
{
    line-height: 160%;
	font-size: 1em;
	text-align: center;
	float: left; 
	display: block;
	width: 20%; height:auto;
	margin:0 auto 5%; 
}
.login_box h2
{
    line-height: 160%;
	font-size: 2.4em;
	text-align: left;
	float: left; 
	display: block;
	margin:0 auto ; 
	clear: both
}
.login_box h3
{
    line-height: 160%;
	font-size: 1.2em;
	text-align: left;
	float: left; 
	display: block;
	margin:0 auto ; 
	clear: both;
	background: #fff;
	padding: 0;
	color:#768da4;
	font-weight: bold
}

.login_box h3 a
{
   text-decoration: none;
   color:#768da4
}

.login_box h3 a:hover
{
   text-decoration: underline;
}

.member_login dt h4
{  
   
  margin-top: 0.4em !important;
  margin-bottom: 0.2em !important

}
.member_login dd
{  margin: 0 0 0 5%

}

.member_login dd h2
{  font-size: 2.8em;
   color:#768da4;
   

}

.member_login dl
{
    line-height: 160%;
	font-size: 1em;
	text-align: left;
	float: right; 
	display: block;
	width: 80%; height:auto;
	margin:0 auto 3%;  
}

.center_box{text-align: center} 

.right_more{ float: right;color:#768da4;}
.right_more a{ text-decoration: none}

.right_more2{ float: right; font-size: 50% !important;color:#768da4;}
.right_more2 a{ text-decoration: none}

.space{ padding-bottom: 30px}


hr.style1{
	border: 1px dashed #999999;
}

.txt_L{font-size: 200%; color:#768da4; padding: 5%; padding-right: 0 !important}

.arrow {
  border: solid #768da4;
  border-width: 0px 3px 3px 0;
  display: inline-block;
  padding: 3px; 
  transform: rotate(-45deg);
  vertical-align: 2px
}







.remind_plan{ margin: 0 auto; margin-bottom:5%}
.remind_plan li{ line-height: 200% !important; list-style-type: decimal !important; margin-left: 2.0em}







/*----------------------
	input info
-----------------------*/


.login{padding:30px auto 20px;width:100%; margin:0 auto;border: 0px solid #ececec;}
.login img{vertical-align:middle; display: inline-table; width: auto;}
.login h2{margin-left:18px !important;}    
.login h2 img{margin-bottom:8px; }   


.info{width:90% !important;margin:10px auto !important;padding-top:10px;}
.info p {
  margin: 10px auto 5px;
  overflow:hidden;color:#555;display:block;
  text-align:left;
  width:95%;
}
.info p img{  vertical-align:middle; margin-bottom:8px; display: inline-table; }
.info p label{width:30%;float:left;font-size:110%;color:#555!important;line-height:1 !important;}

.info_box p {

}

.member_txt{
	font-size: 1.13em
}

.info_message { font-size:1.4em; line-height: 200% !important} 

.forget a {
	margin:0 5px 0 0;
    color: #314da5;
    letter-spacing: 0.05em;
	float:right;
	font-size:14px;
}
.forget a:hover{
	text-decoration:underline;
    }

#alert {
	background-color:#fdecec;
    color: #BD0306;
    display: block;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin:0px auto;
    padding: 8px 5px 6px 5px;
	width:45%;
	text-align:center;
}

.txt_L {  text-align: left !important;}
.txt_C {  text-align: center !important;}
.txt_R {  text-align: right !important;}

.info {color:#555;}
.info label{
	width:20%;
	font-size:1.1em;
	color:#666;
	}

.info input,.info select,.info span,.info p,.info img,.info textarea,.info label{float:left;margin-right:10px;line-height:1;}
.enabled-list,.name-list{
	margin: 20px auto 0px;
    overflow: hidden;
    display: block;
    text-align: left;
	clear:both;
	line-height:3em;
	}

.choice-list{
	margin: 20px auto 0px;
    overflow: hidden;
    display: block;
    text-align: left;
	clear:both;
	line-height:3em;
	}


.enabled-list img{
	width: auto;	
    display:inline;
	margin:0 5px;
	vertical-align: top
	}


.icon_plus img{
	width: auto;	
    display:inline;
	margin:10px 5px;
	vertical-align: middle
	}

.enabled-list span{
	float: left;display: block; margin-left:0;
	color:#666;
	margin: 0px 35px 10px 0px;
}

.enabled-list.hb{	
	height:60px;
	width:100%;
	line-height:280%;
}

.enabled-note{
	margin: 5px 0 5px 85px;
	color:#333;
	font-size:14px;
	}

.enabled-list label,.name-list label{
	margin: 10px 10px 5px 0px;
	vertical-align: top;
	line-height: 1.6em
	}

.choice-list label{
	margin: 10px 10px 5px 0px;
	vertical-align: top;
	line-height: 1.6em;
	}

.enabled-list p{
	font-size: 100%;
	color:#666;
	margin: 10px 10px 5px 0px;
	vertical-align: top
	}

.name-list span{
	margin-top:15px;
	padding:0 0px;
	}

.choice-list span{
	margin-top:0px;
	padding:0px;
	width: 75%
	}

.pblist {
  margin: 20px auto;
  overflow: inherit;
  display: block;
  text-align: left;
  clear: both;
}

.line_normal {
  float: left;
  margin-left: 21%;
  width: 80%;
  /*margin-top: 10px;*/
  margin-bottom: 10px
}

.line_normal span{
 
}

.note {
  font-size: 1.0em;
  width: 90%;
  float: left;
  line-height: 120% !important;}

.enabled-list input ,
.enabled-list select, 
.enabled-list textarea,
.pblist input ,
.enabled-list select, 
.enabled-list textarea,
.pblist2 input ,
.enabled-list select, 
.enabled-list textarea,
.pblist3 input ,
.enabled-list select,
.enabled-list textarea{
	margin-right:10px;
	margin-bottom: 5px;
    padding: 10px 10px ;
	font-family:"微軟正黑體", Arial, sans-serif;
	letter-spacing:0.1em;
	border-radius: 4px;
    border: 1px solid #999;
	text-align: center;
    color: #9D9D9D;
	}

.pblist select {
  border-radius: 4px;
  border: 1px solid #999;
  padding: 8px 10px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  text-align: center;
  color: #9D9D9D;
  width: 12%;
  display: block;
  float: left;
  margin-right: 5px;
  height: 40px;
}

.name-list input{
	margin-right:10px;
	margin-bottom: 10px;
    padding: 10px 10px ;
	font-family:"微軟正黑體", Arial, sans-serif;
	letter-spacing:0.1em;
	border-radius: 4px;
    border: 1px solid #999;
	text-align: center;
    color: #9D9D9D;
	}

.choice-list input{
	margin-right:10px;
	margin-bottom: 10px;
    padding: 10px 10px ;
	font-family:"微軟正黑體", Arial, sans-serif;
	letter-spacing:0.1em;
	border-radius: 4px;
    border: 1px solid #999;
	text-align: center;
    color: #9D9D9D;
	}
.choice-list input[type="radio"]  {
  width: auto !important; display: block !important; margin-top: 15px;  
  }
.choice-list input[type="checkbox"]  {
  width: auto !important; display: block !important; margin-top: 15px;  
  }

.name-list input[type="radio"]  {
  width: auto !important; display: block !important;
  }
.pblist input[type="radio"]  {
  width: auto!important; display: block !important;
  }
.enabled-list input[type="radio"] {
	display: none;
}

.enabled-list  input[type="radio"] + label {
	display: inline-block;
	background-color: #ccc;
	cursor: pointer;
	padding: 5px 10px;
	width: 30%;
}


.enabled-list  input[type="radio"]:checked + label {
	background-color: #b1dcfb;
	color: #333;
}


.enabled-list textarea {
    height: 150px;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 10px 10px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    text-align: center;
    color: #666;
}

.enabledbox span {
    margin: 10px 10px;
    color: #555;
}

input#date_1, input#date_2 { 
}
	input#add_1, input#add_2, input#add_3, input#add_4 { 
	
}
   input#add_5, input#add_6, input#add_7 { 
	 
}
	input#add_8, input#add_9, input#add_10, input#add_11 { 
	
}
input#ip_1,input#ip_2,input#ip_3,input#ip_4,input#ip_5,input#ip_6,input#ip_7,input#ip_8,input#ip_9,input#ip_10,input#ip_11,input#ip_12,input#ip_13,input#ip_14,input#ip_15,input#ip_16 {
  width: 7%; 
}

input#bill_01{
  width: 58% ; 
}

input#bill_02 {
  width: 58%; margin-left: 2% 
}
select#bill_03  {
  width: 46%; margin-left: 15px 
}
select#birth_year, select#birth_month, select#birth_day  {
  width: 15%;
	margin-bottom: 30px
}

select#sel_zip, select#sel_city, select#sel_district, select#sel_street, select#sel_street_list, select#credit_card_year, select#credit_card_month {
  width: auto;
}


.date_txt {
    margin: 0px 5px 0px 0px !important;
  line-height: 260% !important;
  font-size: 110%;
  }

.date_txt2  {
  margin: 0px 5px 0px 0px!important;
  line-height: 260% !important;
  font-size: 110%;
  }

.date_txt3  {
  margin: 12px 5px 0px 0px!important;
  line-height: 180% !important;
  font-size: 110%;
	font-weight: 600
  }

.W80 { width:100% !important;}
.W70 { width:90% !important;}
.W50 { width:50% !important;}	
.W68 { width:68% !important;}
.W62 { width:62% !important;}
.W60 { width:80% !important;}
.W42 { width:43% !important;}
.W30 { width:30% !important;}	
.W25 {width:25% !important;}
.W15 {width:15% !important;}

.add_d{
	width: 55% !important; 
}

/*----------------------
	BUTTON
-----------------------*/
.btn_a{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:8px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;white-space:nowrap;
}
.btn_a:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}
.btn_a:active {
	position:relative;
	top:1px;
}
.btn_a:visited{color:#313030;}
.btn_b {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:6px 15px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffffff 5%, #fafafa 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #fafafa) );
	background-color:#ffffff;
	color:#777777;
	display:inline-block;
	text-shadow:-4px -7px 0px #ffffff;
 	-webkit-box-shadow:inset -6px -2px 6px 0px #ffffff;
 	-moz-box-shadow:inset -6px -2px 6px 0px #ffffff;
 	box-shadow:inset -6px -2px 6px 0px #ffffff; margin:0 1%
}.btn_b:hover {
	background:-moz-linear-gradient( center top, #fafafa 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #fafafa 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fafafa), color-stop(100%, #ffffff) );
	background-color:#fafafa;
}.btn_b:active {
	position:relative;
	top:1px;
}

.btn_c{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:10px 80px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;white-space:nowrap;
	margin: 5px auto 10px 25px; width: 85%; text-align: center; display: block
}
.btn_c:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}
.btn_c:active {
	position:relative;
	top:1px;
}
.btn_c:visited{color:#313030;}

.btn_d {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:10px 50px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffffff 5%, #fafafa 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #fafafa) );
	background-color:#ffffff;
	color:#777777;
	display:inline-block;
	text-shadow:-4px -7px 0px #ffffff;
 	-webkit-box-shadow:inset -6px -2px 6px 0px #ffffff;
 	-moz-box-shadow:inset -6px -2px 6px 0px #ffffff;
 	box-shadow:inset -6px -2px 6px 0px #ffffff; 
	margin:0 1%
}.btn_d:hover {
	background:-moz-linear-gradient( center top, #fafafa 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #fafafa 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fafafa), color-stop(100%, #ffffff) );
	background-color:#fafafa;
}.btn_d:active {
	position:relative;
	top:1px;
}


/*----------------------
	submit
-----------------------*/
section .submit{
	clear:both;overflow:hidden;font-size:110%;
	width: 100%;
	margin: 30px auto 50px;
	text-align: center;
}
section .submit input.button_contact{
	border: 1px solid #fbce23;
	background: -webkit-gradient(linear, left top, left bottom, from(#fee158), to(#fdc617));
	background: -webkit-linear-gradient(top, #fee158, #fdc617);
	background: -moz-linear-gradient(top, #fee158, #fdc617);
	background: -ms-linear-gradient(top, #fee158, #fdc617);
	background: -o-linear-gradient(top, #fee158, #fdc617);
	background: linear-gradient(top, #fee158, #fdc617);
	background-color: #fdca3d\9;
	padding: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #242424;
	font-size: 110%;
	font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	margin:30px 12px 0px; 
	width:40%; 
}
section .submit input.button_contact:hover,section .submit input.button_contact2:hover,section .submit input.button_contact3:hover,
section .submit2 input.button:hover, section .submit section.button2:hover{
 border: 1px solid #f2c85c;
 background: -webkit-gradient(linear, left top, left bottom, from(#f2c85c), to(#f0af0b));
	background: -webkit-linear-gradient(top, #f2c85c, #f0af0b);
	background: -moz-linear-gradient(top, #f2c85c, #f0af0b);
	background: -ms-linear-gradient(top, #f2c85c, #f0af0b);
	background: -o-linear-gradient(top, #f2c85c, #f0af0b);
	background: #ffd359\9;
}
section .submit input.button{
		width:40%; 
	    margin:0px 12px 10px; 
		padding: 10px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-size: 110%;
		font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
		text-decoration: none;
		vertical-align: middle;
		}
section .submit input.button{
		border: 1px solid #FFFFFF;
		background:-moz-linear-gradient( center top, #333 5%, #000 100% );
	background:-ms-linear-gradient( top, #333 5%, #000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #333), color-stop(100%, #000) );
	background-color:#000;
	color:#fff;
	display:inline-block;
		}
section .submit input.button:hover{
		border: 1px solid #FFFFFF;
		background:-moz-linear-gradient( center top, #000 5%, #333 100% );
	background:-ms-linear-gradient( top, #000 5%, #333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#333');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000), color-stop(100%, #333) );
	background-color:#000;
		}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	#wrap {
  width: 100%;

}
	
	
.line_normal {
  float: left;
  margin-left: 0;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
}
	

	
.contract dd {
    line-height: 1.25em;
}

.contract ul li:last-child {
    margin-right: auto;
}
	
.contract ul li {
  width:32.3%;
  float:left;  text-align:center;	
  margin:5px;
  list-style: none
}	
	

.remind_cbox{ width: 95%;
  margin: 20px auto;}
	

	
.enabled-list label,.name-list label{
	width: 100% !important
	}

.enabled-list input,.name-list input{
	width: 60% !important
	}

.info label.m_info{ width: 100% !important
	}
	

.enabled-list,.name-list{
	margin: 0px auto;
	}
.name-list span,.pblist span{
	margin-top:auto;
	}
.W62{width: 100% !important}
	


}input#ip_1,input#ip_2,input#ip_3,input#ip_4,input#ip_5,input#ip_6,input#ip_7,input#ip_8,input#ip_9,input#ip_10,input#ip_11,input#ip_12,input#ip_13,input#ip_14,input#ip_15,input#ip_16 {
  width: 8% !important; 
}
	
input#phone_1, input#phone_2 , input#phone_3, input#user_login{
    width: 120% !important;
}
input#user_login{
    width: 60% !important;
}	
input#check_login{
    width: 20% !important;
}
	


select#birth_year {
  width: 20%;
   margin-top: 10px;
 margin-bottom: 30px;
  clear: both; 
}	
 select#birth_month, select#birth_day {
  width: 20%;
  float:left;
	  margin-top: 10px;
 margin-bottom: 30px;
}		
 select#sel_zip {
  width: 15%;
 margin-top: 10px;
 margin-bottom: 30px;
  clear: both; 
}
	
 select#sel_city, select#sel_district, select#sel_street {
  width: 15%;
   margin-top: 10px;
 margin-bottom: 30px;
}	
	
}

@media screen and (max-width: 736px){


.addr {
	width: 100%;
	margin-top: 10px !important
  }

  .note {
    font-size: 0.88em;
    width: 90% !important;
  }
		
	 table
    {
        width: 100%;
    }

.remind{ background: #fff !important}



	
.info p {width: 100%;}
	
#alert {width: 92%;}

.login img {width: auto; margin: 0;}  

.info p img	{width: auto; margin: 0;} 

ul.submenu li {
    float: left;
    width: 100%;
	border-left: solid 1px #dfdfde;
}	
	
.floatLeft {
    float: none;
}		
	

.btn_a{padding:10px 50px;white-space:nowrap;
}	
.btn_b{ margin-left:0; padding:10px 50px;white-space:nowrap; width:100%; margin-bottom:2%; text-align:center
}
.btn_c{ margin:10px auto;white-space:nowrap; width:90%; margin-bottom:2%; text-align:center; display: block
}	
.btn_d{ margin-left:0; padding:10px 50px;white-space:nowrap; width:100%; margin-bottom:2%; text-align:center
}
 /*----------------------------------
	INDEX
----------------------------------*/

.slogan{
	width: 100%;
	display: block;
	margin: 10px auto ;
}
.slogan dl{
	text-align: center;
	float: left;
	width: 50%; margin-bottom: 5%;
	padding-bottom: 2% }
	
.slogan dt img{  width: 60%
}
.slogan dt h1{ vertical-align: middle ;font-size: 1.4em; font-weight: bold; margin: 0 auto;padding-top: 0; 
}
.slogan dt{ text-align:center;width:100%; margin:3% auto; padding:0 auto; float: left; line-height: 180% ;
}
.slogan dd{width: 100%;line-height: 160%; text-align: center; font-weight: normal;
	}
	

.message{ width: 100%}
.message p{ font-size: 110%; text-align: left;line-height: 160%;}
.message h3{font-size: 111%;line-height: 180% ; text-align: left; margin: 1% 0; padding-top: 4% }

.enabled-list input,.name-list input{
	width: 100% !important
	}
	


	
input#ip_1,input#ip_2,input#ip_3,input#ip_4,input#ip_5,input#ip_6,input#ip_7,input#ip_8,input#ip_9,input#ip_10,input#ip_11,input#ip_12,input#ip_13,input#ip_14,input#ip_15,input#ip_16 {
  width: 8% !important; 
}	
	
	
	
}
@media screen and (max-width: 667px){
	
	
 
	

input#ip_1,input#ip_2,input#ip_3,input#ip_4,input#ip_5,input#ip_6,input#ip_7,input#ip_8,input#ip_9,input#ip_10,input#ip_11,input#ip_12,input#ip_13,input#ip_14,input#ip_15,input#ip_16 {
  width: 6% !important; 
}	
	
.btn_d{ margin-left:0; padding:10px 50px;white-space:nowrap; width:100%; margin-bottom:2%; text-align:center
}	

}
@media screen and (max-width: 540px){
	
	input#ip_1,input#ip_2,input#ip_3,input#ip_4,input#ip_5,input#ip_6,input#ip_7,input#ip_8,input#ip_9,input#ip_10,input#ip_11,input#ip_12,input#ip_13,input#ip_14,input#ip_15,input#ip_16 {
  width: 10% !important; 
}
	
	input#add_1, input#add_2, input#add_3, input#add_4 { 
	 width: 40% !important; 
}
   input#add_5, input#add_6, input#add_7 { 
	 width: 20% !important; 
}
		input#add_8, input#add_9, input#add_10, input#add_11 { 
	 width: 35% !important; 
}



.aa{ padding-bottom: 8%}

/*----------------------
	notice
-----------------------*/


.notice {}


.notice_item{
	display: block;
  width: 100%;
}
	
.notice_item2{
	display:none;
  width: 100%;
}	

.notice ul{
	margin: 0px !important;
	padding: 0 3% !important
	
}

.notice li{
	margin-left: 0px !important;
	border-bottom: 1px solid #ccc;
    padding: 15px 0 !important;
	list-style: none;
	font-size: 1.2em;
	text-align: left
}

.notice_date {
	display: block !important;
    width: 100% !important;
	text-align: left;
	margin-left: 5px !important;
}


.notice_txt {
	clear: both
}

.flip{margin:0px;padding:5px;cursor:pointer;}
.panel{margin:0px;padding:10px 5px 5px;;border-top:dotted 3px #768da4;display:none; color:#768da4;text-align: left}
.flip1{margin:0px;padding:5px;cursor:pointer;}
.panel1{margin:0px;padding:10px 5px 5px;;border-top:dotted 3px #768da4;display:none; color:#768da4;text-align: left}	
	
	

	
	
.ip_box {
  display: block;
  width: 100%;
  margin: 20px auto;
  line-height: 160%;
  padding: 2% 2% 1%;
}	
	
.merge_box p {
  line-height: 160%;
  font-size: 1.1em;
  margin: 2.0% auto 0;
  width: 90%;
}
	
.merge_box img {
  width: 90%;
}

	
	.member_txt{
	font-size: 1.4em;
		font-weight: bold;
		line-height: 240%;
		letter-spacing: 3px
}

	
	

	
	
	 table
    {
        width: 100%;
    }


.member_login
{
	border: 0px solid #768da4;
}

.login_box
{
	width: 100%; height:auto;
	margin:0 auto 5%; 
}

.login_box h3
{
   
	float:right; 
	clear: none;
	font-weight: bold
}

.member_login dt h4
{  
  margin-left: 0; 
}
.member_login dd
{  margin: 0

}

.member_login dl
{
	text-align: left;
	float: left; 
	width: 100%; height:auto;
	margin:0 auto 3%;  
}	
	
	
.use
{
    width: 100%;
    margin: 15px auto 25px;
	line-height: 160%;
    display: block;
    float: left;
    height: auto; 
	border: 1px solid #768da4;
	padding: 2%
}


.use p
{   
	width: 95%;
	margin: 0 auto 3%
}


.use dt img
{  
}

.use dt h2
{  font-size: 2.8em;
   color:#768da4;
    margin-top: 0.4em !important;
	margin-bottom: 0.2em !important

}

.use dd h2
{  font-size: 2.8em;
   color:#768da4;
    margin-top: 0.4em !important;
	margin-bottom: 0.2em !important

}

.use dl
{
    line-height: 160%;
	font-size: 1em;
	text-align: center;
	float: left; 
	display: block;
	width: 100%; height:auto;
	margin:5% auto; 
}	
	
	
	

	

.W62 { width:100% !important;}


.contract { width: 100%; float: left ; margin-bottom: 8%}	
section img { width: 100%; }	

section h5 {

	font-size: 100%;
}	
	
section h6{
	font-size: 100%;

}	

.info{width:100%;padding-top:10px;}	
		
	
.enabled-list label,.name-list label{
	width: 100% !important
	}

.enabled-list input,.name-list input{
	width: 100% !important
	}

.info label.m_info{ width: 100% !important
	}
.enabled-list,.name-list{
	margin: 10px auto;
	}
.name-list span,.pblist span{
	margin-top:auto;
	}
.enabledbox p {
    text-align: center;
}	

.enabled-list {
    margin: 0px auto;
}	
	
.enabledbox span {
    line-height: 2em;
}	
.pblist{
	margin: 10px auto
	}
	
.pblist label{
	width: 100% !important;
	margin-top: 30px
	}

.pblist input{
	width: 100% !important
	}
.pblist p label {
  width: 100% !important;}
.pblist p{
	margin-left:auto !important;
	width:100%;
	margin: 0 auto;
	}

.pblist p .level2{margin-left:auto;width:100%;}
	

.choice-list{
	margin: 0px auto;
    text-align: left;
	line-height:3em;
	}


.choice-list label{
	margin: 10px 0px 5px 0px;
     width: 45%  ;
	}

.choice-list span{
	margin:0px;
	padding:0px;
	width: 100%;
	background: #fff
	}
	
.choice-list input{
	margin-right:0px;
	margin-bottom: 5px;
	}
	
.line_normal {
  float: left;
  margin-left: 0;
  width: 100%;
	margin-bottom: 15px
}
	
	
input#bill_01{
  width: 100% !important; margin-top: 8px; margin-bottom: 5px 
}

input#bill_02 {
  width: 100% !important; margin-top: 8px; margin-bottom: 5px; margin-left: 0px !important
}
select#bill_03  {
 width: 100% !important; margin-top: 8px; margin-bottom: 5px; margin-left: 0px !important
}	
	
	
	
select#birth_year, select#birth_month, select#birth_day{
    width: 100% !important; margin-top: 8px; margin-bottom: 5px
  }
	
 select#sel_zip, select#sel_city, select#sel_street,select#sel_district, select#sel_street_list, select#credit_card_year, select#credit_card_month {
    width: 100% !important; margin-top: 5px
  }

input#account, input#password , input#idpassword{
    width: 100% !important;
}
input[type="checkbox"], input[type="radio"]{width:auto !important;}
section .submit input.button_contact {width:90%;margin-top: 15px }
section .submit input.button {width:42%;}
.item-qty-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:27px; justify-content:flex-end;}
section .submit{
	margin: 0px auto 30px;
}	
	
.container{margin:0 auto;max-width:1280px;width:100% !important}
	


.more_menu:last-child
{float: left
}


.more_menu dl
{
	font-size: 1em;
	text-align: left;
	float: left; 
	display: block;
	width: 100%; height:auto;
	margin:1%  0.5%; 
}

	

}
@media screen and (max-width: 385px){


#alert img {
    display: none;
}
	
.info p img	{ margin: 2%;}
	

.enabledbox p {
    text-align: center;
}	
	
.floatLeft {
    float: none;
}


.slogan dd{font-size: 0.88em;
	}
			

	
	
}
@media screen and (max-width: 320px)
{


}