@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------

Site URL	:http://onlinelab.jp/
File Name	:takumi.css (http://onlinelab.jp/style/takumi.css)
Summery 	:匠プリントプラス用
Copyright	:(c) Picturing Online, Inc. 

----------------------------------------------*/

body.takumi *{zoom:1;}
body.takumi h2,
body.takumi h3,
body.takumi h4,
body.takumi h5,
body.takumi h6,
body.takumi h2,
body.takumi ul,
body.takumi li,
body.takumi dl,
body.takumi dt,
body.takumi dd {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
	text-align:left;
}
body.takumi #wrapper {
	width:890px;
	margin:0 auto;
}
body.takumi .imagepictbox,
body.takumi .imagepictbox ul.imagepict,
body.takumi .imagepictbox ul.imagepict li {
	width:335px
	height:170px;
}
body.takumi ul.feature {
	width:867px;
	height:150px;
	margin:0 auto 30px;
	padding:0 0 0 13px;
	background:url(/shop/takumi/images/tit_63.png) no-repeat;
}
body.takumi ul.feature li {
	width:115px;height:115px;
	margin:17px 3px 0 4px;
	float:left; 
}
body.takumi h4 {
	margin:0 0 20px;
}
body.takumi h5 {
	position:relative;
	margin:0 0 15px;
}
body.takumi div.use {
padding:5px 0;
margin:20px 0 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
body.takumi h6.use {
	width:20%;
	padding:15px;
	margin:0;
	color:#004EBF;
	text-align:center;
	background:#cae0ff;
	border-radius:5px;
	float:left;
}
body.takumi ul.use {
	width:65%;
	padding:0 0 0 20px;
	line-height:23px;
	text-align:left;
	float:left;
}
body.takumi dl.layout-a {
	width:890px;
	margin:0 auto 20px;
}
body.takumi dl.layout-a dt {
	width:490px;
	float:left;
}
body.takumi dl.layout-a dd {
	width:335px;
	float:right;
}
body.takumi dl.layout-a dd.button {
	width:860px;
	padding:10px 0 0;
	clear:both;
	float:none;

}
body.takumi dl.layout-a dd.button a{
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi dl.layout-a dd.button a:hover{
	background:#d3e3ff;
}

body.takumi ul.layout-b {
	width:860px;
	margin:0 auto 20px;
}
body.takumi ul.layout-b li {
	width:420px;
}
body.takumi ul.layout-b li.l {
	float:left;
}
body.takumi ul.layout-b li.r {
	float:right;
}
body.takumi ul.layout-b li.button {
	width:860px;
	padding:10px 0 0;
}
body.takumi ul.layout-b li.button a {
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi dl.layout-c {
	width:860px;
	margin:0 auto 20px;
}
body.takumi dl.layout-c dt {
	width:490px;
	float:right;
}
body.takumi dl.layout-c dd {
	width:335px;
	float:left;
}
body.takumi dl.layout-c dd.button {
	width:860px;
	padding:10px 0 0;
	clear:both;
	float:none;

}
body.takumi dl.layout-c dd.button a{
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi dl.layout-c dd.button a:hover{
	background:#d3e3ff;
}

body.takumi p.button a:hover {
	background:#d3e3ff;
}
body.takumi p.button {
	width:860px;
	padding:10px 0 0;
	margin:0 0 40px;
}
body.takumi p.button a {
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi p.button a:hover {
	background:#d3e3ff;
}
body.takumi div#mov {
	width:860px;
	height:220px;
	margin:0 auto 30px;
	padding:15px;
	background:url('/shop/takumi/images/takumi-mov.png') 0 0 no-repeat;
}
body.takumi div#mov>* {
	float:right;
}
body.takumi ul.layout-c {
	margin:0 auto 20px;
}
body.takumi ul.layout-c li.button a {
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi ul.layout-c li.button a:hover {
	background:#d3e3ff;
}
body.takumi dl.ends,
body.takumi ul.ends {
	margin-bottom:40px;
}
body.takumi p {
	margin:0 10px;
	font-size:12px;
	line-height:19px;
	letter-spacing:0.14em;
	text-align:left;
}
body.takumi p.big {
	font-size:13px;
	line-height:30px;
	letter-spacing:0.2em;
}
body.takumi img.toggle {
	width:70px;
	height:70px;
	float:left;
}
body.takumi p.tog-disc {
	width:330px;
	float:right;
}
body.takumi div.tapes {
	width:450px;
	height:57px;
	margin:15px auto 0;
}
body.takumi div#ordersheet {
	width:860px;
	margin:0 auto 50px;
	background:#d4e8f9;
}
body.takumi div#ordersheet div.l {
	width:400px;
	float:left;
	margin:10px 0 0 20px;
}
body.takumi div#ordersheet div.r {
	width:400px;
	float:right;
	margin:10px 20px 0 0;
}
body.takumi div#ordersheet h4 {
	margin:0 0 0 -20px;
	padding:20px 0 0 0;
}
body.takumi div#ordersheet h4 a{
	vertical-align:top;
}
body.takumi div#ordersheet h4 img#sample{
	margin:0 0 0 40px;
}
body.takumi div#ordersheet ul {
	width:380px;
	margin:0 auto 30px;
}
body.takumi div#ordersheet li {
	margin:0 auto 20px;
}

