/* Add style */

body{
	font-family:Meiryo,"Hiragino Kaku Gothic Pro W3","MS P Gothic",Osaka,sans-serif;
	padding-top:60px;
	font-size: 14px;
}
body#admin_page{
	background-color: #F9F9F7;
}
#admin_page{font-size: 12px;}
.navbar-fixed-top{ position:fixed;}
.sidebar-nav {padding: 9px 0;}
#ui-datepicker-div .ui-datepicker-year{width:70px;}
#ui-datepicker-div .ui-datepicker-month{width:60px;}
h1{font-size:24px; margin-bottom:20px;}
table.table th{background-color:#F9F9F9;}
.pagination {height: 56px;margin: 0px;}
i{cursor:pointer}
li{list-style:none;}
.nav .nav-header{font-size:12px;}

/* UI extention */
.ui-dialog{ border-right:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA;}
.ui-dialog-content{ padding:10px;}
.ui-dialog-buttonset{ margin:10px; text-align:right;}
.ui-dialog-buttonset button{ line-height:24px;}
.ui-dialog-titlebar-close{ display:none;}
.ui-dialog-titlebar{ line-height:24px; padding-left:5px;}

.ui-widget-overlay{
	opacity: .90;
	filter: Alpha(Opacity=90);	
}

/* Original */
.navbar-fixed-top .nav > li > a,.navbar-fixed-top .nav > li > a:hover{color:#FFF !important;}
.navbar-inverse .navbar-link {color: #FFF;}
#dashbord_menu p{margin-left:1em;}
#dashbord_menu h3{margin-bottom:0.5em;}
#dashbord_menu form{margin-bottom:0px;clear: both;}
#dashbord_menu form input{width:150px;}
#dashbord_menu dt,dd{float: left;}
#dashbord_menu dt{width: 90px;clear: both;}
/*table{font-size: 12px;}*/
table input[type="text"], table select, table textarea{margin: 0px;}
table.table-double .input-medium{width:96%;}
table.table-double .input-large{width:98%;}
.row {margin-left: 5px;}

.textl{text-align: left !important;}
.textc{text-align: center !important;}
.textr{text-align: right !important;}
.textn{font-weight: normal !important;}
.floatl{float:left;}
.floatr{float:right;}
.nobr{white-space: nowrap;}

table.table-condensed th, table.table-condensed td{font-size: 14px;}
#admin_page table.table-condensed th, #admin_page table.table-condensed td{font-size: 12px;}
table.table-condensed th{vertical-align: middle;}
table.table-double th{width:15%;}
table.table-bordered{background-color: #FFFFFF;}

.attention{
	color:#F90;
}
.text-small{font-size:12px;}
.text-mini{font-size:11px;}
.text-nowrap{white-space:nowrap;}
form.form-horizontal label.control-label{
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
#admin_page form.form-horizontal label.control-label{
	font-size:12px;
}
form.form-horizontal label.control-label-mini{
	text-align: left;
	display: inline-block;
	margin-right: 20px;
}
form.form-horizontal label.control-label-mini input{
	margin-right: 5px;
}
form .control-group2{margin-left:20px; margin-bottom:20px;}
form .control-group2 .row{margin-left:0px;}
form .controls{width:400px;}

input[type="text"],input[type="number"],input[type="email"]{
	padding: 2px 5px 2px 5px;
	box-shadow: none;
}
.input-tiny {
	width: 30px;
}
#admin_page label{
	font-size: 12px;
}
span.required, span.required-mini{
	color: #666666;
	margin-left: 5px;
	padding: 5px;
	float: right;
	background-color: #EEEEEE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
span.norequired{
	margin-left: 5px;
	padding: 5px;
	float: right;
}


span.price{font-weight: bold;}

#packing_list table{
	background-color: #FFFFFF;
}
tr.packing_tr th{
	min-width: 3em;
}
table.table{
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#product_list table.table th{
	background-color: #FFFBD9;
	width:7%;
}
#product_list tr.splited td{
	width:12%;
}
#product_list table.table td{
	background-color: #FFFCEE;
}
#product_list input[type="radio"]{
	margin-bottom: 5px;
	margin-top: 0px;
}

#searce_form, #searce_form table{
	margin-bottom: 10px;
}

input[type="number"],input[type="email"]{
	margin-bottom: 0px;
}
input.minimini,select.minimini{
	padding: 0px 2px 0px 2px;
}
select.minimini{
	font-size: 12px;
	width:160px;
	height: 24px;
	line-height: 24px;
}

