.center {
    margin: 0 auto;
    max-width: 100%;
    width: 1026px;
}
a {
    font-weight: bold;
    text-decoration: none;
}
a.normal {
    font-weight: normal;
}
a:focus, *:focus {
    outline: medium none;
}
img {
    border: 0 none;
}
table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
tr, td {
    margin: 0;
    padding: 0;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #ffd800;
    text-shadow: none;
}
@media only screen and (max-width: 500px) {
.ios-500px-width-100, .ios-500px-width-100.box-50 {
    width: 100%;
}
.iphone-hidden {
    display: none;
}
}
#header {
    border-bottom: 1px solid #fff;
}
#header-box {
    border-bottom: 1px solid #e3e3e3;
    height: 90px;
}
#logo {
    font-family: "Lato",sans-serif;
    font-size: 32px;
    line-height: 90px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#logo img {
    height: 45px;
    margin-right: 15px;
    transition: all 0.25s ease 0s;
    vertical-align: middle;
}
#logo a {
    text-shadow: 1px 1px 1px #fff;
    transition: all 0.25s ease 0s;
}
#logo a:hover {
    text-shadow: 1px 1px 10px #999;
}
#bread-crumbs {
    background: none repeat scroll 0 0 #ececec;
    border-bottom: 1px solid #e3e3e3;
}
#bread-crumbs p {
    margin: 0;
    padding: 10px 0;
}
#bread-crumbs-box {
    border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 500px) {

#logo {
    font-size: 26px;
    line-height: 40px;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
}
#logo img {
    display: block;
    margin: 40px auto 10px;
}
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 500px) {
#hp-colored-preview-box p {
    font-size: 22px;
    line-height: normal;
    padding: 5px 0;
}
}
.bg-white1 {
    background-color: #f4f4f4;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
.bg-white2-noise {
    background-color: #efefef;
    background-image: url("/content/img/common/noise.png");
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
}
.form .row {
    margin: 0 0 15px;
}
.form label {
    display: block;
    float: left;
    width: 100px;
}
.form input[type="text"], .form input[type="password"] {
    border: 1px solid #bbb;
    width: 200px;
}
.form .big-white-btn {
    padding: 0 15px;
}
.change-password-form label {
    width: 145px;
}
.fork-me-on-github img {
    border: 0 none;
    height: 149px;
    position: absolute;
    right: 0;
    top: 0;
    width: 149px;
}
.box {
    float: left;
    width: 100%;
}
.box-25 {
    width: 25%;
}
.box-30 {
    width: 30%;
}
.box-40 {
    width: 40%;
}
.box-50 {
    width: 50%;
}
.box-55 {
    width: 55%;
}
.box-60 {
    width: 60%;
}
.box-70 {
    width: 70%;
}
.box-100px {
    width: 100px;
}
.box-170px {
    width: 170px;
}
.box-200px {
    width: 200px;
}
.box-mh-600 {
    min-height: 600px;
}
.box-max-w-600 {
    min-width: 600px;
}
@media only screen and (max-width: 500px) {
.box-max-w-600 {
    max-width: 500px;
    min-width: inherit;
}
}
.center-40 {
    margin: 0 auto;
    width: 40%;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.align-middle {
    vertical-align: middle;
}
.left {
    float: left;
}
.right {
    float: right;
}
.w75{
	width:79%;
}
@media only screen and (min-width:769px) and (max-width:920px) {
.w75{
	width:74%;
}
}
.block {
    display: block;
}
.left-block {
    display: block;
    float: left;
}
.hidden {
    display: none;
}
.reset-pm {
    margin: 0;
    padding: 0;
}
.reset-pm-bot {
    margin-bottom: 0;
    padding-bottom: 0;
}
.p-tb-20 {
    margin: 0;
    padding: 20px 0;
}
.p-lr-20 {
    margin: 0;
    padding: 0 20px;
}
.p-lrt-20 {
    margin: 0;
    padding: 20px 20px 0;
}
.p20 {
    margin: 0;
    padding: 20px;
}
.p40 {
    margin: 0;
    padding: 40px;
}
.m-tb-20 {
    margin: 20px 0;
    padding: 0;
}
.p-b-10 {
    margin: 0;
    padding: 0 0 10px;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.overflow-hidden {
    overflow: hidden;
}
.hmenu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.hmenu li {
    float: left;
}
.vmenu {
    list-style-type: square;
    margin: 20px;
    padding: 0 0 0 10px;
}
.vmenu-2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.arrows-menu, .arrows-menu-p20 {
    margin: 0;
    padding: 0 0 0 15px;
}
.arrows-menu li, .arrows-menu-p20 li {
    list-style-image: url("../img/common/next.png");
    padding-left: 5px;
}
.arrows-menu .active, .arrows-menu-p20 .active, .arrows-menu .active, .arrows-menu-p20 .active {
    color: #f03800;
}
.arrows-menu .empty, .arrows-menu-p20 .empty {
    list-style: outside none none;
}
.arrows-menu-p20 {
    margin-top: 50px;
}
.arrows-menu-p20 li {
    padding-bottom: 20px;
}
#social-menu li {
    font-size: 16px;
    line-height: 45px;
    padding-left: 15px;
}
#social-menu a {
    color: #dbdbdb;
}
@media only screen and (max-width: 1300px) {
#social-menu {
    float: left;
}
}
.default-menu li {
    border: 1px solid transparent;
    margin: 10px 25px 35px 0;
    padding: 4px 0;
}
.default-menu li a {
    color: #6c6c6c;
    text-shadow: 1px 1px 1px #fff;
    transition: all 0.25s ease 0s;
}
.default-menu li:hover a {
    color: #27252a;
    text-shadow: 1px 1px 10px #999;
}
.default-menu li:hover a .orange {
    color: #f03800;
}
.default-menu .orange {
    color: #f03800;
}
.default-menu .active {
    background: linear-gradient(to bottom, #fff 0px, #efefef 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #fff;
    border-radius: 3px;
    padding: 0;
}
.default-menu .active a {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    display: block;
    float: left;
    padding: 3px 15px;
}
@media only screen and (max-width: 800px) {
#page-content .default-menu {
    margin-bottom: 15px;
}
#page-content .default-menu li {
    margin: 0;
    width: 25%;
}
#page-content .default-menu li a {
    padding-left: 15px;
}
#page-content .default-menu .active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
#page-content .default-menu .active a {
    background: linear-gradient(to bottom, #fff 0px, #efefef 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
}
@media only screen and (max-width: 500px) {
#page-content .default-menu li {
    width: 50%;
}
.default-menu {
    margin-bottom: 20px;
}
.default-menu li {
    margin-bottom: 10px;
}
}
@media only screen and (max-width: 620px) {
.jplist .list .list-item {
    float: left;
    margin-top: 15px;
	width:33.3%!important;
	
}
#top-menu {
    display: none;
}
}
@media only screen and (max-width: 930px) {
#header-box {
    height: auto;
}
}
#non-auth-menu {
    margin: 25px 0 0;
    padding: 10px 0;
}
#non-auth-menu li {
    font-family: "Lato",sans-serif;
    margin: 0 0 0 25px;
}
#non-auth-menu li a {
    font-weight: normal;
}
@media only screen and (max-width: 800px) {
.login-partial.right {
    float: left;
    width: 100%;
}
.login-partial.right #non-auth-menu {
    margin: 0;
}
}
@media only screen and (max-width: 500px) {
.login-partial.right #non-auth-menu {
    float: left;
}
.login-partial.right #non-auth-menu li {
    margin-left: 15px;
}
}
.fa-list-styles .fa {
    color: #243d99;
    font-size: 18px;
    margin: 0 5px;
}
.grid-menu .grid-menu-row {
    line-height: 30px;
    margin-bottom: 20px;
}
.grid-menu .grid-menu-row .grid-menu-cell {
    width: 30%;
}
.grid-menu .grid-menu-row .grid-menu-cell ul {
    padding: 15px 0;
    text-align: center;
}
.grid-menu .grid-menu-row .grid-menu-thumb {
    font-size: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.grid-menu .grid-menu-row h2 {
    font-family: "Lato",sans-serif;
    font-weight: normal;
    margin: 15px 0 0;
    text-align: center;
    text-shadow: 1px 1px 10px #999;
    transition: all 0.25s ease 0s;
}
.grid-menu .grid-menu-row h2:hover {
    color: #27252a;
    text-shadow: 1px 1px 10px #27252a;
}
.grid-menu .grid-menu-row a {
    color: #6c6c6c;
    transition: all 0.25s ease 0s;
}
.grid-menu .grid-menu-row a:hover {
    color: #0381bb;
}
@media only screen and (max-width: 500px) {
.grid-menu .grid-menu-row .grid-menu-cell {
    margin-bottom: 20px;
    width: 100%;
}
}
#black-top-bar-left-menu {
    line-height: 45px;
    margin-right: 20px;
}
#black-top-bar-left-menu a {
    color: #dbdbdb;
}
#auth-menu {
    margin: 25px 0 0;
    padding: 10px 0;
}
#auth-menu li {
    font-family: "Lato",sans-serif;
    margin: 0 0 0 25px;
}
#auth-menu li a {
    font-weight: normal;
}
@media only screen and (max-width: 800px) {
.login-partial.right {
    float: left;
    width: 100%;
}
.login-partial.right #auth-menu {
    margin: 0;
}
}
@media only screen and (max-width: 500px) {
.login-partial.right #auth-menu {
    float: left;
}
.login-partial.right #auth-menu li {
    margin-left: 15px;
}
}
.arrows-menu-colored {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.arrows-menu-colored li:before {
    border-color: transparent #0381bb;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    content: "";
    display: inline-block;
    height: 0;
    padding-right: 10px;
    width: 0;
}
.white-grid-menu .grid-menu-row {
    line-height: 30px;
}
.white-grid-menu .grid-menu-row .grid-menu-cell {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 1%;
    margin-right: 1%;
    width: 29%;
}
.white-grid-menu .grid-menu-row .grid-menu-cell ul {
    padding: 15px 0;
    text-align: center;
}
.white-grid-menu .grid-menu-row .grid-menu-cell > a {
    border: 1px solid #dae3ec;
    color: #6c6c6c;
    display: block;
    padding: 15px;
    transition: all 0.25s ease 0s;
}
.white-grid-menu .grid-menu-row .grid-menu-cell a:hover {
    color: #0381bb;
}
.white-grid-menu .grid-menu-row .grid-menu-thumb {
    font-size: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.white-grid-menu .grid-menu-row h2 {
    font-family: "Lato",sans-serif;
    font-weight: normal;
    margin: 15px 0 0;
    text-align: center;
    text-shadow: 1px 1px 10px #999;
    transition: all 0.25s ease 0s;
}
.white-grid-menu .grid-menu-row h2:hover {
    color: #27252a;
    text-shadow: 1px 1px 10px #27252a;
}
@media only screen and (max-width: 800px) {
.white-grid-menu .grid-menu-row .grid-menu-cell ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
}

/*@media only screen and (max-width: 600px) {*/
@media only screen and (max-width: 767px) {
/*追加分ヘッダー削除*/
/*スマホ用*/
.box_area{
	display:none;
}
.box{
	padding-top:30px;
}
#left{
	display:none;
}
.w75{
	width:100%!important;
}
.right{
	float:none!important;
}
#demo,
#demo1{
	width:100%!important;
	float:none!important;
}
#demo h3,
#demo1 h3{
	font-size:16px!important;
	text-indent:70px!important;
	line-height:0.9em!important;
}

