@charset "utf-8";
/*
 * 注文画面
 * オプション選択画面
 */

/*
 * 初期化
 */
#mainContent div.section{padding: 0;padding-top: 10px;}

/*
 * 右ソデカート情報
 */
#mainContent .section{position: relative;}

#option-area {
  display: table;
  padding: 5px 0 0 0;
  width: 100%;
}
#option-area > * {
	display: table-cell;
	vertical-align: top;
}
#option-area select {
	padding: 3px;
}
#cart_dat {
	width: 183px;
}
#cartin {
	background: #fff url(../image/title_cart_dat.png) no-repeat scroll 0 -2px;
	border: 1px solid #ccc;
	margin: 0 0 0 13px;
	padding: 25px 0 0 0;
	position: -webkit-sticky;
	position: sticky;
	top: 5px;
	width: 170px;
}

* html #mainContent .section{position: relative;}
* html #cart_dat{position: absolute;left: 608px;top: 38px;margin-left: 0;}

#option-area .info {
border:solid 4px turquoise;
background-color:powderblue;
margin: 10px;
}
#option-area .info.warn {
border-color:orange;
background-color:khaki;
}

#option-area .opt-title {
font-size: 16px;
color: #fff;
font-weight: bold;
text-indent: 5px;
line-height: 2.2;
height: 34px;
}
#option-area .opt-title.required {
background-color: #d52f2f;
}

#option-area .opt-title.optional {
background-color: #8dc21f;
margin-top:20px;
}

#option-area .opt-subtitle {
background-color: #e6e6e6;
font-size: 14px;
font-weight: bold;
padding: 6px;
margin-top:10px;
}

#option-area .opt-data {
	display:table;
	width: 100%;
}
#option-area .opt-data > div:first-child {
display:table-cell;
vertical-align:middle;
}
#option-area .opt-data > div.thumbnail {
	width: 114px;
	vertical-align: top;
}
#option-area .opt-data > div.thumbnail img {
	margin: 15px 0 0 0;
}
#option-area .opt-data > div:not(:first-child) {
display:table-cell;
vertical-align:middle;
padding: 1.0em;
}

#option-area .opt-data-format {
display:table;
}
#option-area .opt-data-format > div:first-child {
display:table-cell;
vertical-align:top;
}
#option-area .opt-data-format > div:not(:first-child) {
display:table-cell;
vertical-align:middle;
}
#option-area .opt-selected {
	background: #ffe8e8;
	padding: 0 2px;
	border-radius: 5px;
	box-shadow: 0 0 5px #f00;
	box-sizing: border-box;
	margin: 5px;
}

#cartin p{
clear: both;
text-align: center;
margin: 0 !important;
padding: 5px;
background-color: #fff;
}
#cartin dl{
overflow: hidden;
border-bottom: 1px solid silver;background-color: #E8F3D1;
}

* html #cartin dl{height: 1%;}

#cartin dl dt,#cartin dl dd{padding: 2px;font-size: 11px;}
#cartin dl dt{
float: left;
width: 60px;
background-color: #E8F3D1;
white-space: nowrap;
}
#cartin dl dd{
float: right;
width: 100px;
background-color: #fff;
}
#cartin dl dd.numtag{text-align: right;}
#cartin dl dd#hidSubTotal{
font-family: arial;
font-size: 18px;
font-weight: bold;
color: #DC1800;
}
#cartin dl dd#hidSubTotal small{
font-size: 13px;
font-weight: normal;
}

#option-area .anchor-link-list {
  background: #f0f0f0;
  border-radius: 3px;
  list-style: none;
  margin: 5px 0 10px 5px;
  padding: 5px;
  width: 48%;
}
#option-area .anchor-link-list li:before {
  content: "▲";
  display: inline-block;
  list-style: none;
  transform: rotateZ(90deg);
  /*color: #89B92A;*/
  color: #333;
  font-size: 14px;
  margin: 0 5px 0 0;
}
#option-area .anchor-link-list a {
  display: inline-block;
  margin: 2px 0;
}

/*
 * 出荷カレンダー
 */
#cartin ul.calendar {
	font-size: 11px;
	margin: 5px;
	margin-top: 1em;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}