table.table table.table{
	margin-bottom: 5px;
}

i{cursor: pointer;}

form div.search_area{margin: 20px 10px 20px 10px;}
form div.search_area input {
	width:150px;
	margin-right: 10px;
}
form div.search_area select {
	width:160px;
	margin-right: 10px;
}
form div.search_area .search_field, form div.search_area .search_field label{float: left;}
form div.search_area .search_field label{
	padding: 5px 10px 0 10px;
	min-width:150px;
}
form div.search_area .search_field .btn{margin-left: 20px;}
a.sort_trigger{
	margin: 0 10px 0 10px;
	background-color: #CCCCCC;
	width:20px;
	height:20px;
	display: inline-block;
}
a.sort_trigger i{
	margin: 3px auto 0 auto;
}
a.sort_trigger_hide{
	background-color: transparent;
	cursor: default;
}
h2.page_title{
	font-size:20px;
	padding-left:10px;
	border-left:5px solid #666;
	border-bottom:1px dotted #666;
	line-height:24px;
	margin-bottom:15px;
}
h3.page_subtitle{
	font-size:16px;
	margin-bottom:20px;
}
h3.list_title{
	font-size:16px;
}
h3.list_title i{
	margin:3px 5px 0 0;
}
.modal-header h3{
	line-height: 20px;
	font-size: 16px;
	display: inline;
}
.modal-body {
	/*max-height: 300px;*/
	overflow: auto;
}
.modal-footer{
	text-align: center;
}

i.icon-circle-arrow-right{
	margin-right: 5px;
}

.ajax_loader{
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url(../img/ajax-loader.gif);
}

.icon_exclamation{
	width: 16px;
	height: 16px;
	background-image: url(../img/exclamation.png);
	cursor: pointer;
}
.icon_payment_10{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../img/icon-payment-money.png);
}
.icon_payment_20{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../img/icon-payment-credit.png);
}
.icon_payment_40{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../img/icon-payment-contract.png);
}
.icon_payment_50{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../img/icon-payment-ticket.png);
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{
	color:#fff;
	text-decoration:none;
	background-color: #1b1b1b;
	background-image: -moz-linear-gradient(top,#222,#111);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));
	background-image: -webkit-linear-gradient(top,#222,#111);
	background-image: -o-linear-gradient(top,#222,#111);
	background-image: linear-gradient(to bottom,#222,#111);
	background-repeat: repeat-x;
	border-color: #252525;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0);
}

#admin_page tr.payment_status_30 td{
	background-color: #F2F2EE;
}
#admin_page tr.payment_status_40 td{
	background-color: #FED8D8;
}
#admin_page tr.delivery_alert td{
	color: #FF0000;
}
#admin_page .bold_red{
	font-weight: bold;
	color: #FF270F;
}

