@charset "utf-8";
/* ------------------------------------------------------------ common */
html { height: 100%; }
body { color: #000; min-width: 950px; font-size: 14px; }
a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #666; text-decoration: underline; }
.hide { display: none; }
.inner { width: 1100px; margin: 0 auto; }

#admin_logo { text-align: center; padding: 20px 0; }
#admin_logo span { display: block; color: #fff; padding: 5px 0 0; }

a.submit_btn:link,a.submit_btn:visited,a.submit_btn:hover { color: #fff; }
input[type="submit"].del,
input[type="button"],
a.back { background: #bdbbbb !important; }

.green { background: #73cf5 !important; }
.orange { background: #fda625 !important; }

.alert { color: #ee0000; padding: 20px 0; text-align: center; }
.alert span { display: block; }
.complete { padding: 20px 0; line-height: 24px; text-align: center; }
.submit { text-align: center; padding: 20px 0; }
.red { color: red; }
span.cat { display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; text-align: center; padding: 0 10px; line-height: 20px; }
span.cat.type0 { background: #FFCB00; }
span.cat.type1 { background: #00C7F9; }
span.cat.type2 { background: #FF58A3; }

.plus { display: block; background: #FF8257; width: 150px; text-align: center; color: #fff; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 10px 0; }

/* ------------------------------------------------------------ common */
/* #wrapper { background: none; width: 1000px; margin: 0 auto; }
#wrap-header { background: #fff; box-shadow: 0 2px 2px #ccc; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; -o-box-shadow: 0 2px 2px #ccc; -ms-box-shadow: 0 2px 2px #ccc; }
#nav { font-size: 16px; text-align: center; line-height: 60px; }
#foot { text-align: center; padding: 20px 0 0; } */


#make a {
width: 400px; text-align: center; margin: 20px auto; display: block; color: #fff; text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
text-decoration: none;
padding: 5px 40px;
background: #e27d45;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f49b59), color-stop(1.00, #e27d45));
background: -webkit-linear-gradient(#f49b59, #e27d45);
background: -moz-linear-gradient(#f49b59, #e27d45);
background: -o-linear-gradient(#f49b59, #e27d45);
background: -ms-linear-gradient(#f49b59, #e27d45);
background: linear-gradient(#f49b59, #e27d45);
}

table { border-top: 1px solid #ccc; }
table tr td,
table tr th { vertical-align: middle; }
table tr td { padding: /* 12px 10px*/ 0 ; border-bottom: 1px solid #ccc; }
table tr th { background: #F0F0F0; /* padding: 10px; */ padding: 5px 0; color: #533636; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left; }
table tr th a:link,
table tr th a:visited,
table tr th a:hover { color: #fff; }
caption,
table tr .caption { background: #7a5e50; color: #fff; font-weight: bold; padding: 5px 0 5px 10px; text-align: left; }

#controll { padding: 0 0 10px; }
#controll select { margin: 6px 0 0; }

table tr th.id_box { width: 20px; }
table tr th.action { width: 60px; }

.scroll { overflow-x: scroll; }
table#list { min-width: 100%; margin: 10px auto; background: #fff; }
table#list textarea { width: 100%; }
table#list .date { display: block; font-size: 16px; }
table#list th,
table#list td { border: 1px solid #ccc; }
table#list tr .comment span { display: block; text-align: center; }
table#list tr .comment p { display: none; }

/* table#list .status { font-size: 16px; color: #F47D1C; } */
table#input { width: 100%; margin: 20px auto; background: #fff; }
table#input input[type="text"] { width: 350px; }
table#input textarea { width: 100%; }
table#input th { width: 150px; min-width: 150px; }
table#input th,
table#input td { padding: 5px 10px; }
table#input .bank td p { padding: 5px 0; }
table#input #fixedpay p { padding: 10px 0; }
table#input .block { border-bottom: 1px solid #ccc; padding: 5px 0; }
table#input .block p { padding: 5px 0; }
table#input .block .del { display: inline-block; *display: inline; *zoom: 1; background: #ccc; padding: 3px 10px; }
table#input .block .client { display: inline-block; *display: inline; *zoom: 1; background: #ffeeaa; padding: 3px 10px; cursor: pointer; }

/*
table#list .lead2 span.status,
table#list .lead3 span.status,
table#list .bill1 span.status { color: #ff0000; }
table#list .lead3,
table#list .bill1 { background: #ef857d; }
table#list .lead5 { background: #bebebe; }
*/

table#list .limit0 { background: #ef857d; }
table#list .limit1 { background: #FCECD5; }

#copy { border: 1px solid #878787; background: #d5d5d5; text-align: center; padding: 20px 0; font-size: 18px; }

.drivelist .com { font-weight: bold; font-size: 16px; width: 49%; padding: 10px 0 0; float: left; }
.drivelist .driver { width: 49%; padding: 10px 0 0 2%; float: left; }
.drivelist .items { background: url(../../images/arw_01.gif) no-repeat center center; padding: 10px 0; }
.drivelist .sender { width: 47%; float: left; }
.drivelist .receiver { width: 47%; float: right; }
.drivelist .items dl { border: 1px solid #ccc; }
.drivelist .items dl dt { font-size: 12px; width: 15%; padding: 12px 3%; float: left; }
.drivelist .items dl dd { padding: 10px 3% 10px 21%; margin: 0 0 5px; }
.drivelist .items dl dd small { display: block; line-height: 120%; }

.colors input[type="text"] { width: 120px; }
.colors #example { padding: 0 0 0 10px; margin: 0 0 0 20px; }
.colors table { font-size: 14px; color: #383838; width: 100%; }
.colors table.top { margin: 20px 0 0;  }
.colors table td { border: 1px solid #ddd; width: 20%; padding: 10px; vertical-align: top; }
.colors table td span { display: block; border: 1px solid #d5d5d5; width: 30px; height: 30px; float: left; cursor: pointer;
border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
.colors table td p { padding: 0 0 0 40px; line-height: 120%; }
.colors .viewmore { text-align: right; }
.colors .viewmore a { display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #efa21c; color: #fff; font-size: 14px; padding: 0 20px; margin: 20px 0 0; }


#up_image { text-align: center; padding: 20px 0; }
.images { border: 1px solid #ccc; padding: 10px 50px 0; margin: 5px; float: left; }
.images form { padding: 10px 0; }

.movies { border: 1px solid #666; width: 300px; padding: 10px; margin: 5px; float: left; }
.movies form { text-align: center; padding: 10px 0 0; }

.w150 { width: 150px; }
.w80 { width: 80px; }
.h150 { height: 150px; }
.on a {  }

span.campaign { display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
color: #fff; font-size: 11px; padding: 0 10px; margin: 0 0 0 10px; }
span.campaign.c0 { background: #f466a4; }
span.campaign.c1 { background: #f5cf67; }

#albums { width: 920px; margin: 0 auto; }
#albums .btn_red,
#albums .btn_gray { margin: 0 auto; }
#inner-albums { padding: 20px 0; }
#inner-albums .photos { background: #fff; width: 210px; padding: 5px; margin: 5px; float: left; }
#inner-albums .photos img { cursor: pointer; }
#inner-albums .photos form { text-align: center; padding: 5px 0 0; }
#inner-albums .photos input[type="text"] { margin: 0 0 5px; }
#inner-albums .photos input[type="submit"] { border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; margin: 0 5px; cursor: pointer; }
#inner-albums .photos input[type="submit"].submit { background: #2499DF; }
#inner-albums .photos input[type="submit"].btn_gray { background: #bdbbbb; }

h1 { display: inline; font-size: 12px; }
.h1 { width: 1000px; margin: 0 auto; color: #333; font-size: 12px;  }
.h1 p { display: inline; }

#point { background: #fff; }
#point .box { padding: 10px; }
#point .box h4 { font-size: 14px; padding: 0 0 10px; }

#total {  }
#total dl { border: 1px solid #ccc; font-size: 14px; width: 300px; float: right; margin: 0 0 10px; }
#total dl dt { background: #F0F0F0; border-right: 1px solid #ccc; width: 129px; padding: 5px 0; float: left; font-weight: bold; text-align: center; }
#total dl dd { width: 150px; padding: 5px 10px; float: left; text-align: right; }

/* #wrap-header { background: url(../../images/bg/pages_header.jpg) repeat-x; height: 85px; padding: 20px 0 0; min-width: 1050px; }
#header { width: 1000px; margin: 0 auto; }
#header #logo { width: 455px;  float: left; }
#copyright { padding: 10px 0;  }
#pager { height: 50px; } */

/* #wrap-login { background: url('../../images/news/view.jpg') center top; background-size: cover; height: 100%; } */
#login { text-align: center; color: #fff; padding: 100px 0 0; }
#login h2 img { margin: 0 0 10px; }
#login h2 { font-size: 14px; padding: 0 0 20px; }
#login form { background: #fff; width: 300px; padding: 30px 40px; margin: 10px auto 0; color: #102747;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#login form h3 { font-size: 22px; line-height: 22px; font-weight: bold; text-align: center; }
#login form dl dt { font-size: 14px; font-weight: bold; line-height: 30px; text-align: left; }
#login form dl dd { height: 40px; }
#login form dl dd input { width: 100%; }
#login form p { padding: 20px 0 10px; }
#login form p input { width: 100%; padding: 10px 0; height: auto; }
#login form input[type="submit"]{ background: #940a09; color: #fff; font-size: 14px; margin: 0; }
#login h3 { padding: 100px 0 20px; }
#login h3 span { display: block; color: #fff; font-weight: bold; font-size: 16px; }

#wrap-index h2 { background: #fff; text-align: center; border: none !important; padding: 30px 0 40px; margin: 0; }
#index div { background: #fff; border: 1px solid #1b55a6; width: 200px; height: 190px; padding: 0 0 20px; margin: 20px 9px 30px; float: left; }
#index div h4 { background: #1b55a6; color: #fff; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 0; }
#index div ul { padding: 20px 20px 0; }
#index div ul li { background: url(../../images/arw_01.gif) no-repeat left center; padding: 0 0 0 15px; }
#index div ul li a { font-size: 16px; }

table#input input[type="text"].mini,
input[type="text"].mini { width: 80px; }
input[type="text"].short { width: 180px; }
input[type="text"].long { width: 100%; }
table#input input[type="text"].minis,
input[type="text"].minis { width: 60px; }

#analyze #table th { min-width: 30px; padding: 5px 0; }
#analyze #table { background: #fff; }

#print { background: #fff; width: 750px; margin: 15px auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#print .photo td { width: 50%; text-align: center; }
#print td { word-break: break-all; }
.btn_print { padding: 15px 0; text-align: center; }

#album-order { background: #798ea7; padding: 5px; margin: 10px 0 0; }
#album-order .article { background: #fff; text-align: center; width: 150px; padding: 5px; margin: 1px; float: left; }
#album-order .article label { display: block; }

.admin { background: #ddd; padding: 50px; margin: 100px 0 0; }
.admin h4 { text-align: center; font-size: 14px; }
.admin #input tr th { background: #c77777; }
.admin #input tr input[type="text"] { background: #fad7d7; }

#schedule { width: 100%; }
#schedule caption { text-align: center; }
#schedule td { background: #fff; border: 1px solid #cacaca; height: 50px; }
#schedule td label { display: block; }

#find { padding: 0 0 20px; }

#cat-order { background: #798ea7; width: 400px; padding: 5px; margin: 10px 0 0; }
#cat-order .article { background: #fff; color: #707070; font-size: 14px; width: 90%; padding: 10px 5%; margin: 1px 0; }
#cat-order .article span { padding-left: 2rem; font-size: 13px;}

#table-order tr { background: #fff; color: #707070; font-size: 14px; width: 100%; margin: 1px 0; }

#case-order { background: #a9aeb0; padding: 5px; margin: 10px 0 0; }
#case-order .article { background: #fff; color: #707070; width: 150px; height: 160px; padding: 10px 15px; margin: 3px; float: left; }
#case-order .article img { display: block; margin: 0 auto 10px; }

#price li { background: #fff; padding: 10px; margin: 0 0 10px; }
#price li input[type="text"] { width: 200px; margin: 3px 0; }
#price .plus { display: block; background: #FF8257; width: 120px; text-align: center; color: #fff; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 50px; }
#price .container { background: #798ea7; padding: 10px; margin: 20px 0 50px; }

#admin-footer { background: url(../../images/common/bg_06.png) repeat-x center bottom; height: 100px; padding: 100px 0 0; }

/* ------------------------------------------------------------ 免許証 */

table#list .drive_img_wrap { display: flex; justify-content: space-around; align-items: center; }
table#list .drive_img_wrap a { text-decoration: none; }

.driver_img td table { border: none; }
.driver_img td img { height: 100px; width: auto; }
.driver_img tr { display: table-cell; }
.driver_img td table td { width: 100%; display: block; border: none; }


/* ------------------------------------------------------------ order */

/*
#order-nav li { text-align: center; width: 120px; padding: 0 10px 0 0; float: left; }
#order-nav li.on { background: none; }
#order-nav li a { display: block; background: #fff; border: 1px solid #aaa; color: #aaa; font-size: 13px; text-decoration: none; padding: 7px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#order-nav li.on a { background: #3D4753; color: #fff; }

#order-detail #order .date 		{ padding: 1px;}
#order-detail #order .date span 	{ background: #2d2d2d; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; color:#fff; padding: 10px 20px; display: inline; }
#order-detail #order .detail { background: #fff; margin: 5px auto 40px; border: 1px solid #ccc; }
#order-detail #order .detail h3  		{ background: none; color: #000; padding: 20px 35px 20px 20px; border-bottom: 1px solid #e7e7e7; font-size: 14px; }
#order-detail #order .detail h3 p 	{ float:right; }
#order-detail #order .detail h3 p a 	{ background: #f39725; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; color: #fff; padding: 7px 40px; text-decoration: none; }
#order-detail #order .detail h3 .confirmation { color: #f85c25; text-align: center; font-size: 20px; font-weight: bold; }
*/


/* #order .detail div 		{ padding: 20px; } */
/*
#order-detail #order .detail dl 		{ float:left; padding: 7px 20px; border-right: 1px solid #e7e7e7; min-height: 180px; }
#order-detail #order .detail dl dt 		{ font-weight: bold; padding: 5px 0; font-size: 16px; }
#order-detail #order .detail dl dd a 	{ border-bottom: 1px solid #a7c2e1; background: url(../../images/users/icon-00.gif) no-repeat left center; font-size: 12px; padding: 0 0 0 13px; color: #1375c0; text-decoration: none; line-height: 25px; }
#order-detail #order .detail dl dd a:hover 	{ border-bottom: 1px solid #f39725; background: url(../../images/users/icon-01.gif) no-repeat left center; padding: 0 0 0 13px; color: #f39725; text-decoration: none; line-height: 25px; }

#order-detail #order .detail .csustomer { padding: 20px; }
#order-detail #order .detail .address 	{ width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
#order-detail #order .detail .pay 		{ width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
#order-detail #order .result 				{ width: 50%; border: none; padding: 7px 0 0 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
#order-detail #order .result dd p			{ line-height: 34px; }
#order-detail #order .result p span 		{ float: right; font-size: 18px; }
#order-detail #order .result .sum 		{ border-top: 1px solid #e7e7e7; }
#order-detail #order .result .sum p		{ line-height: 53px; }
#order-detail #order .result p .red 		{ color: #a10000; font-weight: 600; }
#order-detail #order .result p span.red span.yen		{ font-size: 18px; line-height: 53px; }
#order-detail #order .result dd.sum span  	{ font-size: 28px; }

#order-detail #order .item 		{ border-top: 1px solid #e7e7e7; padding: 20px; }
#order-detail #order .item img 	{ float:left; padding: 0 20px 0 0; }
#order-detail #order .item div { padding: 0 0 0 140px; }
#order-detail #order .item h4  	{ font-size: 16px; font-weight: bold; }

#order-detail #fin table { background: #fff; border: 1px solid #ccc; width: 100%; }
*/