#demo h3{
	background:url("../img/icon_start.gif")no-repeat 2px 6px!important;
}
#demo1 h3{
	background:url("../img/icon_yoyaku.gif")no-repeat 2px 6px!important;
}


#demo h3 span,
#demo1 h3 span{
	font-size:9px!important;
	padding-left:70px!important;
	color:#413D3E;
}

.jplist .list .list-item {
	height:190px!important;
}
.white-grid-menu .grid-menu-row .grid-menu-cell {
    width: 49%;
}
.white-grid-menu .grid-menu-row .grid-menu-cell ul {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 2px;
    padding-bottom: 15px;
    padding-top: 15px;
}
}

@media only screen and (max-width: 400px) {
.white-grid-menu .grid-menu-row .grid-menu-cell {
    width: 100%;
}
.jplist .list .list-item {
	height:150px!important;
}
}
.jplist-star-rating-outer {
    cursor: pointer;
    float: left;
    font-family: "FontAwesome";
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 20px;
    position: relative;
    transition: all 1s ease 0s;
}
.jplist-star-rating-outer:before {
    color: #fec601;
    content: attr(data-content);
    font-family: "FontAwesome";
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
}
.jplist-star-rating-inner {
    font-family: "FontAwesome";
    font-size: 18px;
    height: 18px;
    left: 0;
    line-height: 18px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 1s ease 0s;
    width: 0;
}
.jplist-star-rating-inner:before {
    color: #fec601;
    content: attr(data-content);
    font-family: "FontAwesome";
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
}
.jplist-reviews {
    float: left;
    line-height: 21px;
    margin-left: 10px;
}
.grid-item {
    margin: 0 50px 30px 0;
    width: 300px;
}
.grid-item .title-15 p {
    margin-bottom: 0;
}
.grid-item .links a {
    font-size: 12px;
}
.grid-item-last {
    margin-right: 0;
}
.product-listing {
    padding: 20px 0 0;
}
.product-listing .product {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    height: 130px;
    margin: 0 0 20px;
    overflow: hidden;
}
.product-listing .product-name {
    padding: 0 0 15px;
}
.product-listing .product-description {
    padding: 0 0 15px;
}
.product-listing .product-content-box {
    width: 80%;
}
.product-listing .product-buy {
    background-color: #dae3ec;
    height: 100%;
    text-align: center;
    width: 20%;
}
.product-listing .product-buy a {
    margin: 0 0 10px;
    width: 150px;
}
.product-listing .product-img {
    font-size: 0;
    line-height: 0;
    text-align: center;
    width: 40%;
}
.product-listing .product-img img {
    max-width: 100%;
}
.product-listing .product-img a {
    display: block;
    float: left;
    padding: 20px;
}
.product-listing .product-content {
    padding: 20px 0;
    width: 55%;
}
.product-listing .product-name {
    font-family: "Lato",sans-serif;
    font-size: 20px;
}
.product-listing .product-name a {
    font-weight: normal;
}
.product-listing .product-tags {
    margin: 10px 0 0;
}
.product-listing .product-tags li {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    margin-right: 10px;
    padding: 0 10px;
}
@media only screen and (max-width: 800px) {
.product-listing .product-img {
    width: 45%;
}
.product-listing .product-img img {
    width: 100%;
}
}
@media only screen and (max-width: 500px) {
.product-listing .product-img, .product-listing .product-content {
    margin: 0 5%;
    width: 90%;
}
.product-listing .product-img a {
    padding: 15px 0 0;
}
}
.products-grid {
    margin: 20px 0;
}
.products-grid-item {
    margin: 0 0 20px;
    min-width: 200px;
    overflow: hidden;
    width: 25%;
}
.products-grid-item-content {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    height: 270px;
    margin: 0 10% 0 0;
    text-align: center;
    width: 90%;
}
.products-grid-item-content .buy {
    background: none repeat scroll 0 0 #f8f8ff;
    height: 30px;
    text-align: center;
    width: 100%;
}
.products-grid-item-content .buy a {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}
.products-grid-item-content .title {
    font-family: "Lato",sans-serif;
    font-size: 16px;
    height: 55px;
    overflow: hidden;
    padding: 5px 10px 0;
}
.products-grid-item-content .title .fa {
    margin-right: 5px;
}
.products-grid-item-content .title a {
    font-weight: normal;
}
.products-grid-item-content .title a:hover {
    color: #f03800;
}
.products-grid-item-content .thumb {
    height: 140px;
    overflow: hidden;
    padding: 20px 0 0;
}
.products-grid-item-content .thumb img {
    border: 1px solid #999;
}
.products-grid-item-content .see-all {
    font-size: 18px;
    line-height: 210px;
}
.products-grid-230 .products-grid-item-content {
    height: 230px;
}
@media only screen and (max-width: 800px) {
.products-grid-item {
    width: 32%;
}
}
@media only screen and (max-width: 700px) {
.products-grid-item {
    width: 50%;
}
}
@media only screen and (max-width: 450px) {
.products-grid-item-content {
    margin: 0;
    width: 100%;
}
.products-grid-item {
    width: 100%;
}
}
.download-list input[type="checkbox"] {
    display: none;
}
.download-list label {
    cursor: pointer;
    display: block;
    min-height: 55px;
}
.download-list-item {
    cursor: pointer;
    width: 20%;
}
.download-list-item-content {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
    margin: 2%;
    padding: 2%;
    text-align: center;
    transition: all 0.25s ease 0s;
    width: 92%;
}
.download-list-item-content:hover {
    color: #f03800;
    text-shadow: 1px 1px 10px #bbb;
}
.download-list-item.active .download-list-item-content {
    border: 1px solid #f03800;
    color: #f03800;
}
.licenses-list .license-item {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dae3ec;
    margin: 0 0 15px;
    padding: 10px 0;
}
.licenses-list .license-item .field {
    font-weight: bold;
    margin: 0 0 0 15px;
    width: 120px;
}
.licenses-list .license-item-desc {
    float: left;
    width: 70%;
}
.licenses-list .license-item-download {
    float: right;
    text-align: right;
    width: 30%;
}
.licenses-list .license-item-download a {
    margin: 0 15px 0 0;
}
@media only screen and (max-width: 500px) {
.licenses-list .license-item-desc {
    width: 100%;
}
.licenses-list .val {
    clear: left;
    margin-left: 15px;
}
.licenses-list .license-item-download {
    text-align: left;
    width: 100%;
}
.licenses-list .license-item-download a {
    margin-left: 15px;
    margin-top: 15px;
}
}
.tabs-nav li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #fff 0px, #efefef 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #dbdbdb #dbdbdb -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    cursor: pointer;
    margin: 0 3px 0 0;
    padding: 3px 10px;
    position: relative;
}
.tabs-nav li:hover {
    color: #27252a;
    text-shadow: 1px 1px 10px #999;
}
.tabs-nav .current {
    background: none repeat scroll 0 0 #fff;
    color: #f03800;
}
.tabs-nav .current span {
    background: none repeat scroll 0 0 #fff;
    bottom: -5px;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.tabs-nav .current:hover {
    color: #f03800;
    text-shadow: none;
}
.tabs-nav a {
    color: #505050;
    font-weight: normal;
}
@media only screen and (max-width: 500px) {
.tabs-nav li {
    margin: 0 2px 0 0;
    padding: 3px 5px;
}
}
.tabs {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbdbdb;
    float: left;
    padding: 20px 2%;
    width: 96%;
}
.product-page .jplist-large-item {
    background: none repeat scroll 0 0 #fff;
    font-size: 16px;
    height: auto;
    margin: 0 0 10px;
}
.product-page .jplist-large-item .big-white-btn {
    padding: 0 15px;
}
.product-page .product-strip {
    background: none repeat scroll 0 0 #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #fff;
    padding: 25px 0;
}
.product-page .product-strip-border {
    border-top: 1px solid #fff;
}
.product-page .product-page-title {
    border-bottom: 1px solid #e3e3e3;
}
.product-page .product-left-box {
    padding: 20px 0;
    text-align: center;
    width: 30%;
}
.product-page .product-left-box .img {
    font-size: 0;
}
.product-page .product-left-box img {
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 0 0 10px #999;
    max-width: 100%;
}
.product-page .product-left-box .included-in {
    margin-top: 30px;
}
.product-page .product-right-box {
    margin: 0 0 0 3%;
    width: 67%;
}
.product-page .product-buy-section {
    border-bottom: 1px dotted #0381bb;
}
.product-page .product-buy-section .price {
    font-family: "Lato",sans-serif;
    font-size: 18px;
}
.product-page .product-buy-section .download {
    font-family: "Lato",sans-serif;
    font-size: 18px;
}
.product-page .product-buy-section .download a {
    font-weight: normal;
}
.product-page .product-description ul {
    margin-bottom: 20px;
}
.product-page .tabs-nav {
    margin-top: 30px;
}
@media only screen and (max-width: 500px) {
.product-page .product-left-box {
    width: 100%;
}
.product-page .product-right-box {
    margin: 0;
    width: 100%;
}
}
.cart-tbl {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dae3ec;
    border-collapse: collapse;
    width: 100%;
}
.cart-tbl td, .cart-tbl th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dae3ec -moz-use-text-color;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    padding: 5px 15px;
    text-align: center;
}
.cart-tbl .img {
    font-size: 0;
    line-height: 0;
    padding: 15px;
    width: 120px;
}
.cart-tbl .img img {
    border: 1px solid #999;
    width: 100px;
}
@media only screen and (max-width: 500px) {
.cart-tbl .headers {
    display: none;
}
.cart-tbl td, .cart-tbl .img {
    border: 0 none;
    display: block;
    float: left;
    padding: 5px 0;
    width: 100%;
}
.cart-tbl .img {
    padding-top: 10px;
}
.cart-tbl tr {
    border-bottom: 1px solid #dae3ec;
    display: block;
    float: left;
    width: 100%;
}
.cart-tbl tr:last-child {
    border-bottom: 0 none;
}
.cart-tbl td .sku-price:before, .cart-tbl td .qty:before, .cart-tbl td .total:before {
    content: attr(data-title);
    font-weight: bold;
}
}
.settings-tbl {
    background: none repeat scroll 0 0 #fff;
    border-collapse: collapse;
    border-left: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    margin-bottom: 40px;
    width: 100%;
}
.settings-tbl td, .settings-tbl th {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    margin: 0;
    padding: 5px 15px;
}
.settings-tbl .options {
    font-weight: bold;
}
.settings-tbl .values, .settings-tbl .defaults {
    font-style: italic;
}
.settings-tbl.bg-white3 {
    background-color: #fcfcfc;
    border-left: 1px dotted #e3e3e3;
    border-top: 1px dotted #e3e3e3;
}
.settings-tbl.bg-white3 th {
    background: none repeat scroll 0 0 #f4f4f4;
}
.settings-tbl.bg-white3 td, .settings-tbl.bg-white3 th {
    border-bottom: 1px dotted #e3e3e3;
    border-right: 1px dotted #e3e3e3;
}
.settings-tbl.bg-white3 .title {
    background: none repeat scroll 0 0 #f9f9f9;
}
@media only screen and (max-width: 500px) {
.settings-tbl {
    display: block;
}
.settings-tbl tr, .settings-tbl td {
    display: block;
}
.settings-tbl th, .settings-tbl thead {
    display: none;
}
.settings-tbl .title {
    font-size: 14px;
    font-weight: bold;
}
.settings-tbl.bg-white3 {
    background: none repeat scroll 0 0 #fff;
}
}
.checkout-btn {
    border: 0 none;
    margin: 30px 0 0;
}
.paypal-badges {
    margin: 30px 0 0;
}
@media only screen and (max-width: 500px) {
.paypal-badges {
    text-align: center;
    width: 100%;
}
.paypal-badges img {
    max-width: 100%;
}
.checkout-form {
    text-align: center;
    width: 100%;
}
}
.empty-cart-img {
    font-size: 100px;
    margin: 0 0 20px;
    padding: 50px 0 0;
}
.empty-cart-text {
    font-size: 20px;
    margin: 0;
    padding: 0 0 80px;
}


