@charset "UTF-8";
@import url("base.css");
@import url("common.css");
@import url("fontsize.css");
@import url("order_print.css") print;

.kiyakuButt,
.kiyakuButt2 {
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dashed #FF6600;
	border-bottom: 1px dashed #FF6600;
	font-size: 75%;
	line-height: 135%;
}
.kiyakuButt2 {
	margin-top: 40px;
}
.kiyakuButt img,
.kiyakuButt2 img {
	float: left;
	margin-right: 15px;
}
h3 {
	margin-top: 20px;
}
.photo {
	font-size: 75%;
	width: 311px;
	line-height: 135%;
	padding-top: 10px;
}
.photo img {
	margin-bottom: 5px;
}
.input {
	width: 300px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
.input th,td {
	text-align: left;
	padding: 10px 15px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 12px;
}
form {
	clear: both;
}
.explanation {
	clear: both;
	padding-top: 20px;
}
.explanation img {
	float: left;
	margin-right: 35px;
}
.explanation  h4 img {
	float: none;
	margin: 0px;
}
.explanation p {
	font-size: 80%;
	line-height: 150%;
	margin-top: 45px;
}
#kiyakuB h3 {
	color: #FF6600;
	margin-bottom: 5px;
}
#kiyakuB p,ol {
	font-size: 80%;
	line-height: 150%;
}
#orderFoot {
	padding-top: 20px;
	padding-bottom: 0px;
	clear: both;
}
#orderFoot form {
	text-align: center;
	padding-top: 25px;
}
#orderFoot form table {
	position: relative;
	margin-top: -25px;
	width: 50%;
	float: right;
}
#orderFoot form img {
	/*margin-left: 55px;*/
}
#orderFootLogo {
	float: left;
	width: 200px;
	padding-top: 30px;
}
#orderFootName {
	text-align: right;
	float: right;
	color: #000000;
}
#orderFootName p {
	font-size: 70%;
	line-height: 135%;
}
#orderFootName h4 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.4em;
}
.orderNumber,.detail,.comment,.priceList,.total {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
	border: 2px solid #FF6600;
	font-size: 80%;
}
.type02 {
	margin-top: 20px;
	width: 50%;
	float: right;
}
.orderNumber th,.orderNumber td,.detail th,.detail td,.comment th,.comment td,.priceList th,.priceList td,.total th,.total td {
	padding: 5px;
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	color: #FF6600;
}
.detail th,.comment th,.priceList th,.total th {
	color: #FFFFFF;
	background: #FF9900;
}
.orderNumber,.orderNumber td {
	border-style: none;
	padding: 0px;
}
.detail th {
	width: 170px;
}
.comment td {
	padding: 10px;
	vertical-align: top;
	line-height: 150%;
}
.top-border {
	border-top: 2px solid #FF6600;
}
.total {
	/*float: right;
	width: 300px;
	margin-top: 0px;*/
	margin-top: 0px;
}
.total td,
.priceList td.price {
	/*width: 240px;*/
	width: 120px;
}
.total th {
	text-align: right;
}
.bgYellow {
	background: #FFFFC0;
}
.soldout {
	font-size: 80%;
	color: #CC0000;
	text-align: center;
	margin-top: 20px;
	line-height: 1.5em;
}
.soldout img {
	margin-bottom: 5px;
}
.order-btn-link {
	text-align: left;
	margin-top: 20px;
	font-size: 75%;
}
.order-btn-link dt {
	float: left;
	width: 380px;
	margin-right: 30px;
}
.comment ul {
	margin: -10px 0px 0px;
	position: relative;
}
/*.comment td {
	position: relative;
}*/
/*.comment ul li {
	list-style: square;
	margin-left: 18px;
	margin-top: 10px;
}*/
.comment ul li {
	margin-top: 10px;
	background: url(../order/img/square.gif) no-repeat 0 4px;
	padding-left: 1.2em;
	list-style: none;
	zoom: 1;
}
.comment ul li.ast {
	text-indent: -1.2em;
	padding-left: 1.2em;
	background: none;
}
.comment ul li.non {
	background: none;
}
.comment ol {
	font-size: 100%;
	margin-left: 0px;
	text-indent: -1.2em;
	padding-left: 1.2em;
}
.comment ol li {
	margin-top: 5px;
	list-style: none;
}
.comment h4 {
	margin-top: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}
