@charset "utf-8";
/* ------------------------------------------------------------ common */
html { height: 100%; }
body { color: #000; background: #fff; height: 100%; min-width: 950px;  position: relative; }
a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #666; text-decoration: underline; }
.hide { display: none; }

#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; }
a.del,
input[type="submit"].del,
input[type="button"] { background: #bdbbbb !important; }

a.submit_btn.green,
input[type="submit"].green { background: #73cf5a; }
a.submit_btn.orange,
input[type="submit"].orange { background: #fda625; }

.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: 0 0 20px; }
.red { color: #ff0404; }
.blue { color: #057dff; }
.yellow { color: #ffe600; }

/* ------------------------------------------------------------ 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#list tr.on { background: #464646; color: #fff; }
table#list tr.fix { background: none; }
table#list tr .comment p { display: none; }

table tr td { padding: 10px; border-bottom: 1px solid #ccc; }
table tr td.title span { font-weight: bold; }
table tr td.title small { display: block; font-size: 11px; }

table tr th { background: #acbfcd; padding: 5px 10px; color: #fff; 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 { background: #3d4753; color: #fff; font-weight: bold; padding: 5px 0 5px 10px; text-align: left; }

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

table#list { width: 100%; margin: 10px auto; }
table#list tr { background: #fff; }
table#list textarea { width: 100%; }
table#list .date { display: block; font-size: 16px; }
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 td.colors table { width: 100%; margin: 10px 0; }
table td.colors table a { color: #222; text-decoration: none; }

#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 { background: #f7e9c2; }

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; }

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; }

/* #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: #000; height: 100%; }
#login { margin: 50px 0; text-align: center; }
#login form { background: #4C4C4C; color: #fff; width: 300px; padding: 40px; margin: 10px auto 0;
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: 10px 0; }
#login form p input { width: 100%; padding: 10px 0; height: auto; }

#input input[type="text"].mini { width: 80px; }
#input input[type="text"].short { width: 180px; }

#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; }


/* ------------------------------------------------------------ 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%; }

#find { padding: 0 0 20px; }
#find input[type="text"] { margin: 5px 0; }
#find dl { padding: 10px 0; }
#find dl dt { font-size: 14px; font-weight: bold; }
#find dl dd { display: none; }
#find dl dd label { display: inline-block; *display: inline; *zoom: 1; margin: 3px 0; }
#find dl dd dl dt { background: #ddd; font-size: 14px; }
#find dl dt.open { cursor: pointer; }
#find dl dd dl dd { display: block; padding: 10px 0 0; }
#find .area dl dd dl dd { display: none; }
#find .area dl dd dd label { min-width: 300px; }

#search { background: #fff; margin: 20px 0 0; }
#search p a.reset { background: #bbb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; *display: inline; *zoom: 1; text-decoration: none; padding: 0 10px; margin: 5px; }
#search p { padding: 0 20px 20px; }
#search p a,
#search p span { background: #2499DF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; *display: inline; *zoom: 1; color: #fff; text-decoration: none; padding: 0 10px; margin: 5px; }

#schedule { width: 100%; }
#schedule caption { text-align: center; }
#schedule th { text-align: center; }
#schedule td { background: #fff; border: 1px solid #cacaca; height: 100px; width: 13%; padding: 10px 0.5%; vertical-align: top; }
#schedule td .num { display: block; text-align: right; }
#schedule td h4 { background: #ffe0ba; padding: 0 3px; margin: 0 0 3px; cursor: pointer; }
#schedule td h4 small { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; float: right; }
#sch-contents { display: none; }

.sch_nav { font-size: 14px; padding: 20px 0; }

/* ------------------------------------------------------------ additional */
#aside-logo { text-align: center; padding: 10px 0 25px; color: #fff; font-weight: bold; }
#aside-logo img { padding: 0 0 35px; }

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

#cat-order { background: #798ea7; width: 410px; padding: 5px; margin: 10px 0 0; }
#cat-order .article { background: #fff; color: #707070; font-size: 14px; width: 380px; padding: 10px 15px; margin: 1px 0; }

#case-order { background: #798ea7; 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; }