body.takumi div#ordersheet ul li div {
	width:280px;
	margin:0;
	float:left;
}
body.takumi div#ordersheet ul li img.r {
	width:80px;
	margin:0;
	float:right;
}
body.takumi div#ordersheet ul li a.sptable {
	display:block;
	width:100px;
	padding:15px;
	margin:10px 0 0;
	color:#665136;
	text-align:center;
	border-top:1px solid #ffe157;
	border-bottom:1px solid #b9a02b;
	background:#ffd200;
	float:left;
	text-decoration:none;
	border-radius:10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #af9208), color-stop(0.00, #ffcf1a));
background: -webkit-linear-gradient(#ffcf1a, #af9208);
background: -moz-linear-gradient(#ffcf1a, #af9208);
background: -o-linear-gradient(#ffcf1a, #af9208);
background: -ms-linear-gradient(#ffcf1a, #af9208);
background: linear-gradient(#ffcf1a, #af9208);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi div#ordersheet ul li a.sptable:hover {
	border-top:1px solid #ffc24b;
	border-bottom:1px solid #cc8f19;
	background:#ffa800;
}
body.takumi div#ordersheet ul li a.buy {
	display:block;
	width:110px;
	padding:15px;
	margin:10px 0 0;
	color:#fff;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ffa17c;
	border-bottom:1px solid #b4481e;
	background:#ff723b;
	float:right;
	text-decoration:none;
	border-radius:10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #bb3002), color-stop(0.00, #ff4b1a));
background: -webkit-linear-gradient(top, #ff4b1a 0%, #bb3002 88%);
background: -moz-linear-gradient(top, #ff4b1a 0%, #bb3002 88%);
background: -o-linear-gradient(top, #ff4b1a 0%, #bb3002 88%);
background: -ms-linear-gradient(top, #ff4b1a 0%, #bb3002 88%);
background: linear-gradient(to bottom, #ff4b1a 0%, #bb3002 88%);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.takumi div#ordersheet ul li a.buy:hover {
	border-top:1px solid #f97560;
	border-bottom:1px solid #bd321b;
	background:#eb462a;
}


/******************************************************************


PAGE:	サイズ・価格表/注文フローページ
URL:	/shop/takumi/finish.php
		/shop/takumi/calibration.php


******************************************************************/

body.finish div#container {
	width:650px;
	height:100%;
	margin:20px auto;
	background:#fff;
	-webkit-box-shadow: #ddd 0px 0px 4px 0px;
	-moz-box-shadow: #ddd 0px 0px 4px 0px;
	box-shadow: #ddd 0px 0px 4px 0px;
}
body.finish div#container div#wrapper {
	width:630px;
}
body.finish div#container div#wrapper-calib {
	width:580px;
	margin:30px auto;
}
body.finish div#container div#wrapper-calib a.btn {
	display:block;
	width:250px;
	padding:6px 20px;
	margin:10px auto;
	color:#fff;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ffa17c;
	border-bottom:1px solid #b4481e;
	background:#ff723b;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.finish div#container div#wrapper-calib a.btn:hover {
	border-top:1px solid #f97560;
	border-bottom:1px solid #bd321b;
	background:#eb462a;
}
body.finish div#container div#wrapper-calib a.btn2 {
	display:block;
	width:250px;
	padding:6px 20px;
	margin:10px auto;
	color:#243c89;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ecf0ff;
	border-bottom:1px solid #6176bb;
	background:#b5c6ff;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.finish div#container div#wrapper-calib a.btn2:hover {
	border-top:1px solid #c2d0ff;
	border-bottom:1px solid #485ea2;
	background:#7f97e6;
}
body.finish div#container div#wrapper-calib h3 {
	margin:0;
	padding:20px 0 10px;
}
body.finish div#container div#wrapper-calib h4 {
	width:520px;
	margin:0 auto 5px;
}
body.finish div#container div#wrapper-calib p,
body.finish div#container div#wrapper-calib ul {
	line-height:19px;
	font-size:11px;
	text-align:0.14em;
	margin:10px;
	padding:5px 8px 10px;
}
body.finish div#container div#wrapper-calib ul.bk {
	background:#eff8ff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;

}
body.finish div#container div#wrapper-calib ul li{
	width:520px;
	margin:2px auto;
}
body.finish div#container div#wrapper-calib ul.sides {
	width:520px;
	margin:0 auto;
}
body.finish div#container div#wrapper-calib ul.sides,
body.finish div#container div#wrapper-calib ul.sides li {
	padding:5px 0 20px;
}
body.finish div#container div#wrapper-calib ul.sides li {
	margin:0;
	float:left;
}
body.finish div#container div#wrapper-calib ul.sides li.one {
	width:200px;
}
body.finish div#container div#wrapper-calib ul.sides li.two {
	width:300px;
	margin:0 0 0 20px;
}
body.finish div#container div#wrapper-calib ul p{
	padding:0 0 0 35px 
}
body.finish h4.prdct {
	width:270px;
	height:25px;
	padding:8px;
	float:left;
	margin:10px 0 10px;
	font-size:13px;
	font-weight:900;
	color:#004EBF;
	line-height:25px;
	text-align:left;
	background:#D4E8F9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
body.finish div.orderbtn {
	width:332px;
	height:29px;
	float:right;
	margin:10px 0 10px;
}
body.finish div.orderbtn a{
	display:block;
	width:320px;
	height:25px;
	padding:7px;
	font-size:11px;
	font-weight:900;
	line-height:25px;
	color:#fff;
	text-align:center;
	border-top:1px solid #ffa17c;
	border-bottom:1px solid #b4481e;
	background:#ff723b;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
body.finish div.orderbtn a:hover {
	border-top:1px solid #f97560;
	border-bottom:1px solid #bd321b;
	background:#eb462a;
	color:#f3e7d9;
}
body.finish table {
	width:610px;
	margin:20px auto;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
body.finish table#how2 {
	width:579px;
}
body.finish table tr {
	height:20px;
	background:#efefef;
	line-height:16px;
	vertical-align:center;
	letter-spacing:0.14em
}
body.finish table th,
body.finish table td {
	border-left:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
	text-align:center;
	padding:5px;
}
body.finish table th {
	background:#f4f4f4;
	font-weight:900;
	color:#444;
}
body.finish table td {
	background:#fff;
	color:#777;
}
body.finish table th.blues {
	background:#d4daff;
	color:#384cc6;
}
body.finish table td.blues {
	background:#ebeeff;
	color:#3e509b;
}
body.finish table + div {
	width:100%;
	height:1px;
	margin:30px 0;
	border-bottom:1px dashed #e0e0e0;
}

/******************************************************************


PAGE:	見本注文ページ
URL:	http://takumi.onlinelab.jp/about/adam/adam_appli.php
ihtml:	http://takumi.onlinelab.jp/about/adam/adam_appli.ihtml


******************************************************************/


body.finish h2.takumi{
	width:92%;
	height:20px;
	padding:10px;
	margin:30px auto 20px;
	font-size:12px;
	font-weight:900;
	color:#fff;
	line-height:20px;
	text-align:left;
	background:#004EBF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.finish h2.takumi2{
	width:92%;
	height:10px;
	padding:8px;
	margin:25px auto 10px;
	font-size:10px;
	font-weight:900;
	color:#004EBF;
	line-height:10px;
	text-align:left;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
body.finish table#sampleorder td input,
body.finish table#sampleorder td textarea{
	font-size:15px;
	line-height:20px;
	padding:3px;
	margin:0;
	letter-spacing:0.14em;
	border:4px solid #dfdfdf;
}
body.finish table#sampleorder td input:focus,
body.finish table#sampleorder td textarea:focus{
	border-color:#85c7c7;
}
body.finish table#sampleorder td input.widset,
body.finish table#sampleorder td textarea.widset{
	width:300px;
}
body.finish table#sampleorder {
	width:500px;
	margin:20px auto;
	border:0 none;
}
body.finish table#sampleorder tr {
	height:20px;
	line-height:16px;
	letter-spacing:0.14em
	border:0 none;

}
body.finish table#sampleorder th,
body.finish table#sampleorder td {
	text-align:left;
	border:0 none;
	vertical-align:top;
}
body.finish table#sampleorder th {
	padding:5px 5px 30px;
	background:#fff;
	color:#444;
	border-top:3px solid #004EBF;
}
body.finish table#sampleorder td {
	padding:0px 0 30px 20px;
	background:#fff;
	color:#777;
	border:0 none;
}
body.finish ul.submit-btns {
	width:300px;
	margin:20px auto;
}
body.finish ul.submit-btns li.lefts{
	float:left;
}
body.finish ul.submit-btns li.rights{
	float:right;
}
body.finish ul#attention{
	width:510px;
	padding:10px;
	margin:10px auto;
	color:#004EBF;
	text-align:center;
	background:#e5f0ff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