/*ヘッダーエリア*/
.box_area{
    background: none repeat scroll 0 0 #fff;
    width: 100%;
	margin-bottom:10px;
	padding-bottom:25px;
}
.container {
    text-align: center;
    width: 100%;
}
header {
    margin: 0 auto 0;
    position: relative;
	width:100%;
    max-width: 1026px;
}
header p {
    padding: 0;
    position: absolute;
    right: 0;
}
h1 {
    background: none repeat scroll 0 0 #fff !important;
    font-size: 10px;
    padding-top: 4px!important;
    width: 100%;
	margin:0;
}
h1 a img {
    border-style: none;
	width:50%;
}
h1 p {
	color:#000;
}
h1 a {
    color: #333;
	diplay:block;
}
.kago a img {
    border-style: none;
}
.logo {
    padding: 0;
	height:60px;
}
.head_about {
    position: absolute;
    right: 0;
    top: 20px;
}
.head_about li {
    color: #fff;
    display: inline;
}
.head_about li a {
    color: #333;
    display: inline;
}
.head_about li a:hover {
    color: #ff0000;
}
.searchfield{
	position:absolute;
	top:30px;
	right:5px;
}
.menu_title {
    background: none repeat scroll 0 0 #000000;
    overflow: hidden;
	width:100%;
    padding: 0;
    position: relative;
    top: 10px;
}
.menu_title ul {
    display: table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
	width:100%;
    max-width: 1040px;
	text-align:center;
}
.menu_title ul li {
    color: #fff;
    display: table-cell;
    padding: 0;
}
.menu_title ul li a {
    color: #fff;
	padding:15px 0;
	display:block;
	min-width:67px;
}
.menu_title ul li a:hover {
    background: #0099ff;
}