#mypage .dropdown-menu>li>a:hover, #mypage .dropdown-menu>li>a:focus, #mypage .dropdown-submenu:hover>a, #mypage .dropdown-submenu:focus>a{
	color:#fff;
	text-decoration:none;
	background-color:#B70010;
	background-image:-moz-linear-gradient(top,#EC0012,#B70010);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#EC0012),to(#B70010));
	background-image:-webkit-linear-gradient(top,#EC0012,#B70010);
	background-image:-o-linear-gradient(top,#EC0012,#B70010);
	background-image:linear-gradient(to bottom,#EC0012,#B70010);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC0012',endColorstr='#B70010',GradientType=0);
}

#mypage .navbar-inverse .navbar-inner {
	background-color: #B70010;
	background-image: -moz-linear-gradient(top,#EC0012,#B70010);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#EC0012),to(#B70010));
	background-image: -webkit-linear-gradient(top,#EC0012,#B70010);
	background-image: -o-linear-gradient(top,#EC0012,#B70010);
	background-image: linear-gradient(to bottom,#EC0012,#B70010);
	border-color: #B70010;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0);
}
#mypage .navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
	background-color: #B70010;
}

#mypage div.dummy_frame{
	width:90%;
	max-width:640px;
	border:1px solid #BBBBBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
	height:100px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	overflow: scroll;
}

#mypage_top{}
#mypage_top h2{
	margin-top: 2em;
}
#mypage_top a.btn{
	padding-top: 20px;
	padding-bottom: 20px;
	width:10em;
	color: #333333;
}
.btn-large-order {
	background-color: #22ac38;
	background-image: -moz-linear-gradient(top,#22ac38,#1A812A);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#22ac38),to(#1A812A));
	background-image: -webkit-linear-gradient(top,#22ac38,#1A812A);
	background-image: -o-linear-gradient(top,#22ac38,#1A812A);
	background-image: linear-gradient(to bottom,#22ac38,#1A812A);
	border-color: #22ac38;
	color: #fff !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.btn-large-order:hover,
.btn-large-order:focus,
.btn-large-order:active {
	background-color: #36C31D;
	background-image: -moz-linear-gradient(top,#36C31D,#36C31D);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#36C31D),to(#36C31D));
	background-image: -webkit-linear-gradient(top,#36C31D,#36C31D);
	background-image: -o-linear-gradient(top,#36C31D,#36C31D);
	background-image: linear-gradient(to bottom,#36C31D,#36C31D);
	border-color: #36C31D;
}
.btn-large-hayawari {
	background-color: #e60012;
	background-image: -moz-linear-gradient(top,#e60012,#B3000E);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e60012),to(#B3000E));
	background-image: -webkit-linear-gradient(top,#e60012,#B3000E);
	background-image: -o-linear-gradient(top,#e60012,#B3000E);
	background-image: linear-gradient(to bottom,#e60012,#B3000E);
	border-color: #B3000E;
	color: #fff !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.btn-large-hayawari:hover,
.btn-large-hayawari:focus,
.btn-large-hayawari:active {
	background-color: #FD033D;
	background-image: -moz-linear-gradient(top,#FD033D,#FD033D);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FD033D),to(#FD033D));
	background-image: -webkit-linear-gradient(top,#FD033D,#FD033D);
	background-image: -o-linear-gradient(top,#FD033D,#FD033D);
	background-image: linear-gradient(to bottom,#FD033D,#FD033D);
	border-color: #FD033D;
}
.btn-large-ticket {
	background-color: #faee00;
	background-image: -moz-linear-gradient(top,#faee00,#ede100);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#faee00),to(#ede100));
	background-image: -webkit-linear-gradient(top,#faee00,#ede100);
	background-image: -o-linear-gradient(top,#faee00,#ede100);
	background-image: linear-gradient(to bottom,#faee00,#ede100);
	border-color: #faee00;
	color: #333333 !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.btn-large-ticket:hover,
.btn-large-ticket:focus,
.btn-large-ticket:active {
	background-color: #faee00;
	background-image: none;
    color: #333333 !important;
	border-color: #faee00;
}
.btn-large-order-premium {
	background-color: #AA5E12;
	background-image: -moz-linear-gradient(top,#E9D284,#B26412,#E9D284,#FFFEFA,#F3DD87,#D5A72F,#AA5E12);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#E9D284),to(#AA5E12));
	background-image: -webkit-linear-gradient(top,#E9D284,#B26412,#E9D284,#FFFEFA,#F3DD87,#D5A72F,#AA5E12);
	background-image: -o-linear-gradient(top,#E9D284,#B26412,#E9D284,#FFFEFA,#F3DD87,#D5A72F,#AA5E12);
	background-image: linear-gradient(to bottom,#E9D284,#B26412,#E9D284,#FFFEFA,#F3DD87,#D5A72F,#AA5E12);
	border-color: #895C3B;
	color: #333 !important;
}
.btn-large-order-premium:hover,
.btn-large-order-premium:focus,
.btn-large-order-premium:active {
	background-color: #E9D284;
	background-image: -moz-linear-gradient(top,#AA5E12,#D5A72F,#F3DD87,#FFFEFA,#E9D284,#B26412,#E9D284);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#AA5E12),to(#E9D284));
	background-image: -webkit-linear-gradient(top,#AA5E12,#D5A72F,#F3DD87,#FFFEFA,#E9D284,#B26412,#E9D284);
	background-image: -o-linear-gradient(top,#AA5E12,#D5A72F,#F3DD87,#FFFEFA,#E9D284,#B26412,#E9D284);
	background-image: linear-gradient(to bottom,#AA5E12,#D5A72F,#F3DD87,#FFFEFA,#E9D284,#B26412,#E9D284);
	border-color: #895C3B;
}
.btn-large-large-order {
	background-color: #172a88;
	background-image: -moz-linear-gradient(top,#172a88,#101D5C);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#172a88),to(#101D5C));
	background-image: -webkit-linear-gradient(top,#172a88,#101D5C);
	background-image: -o-linear-gradient(top,#172a88,#101D5C);
	background-image: linear-gradient(to bottom,#172a88,#101D5C);
	border-color: #101D5C;
	color: #fff !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.btn-large-large-order:hover,
.btn-large-large-order:focus,
.btn-large-large-order:active {
	background-color: #134F9F;
	background-image: -moz-linear-gradient(top,#134F9F,#134F9F);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#134F9F),to(#134F9F));
	background-image: -webkit-linear-gradient(top,#134F9F,#134F9F);
	background-image: -o-linear-gradient(top,#134F9F,#134F9F);
	background-image: linear-gradient(to bottom,#134F9F,#134F9F);
	border-color: #134F9F;
}

a.fileup {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
a.fileup input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}

table.regular_order_table tr.status_20 td{
	background-color: #F2F2EE;
}

ul.footer_menu{
	margin-left: 0px;
}
ul.footer_menu li{
	float: left;
	margin-right: 1em;
	font-size: 12px;
}

#area_address_result ul{
	margin-left: 0px;
}

#area_address_result li{
	margin-top: 10px;
}

@media (max-width: 980px){
	body{padding-top: 60px;}
	.pull-right {float: none;}
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin-right: 0px;
		margin-left: 0px;
	}
	.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
		color: #FFF;
	}
	.dropdown-backdrop{position: static;}
}
@media (max-width: 767px){
	.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
		width: 60%;
	}
	.navbar-fixed-top .brand{
		padding-left:10px;
		background-image:none;
		background-repeat:no-repeat;
		background-position:5px 5px;
		font-size: 12px;
	}
	#mypage .navbar-inverse .navbar-text, #mypage .navbar-inverse .brand {
		padding-left: 120px;
	}
}

.nomargin .pagination{height:40px;}
.nomargin .pagination ul{margin: 0px;}

.table-delivery-date {
	width: 400px;
}
.table-account-detail {
	width: 90%;
	max-width: 600px;
}
.from_date {
	
}
.to_date {
	
}

.area_address_result {
	width: 80% !important;
}
.area_address_results_comment {
	margin-bottom: 10px;
}
.area_address_results_comment .area_address_results_text {
	float: left;
}
.area_address_results_comment .area_address_results_button {
	float: right;
}

.input-cardno {
	
}

@media (max-width: 980px){
	.area_address_result {
		width: 70% !important;
	}
	.area_address_results_comment .area_address_results_text {
		clear:both;
	}
	.area_address_results_comment .area_address_results_button {
		clear:both;
	}
}
/* Responsive */
@media (max-width: 640px) {
	form .controls {
		width: 100%;
	}
	.input-cardno {
		width: 15% !important;
	}
	.table-delivery-date {
		width: 100%;
	}
	.table-account-detail {
		width: 100%;
		max-width: auto;
	}
	.table-responsive-detail th {
		padding-bottom: 0px;
		background-color: transparent !important;
	}
	.table-responsive-detail td {
		border-top: 0px;
	}
	.table-responsive-detail thead,
	.table-responsive-detail tbody,
	.table-responsive-detail th,
	.table-responsive-detail td,
	.table-responsive-detail tr {
		display: block;
	}
	.table-responsive-detail thead:last-child tr:last-child>th:first-child,
	.table-responsive-detail tbody:last-child tr:last-child>td:first-child,
	.table-responsive-detail tbody:last-child tr:last-child>th:first-child,
	.table-responsive-detail tfoot:last-child tr:last-child>td:first-child,
	.table-responsive-detail tfoot:last-child tr:last-child>th:first-child {
		-webkit-border-bottom-left-radius: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
	}
	.table-responsive-detail-lr {
		border-left: 1px solid #ddd;
		border-top: 0px;
		border: 1px solid #ccc;
		border-collapse: separate;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.table-responsive-detail-lr tr th {
		background-color: transparent !important;
		border-right: 0px;
		width: 35%;
	}
	.table-responsive-detail-lr tr td {
		border-left: 0px;
	}
	.table-responsive-detail-lr tr th.max,
	.table-responsive-detail-lr tr td.max {
		width: 100%;
	}
	.table-responsive-detail-lr tbody > tr:not(:last-child) {
		border-bottom: 1px solid #eee;
	}
	.table-responsive-detail-lr tbody > tr:last-child,
	.table-responsive-detail-lr tbody > tr:last-child > th,
	.table-responsive-detail-lr tbody > tr:last-child > td {
		border-bottom: 1px solid #ccc;
	}
	.from_date {
		display: block;
	}
	.to_date {
		display: block;
	}
	.area_address_result {
		width: 100% !important;
	}
	.area_address_results_comment .area_address_results_text {
		clear:both;
	}
	.area_address_results_comment .area_address_results_button {
		clear:both;
	}
}