.comment p {
	line-height: 1.5em;
	margin-top: 10px;
}
h2.h2top {
	margin-top: 10px;
}
@media screen {
#print-header {
	display: none;
	position: relative;
}
}
.print-description {
	font-size: 80%;
	margin-top: 10px;
	line-height: 1.3em;
}
* html img.png {
behavior: expression(IEPNGFIX.fix(this));
}
.comment .freesp {
	margin-top: 10px;
}



/*110406追加*/
#mainL .sample-link {
	margin-top: 20px;
	margin-bottom: 25px;
	position: relative;
	zoom: 1;
} 
#mainL .sample-link ul {
	position: absolute;
	top: 11px;
	left: 312px;
	width: 330px;
	margin-left: 0;
}
#mainL .sample-link li {
	list-style: none;
	float: left;
	line-height: 1.1;
	font-size: 11px;
	margin-bottom: 7px;
	width: 110px;
}
#mainL .sample-link li a {
	color: #FFF;
	display: block;
	background: url(../order/img/order_bg01.gif) no-repeat left center;
	width: 100px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}
#mainL .sample-link li a:hover {
	color: #FF6600;
}

#mainL .sample-lead {
	margin-top: 10px;
}
#mainL .sample-lead .l-box {
	float: left;
	width: 370px;
	font-size: 90%;
}
#mainL .sample-lead .alignRight {
	width: 242px;
}
#mainL .sample-lead .btn-base {
	position: relative;
	zoom: 1;
}
#mainL .sample-lead .btn-base a {
	position: absolute;
	top: 8px;
	left: 19px;
}
#mainL .sample-txt {
	text-align: center;
	font-weight: bold;
	color: #FA8710;
	margin-top: 15px;
	margin-bottom: 10px;
}
#mainL .sample-navi {
	font-size: 70%;
	margin-left: 0;
}
#mainL .sample-navi li {
	list-style: none;
	float: left;
	width: 108px;
	line-height: 1.1;
}
#mainL .sample-navi li.last {
	float: right;
	width: 102px;
}
#mainL .sample-navi li a,
#mainL .sample-navi li span {
	display: block;
	width: 102px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	
}
#mainL .sample-navi li a {
	background: url(../order/img/sample_tab01.gif) no-repeat left top;
	color: #333333;
}
#mainL .sample-navi li a:hover {
	color: #FF6600;
}

#mainL .sample-navi li span {
	background: url(../order/img/sample_tab02.gif) no-repeat left top;
	color: #FFF;
}
#mainL .sample-btn {
	text-align: center;
	/*margin-top: 35px;*/
}

#mainL .sample-add-txt {
	margin-bottom: 35px;
}

#mainL .sample-add-txt,
#mainL .sample-add-txt02 {
	position: relative;
	zoom: 1;
}
#mainL .sample-add-txt .pos-img {
	position: absolute;
	left: 0;
	top: 20px;
}
#mainL .sample-add-txt02 .pos-img {
	position: absolute;
	right: 0;
	top: -20px;
	z-index: 10;
}

