/**注文フォームのスタイル**/
#order_form {
	clear: both;
	margin:0px auto;
	padding: 0;
}

/*clearfixハック*/
#order_form div:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#order_form {display: inline-block;}
/* Hides from IE-mac \*/
* html #order_form {height: 1%;}
#order_form {display: block;}
/* End hide from IE-mac */

#order_form tr,td,p {
	font-size : 13px;
font-family: 'メイリオ', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, sans-serif;
	color: #555555;
}

#order_form p {
	text-align: justify;
	text-justify: inter-ideograph;
}

/*テキストエリアのデザイン*/
#order_form textarea{
	font-size : 13px;
	width:70%;
	font-family: 'MS UI Gothic';
	color: #555555;
}
#order_form select,input {
	font-size : 13px;
	font-family: 'MS UI Gothic';
	color: #555555;
	vertical-align:middle;
	margin-top:2px;
	margin-bottom:2px;
}


#order_form select {
	height:20px;
}

#order_form table {
	text-align:left;
}

/*リンクのデザイン*/
#order_form a:link {font-size: 13px; color:#555555;text-decoration : none;}
#order_form a:visited {font-size: 13px; color:#555555;text-decoration : none;}
#order_form a:active {font-size: 13px; color:#333333;text-decoration : none;}
#order_form a:hover {font-size: 13px; color:#333333;text-decoration: underline;}


label.radiolabel {/* チェックボタンのデザイン */
padding:3px;
	-webkit-appearance: none;
border-radius:0.2em; 
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 -o-border-radius: 0.2em;
 -ms-border-radius: 0.2em;

}

label.radiolabel:hover {
    background-color: #ffcccc;
 }



input[type="radio"]:checked + label{
    background-color: #ffcccc;
}

.changecolor input[type="radio"]{
	display: none;
}

.table_10{
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;
 border-top: 1px solid #ccc;

}
.table_10 th{
font-weight:normal;
font-size:0.85em;
color:#555555;
padding:7px;
text-align: center;
vertical-align: middle;
background-color: #feede3;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height:22px;
}


.table_10 td{
padding:7px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


.table_11{
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;

}


.table_11 td{
padding:7px;
}

span.shippingdate {
color:#ffffff;
margin:5px 9px 0 5px;
background:#ff9900;
padding:7px 9px 7px 9px;
display:inline-block;
border-radius:0.2em; 
 -webkit-border-radius: 0.2em;
border:1px solid #ff0000;
}

fieldset.order_form {
margin:10px 5px 5px 5px;
border:1px solid #ff0000;
border-radius:0.3em; 
 -moz-border-radius: 0.3em;
 -webkit-border-radius: 0.3em;
 -o-border-radius: 0.3em;
 -ms-border-radius: 0.3em;
}

p.order_form {
margin:0;
padding: 1px;
font-size:0.85em;
line-height:1.4em;
letter-spacing:0.1em;
}

p.order_form_1 {
margin:0;
padding: 1px 1px 0 1px;
font-size:0.9em;
line-height:1.5em;
letter-spacing:0.1em;
}

div.order_memo {
   pointer-events: none;
   cursor: default;
display:none;
}

#check1:checked ~ div.order_memo{
display:block;
   pointer-events: auto;
   cursor: pointer;
}

.entry_tips{
border-left:solid 1px #cdcdcd;
padding:3px 5px 3px 5px;
margin:3px 0 0 3px;
font-size:0.90em;
line-height:1.5em;
}

input:focus~ .entry_tips{

}

p.order_memo{
padding:0 5px 3px 5px;
margin:0 0 0 5px;
font-size:0.9em;
line-height:1.7em;
}

div.MsgSet_container {
border-left:solid 1px #cdcdcd;
margin:2px 0 0 10px;
}

div.MsgSet {
pointer-events: none;
cursor: default;
display:none;
padding:3px;
margin:0 0 0 10px;
font-size:0.9em;
line-height:1.6em;
}

label#MsgSet {
display:block;
padding:3px;
margin:0 0 0 10px;
font-size:0.90em;
line-height:1.5em;
color:#ff0000;
}

#MsgL:checked ~ .MsgSet{display:block;}
#MsgS:checked ~ .MsgSet{display:block;}
#Msg15:checked ~ .MsgSet{display:block;}
#AllShipMsg:checked ~ .MsgSet{display:block;}
#RsvShipMsg:checked ~ .MsgSet{display:block;}
#HopeSelectCmnt:checked ~ .MsgSet{display:block;}
#OrderDivideMsg:checked ~ .MsgSet{display:block;}
#KitaTohokuMsg:checked ~ .MsgSet{display:block;}
#sagawa:checked ~ .MsgSet{display:block;}

a.pushback {
position: relative;
display:inline-block;
top:0;
color: #ffffff !important; /* 文字色 */
background-color:#a3d1a3; /* 背景色 */
  padding: 4px 8px 3px 8px;
  margin: 6px 0 0 0;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 3px 1px #c4c4c4;
  -moz-box-shadow: 1px 3px 1px #c4c4c4;
  -ms-box-shadow: 1px 3px 1px #c4c4c4;
  -o-box-shadow: 1px 3px 1px #c4c4c4;
  box-shadow: 1px 3px 1px #c4c4c4;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}

a.pushback:hover {
color:#ff6666;
}


a.pushback:active {
  position: relative;
  top: 3px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: All 200ms ease;
  -moz-transition: All 200ms ease;
  -o-transition: All 200ms ease;
  -ms-transition: All 200ms ease;
  transition: All 200ms ease;
}