#cartin ul.calendar li {
	float: left;
	width: 56px;
	margin: 2px;
	padding-left: 2px;
}
#cartin ul.calendar li.calendar-today {
	border-left: 1.5em solid #1984E8;
}
#cartin ul.calendar li.calendar-holiday {
	border-left: 1.5em solid #FFEEEE;
	color: #CC0000;
}
#cartin ul.calendar li.calendar-delivery {
	border-left: 1.5em solid #FF9933;
}
#cartin ul.calendar li.calendar-dataconv {
	border-left: 1.5em solid #993300;
}
#cartin ul.calendar li.calendar-dataproof {
	border-left: 1.5em solid #b8dbff;
}
#cartin ul.calendar li.calendar-proof {
	border-left: 1.5em solid #999900;
}
#cartin ul.calendar li.calendar-process {
	border-left: 1.5em solid #22B14C;
}
#cartin ul.calendar li.calendar-proof-send {
	border-left: 1.5em solid #EBEB00;
}
#cartin ul.calendar li.calendar-posting {
	border-left: 1.5em solid #9400d3;
}
#cartin ul.calendar li.calendar-blank {
	border-left: 1.5em solid #FFFFFF;
}
#cartin ol.calendar li.calendar-title {
	color:#333333;
	background-color: inherit;
	font-weight: bold;
	width: 147px;
	border: none;
}
#cartin ol.calendar {
	font-size: 12px;
	margin: 10px;
	padding: 0;
	width: 147px;
	list-style: none;
	overflow: hidden;
}
#cartin ol.calendar li {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 20px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
#cartin ol.calendar li.calendar-header {
	background-color: #F2F2F2;
	color: #333333;
}
#cartin ol.calendar li.calendar-sunday {
	color: #CC0000;
}
#cartin ol.calendar li.calendar-saturday {
	color: #333333;
}
#cartin ol.calendar li.calendar-today {
	background-color: #1984E8;
	color: #FFFFFF;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-holiday {
	background-color: #FFEEEE;
	color: #CC0000;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-bizday {
	background-color: #CCCCCC;
}
#cartin ol.calendar li.calendar-delivery {
	background-color: #FF9933;
	color: #FFFFFF;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-dataconv {
	background-color: #993300;
	color: #FFFFFF;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-dataproof {
	background-color: #b8dbff;
	color: #FFFFFF;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-proof {
	background-color: #999900;
	color: #FFFFFF;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-proof-send {
	background-color: #EBEB00;
	color: #999900;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-process {
	background-color: #22B14C;
	color: #FFFFFF;
	font-weight: bold;
}
#cartin ol.calendar li.calendar-posting {
	background-color: #9400d3;
	color: #FFFFFF;
	font-weight: bold;
}

/*
 * 入稿データ選択
 */
#softoption{overflow: visible;width: 400px;padding-top: 0px;}
#softoption_speed_print{overflow: visible;width: 480px;}
#softoption_9item{overflow: visible;width: 350px;}
.softpic{text-align: center;float: left;overflow: hidden;width: 80px;height: auto;}
.softPic img{display: block;width: 73px;height: 77px;background-color: silver;}

/*
 * 入稿データ選択でPDF入稿を推奨するポップアップ
 */
#in_data_popup{
display: none;
position: absolute;
top: -110px;left: 10px;
z-index: 999;
}
#in_data_popup_office{
display: none;
position: absolute;
top: -90px;left: 10px;
z-index: 999;
}

/*
 *不織布バッグ　本体・名入れ
*/
ul.imagemap {margin: 0; padding: 0; background: transparent top left no-repeat;}
ul.imagemap li{margin: 0; padding: 0; display: inline-block; margin-left:0px; list-style-type: none;}
ul.imagemap li a{text-decoration: none; display: inline-block; overflow: hidden; float: left;}
ul.imagemap li a:hover{outline: 3px inset yellow;}
* html ul.imagemap li{display:inline; zoom:1;}	/* IE6 */
* +html ul.imagemap li{display:inline; zoom:1;}	/* IE7 */

/*
 * 規定外PDF
 */
.other_pdf_attention{margin: 20px 50px 20px -20px;}
.other_pdf_attention dt{
font-size: 20px;
display: block;
padding: 0 10px;
border-left: 25px solid gray;border-bottom: 3px solid gray;
}

.other_pdf_attention .dtr{float: right;}
.other_pdf_attention dd{
padding-top: 5px;padding-left: 25px;
}

.mihon_no{
padding: 5px 0;
margin-right: 5px;
background-color: #dadada;
}
.mihon_no dt{
font-size: 19px;color: #CC0000;
padding-left: 10px;
}
.mihon_no dd{
padding-left: 35px;
}