@charset "utf-8";

/*OrderInfoWidePage*/

.MainTop{width: 100%; display: inline-block;}
.OrderInfoNav{width: 20%; float: left; position: relative; z-index: 2;}
.OrderInfoNav .MenuTitle{display: inline-block; background-color: #f41a2d; width: 100%; color: #fff; text-align: center; font-size: 14px; padding: 7px 0px;}
.OrderInfoNav .MenuTitl:hover{opacity: 0.8;}
.insertMenu{width: 200px; display: none; background-color: #ffffff; padding-top: 10px;}
.OrderInfoNav:hover .insertMenu{display: block; position: absolute; animation-name:fadeInRightAdmin; -webkit-animation-name:fadeInRightAdmin; animation-duration:0.15s; animation-delay:0.15s; animation-fill-mode:both;}
@keyframes fadeInDownAdmin{
	from{opacity:0; transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); animation-timing-function:ease; visibility:hidden;}
	to{opacity:1; transform:none; -webkit-transform:none; -ms-transform:none; visibility:visible;}
}
@keyframes fadeInRightAdmin{
	from{opacity:0; transform:translateX(-10px); -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); animation-timing-function:ease; visibility:hidden;}
	to{opacity:1; transform:none; -webkit-transform:none; -ms-transform:none; visibility:visible;}
}
.NewsBlock{width: 79%; height: 35px; background-color: #f8f8f8; float: right; border-bottom: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; display: block; overflow: hidden;}
.NewsBlock .MeishiNews{width: 80%;  z-index: 2; font-size: 14px; float: left; margin: 7px 0px 0px 5px;}
.NewsBlock .NewsH3{float: left; font-size: 18px; font-weight: bold; margin: 9px 0px 0px 5px; color: #f41a2d;}
.NewsBlock .newsbt{ float: right;}

/*KakakuhyouPage*/
h2.AllPrice{font-size: 26px; margin-top: 10px; margin-left: 5px;}

ul.SelOption{border: 1px solid #d8d8d8; border-radius: 5px;}
ul.SelOption li{background-color: #fff; padding: 10px 0px; margin-left: 22px;}
ul.SelOption li.WideSelOP01{ width: 13%; }
ul.SelOption li.WideSelOP02{ width: 17%;}
ul.SelOption li.WideSelOP03{ width: 20%;}
ul.SelOption li.WideSelOP04{ width: 41%;}

ul.SelOption li.WideSelOP03 #SelSize{width: 100%;}
ul.SelOption li.WideSelOP04 #SelCategory{width: 21%;}
ul.SelOption li.WideSelOP04 .SelPaper{margin-left: 22px; width: 70%;}

h3.OdStep{padding: 0px 5px;}
#priceTabs .price_table{width: 100%;}
#priceTabs .price_table .sheetBlock{width: 8%;}
#priceTabs .price_table .priceBlockType5{width: 12%;}