body.finish ul#attention li {
	padding:10px;
	margin:10px;
}
body.finish ul#attention li#errors {
	padding:10px 20px;
	color:#fff;
	background:#fff;
	text-align:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.finish ul#attention li#errors table,
body.finish ul#attention li#errors table tr,
body.finish ul#attention li#errors table th,
body.finish ul#attention li#errors table td {
	width:auto;
	margin:0;
	padding:0;
	border:0 none;
	background:none;
}
body.finish ul#attention li#errors table {
	width:320px;
	margin:0 auto;
}

body.finish ul#attention li#errors table td font{
	display:block;
	padding:5px 0 5px 10px;
	text-align:left;
}
body.finish .size-a {color:#996220}
body.finish .size-b {color:#9e259d}
body.finish .size-c {color:#2b469d}

body.finish table.style-a tr,
body.finish table.style-a th,
body.finish table.style-a td {
	margin:0;
	padding:10px;
	border:0 none;
	background:none;
	text-align:center;
	line-height:20px;
	font-size:13px;
}
body.finish table.style-a tr{padding:0;}
body.finish table.style-a th >div ,
body.finish table.style-a td >div {
	padding:10px 10px 5px;
}
body.finish table.style-a tr{padding:0;}
body.finish table.style-a tr.amo,
body.finish table.style-a th.amo,
body.finish table.style-a td.amo {
	background:#EBF3FF;
}
body.finish table.style-a tr.amo th>div,
body.finish table.style-a tr.amo td>div {
	color:#c4163f;
}
body.finish table.style-a tr.amo th.amo,
body.finish table.style-a tr.amo td.amo {
	background:#D4E6FF;
}
body.finish table.style-a th.amo>div ,
body.finish table.style-a td.amo>div {
	border-color:#004DC1;
}

body.finish table.style-a tr.amo2,
body.finish table.style-a th.amo2,
body.finish table.style-a td.amo2 {
	background:#ffeff3;
}
body.finish table.style-a tr.amo2 th>div,
body.finish table.style-a tr.amo2 td>div {
	color:#bc4a65;
}
body.finish table.style-a tr.amo2 th.amo2,
body.finish table.style-a tr.amo2 td.amo2 {
	background:#ffd9e2;
}
body.finish table.style-a th.amo2>div ,
body.finish table.style-a td.amo2>div {
	border-color:#de7a91;
}

body.finish table.style-a {
	width:95%;
	border:0 none;
	padding:0;
	margin:0 auto;	
}
body.finish table.style-a *{
	vertical-align:top;
}
body.finish table.style-a th>div {
	border-top:3px solid #004DC1;
	border-bottom:1px dashed #e0e0e0;
	color:#004DC1;
	font-size:15px;
}
body.finish table.style-a td>div {
	border-bottom:1px solid #e0e0e0;
	color:#444;
}
body.finish table.style-a td>div.col-f00 {
	color:#f00;
}
body.finish .calc-l {
	width:500px;
	float:left;
}
body.finish .calc-r {
	width:195px;
	padding-top:50px;
	float:right;
}
body.finish table.style-a td>div.long {
	height:100px;
}
body.finish table.style-a td>div span {
	line-height:80px;
}
body#book ul#attention a.btn {
	display:block;
	width:250px;
	padding:6px 20px;
	margin:10px auto;
	color:#fff;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ffa17c;
	border-bottom:1px solid #b4481e;
	background:#ff723b;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body#book ul#attention a.btn:hover {
	border-top:1px solid #f97560;
	border-bottom:1px solid #bd321b;
	background:#eb462a;
}

/******************************************************************


PAGE:	注文遷移ページ
URL:	/asp/order/oll/crystal/
URL:	/asp/order/oll/raster/



******************************************************************/

body.order div#wrapper {
	width:890px;
	margin:0 auto;
}
body.order h2.order {
	width:95%;
	height:18px;
	margin:0 0 20px;
	padding:10px 2.5%;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	background:#004DC1;
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order h3 {
	margin:0 10px 20px;
	height:18px;
	padding:10px 20px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	background:#004DC1;
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order .blues{
	color:#004DC1;
	background:#EBF3FF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order .logos{
	background-image:url(/asp/order/oll/images/order_13.png) no-repeat 96% center;
}
body.order .minired{
	color:#f00;
	font-size:10px;
}
body.order ol#pnkz{
	width:950px;
	margin:0 0 30px;
	padding:10px 25px;
	border-bottom:1px #004DC1 dashed;
}
body.order ol#pnkz li {
	margin:0;
	padding:0;
	list-style-type:none;
}
body.order ol li {
	float:left;
}
body.order ol li#on {
	background:#004DC1;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order ul,
body.order li {
	margin:0 auto;
	padding:10px;
}
body.order li.full {width:100%}
body.order li.half {width:49%}
body.order li.quad {width:24.5%}

body.order ul.floats-ll li,
body.order ul.floats-lr li.l {float:left;}
body.order ul.floats-rr li,
body.order ul.floats-lr li.r {float:right;}
body.order p {
	width:90%;
	margin:0 auto 10px;
	padding:0;
	font-size:12px;
	letter-spacing:0.14em;
	line-height:15px;
}
body.order p.ends,
body.order div.bxs {
	margin:0 auto 50px;
}
body.order a.btn {
	display:block;
	width:90%;
	padding:15px;
	margin:10px auto;
	color:#fff;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ffa17c;
	border-bottom:1px solid #b4481e;
	background:#ff723b;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order a.btn:hover {
	border-top:1px solid #f97560;
	border-bottom:1px solid #bd321b;
	background:#eb462a;
}
body.order a.btn2 {
	display:block;
	width:90%;
	padding:15px;
	margin:10px auto;
	color:#243c89;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ecf0ff;
	border-bottom:1px solid #6176bb;
	background:#b5c6ff;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order a.btn2:hover {
	border-top:1px solid #c2d0ff;
	border-bottom:1px solid #485ea2;
	background:#7f97e6;
}
body.order #flah {
	width:890px;
	height:600px;
	margin:0 auto 30px;
	padding:0;
}
body.order ul li#titles{
	padding:10px 10px 10px 70px;
}
body.finish ul li#titles div,
body.order ul li#titles div{
	height:30px;
	line-height:30px;
	background:#fff;
	padding:10px 20px;
	color:#004DC1;
	font-size:18px;
	letter-spacing:0.14em;
	font-weight:bold;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
}
body.order ul li.tit1{background:url(/asp/order/oll/images/order_01.png) no-repeat 1% center;}
body.order ul li.tit2{background:url(/asp/order/oll/images/order_02.png) no-repeat 1% center;}
body.order ul li.tit2a{background:url(/asp/order/oll/images/order_03.png) no-repeat 1% center;}
body.order ul li.tit2b{background:url(/asp/order/oll/images/order_04.png) no-repeat 1% center;}
body.order ul li.tit3{background:url(/asp/order/oll/images/order_05.png) no-repeat 1% center;}
body.order ul li.tit4{background:url(/asp/order/oll/images/order_06.png) no-repeat 1% center;}
body.order ul li.tit5{background:url(/asp/order/oll/images/order_07.png) no-repeat 1% center;}
body.order ul li.tit6{background:url(/asp/order/oll/images/order_08.png) no-repeat 1% center;}
body.order ul li.tit7{background:url(/asp/order/oll/images/order_09.png) no-repeat 1% center;}
body.finish ul li.tit-norm,
body.order ul li.tit-norm{background:url(/asp/order/oll/images/order_10.png) no-repeat 1% center;}