/*
 160219更新分
=================================*/
.kit_area ul,
.kit_area ol,
#orderFoot ul {
	margin: 0px;
	list-style: none;
}
.kit_area .link_kiyaku a {
	background-color: #FFF3E4;
	text-align: center;
	display: block;
	padding: 10px;
}
.kit_area #submit_kit_copy form {
	padding-top: 0px;
}
#orderFoot .box_submit_kit {
	font-size: 14px;
	text-align: left;
}
#orderFoot .box_submit_kit {
	margin-top: 20px;
}
#orderFoot .box_submit_kit table {
	margin-top: 0px;
	width: auto;
	border-collapse:collapse;
}
#orderFoot .box_submit_kit table th,
#orderFoot .box_submit_kit table td {
	text-align: right;
	padding: 5px 10px;
	border: 1px solid #CCC;
}
#orderFoot .box_submit_kit table th {
	background-color: #eee;
}
#orderFoot .box_submit_kit ul li {
	text-align: left;
	list-style: none;
}
.kit_area .link_arr {
	text-align: right;
}
.kit_area .link_arr a {
	font-size: 14px;
	font-weight: bold;
	color: #FC8C00;
	text-decoration: none;
	background-image: url(http://tamtime.net/order/img/kit_arr01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	display: inline-block;
	padding: 5px 10px 3px 25px;
	margin-top: 30px;
	border: 1px solid #FC8C00;
}
.kit_area h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	padding: 0px 0px 0px 10px;
	margin-top: 30px;
}
.kit_area .order_area,
.kit_area .flow_area,
.kit_area .sample_area,
.kit_area #kiyakuB {
	margin-top: 30px;
	border-top: 1px dotted #999;
}
.kit_area .order_area {
	margin-top: 23px;
}
.kit_area .order_area h3 {
	color: #FC8C00;
	font-weight: bold;
	margin-bottom: 5px;
}
.kit_area .order_area .clearfix {
	margin-top: 20px;
}
.kit_area .order_area .clearfix .photo {
	font-size: 12px;
	color: #333;
	text-align: center;
}
.kit_area .flow_area .list_flow {
	margin-top: 30px;
	counter-reset:number;
}
.kit_area .flow_area .list_flow li {
	font-size: 20px;
	font-weight: bold;
	color: #999999;
	background-color: #EFEFEF;
	padding: 20px 20px 18px 55px;
	margin-top: 2px;
	position: relative;
}
.kit_area .flow_area .list_flow li:last-child,
.kit_area .flow_area .list_flow li:last-child:before {
	color: #FF8F00;
	background-color: #FEF3E6;
}
.kit_area .flow_area .list_flow li:before {
	content: "";
	background-color: #999999;
	margin-top: -12px;
	height: 24px;
	width: 24px;
	position: absolute;
	left: 15px;
	top: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.kit_area .flow_area .list_flow li:last-child:before {
	background-color: #FF8F00;
}
.kit_area .flow_area .list_flow li:after {
	counter-increment: number;
	content: counter(number);
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin-top: -9px;
	position: absolute;
	left: 21px;
	top: 50%;
}
.kit_area .flow_area .notice li {
	font-size: 12px;
	margin-top: 20px;
}
.kit_area .flow_area .notice li .fontRed {
	font-weight: bold;
}
.kit_area .flow_area .notice li .fontOr {
	font-weight: bold;
	color: #fc8c00;
}

.kit_area .sample_area .explanation .box_img {
	float: left;
	margin-top: 10px;
	width: 312px;
	position: relative;
}
.kit_area .sample_area .explanation .box_txt {
	float: right;
	margin-top: 10px;
	width: 305px;
}
.kit_area .sample_area .explanation img {
	float: none;
	margin-right: 0px;
}
.kit_area .sample_area .explanation .box_img a {
	color: #002D9A;
	text-decoration: none;
	display: inline-block;
	padding: 10px 15px 0px;
	border: 1px solid #CCC;
	text-align: center;
}
.kit_area .sample_area .explanation .box_img a span {
	bottom: -30px;
	display: block;
	position: relative;
}
.kit_area .sample_area .explanation .box_img .txt_caption {
	position: absolute;
	left: 10px;
	bottom: 15px;
}
.kit_area .sample_area .explanation h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FF8E00;
	margin: 0px;
}
.kit_area .sample_area .explanation h3 + p {
	margin-top: 15px;
}
.kit_area .sample_area .explanation .sample-link h4 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 30px;
	border-bottom: 1px solid #666;
	display: block;
}
#mainL .kit_area .sample_area .explanation .sample-link ul {
	padding-top:15px;
	top: auto;
	left: auto;
	width: auto;
	position: relative;
}
#mainL .kit_area .sample_area .explanation .sample-link ul li {
	float: none;
	font-size: 13px;
	margin-bottom: 0px;
	margin-top: 10px;
	width: auto;
}
#mainL .kit_area .sample_area .explanation .sample-link ul li a {
	color: #002D9A;
	text-decoration: none;
	background-image: url(http://tamtime.net/order/img/kit_arr01.png);
	width: auto;
	text-align: left;
	padding: 0px;
	padding-left: 20px;
}
.kit_area .sample_area .box_bnr {
	margin-top: 60px;
}
.kit_area #kiyakuB {
}
.kit_area #kiyakuB h2 {
	margin-bottom: 20px;
}
.kit_area #kiyakuB h2 span {
}
.kit_area #kiyakuB .kiyaku_inner {
	padding: 15px;
	height: 400px;
	margin-top: 20px;
	border: 1px solid #CCC;
	overflow: auto;
}
.kit_area #kiyakuB .kiyaku_inner h3 {
	font-weight: bold;
	color: #000;
}
.kit_area #kiyakuB .kiyaku_inner h3:first-child {
	margin-top: 0px;
}
.kit_area #kiyakuB .kiyaku_inner ol {
	margin-left: 30px;
	list-style: decimal;
}