/*大元コンテンツ*/
.main_area{
	position:relative;
}
/*左ナビ*/
#left{
	width:20%;
	float:left!important;
}
#left iframe{
	padding:0 8px;
	background:#fff;
}
/*メインコンテンツ*/
#demo{
	margin-bottom:100px;
}
#demo,
#demo1{
	width:100%;
	float:right;
}

.banner_area{
	background:#E7E7E7;
	padding:15px;
	margin-bottom:20px;
}
.banner_area p{
	margin:0;
	color:#000;
}

/*フッターエリア*/
footer{
	z-index:-1;
	width:100%;
	text-align:center;
	padding:20px 0;
	margin:0;
	background:#FFF;
}

/*トップに戻る*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	z-index:99999;
}
#page-top a {
    background: #666;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


@media only screen and (min-width : 768px) {
	.smp{
		display:none;
	}
	.pc{
		display:inline;
	}
	
	/*メニュー消す*/
	.mean-bar{
		display:none;
	}
	
	h1 img{
		display:none;
	}
	footer dl dt {
	display:inline-block;
	}

}
@media screen and (max-width: 767px) {
	.smp{
		display:inline;
	}
	.smp_no{
		display:none;
	}
	.pc{
		display:none;
	}
	h1{
		margin:0 auto;
		text-align:center;
	}
	h1 p {
		margin: 0 auto;
		padding: 0;
		width: 95%;
		padding:0 0 10px 0;
		text-align:left;
	}

	/*トップに戻る*/
	#page-top {
		position: fixed;
		bottom: -5px;
		right: 5px;
		font-size: 77%;
		z-index:99999;
	}
	#page-top a {
		background: #666;
		color: #fff;
		width: 100px;
		padding: 15px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
	#page-top a:hover {
		text-decoration: none;
		background: #999;
	}
	
	h1{
		z-index:100;
		position: fixed;
		top:0px;
		left:5px;
		padding:4px 0 0 0!important;
		margin:0;
		line-height:0;
		background:#fff!important;
		width: 120px;
	}
	h1 p{
		text-indent:-9999px;
		display:none;
	}
	h1 img{
		width:85px;
		display:inline;
	}
	h1 a img {
		width:85px;
	}
	.kago{
		z-index:100;
		position: fixed;
		top:0px;
		right:35px;
	}
	.kago img{
		width:35px;
	}
	.ksmp {
		display:inline!important;
	}
	span.smp{
		display:inline!important;
	}
	span.pc{
		display:none!important;
	}
	.banner_area h2{
		font-size:16px!important;
	}
	.banner_area .demo_img p{
		font-size:9px!important;
		line-height:13px;
	}
	.box {
		padding-top: 45px;
		float:none;
	}
	.right{
		float:none;
	}
	.jplist .list .list-item{
		margin-top:0!important;
	}
}