body.order ul#attention li#errors {
	padding:10px 20px;
	color:#fff;
	background:#fff;
	text-align:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order ul#btmbtn{
	width:400px;
	margin:10px auto 60px;
	background:#f4f4f4;
	border-radius:10px;
}
body.order ul#btmbtn-long{
	width:500px;
	margin:0 auto 60px;
	background:#f4f4f4;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.order ul#btmbtn-long li {
	line-height:50px;	
}
body.order .lft{float:left;}
body.order .rgt{float:right}

body.finish ul#btmbtn{
	width:300px;
	padding:30px;
	margin:0 auto 60px;
	background:#f4f4f4;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.finish ul#btmbtn-long{
	width:500px;
	margin:0 auto 60px;
	background:#f4f4f4;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
body.finish ul#btmbtn-long li {
	line-height:50px;	
}
body.finish .lft{float:left;}
body.finish .rgt{float:right}

body.order table#sampleorder td input,
body.order table#sampleorder td textarea{
	font-size:20px;
	line-height:25px;
	padding:10px;
	margin:0;
	letter-spacing:0.14em;
	border:4px solid #dfdfdf;
}
body.order table#sampleorder td input:focus,
body.order table#sampleorder td textarea:focus{
	border-color:#85c7c7;
}
body.order table#sampleorder td input.widset,
body.order table#sampleorder td textarea.widset{
	width:400px;
}
body.order table#sampleorder td input.widset-p,
body.order table#sampleorder td textarea.widset-p{
	width:340px;
}

