html{
	font-family: "ヒラギノ角ゴシック体", "Hiragino Sans", "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴPro", "Yu Gothic","YuGothic",'游ゴシック体','游ゴシック', sans-serif;
}


html,*{
	box-sizing: border-box;
}


body{
    margin:0;
    padding:0;
}
a,
a:visited{
	color:#006;
}

.breadcrumb{
	margin-bottom: 10px;
	font-size:13px;
}
.breadcrumb ul{
	list-style: none;
	padding-left:0;
}
.breadcrumb li{
	padding-left:0;
	display: inline-block;
}

.breadcrumb li:before{
	content: " > ";
}
.breadcrumb li:first-child:before{
	content : "";
}

.global-header{
	background-color:#020729;
	background: linear-gradient(to right, #020729, #040b41);
}

.global-header img{
	vertical-align: middle;
}

.global-header__inner{
    margin : 0px auto 0px;
    max-width:980px;
}

.global-header__link{
	width:425px;
	height:85px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:url(/wp-content/themes/mojiko/images/mojikologo.gif);
	text-indent: -9999px;
}
@media screen and (max-width:767px){
	.global-header__link{
		width:100%;
		height: 50px;
		background-size: 260px auto;
	}
}

img{
	border: none;
}
.trains-table-header{
    font-size:15px;
    padding: 0 0 3px;
    margin: 0 0 10px;
}

.trains-table{
    border-top:1px solid #CCCCCC;
    width: calc(100% - 30px);
    border-spacing: 0;
    margin-left:15px;
    margin-right:15px;
}
.trains-table td{
    border-bottom:1px solid #CCCCCC;
    padding : 8px 3px;
    font-size:13px;
}
.trains-table th{
    border-bottom:2px solid #999999;
    padding :3px;
    background-color:#F2E9D8;
    font-size:13px;
}

.ns-content{
	padding: 15px;
    margin : 0px auto 20px;
    max-width:768px;
}

.ns-header{
    padding:10px 0;
    background-color:#e4d669;
	background: linear-gradient(to right, #f8f8f8, #dddddd);
    color:#333;
    text-align: left;
}
.ns-header__inner{
    margin : 0px auto 0px;
    max-width:768px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom: 15px;
}

.ns-header h1{
    margin:0;
    font-size:24px;
    line-height: 1.3;
    letter-spacing: 3px;
    
}
@media screen and (max-width:767px){
	.ns-header h1{
		font-size:20px;
	}
}

.day-page-nox{
    font-size:15px;
    font-weight: bold;
    line-height:25px;
    text-align: left;
}

.calendars{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

@media screen and (max-width:767px){
	.month {
		flex-basis: 100%;
	}
}
@media screen and (min-width:768px){
	.month {
		flex-basis: 50%;
	}
}


.day-page-back{
    float:left;
    margin: 0 10px; 0 0;
}

.day-page-year{
    font-size:15px;
}
.day-page-day{
    font-size:23px;
}

.day-paddle{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
a.paddle-center.paddle-center{
	text-decoration: none;
	display: inline-block;
	border-radius: 15px;
	border:2px solid #006;
	background-color:#006;
	color:#fff;
	padding:1px 10px;
	transition: 0.3s all;
}
a.paddle-center.paddle-center:hover{
	background-color: #fff;
	color:#006;
}

.day-paddle a.paddle-left,
.day-paddle a.paddle-right{
    color:#000033;
    width:70px;
    text-align: center;
    height:70px;
    text-decoration: none;
    display: block;
    line-height:30px;
    padding: 25px 0  25px 0;
    background-color:#F2E9D8;
    border-radius: 35px;
    position: relative;
    transition: all 0.3s;
}
.day-paddle a.paddle-left:after{
	content:"<";
}
.day-paddle a.paddle-right:after{
	content:">";
}
.day-paddle a.paddle-left:after,
.day-paddle a.paddle-right:after{
	position: absolute;
	font-weight: bold;
	color:#fff;
	top:0;
	left:0;
	right:0;
	text-align: center;
}
.day-paddle a.paddle-left:hover,
.day-paddle a.paddle-right:hover{
	background-color:#f60;
	color:#fff;
}
.day-paddle a.paddle-left{
}

.day-paddle a.paddle-right{
}


.train-number{
    font-size:19px !important;
    font-family: Helvetica;
    text-align:center;
}

.train-time{
    text-align:center;
    font-size:17px !important;
    font-family: Helvetica;
}
.train-vacant{
    text-align:center;
    font-size:13px !important;
    font-family: Helvetica;
    color:#666666;
    
}


.float-left-button{
    float:left;
    margin: 0 10px 0 0;
}
.float-right-button{
    float:right;
    margin: 0 0 0 10px;
}

.ebutton{
    background:url(../images/osm/buttons/ebutton.gif) top left repeat-x #036;
    height:30px;
    padding:0;
}
.ebutton a{
    background:url(../images/osm/buttons/ebutton_right.gif) top right no-repeat;
    padding:5px 26px 5px 7px;
    line-height: 20px;
    font-size:14px;
    text-decoration:none;
    display: block;
    color:#ffffff;
}
.ebutton a:hover{
    background:url(../images/osm/buttons/ebutton_right_x.gif) top right no-repeat;
}

.osm-left-menu-active-element{
    background:#FFFFFF no-repeat top right url(../images/osm/harvour_bg_button_active.gif);
    color:#000000;
    width:100px;
    padding: 0 3px 0 0 ;
    margin:0 0 3px 0;
}

a.btn-reserve.btn-reserve{
	background-color:#06C;
	color:#fff;
	display: block;
	text-decoration: none;
	border-radius: 5px;
	font-size:16px;
	transition: all 0.3s;
}
a.btn-reserve.btn-reserve:hover{
	background-color: #006;
}


.osm-left-menu-active-element a,
.osm-left-menu-active-element a:visited,
.osm-left-menu-active-element a:link{
    display:block;
    padding: 5px 3px;
    line-height:15px;
    color:#000000;
    text-decoration: none;
    font-size:13px;
    font-weight:bold;
    text-align: center;
}

.osm-left-menu-element{
    background:#CCCCCC no-repeat top right url(../images/osm/harvour_bg_button.gif);
    width:100px;
    padding: 0 3px 0 0 ;
    
    margin:0 0 3px 0;
}

.osm-left-menu-element a,
.osm-left-menu-element a:visited,
.osm-left-menu-element a:link{
    display:block;
    padding: 5px 3px;
    line-height:15px;
    color:#333333;
    text-decoration: none;
    font-size:13px;
    text-align: center;
}

.osm-title-bar{
    background-color:#FFFFFF;
    margin : 10px 0 0;
    padding: 0 0 3px;
    border-bottom:2px solid #CCCCCC;
}

.page-wrapper{
	margin : 0;
	padding: 10px 0 0;
    background: #FFFFFF;
}

.page-wrapper-left{
	margin:0 0 20px;
	width:150px;
	float:left;
}
.page-wrapper-right{
	margin:0 0 20px;
	border-top:5px solid #999999;
	margin-left:150px;
}
.page-main{
	margin : 5px 15px 10px 15px ;
}

.page-header{
	
}

.page-header-title{
	font-size:24px;
	color: #333333;
	font-weight: bold;
	margin : 10px 0 20px;
}


.page-footer{
	clear: both;
	margin:10px 0px;
	padding : 5px 5px;
	font-size:11px;
	color:#685d4d;
}

.poge-header-pankuzu{
	font-size:11px;
	margin : 0px 0px 10px;
}

.page-header-time{
	float:right;
}

.page-header-time-loaded{
	color:#999999;
	font-family: "Myriad Pro", "Lucida Grande", Verdana;
	font-size: 17px;
	font-weight: 500;
}

.page-header-time-current{
	color:#339900;
	font-family: "Myriad Pro", "Lucida Grande", Verdana;
	font-size: 17px;
	font-weight: 500;
}

.page-header-user{
	float:right;
	margin : 0 15px 0;
	font-size:13px;
	font-weight: 600;
	color:#666666;
}
.page-header-user-buttons{
	margin : 3px 0 0;
}


.page-app-logo{
	margin : 3px 0 8px;
}

.page-menu{
	background-color: #E0F0F0;
	margin : 0px;
	padding :1px 0 ;
}

.page-menu-element{
	background: #F0F8F8 url(../images/osm/menu_normal_top.gif) top no-repeat;
	margin : 3px;
}

a.page-menu-link{
	text-decoration: none;
	background: url(../images/osm/menu_normal_bottom.gif) bottom no-repeat;
	display: block;
	padding : 5px;
	font-size:13px;
	font-weight: 600;
	height:30px;
}
a.page-menu-link:link,
a.page-menu-link:visited{
	color:#000000;
}


.page-menu-active-element{
	background: #FFFFFF url(../images/osm/menu_active_top.gif) top no-repeat;
	margin : 3px 0 3px 3px;
}

a.page-menu-active-link{
	text-decoration: none;
	background: url(../images/osm/menu_active_bottom.gif) bottom no-repeat;
	display: block;
	padding : 5px;
	font-size:13px;
	font-weight: 600;
	height:30px;
}
a.page-menu-active-link:link,
a.page-menu-active-link:visited{
	color:#000000;
}

.login-console-wrapper{
	width:400px;
	margin: 50px auto;
}

.login-console{
	width:400px;
	background: url(../images/osm/login_middle.gif) repeat-y left top;
}
.login-console-inner{
	background: url(../images/osm/login_top.gif) no-repeat left top;
}
.login-console-form{
	background: url(../images/osm/login_bottom.gif) no-repeat left bottom;
	padding :  44px 30px 20px;
}
.login-console-table-label{
	font-size:12px;
	text-align: right;
	padding: 0px 5px 0px;
	font-family: "Myriad Pro", "Lucida Grande", Verdana;
}
.login-console-input-text,
.login-console-input-password{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	font-size:10.5pt;
}

.login-console-forgotten{
	font-size: 13px;
	text-align: center;
}
.login-console-forgotten a{
	color:#000066;
}


.osm-msgbox-wrapper{
	margin : 0 5px;
}
.osm-msgbox{
	margin : 0px 5px 10px;
	padding : 5px 5px 5px 42px;
	background-color:#EEEEEE;
	font-size:13px;
}
.osm-msgbox-title{
	font-weight: bold;
	font-size:15px;
}

.osm-msgbox-0,
.osm-msgbox-1,
.osm-msgbox-2,
.osm-msgbox-3{
	background: #FFCCCC url(../images/osm/msgbox/error.png) no-repeat 5px center;
}
.osm-msgbox-4,
.osm-msgbox-5{
	background: #FFE67D url(../images/osm/msgbox/caution.png) no-repeat 5px center;
}

.osm-msgbox-6,
.osm-msgbox-7{
	background: #C3E3FF url(../images/osm/msgbox/info.png) no-repeat 5px center;
}

.osm-msgbox-10
{
	background: #E6FF96 url(../images/osm/msgbox/success.png) no-repeat 5px center;
}

/* ListTable */


table.list-table{
	border-collapse:collapse;
	width:649px;
	border-left :1px solid #CCCCCC;
	border-top :1px solid #CCCCCC;
	border-bottom :1px solid #CCCCCC;
}
table.list-table td{
	padding:3px;
	font-size:13px;
	border-right :1px solid #CCCCCC;
}
table.list-table tr.list-table-header td{
	background-color:#FFFFFF;
	color:#333333;
}

table.list-table .list-table-row-0 td ,
table.list-table .list-table-row-1 td 
{
	font-size:12px;
	padding : 5px;
	line-height:16px;
	height:16px;
}
table.list-table td.linkable a{
	line-height:16px;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
table.list-table td.linkable-product-code a{
	font-size:16px !important;
	line-height:18px;
	font-weight:bold;
	font-family:"Helvetica Neue", Verdana, Helvetica;
}

table.list-table td.linkable a:hover{
	
	text-decoration:underline;
}

table.list-table .list-table-row-0,
table.form-table .form-table-row-0,
table.stripe-table .stripe-table-row-0,
table.stripe-table tbody tr:nth-child(odd){
	background-color : #E7F2FC;
}

table.list-table .list-table-row-1,
table.form-table .form-table-row-1,
table.stripe-table .stripe-table-row-1,
table.stripe-table tbody tr:nth-child(even){
	background-color : #FFFFFF;
}




/*
// Pager */

.header-tab{
    margin:5px 0 10px;
}
.header-tab-list{
    list-style: none;
    margin:0;
    padding:0;
}


.header-tab-item{
    float:left;
    display: block;
    border-bottom: 1px solid #DDDDDD;
    height: 28px;
    overflow: hidden;
}

.header-tab-item-active{

    float:left;
    height: 28px;
    overflow: hidden;
    border-bottom: none;
}

.header-tab-item a,
.header-tab-item a:visited
{
    text-decoration: none;
    display: block;
    padding : 5px;
    margin : 0px 5px;
    font-size:13px;
    line-height: 18px;
    height:18px;
    background-color:#DDDDDD;
    color:#555599;
}
.header-tab-item-active a,
.header-tab-item-active a:visited{
    text-decoration: none;
    display: block;
    padding : 5px;
    margin : 0px 0px;
    font-size:13px;
    line-height: 18px;
    height:18px;

    background: #FFFFFF;
    border:1px solid #DDDDDD;
    color:#555599;
    font-weight: bold;
}


.clearfix:after{
	content : ".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.clearfix{
	display:inline-block;
}
/* Hides from IE-mac €*/
*html .clearfix{ height:1px;}
	.clearfix{  display:block ; }
/* End hide from IE-Mac */

.osm-header{
    background: url(../images/osm/skin/osm3_logo.png) no-repeat right center;
    height:45px;
}
.white-window{
    background-color:#FFFFFF;
    padding : 0 0 10px;
}



.osm-header-upper-logo{
    background: url(../images/osm/logo.png) no-repeat center center;
    width:70px;
    height:22px;
    text-align: none;
    float: left;
}

.osm-header-upper-menu-element,
.osm-header-upper-menu-active-element{
    float:left;
    margin : 0 0 0 3px;
}
.osm-header-upper-menu-link,
.osm-header-upper-menu-active-link{
    display: block;
    color :#FFFFFF;
    text-decoration: none;
    font-size:13px;
    line-height:18px;
    padding : 1px 5px 1px 5px;
    border-top:2px solid #445577;
}
.osm-header-upper-menu-link{
    color :#FFFFFF;
}
.osm-header-upper-menu-active-link{
    background:#BFD9F2 url(../images/osm/menu_active_tab.png) no-repeat left top;
    color :#000000;
    padding : 1px 10px 1px 10px;
    border-top:2px solid #FFFFFF;
    font-weight: bold;
    border-right:2px solid #333333; 
}


.osm-header-lower-menu-element,
.osm-header-lower-menu-active-element{
    float:left;
    margin : 0 0 0 3px;
}
.osm-header-lower-menu-link,
.osm-header-lower-menu-active-link{
    display: block;
    color :#FFFFFF;
    text-decoration: none;
    font-size:13px;
    line-height:18px;
    border-top:0px solid #CCCCCC;
}
.osm-header-lower-menu-link{
    padding : 1px 5px 1px 5px;
    color :#FFFFFF;
    margin : 0px 0px;
    background-color:#685D4D;
}


a.osm-header-lower-menu-link:hover{
	background-color:#FFFFFF;
	color:#000000;
}
.osm-header-lower-menu-active-link{
    padding : 2px 10px 0px 10px;
    background:#FF9900;
    color :#FFFFFF;
    font-weight: bold;
}

.osm-header-clock{
    height:25px;
}

.osm-header-time-loaded{
	color:#685D4D;
	float: left;
	font-family: "Myriad Pro", "Lucida Grande", Verdana;
	font-size: 11px;
	font-weight: 500;
	line-height:18px;
	padding : 2px 5px 2px 0px;
}

.osm-header-time-current{
	color:#FF9900;
	float: left;
	font-family: "Myriad Pro", "Lucida Grande", Verdana;
	font-size: 11px;
	font-weight: 500;
	line-height:18px;
	padding : 2px 5px 0px 0px;
}
.osm-title{
    font-size:15px;
    font-weight: 600;
    margin : 0px 0 0px;
    margin : 10px 0 5px;
}
.debug-table{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin: auto;
}
.debug-table td,
.debug-table th{
    padding :3px;
    border: 1px solid #CCCCCC;
    font-size:11px;
}


table.omni-sc-list-table{
	border-collapse: collapse;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-top :1px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	width:100%;
}


table.omni-sc-list-table td{
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-top :none;
	border-bottom: none;
	padding :3px;
	font-size:13px;
	white-space: nowrap;
	overflow: hidden;
	max-width:300px;
	min-width:20px;
}

table.omni-sc-list-table th{
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-top :none;
	border-bottom: 1px solid #000000;
	font-size:13px;
	padding :3px;
	background-color:#E8E8E8;
	white-space: nowrap;
}

tr.omni-sc-list-table-row{
	padding : 5px;
}

tr.omni-sc-list-table-row-0{
	background-color : #E7F2FC;
}

div.product-image{
	background: #FFFFFF;
	float:left;
	border:1px solid #CCCCCC;
	padding : 5px;
	margin : 1px 6px 6px 1px;
	width:120px;
}

div.product-image-main{

	background: #FFFFFF;
	float:left;
	border:2px solid #000099;
	padding : 5px;
	margin : 0 5px 5px 0;
	width:120px;
}

div.category-wrapper{
	width:930px;
}
div.cats
{
	width:200px;
	margin : 0 20px 0 0;
	float:left;
}
div.cats ul{
	list-style: none;
	margin:0;
	padding:0;
	
	border-bottom : 1px solid #CCCCCC;
}
div.cats li{
	list-style: none;
	margin ; 0;
	padding : 5px;
	border-top : 1px solid #CCCCCC;
}
div.products{
	width:700px;
	float:left;
}

table.detail-table
{
	border-collapse: collapse;
	border-bottom:1px solid #CCCCCC;
}

table.detail-table tbody th,
table.detail-table tbody td
{
	border-top:1px solid #CCCCCC;
	text-align: left;
	font-size:13px;
	padding : 5px;
	line-height: 16px;
}

table.detail-table tbody th
{
	background-color:#D8D8D8;
}
table.detail-table tbody td
{
	text-align: left;
	font-size:13px;
}

.pp-row{
	width:700px;
}
.pp-box{
	float:left;
	width:150px;
	margin : 0 0 10px 10px;
	padding :5px;
	border:1px solid #CCCCCC;
}
.pp-box-image{
	text-align: center;
	height:120px;
}
.pp-box-cart{
	text-align: center;
	
}
.pp-box-stock-label{
	font-size:11px;
}
.pp-box-stock{
	font-size:15px;
}
.pp-box-combination .pp-box-price{
	float:right;
}

.pp-box a:link,
.pp-box a:visited{
	color:#000099;
	text-decoration: none;
}
.pp-box a:hover{
	text-decoration: underline;	
}

.pp-box-id{
	text-align: center;
	line-height: 22px;
	font-size: 15px;
	font-family: Helvetica Neue, Verdana;
}
.pp-box-name{
	font-size: 13px;
}
.pp-box-number{
	font-size: 11px;
	font-family: Helvetica Neue, Verdana;
}
.pp-box-price{
	font-size: 13px;
	font-family: Helvetica Neue, Verdana;
	text-align: right;
}

.osm-edit-table{
	border-collapse: collapse;
	border: 1px solid #666666;
	margin : 10px 0;
}
.osm-edit-table-row-1{
	background-color: #FFFFFF;
}

.osm-edit-table-row-0{
	background-color: #edf5ff;
}
.osm-edit-table-row td{
	padding :5px;
}
.osm-edit-table-label{
	border-right: 1px solid #666666;
}

.minibox{
	display: block;
	text-align: center;
	font-size:11px;
}

a.minilink{
	display: block;
	text-align: center;
	font-size:11px;
	text-decoration: none;
	color:#000099;
}

a.minilink:hover{
	text-decoration: underline;
	color:#000099;
}

table.neworder-products{
	border-collapse: collapse;
	margin : 20px 0;
	border: 1px solid #666666;
}
table.neworder-products td,
table.neworder-products th
{
	padding :5px;
	font-size:13px;
	border: 1px solid #666666;
}

table.neworder-products thead{
	background-color:#FFCC00;
}

.index-pages-header{
	padding : 0 0 5px;
	
	border-bottom:5px solid #FF9900;
}

ul.index-pages-list{
	list-style: none;
	margin:10px 0 ;
	padding: 0px;
}


li.index-pages-page{
	list-style: none;
	margin:0px;
	padding: 5px 0;
	display: block;
	border-bottom:1px solid #CCCCCC;
}
.index-pages-page-title{
	font-size:15px;
	font-weight: bold;
}
.index-pages-page-date{
	font-style:italic;
	font-size:13px;
	color:#009900;
	text-align: right;
	float: right;
}
.index-pages-page-summary{
	font-size:11px;
	color:#666666;
	line-height: 16px;
}
table.index-orders-table{
	border-collapse: collapse;
	border:1px solid #CCCCCC;
	width:100%;
	margin : 10px 0 10px;
}
table.index-orders-table td{
	border:1px solid #CCCCCC;
	padding :5px;
	font-size:13px;
}
table.index-orders-table thead tr{
	background-color:#DDDDDD;
}
.index-orders-order-0{
	background-color: #edf5ff;
}

.more{
 text-align:right;
}

.index-box{
	margin : 0 0 20px;
}

.page-body{
	margin : 15px 0;
	font-size:120%;
	line-height: 175%;
}
.page-more{
	margin : 15px 0;
	font-size:120%;
	line-height: 175%;
}

table.solid-table{
	
	
	border:1px solid #999999;
	border-collapse: collapse;
	margin : 10px 0;
}
table.solid-table th{
    padding : 5px;
    border:1px solid #999999;
    background-color:#EEEEEE;
}
table.solid-table td{
	padding : 5px;
	border:1px solid #999999;
}

.searchbox{
	margin : 15px 0;
	padding :10px;
	background-color:#DDDDDD;
}


.osm-edit-table-descrition{
	font-size:12px;
}


.searchbox2{
	margin : 15px 0;
	padding :0
	background-color:#DDDDDD;
}
.searchbox2-inner{
	margin : 15px 0;
	padding :10px;
	background-color:#DDDDDD;
}

.products-order{
	padding:3px;
	width:300px;
	float: right;
}

.products-order-title{
	float:left;
	font-size:15px;
	font-weight: bold;
	padding : 3px;
}
.products-order-element{
	float:left;
	margin : 0px 0 0 10px;
	font-size:13px;
	padding : 3px 10px;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.products-order-element img{
	vertical-align: middle;
}
.floatbar{
	width:200px;
	float:left;
	margin : 0 10px 0 0;
}

.cancelled{
	background-color: #FFCCCC;
	margin: 10px 0;
	padding : 5px;
}
.inquery{
	margin : 20px 0;
}
.items-header{
	margin : 20px 0 5px;
}
.halfdivider-left{
	width:48%;
	float:left;
}
.halfdivider-right{
	width:48%;
	float:right;
}



.osm-form input,
.osm-form select,
.osm-form textarea{
	max-width: calc(100% - 30px);
	padding:5px 10px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size:18px;
}

dl.osm-form{
	margin : 10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

@media screen and (max-width:767px){
	dl.osm-form{
		margin-left:-15px;
		margin-right:-15px;
	}
}
.confirm-info{
	margin:30px 0;
	padding:15px 15px 15px 40px;
	border:1px solid #ccc;
	border-radius: 10px;
}
.confirm-info li{
	margin-top:10px;
	margin-bottom:10px;
	color:#333;
}

.confirm-check{
	margin:30px 0 30px;
	border-radius: 10px;
	border: 2px solid #336;
	padding:20px;
}
.confirm-check h2{
	margin:0 0 10px;
	font-size:20px;
	color:#336;
	font-weight: 200;
	letter-spacing: 0.1em;
}
.confirm-check-box{
	display: flex;
	color:#333;
	padding:10px;
	font-weight: 400;
}
.confirm-check-box > *{
	margin-right:15px;
}
.confirm-check-box input{
	width:24px;
	height:24px;
}


dl.osm-form dt{
	text-align: right;
	flex-basis: 30%;
	max-width: 30%;
	padding:7px;
	overflow: hidden;
	font-weight: 600;
	color:#666;
}
dl.osm-form dt label{
	
}
dl.osm-form>*:nth-child(4n+1),
dl.osm-form>*:nth-child(4n+2){
	background-color: #f8f8f8;
}
dl.osm-form dd{
	flex-basis: 70%;
	max-width: 70%;
	padding:7px;
	margin-inline-start:0px;
	margin:0px;
}
dl.osm-form dd.large{
	font-size:2em;
	color:#e62;
	font-weight: bold;
}
dl.osm-form ul.errors{
	background-color:#e02;
	color:#fff;
	border:2px solid #e02;
	padding:5px 10px;
	border-radius: 10px;
	margin:3px 0;
	list-style: none;
	font-size:9pt;
}
dl.osm-form ul.errors li:before{
  font-family: "Font Awesome 5 Free";
  content: "\f06a";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right:10px;
  font-weight: 900;
  transform: scale(1.5);
}

label.required{
	background: no-repeat url(../images/osm/form/required.gif) right top;
	padding-right:7px;
}


.contentBoard{
    background-color:#FFFFFF;
    padding:0px;
}

.contentBoard dt{
    display: none !important;
}
.contentBoard dd{
    margin:0 !important;
    margin-left:0 !important;
    padding:0 !important;
    padding-left:0 !important;
    float:none;
    display: block;
}
.contentBoard dd textarea{
    margin:0 !important;
}
.contentBoard dl{
    margin:0;
    padding:0;
    display: block;
}
.contentEditTitle{
    margin:0;
    padding:3px 5px;
    background-color:#DDCC99;
    font-size:16px;
}
.contentEditTitle dd{
    display: inline;
}
.contentEditTitle input{
    font-size:20px;
}
.contentEditElement{
    margin: 0 0 3px;
    padding : 4px 2px;
    border-bottom:1px solid #CCCCCC;
}

.whiteboard{
    background-color: #FFFFFF;
    padding :5px;
}
.whiteboard h2{
    font-size:15px;
    border-bottom:2px dotted #FF9900;
    margin : 0 0 10px;
    padding: 0 0 5px;
}

.stripe-table{
    border:1px solid #999999;
    border-collapse: collapse;
}
.stripe-table thead td,
.stripe-table thead th{
    background-color:#334466;
    color:#FFFFFF;
}
.stripe-table td,
.stripe-table th{
    padding :2px 5px;
    font-size:14px;
    border-right:1px solid #CCCCCC;
}
.stripe-table-cell-numerical{
	font-family: "Myriad Pro", "Lucida Grande", Verdana;
	text-align:right;
    padding: 2px 5px;
}
.stripe-table tfoot td,
.stripe-table tfoot th{
    background-color:#666666;
    color:#FFFFFF;
}

.freelayout-float{
    float:left;
    border:1px solid #CCCCCC;
    padding:5px;
    margin : 0 5px 5px 0;
}
.breadcrumblist{
    margin : 0 0 10px;
    font-size:11px;
    
}
.blueEm{
    background-color:#E7F2FC;
    padding : 0 5px;
}


.address-box{
    border:3px dotted #CCCCCC;
    background-color:#FFFFFF;
    padding:8px;
    margin : 2px 0 10px;
}
.address-box-postcode{
    font-size:20px;
}
.address-box-name-kana{
    font-size:12px;
}
.address-box-name{
    font-size:20px;
}


.price-input
{
    font-size:20px;
    text-align:right;
    font-family:Helvetica;
}
.price-unit{
    font-size:20px;
}



.loadedAddresses{
    padding:5px;
    background-color:#FFFFCC;
    margin: 5px 0;
    font-size:13px;
}
.addressList{
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    padding :3px;
}

.money-table{
    border-top:2px solid #000000;
    border-bottom:2px solid #000000;
    border-collapse: collapse;
}
.money-table th{
    background:#EEEEEE;
    border-bottom:1px solid #666666;
}
.money-table td{
    border-bottom:1px solid #CCCCCC;
}

.money{
    font-size:20px;
    font-family: Helvetica;
    text-align:right;
    padding-left:10px;
}
.money-total{
    font-weight: bold;
    background-color: #F8F8CC;
}
.customer-name-ruby{
    font-size:11px;
}
.customer-name{
    font-size:15px;
}






ul.osm-horizontal-menu, 
ul.osm-horizontal-menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.osm-horizontal-menu ul,
ul.osm-horizontal-menu_vertical ul {
	display: none;
}
ul.osm-horizontal-menu li {
	float: left;
	margin : 0 0 0 3px;
}

/* -- Sub-Menus -- */
ul.osm-horizontal-menu ul,
ul.osm-horizontal-menu_vertical ul {
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.osm-horizontal-menu ul li,
ul.osm-horizontal-menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.osm-horizontal-menu,
ul.osm-horizontal-menu ul,
ul.osm-horizontal-menu_vertical,
ul.osm-horizontal-menu_vertical ul {
}
ul.osm-horizontal-menu_vertical {
	height: auto;
}
ul.osm-horizontal-menu ul {
	height: auto;
}
* html ul.osm-horizontal-menu ul {
	width: 1%;
}
ul.osm-horizontal-menu li {
	font-family: sans-serif;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
}
ul.osm-horizontal-menu li li {
	width: 90px;
	margin: 0 0 3px 3px;
	background-color:#996633;
}
ul.osm-horizontal-menu li a {
	color: #FFF;
	text-decoration: none;
}

ul.osm-horizontal-menu li.jdm_hover,
ul.osm-horizontal-menu li.jdm_active {
	background-color: #FFFFFF;
	color: #000000;
	
}
table.layoutTable{
    border:none;
    border-collapse: collapse;
}
table.layoutTable td{
    padding:0px !important;
    border:none;
}
div.loading{
    height:100px;
    background: url(../images/estform/loading.gif) no-repeat 20px 20px;
}
div.loaded{
    height:auto;
}
div.osmPagerInfo{
    margin: 0 0 5px;
    font-size:13px;
}
div.osmPager{
    margin: 0 0 5px;
    padding:3px;
    background-color:#EEEEEE;
}
#newTableCandidates{
    padding:10px;
    border:1px solid #CCCCCC;
}
.osmAjaxSaveButtonWrapper{
    text-align:right;
    margin-right:10%;
}
.osmAjaxSaveButton{
    font-size:18px;
}


.product-functions-list,
.product-washicons-list{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}

.product-functions-list-item,
.product-washicons-list-item{
	list-style:none;
	display:block;
	float:left;
	margin : 0 5px 2px;
	border:1px solid #CCCCCC;
	padding:5px;
}
.product-functions-list-item a,
.product-washicons-list-item a{
    display:block;
    padding-top:10px;
}
.product-functions-area-1{
    padding:5px;
}
.product-functions-area-1 .product-functions-list-item a{
    background: url(../images/osm/icons/iconRemove.gif) no-repeat top right;
}

.product-functions-area-2{
    border:1px solid #CCCCCC;
    padding:5px;
}

.product-functions-area-2 .product-functions-list-item a{
    background: url(../images/osm/icons/iconAdd.gif) no-repeat top right;
}

.edit-table td{
    overflow: hidden;
}
td.edit-cell{
    text-align: right;
    padding:0px !important;
    line-height:100%;
    font-size:11px;
}
td.edit-cell-priceTable{
    text-align: left;
}


.edit-table th{
    font-size:11px;
    padding:1px;
}
.edit-table td input.edit-text{
    width:50px;
    height:20px;
    border:0;
    padding: 1px;
    line-height:18px;
    font-size:15px;
    text-align: right;
    font-family:monospace;
}
.edit-table td textarea.edit-textarea{
    width:300px;
    height:45px;
    border:0;
    padding: 1px;
    line-height:15px;
    font-size:11px;
    text-align: left;
    font-family:monospace;
}
.edit-table td select.edit-select{
    width:50px;
    height:20px;
    border:0;
    padding: 1px ;
    line-height:18px;
    font-size:13px;
    text-align: left;
}

.edit-noedit-cell{
    font-size:11px !important;
    padding:0px 2px;
    line-height:13px;
}

.edit-row-even{
    background-color:#FFFFFF;
}

.edit-row-odd{
    background-color:#E7F2FC;
}



.edit-row-odd input,
.edit-row-odd select,

.edit-row-odd textarea{
    background-color:#E7F2FC;
}

.osmAjaxSaveButtonWrapper2{
    background-color:#FFCCCC;
    text-align:center;
    padding:5px;
    float: none !important;
    margin: 2px 0;
}

.edit-priceTable{
    display:block;
    padding:1px;
    margin: 0px 4px;
    text-align: center;
    color:#000000;
    font-size:13px;
}

.edit-row-even .edit-priceTable{
    background-color: #c8e4fc;
}
.edit-row-odd .edit-priceTable{
    background-color: #bbdefc;
}



.edit-row-even .changed{
    background-color:#FFEEEE;
}

.edit-row-odd .changed{
    background-color:#FFDDDD;
}
.osmAjaxMsgBox{
    padding:20px 0 20px 60px;
    margin:3px 0;
    height:20px !important;
    border:1px solid #CCCCCC;
}
.edit-input-200{
    width:200px !important;
    font-size:13px;
}
.edit-input-70-l{
    width:70px !important;
    font-size:13px;
    text-align:left !important;
}
.edit-input-100-l-s{
    width:100px !important;
    font-size:10px !important;
    text-align:left !important;
}
.edit-input-200-l-s{
    width:200px !important;
    font-size:10px !important;
    text-align:left !important;
}
.edit-input-300-l-s{
    width:300px !important;
    font-size:10px !important;
    text-align:left !important;
}
.edit-input-100-l{
    width:100px !important;
    font-size:13px;
    text-align:left !important;
}
.edit-input-200-l{
    width:200px !important;
    font-size:13px;
    text-align:left !important;
}
a.sort:link,
a.sort:visited{
    text-decoration: none;
    color:#FFF2CC;
    font-size:9px;
}
a.sort:hover{
    color:#FFFFFF;
}
a.sort-current:link,
a.sort-current:visited{
    color:#FFCC00;
}
.ptBox{
    position:absolute;
    z-index: 1500;
    text-align: left;
}
.ptBoxInner{
    border-top:3px solid #bbdefc;
    border-left:1px solid #CCCCCC;
    border-bottom:2px solid #999999;
    border-right:2px solid #999999;
    padding:5px;
    background: #FFFFFF;
    white-space: nowrap;
}
.ptBoxInner caption{
    padding: 0 10px 3px 0px;
    text-align:left;
    position: relative;
    background: #FFFFFF url(../images/osm/icons/iconRemove.gif) top right no-repeat;
    white-space:nowrap;
}
.ptBoxInner td,
.ptBoxInner th{
    white-space:nowrap;
    font-size:11px;
    text-align:right;
}

.ptBoxButton{
    border:1px solid #CCCCCC;
    padding:2px;
    background-color:#EEEEEE;
    text-align:center;
    margin: 0 0 5px;
    width:40px;
}

.ptBox .priceTableRemover{
    background: #FFFFFF url(../images/osm/icons/iconRemove.gif) top right no-repeat;
    height:15px;
    padding: 0 30px 0 30px;
    font-size:10px;
    color:#CCCCCC;
    font-family:Helvetica;
    text-align: right;
}


.date-format {
	font-size:18px !important;
	white-space:nowrap;
	font-family:Helvetica Neue, Helvetica;
	padding: 2px 20px 2px 2px !important;
	background:url(../images/osm/bg_arrow.gif) #FFFFFF no-repeat 98% center ;
}

.item-detail{
    padding:5px;
    font-size:11px;
    background-color:#D5d5d5;
}

.date-format-x {
	font-size:20px !important;
	white-space:nowrap;
	font-family:Helvetica Neue, Helvetica;
	background-color:#FFCCCC;
	padding:2px;
	text-align:center;
}

table.statChartTable{
    border-collapse: collapse;
    width:100%;
}
table.statChartTable td{
    font-size:12px;
    line-height:15px;
    border-collapse: collapse;
    border-bottom:1px solid #CCCCCC;
    padding:1px 7px;
}
table.statChartTable th{
    border-collapse: collapse;
    border-bottom:1px solid #CCCCCC;
    padding:1px 2px;
}
.statChartTablePrice{
    text-align: right;    font-family: Helvetica;
} 
.statChartTableDay{
    padding:0px;
    font-size:13px;
    font-weight: bold;
    font-family: Helvetica;
    text-align: center;
}
.statChartTableChart{
    text-align: left;
    font-family: Helvetica;

}
.statChartTotal td{
    background-color:#FFEECC;
    font-size:16px;
    padding : 5px 5px !important;
}
.statChartTotal .statChartTablePrice{
    font-size:20px;
    font-weight: bold;
}

.month-header{
    font-size:18px;
    text-align: center;
}

a.day{
    color:#000000;
    font-size:20px;
    font-family: Helvetica;
    text-decoration: none;
    display: block;
    padding:5px;
    width:32px;
    height:32px;
    line-height:22px;
    margin:2px;
    border-radius: 50%;
    transition: all 0.3s;
}

a.other-month,
a.other-month:visited,
a.other-month:hover{
    color:#CCCCCC;
}

.trains-run{
    background-color: #FFDD99;
}
a.day.trains-run:hover{
	background-color: #FF9900;
	color:#fff;
}

.current-day{
    font-weight:bold;
}
.month{
	padding-top:20px;
}

.month-calendar{
    margin: 0 10px;
    border-collapse: collapse;
}
.month-calendar td{
    padding:0;
    text-align: center;
}
.month-calendar tr.weekdays td{
	padding-bottom: 5px;
    font-size:13px;
}

.month-calendar #weekdaySun{
    color:#FF0000;
}
.month-calendar #weekdaySat{
    color:#000099;
}

.osm-form-buttons{
	margin:20px 0 20px;
	display: flex;
	justify-content: center;
}
.osm-form-buttons > *{
	margin-left:15px;
	margin-right:15px;
}
.btn.btn{
	border-radius: 8px;
	padding:15px 30px;
	background-color: #999;
	color:#fff;
	border:0px;
	outline: none;
	display:inline-block;
	font-size:20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
}
.btn.btn-submit{
	background-color:#e62;
}
.btn.btn-pdf{
	background-color:#a22;
}
.btn.btn-submit[disabled="disabled"]{
	background-color: #ccc;
}
.btn:hover{
	background-color:#e02;
}
.btn.btn-back:before{
	
	font-family: "Font Awesome 5 Free";
  content: "\f104";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right:15px;
  transform: scale(1.5);
}
.btn.btn-submit:after{
	
	font-family: "Font Awesome 5 Free";
  content: "\f105";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left:15px;
  transform: scale(1.5);
}
.btn.btn-pdf:before{
	
	font-family: "Font Awesome 5 Free";
  content: "\f1c1";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right:15px;
  transform: scale(1.5);
}
.btn.btn-pdf:after{
	
	font-family: "Font Awesome 5 Free";
  content: "\f107";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left:15px;
  transform: scale(1.5);
}

.num-msg{
	margin:10px 0;
	padding:10px;
	border:2px solid #e62;
	color:#e62;
	border-radius: 10px;
	opacity: 0;
	transition: all 0.3s;
}
.num-msg.-active{
	opacity: 1;
}

.direction{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0px;
	margin:10px 0 30px;
}

.direction__arrow{
	font-size:30px;
	color:#bbb;
}
.direction__item{
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom: 10px;
	text-align: center;
}
.direction__icon{
	font-size:40px;
	color:#999;
}
.direction__desc{
	font-size:40px;
	color:#999;
	margin-top:5px;
	font-size:14px;
}
@media screen and (max-width:767px){
	.direction__desc{
		font-size:10px;
	}
}

.direction__item.-active{
	background-color:#e62;
	border-radius: 15px;
}
.direction__item.-active .direction__icon,
.direction__item.-active .direction__desc{
	color:#fff;
}


footer{
	font-size:12px;
	margin-top:80px;
	background-color:#666;
	color:#fff;
	padding: 50px 15px;
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", sans-serif;
}