/*カスタム*/

.pc{
	display:inline;
}
.smp{
	display:none;
}
.none{
	display:none;
}
.color_blue{
	background:#03A0DF;
}
.color_red{
	background:#DF0365;
}
.color_yellow{
	background:#E9C915;
}
.color_black{
	background:#000;
}

.n_mens,
.n_womens,
.n_kids,
.y_mens,
.y_womens,
.y_kids{
	color:#fff;
	padding:1px 5px;
	font-size:9px!important;
	line-height:15px!important;
}

.jplist .list .img{
	position:relative;
}
.jplist .list .theme span{
	font-size:12px;
	font-weight:bold!important;
	line-height:10px;
}



.jplist .list .theme span.y_1month,
.jplist .list .theme span.n_brand_name{
	font-size:120%!important;
}

.jplist .list .theme span.n_color,
.jplist .list .theme span.y_color{
	font-size:90%!important;
}
.jplist .list .img a .n_mens,
.jplist .list .img a .n_womens,
.jplist .list .img a .n_kids{
	position:absolute;
	top:2px;
	left:0px;
}

.jplist .list .img a .y_mens,
.jplist .list .img a .y_womens,
.jplist .list .img a .y_kids{
	position:absolute;
	top:26px;
	left:0px;
}
.jplist .list .img a .n_pick img,
.jplist .list .img a .y_pick img{
	position:absolute;
	top:-6px;
	right:4px;
}
.n_pick img,
.y_pick img{
	width:35%!important;
}

.month{
	position:absolute;
	top:2px;
	left:0px;
	padding:6px;
	background:#444444;
	color:#fff;
	font-weight:bold;
}

.mb16{
	margin-bottom:16px;
}



/******************************/
/*            footer          */
/******************************/

footer{
	margin-bottom:10px;
	width:100%;
}

footer dl , footer p {
	width:100%;
	max-width:1040px;
	margin:10px auto;
}

footer .contents{
	margin:0 8px 0 5px;
	padding-right:15px;
	border-right:1px solid #AAA;
}

footer .contentslast{
	margin-left:5px;
}

footer dt a{
	color:#333;
}

.footersmp dl dt{
	display:inline-block;
	padding-right:7px;
	marign-left:7px;
}

footer dl dt a:hover {
	text-decoration:underline;
}

@media screen and (max-width:570px) {
	.footersmp{
		width:100%;
		margin:-10px auto;
		padding-top:5px;
	}
	footer .contents{
		line-height:1.5;
	}
	.footersmp p{
		clear:both;
		margin:0;
		padding:15px 0 0;
	}
}