body.order table#sampleorder {
	width:95%;
	margin:0 auto;
	border:0 none;
}
body.order table#sampleorder tr {
	height:20px;
	line-height:16px;
	letter-spacing:0.14em
	border:0 none;

}
body.order table#sampleorder th,
body.order table#sampleorder td {
	text-align:left;
	border:0 none;
	vertical-align:top;
}
body.order table#sampleorder th {
	padding:5px 5px 30px;
	background:#fff;
	color:#444;
	border-top:3px solid #004EBF;
}
body.order table#sampleorder td {
	padding:0px 0 30px 20px;
	background:#fff;
	color:#777;
	border:0 none;
}
body.order div.myorder {
	width:800px;
}
body.order table.style-a tr,
body.order table.style-a th,
body.order table.style-a td {
	margin:0;
	padding:10px;
	border:0 none;
	background:none;
	text-align:center;
	line-height:20px;
	font-size:13px;
}
body.order table.style-a tr{padding:0;}
body.order table.style-a th >div ,
body.order table.style-a td >div {
	padding:10px 10px 5px;
}
body.order table.style-a tr{padding:0;}
body.order table.style-a tr.amo,
body.order table.style-a th.amo,
body.order table.style-a td.amo {
	background:#EBF3FF;
}
body.order table.style-a tr.amo th>div,
body.order table.style-a tr.amo td>div {
	color:#c4163f;
}
body.order table.style-a tr.amo th.amo,
body.order table.style-a tr.amo td.amo {
	background:#D4E6FF;
}
body.order table.style-a th.amo>div ,
body.order table.style-a td.amo>div {
	border-color:#004DC1;
}

body.order table.style-a tr.amo2,
body.order table.style-a th.amo2,
body.order table.style-a td.amo2 {
	background:#ffeff3;
}
body.order table.style-a tr.amo2 th>div,
body.order table.style-a tr.amo2 td>div {
	color:#bc4a65;
}
body.order table.style-a tr.amo2 th.amo2,
body.order table.style-a tr.amo2 td.amo2 {
	background:#ffd9e2;
}
body.order table.style-a th.amo2>div ,
body.order table.style-a td.amo2>div {
	border-color:#de7a91;
}

body.order table.style-a {
	width:95%;
	border:0 none;
	padding:0;
	margin:0 auto;	
}
body.order table.style-a *{
	vertical-align:top;
}
body.order table.style-a th>div {
	border-top:3px solid #004DC1;
	border-bottom:1px dashed #e0e0e0;
	color:#004DC1;
	font-size:15px;
}
body.order table.style-a td>div {
	border-bottom:1px solid #e0e0e0;
	color:#444;
}
body.order table.style-a td>div.col-f00 {
	color:#f00;
}
body.order .calc-l {
	width:500px;
	float:left;
}
body.order .calc-r {
	width:195px;
	padding-top:50px;
	float:right;
}
body.order table.style-a td>div.long {
	height:100px;
}
body.order table.style-a td>div span {
	line-height:80px;
}
body.order #conveniBox{margin:0 auto;}
body.order #conveniBox table p {width:75%;}
body.order #conveniBox table .mise {width:23%;}

.couponinput {
	width:600px;
	float:left;
}
.applybtn {
	width:150px;
	margin:0 auto;
	padding:0 20px;	
	float:right;
}
body .bx-pager {
background: none repeat scroll 0 0 #fff;
color: #666;
display: table-cell;
font-size:xx-small;
line-height: 10px;
padding:3px 0 3px 3px;
margin:3px;
position: absolute;
text-align: center;
top: 0;
right: 0;
z-index: 9999;
border-radius:5px;
opacity:0.7;
}
body .bx-pager>a{
width:10px;
height:10px;
font-size:xx-small;
color:#111;
padding:3px;
text-align:center;
line-height:10px;
border-radius:4px;
margin:0 3px 0 0;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
body .bx-pager>a:hover{
background:#406dff;
}
body .bx-pager>a.pager-active{
background-color:#004EBF;
color:#fff;
}
body .bx-prev,
body .bx-next {
background: none repeat scroll 0 0 #fff;
color: #666;
display:block;
width:16px;
height:16px;
padding:3px;
margin:3px;
text-align:center;
line-height:10px;
border-radius:5px;
position:absolute;
text-indent:0px;
z-index: 999;
opacity:0.7;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
body .bx-prev span,
body .bx-next span {
display:block;
width:10px;
height:10px;
font-size:x-small;
padding:3px;
margin:0;
text-align:center;
line-height:10px;
border-radius:4px;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
body .bx-prev:hover,
body .bx-next:hover {
color: #111;
}
body .bx-prev span:hover,
body .bx-next span:hover {
background-color:#406dff;
}
body .bx-prev{
top:40%;
left:0%;
}
body .bx-next{
top:40%;
right:0%;
}
body.takumi #container{
width:980px;
}
#bx1 ul li,
#bx2 ul li,
#bx3 ul li,
#bx4 ul li {
position:relative;
}
#bx1 ul li div.captions,
#bx2 ul li div.captions,
#bx3 ul li div.captions,
#bx4 ul li div.captions {
position:absolute;
bottom:0;
height:20px;
line-height:20px;
font-size:12px;
width:100%;
background:#000;
opacity:0.7;
color:#fff;
}
#bx1 ul li div.captions p,
#bx2 ul li div.captions p,
#bx3 ul li div.captions p,
#bx4 ul li div.captions p {
padding:0;margin:0;
width:100%;
text-align:center;
}
.m20 {
margin:0 auto 20px;
}


/*テーブル*/

article.tkm_table table,
.tkm_00c table {
width:100%;
border-collapse: separate;
border-spacing:5px 0px;
border:0 none;
vertical-align:middle;
text-align:center;
font-size:12px;
line-height:18px;
}
article.tkm_table table tr,
.tkm_00c table tr {
padding:3px;
}
article.tkm_table table th,
.tkm_00c table th{
border-bottom:1px solid #d7124b;
padding:5px 0;
vertical-align:middle;
min-width:40px;
}
article.tkm_table table td,
.tkm_00c table td{
border-bottom:1px solid #333;
padding:5px 0;
vertical-align:middle;
min-width:40px;
}
article.tkm_table table div#ui-datepicker-div table th,
article.tkm_table table div#ui-datepicker-div table td,
.tkm_00c div#ui-datepicker-div table th,
.tkm_00c div#ui-datepicker-div table td {
min-width:10px;
}
article.tkm_table table tr.t_t th,
.tkm_00c table tr.t_t th{
border-bottom:3px solid #333;
}
article.tkm_table table tr.t_t th.t,
.tkm_00c table tr.t_t th.t{
border-bottom:3px solid #d7124b!important;
}
.tx-l {text-align:left;}
.tx-c {text-align:center;}
.tx-r {text-align:right;}
.t_line {background:#d6ff66;}
th.tx-l {padding-left:4px;}
article.tkm_table table td p.on1,
.tkm_00c table td p.on1{
background:#9ed800;
font-size:12px;
font-weight:bold;
text-align:center;
}
article.tkm_table table td p.on2,
.tkm_00c table td p.on2{
background:#d6ff66;
font-size:12px;
font-weight:bold;
text-align:center;
}





#tkm_01 {
float:right;
width:350px;
padding:9px;
background:#eee;
border:1px solid #ddd;
}
.tkm_02c {
float:left;
width:500px;
}
.tkm_02c li{margin:0 0 25px!important;}
.tkm_03c {
display:block;
width:130px;
text-align:center;
position:absolute;
top:-3px;
left:-20px;
color:#fff;
background:#004EBF;
padding:5px;
font-size:14px;
border-radius:5px;
z-index:9999;
}
body dl.tkm_12c{
padding:3px;
margin:0;
}
dl.tkm_12c dt{
margin:0;
padding:3px 3px 1px;
border-bottom:1px dotted #fff;
background:#E2F2FF;
border-radius:3px 3px 0 0;
text-align:center;
}
dl.tkm_12c dd{
margin:0;
padding:1px 3px 3px;
background:#E2F2FF;
text-align:center;
border-radius:0 0 3px 3px;
}
#tkm_03 {
padding:20px;
position:relative;
}
h1#tkm_03 {
background:#004EBF;
padding:20px 5px;
font-size:25px;
text-align:center;
width:200px;
color:#fff;
position:absolute;
top:-10px;
left:20px;
}
.tkm_24c {
width:350px;
margin:0 5px 10px;
padding:20px 20px 0;
float:left;
}
.tkm_24c figcaption {
margin:10px 10px 10px;
}
.tkm_25c {
width:480px;
float:right;
}
.tkm_26c {
border-bottom:2px solid #666;
}
.tkm_26c ul.cf {
width:805px;
padding:0;
margin:0 auto;
}
.tkm_26c ul li {
float:left;
width:200px;
border-top:1px solid #666;
border-left:1px solid #666;
border-radius:3px 3px 0 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #bdbdbd), color-stop(0.00, #f0f0f0));
background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 88%);
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 88%);
background: -o-linear-gradient(top, #ffffff 0%, #dddddd 88%);
background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 88%);
background: linear-gradient(to bottom, #ffffff 0%, #dddddd 88%);
}
.tkm_26c ul li.last {
border-right:1px solid #666;
}
.tkm_26c ul li a{
display:block;
text-align:center;
padding:10px 5px;
font-size:14px;
}
.tkm_26c ul li a:hover{
text-decoration:none;
background:#98b8ff;
color:#003dc7;
}
#tkm_20c,
#tkm_21c,
#tkm_22c,
#tkm_23c {
background:#fff;
padding:0 60px;
}

#tkm_20c h1,
#tkm_21c h1,
#tkm_22c h1,
#tkm_23c h1 {
color: #004EBF;
font-size: 24px;
font-weight: 100;
padding: 0 0 30px;
text-shadow: 1px 1px 1px #888888;
padding:20px 10px 10px;
margin:0;
line-height:50px;
background:none;
}
#tkm_02 {
background:#CAE0FF;
margin:20px;
padding:50px 10px 10px;
}
article.tkm_04c {
width:545px;
float:left;
position:relative;
}
h1.tkm_04c2 {
background:url(/shop/takumi/images/tit_03_62.png) 0 0 no-repeat;
width:445px;
line-height:70px;
height:70px;
padding:0 0 0 90px;
margin:0;
font-weight:100;
font-size:29px;
color:#004ebf;
}
h1.tkm_04c3 {
background:url(/shop/takumi/images/tit_03_62.png) 0 0 no-repeat;
width:445px;
line-height:70px;
height:70px;
padding:0 0 0 90px;
margin:0;
font-weight:100;
font-size:26px;
color:#004ebf;
}
h1.tkm_07c2 {
background:url(/shop/takumi/images/tit_03_28.png) 0 0 no-repeat;
width:340px;
line-height:70px;
height:70px;
padding:0 0 0 90px;
margin:0;
font-weight:100;
font-size:29px;
color:#004ebf;
}
article .tkm_05c {
padding:5px 5px 15px;
margin:0 10px 10px 0;
}
article .tkm_05c h1 {
padding:12px 5px 12px 50px;
font-size:20px;
line-height:26px;
font-weight:100;
color:#004EBF;
}
.seq1 {background:url(/shop/takumi/images/tkm_02_01.png) 5px 5px no-repeat #fff;}
.seq2 {background:url(/shop/takumi/images/tkm_02_04.png) 5px 5px no-repeat #fff;}
.seq3 {background:url(/shop/takumi/images/tkm_02_07.png) 5px 5px no-repeat #fff;}
.seq4 {background:url(/shop/takumi/images/tkm_02_10.png) 5px 5px no-repeat #fff;}
.seq1 figure {
background:#CAE0FF;
border-radius:5px;
padding:5px;
margin:25px 60px 0;
}
.seq1 figcaption {
float:left;
width:225px;
position:relative;
}
.seq1 figcaption h2 {
position:absolute;
display:table-cell;
top:-27px;
left:0;
padding:5px 10px;
background:#CAE0FF;
border-radius:3px 3px 0 0;
}
.seq1 figcaption li {
padding:0 3px 5px;
}
.seq1 figure img {
display:block;
float:right;
padding:3px 3px 0 0;
}
.seq2 p {
float:left;
width:290px;
padding:0;
}
.seq2 p a {
display:block;
position:relative;
font-weight:900;
padding:15px 5px 5px;
margin:5px auto;
text-align:center;
width:150px;
border-radius:3px;
color:#222;
font-size:16px;
background:url(/nenga/images/new/grad_01.png) 10px 0 repeat-x;
border:1px solid #ebc234;
}
.seq2 p a:hover{
text-decoration:none;
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}
.seq2 p a span{
position:absolute;
top:0px;
left:5px;
font-size:x-small;
font-weight:900;
}
.seq2 figure {
float:right;
width:182px;
padding:0 15px 0 0;
margin:0;
} 
.seq3 p {
float:left;
width:340px;
}
.seq3 figure {
float:right;
width:160px;
padding:0 5px 0 0;
margin:0;
}
article.tkm_07c {
width:430px;
padding:0 0 5px;
float:right;
position:relative;
}
article.tkm_08c {

}
article.tkm_08c h1 {
padding:20px 5px 5px 15px;
font-size:20px;
line-height:20px;
font-weight:100;
color:#004EBF;
position:relative;
}
article.tkm_08c ul {
width:400px;
margin:0 auto;
padding:0 0 20px;
border-bottom:1px dotted #ddd;
}
article.tkm_08c ul.last {
border:0 none;
}
article.tkm_08c li {
float:left;
padding:5px;
}
article.tkm_08c li a span{
position:absolute;
top:12px;
left:17px;
font-weight:900;
}
article.tkm_08c li a{
display:block;
position:relative;
font-weight:900;
padding:33px 5px 18px;
text-align:center;
width:178px;
border-radius:3px;
color:#fff;
font-size:18px;
line-height:18px;
text-shadow:1px 1px 1px #51150f;
}
article.tkm_08c li a:hover{
text-decoration:none;
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}
article.tkm_08c p {
position:relative;
padding:7px 10px;margin:10px 15px;
border-radius:5px;
background:#eee;
color:#222;
font-weight:100;
line-height:25px;
font-size:14px;
}
article.tkm_08c p b {
font-size:23px;
color:#f00;
font-weight:900;
}
article.tkm_08c p span {
position:absolute;
right:10px;
top:7px;
float:right;
font-size:12px;
}
ul.btm_hr{
border:0 none!important;
}
hr.btm_hr{
margin:-4px 0;
border:0 none;
border-bottom:10px solid #CAE0FF;
}
li.tkm_09c a,
li.tkm_10c a {
background:url(/shop/takumi/images/tit_55_02_02_02.png) center right no-repeat;
border:1px solid #972418;
}
div.tkm_11c {
margin:0 0 5px;
padding:0;
background:#fff;
}
article.block h1{
width:770px;
height:70px;
margin:0 auto 30px;
padding:0 0 0 120px;
line-height:70px;
font-weight:100;
font-size:29px;
color:#004ebf;
}
article.paper h1 {background:url(/shop/takumi/images/tit_02_02.png) 0 0 no-repeat;}
article.calib h1 {background:url(/shop/takumi/images/tit_02_11.png) 0 0 no-repeat;}
article.pnl h1 {background:url(/shop/takumi/images/tit_02_19.png) 0 0 no-repeat;}
article.kkku h1 {background:url(/shop/takumi/images/tit_02_06.png) 0 0 no-repeat;}
article.paper h2 {
font-size:24px;
color:#004ebf;
font-weight:100;
padding:0 0 30px;
text-shadow:1px 1px 1px #888;
}
article.paper {
padding-bottom:25px;
margin-bottom:25px;
}
article.paper h3 {
font-size:15px;
color:#004ebf;
font-weight:400;
padding:0 0 20px;
}
article.paper>div.cf{
border-bottom:1px dotted #ccc;
margin:0 0 25px;
}
article.calib{
padding-bottom:25px;
margin-bottom:25px;
}
article.calib h2 {
font-size:15px;
color:#004ebf;
font-weight:400;
padding:0 0 20px;
}
article.pnl dl.layout-c {
position:relative;
padding-bottom:25px;
border-bottom:1px dotted #ccc;
margin:0 0 25px;
}
article.pnl dl.layout-c h2 {
display:table-cell;
font-size:15px;
color:#fff;
font-weight:400;
padding:10px;
background:#004ebf;
background:rgba(0,78,191,0.8);
border-radius:3px;
position:absolute;
z-index:9999;
top:-10px;
left:-10px;
}
article.pnl h3 {
font-size:20px;
color:#004ebf;
font-weight:400;
padding:0 0 10px;
text-shadow: 1px 1px 1px #888888;
}
body.takumi dl.tapes{
float:left;
width:215px;
padding:3px 10px;
margin:5px auto 0;
border-radius:3px 0 0 3px;
border:1px dotted #ccc;
line-height:35px;
}
body.takumi dl.tapes span{
font-size:18px;
}
body.takumi dl.tapes dt{
float:right;
width:140px;
}
body.takumi dl.tapes dd{
float:left;
width:70px;
}
body.takumi dl.prices{
position:relative;
float:left;
width:195px;
height:70px;
padding:3px 3px 3px 40px;
margin:5px auto 0;
background:#f5f5f5;
border-radius: 0 3px 3px 0;
border-top:1px dotted #ccc;
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
body.takumi dl.prices dt{
float:left;
width:40px;
line-height:70px;
}
body.takumi dl.prices dt span {
font-size:20px;
vertical-align:baseline;
}
body.takumi dl.prices dd{
float:right;
width:155px;
line-height:70px;
}
body.takumi dl.prices dd span{
font-size:32px;
font-weight:900;
color:#f00;
vertical-align:baseline;
}
body.takumi dl.prices dd.alinks{
bottom: 22px;
display: table-cell;
height: 20px;
padding: 3px;
position: absolute;
right: -13px;
width: 110px;
}
body.takumi dl.tapes2{
float:left;
width:215px;
padding:3px 10px;
margin:5px auto 0;
border-radius:3px 0 0 3px;
border:1px dotted #ccc;
line-height:35px;
}
body.takumi dl.tapes2 span{
font-size:18px;
}
body.takumi dl.tapes2 dt{
float:right;
width:100%;
text-align:center;
line-height:70px;
}
body.takumi dl.prices2 dt{
float:left;
width:40px;
line-height:70px;
}
body.takumi dl.prices2 dt span {
font-size:20px;
vertical-align:baseline;
}
body.takumi dl.prices2 dd{
float:right;
width:155px;
line-height:70px;
}
body.takumi dl.prices2 dd span{
font-size:32px;
font-weight:900;
color:#f00;
vertical-align:baseline;
}
article.tesuryou h2{
background: none repeat scroll 0 0 transparent;
color: #004EBF;
font-size: 20px;
font-weight: 100;
line-height: 50px;
margin: 0;
padding: 20px 10px 10px;
text-shadow: 1px 1px 1px #888888;
}
.gr{color:#aaa!important;}
.red{color:#f00!important;font-size:15px!important;}
article.tkm_08c h1 span.righta{
display: table-cell;
font-size: 12px;
padding: 5px;
position: absolute;
right: 10px;
text-shadow: none;
top: 15px;
}
#cboxLoadedContent {
background: none repeat scroll 0 0 #fff!important;
padding: 1px;
}
.feature a:hover{
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}