﻿@charset "utf-8";
body {
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #616161;
	list-style-type: none;
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#header {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#navbar {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contents {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
#index {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
#main {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}
#main_left {
	float: left;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
#main_right {
	float: right;
	width: 300px;
}
#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}



table {
	margin-right: auto;
	margin-left: auto;

}

td, th {
	padding-top: 2px;
	padding-bottom: 2px;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

p {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
}


h1 {
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 10px;
}
a {
	color: #616161;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
a:hover {
text-decoration: none;
color: #87cefa;
outline: none;
}
a:active {
outline: none;
}
li {
	padding-top: 0px;
	padding-bottom: 5px;
}
img {
	padding-top: 10px;
	padding-bottom: 10px;
}
.list{
             padding: 0px;
	font-size: 11px;
             vertical-align:top;
}

.text-s{
	font-size: 11px;
}

.wrap:after {
    content: "";
    clear:both;
    display: block;
}

.gallery-item img {
    width:100%;
}

.gallery-item{
	width:180px;
	padding:2px 25px 2px 0px;
    float: left;
    height: 250px;
}

.gallery-item:nth-child(4n) {
	padding-right:0px;
}


#sns {
    width: 800px;
	margin-right: auto;
	margin-left: auto;
    padding-top: 50px;
}

#gallery {
    list-style: none;
    width: 840px;
    padding: 0;
}




table.sns {
	width:800px;
}

#sns h2 {
	width:800px;
	text-align: center;
}

table.sns tr{
	width:800px;
	padding:0;
	text-align: center;
}

table.sns td {
	width:180px;
	padding:2px 25px 2px 0px;
}

table.sns td:nth-child(4n) {
	padding-right:0px;
}


.fb{
             float:left;
             width: 100px;
             padding-left: 35px;
}

.fbgood{
             float:left;
             width: 350px;
             padding-left: 70px;
}

.twitter{
             float:right;
             padding-top: 10px;
}


 .news{
             height: 450px;
             margin-top: 50px;
             text-align: center;
 } 

 .current_r{
             margin: 20px 20px ;
 } 

 .current_rimg{
             margin-bottom: 30px;
             margin-left: 40px;
 }

 .current_rttl{
	font-size: 20px;
             text-align: center;
	padding-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
 }

.current_item{
             float:left;
             width: 350px;
	padding: 20px 0 20px 35px;
}

.current_price{
             float:right;
             width: 170px;
	padding: 20px 40px 20px 0;
             text-align: right;
}

table td span {
	font-size: 12px;
	line-height: 15px;
}

.clearfix:after{ 
     content: ".";  
     display: block;  
     height: 0;  
     font-size:0;     
     clear: both;  
     visibility:hidden; 
 } 
 .clearfix{ 
     display: inline-block; 
 }  
 /* Hides from IE Mac */ 
 * html .clearfix{ 
     height: 1%; 
 } 
 .clearfix{ 
     display:block;
	 margin-bottom:20px;
 } 
.bold {
    font-size: 14.5px;
    font-weight: bold;
}
.flex-box {
    display: flex;
    justify-content: flex-end;
}
.flex-box p {
    width: 32%;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.flex-box p:last-child {
    margin-right: 0;
}
.flex-box p img {
    width: 100%;
}
.caption {
    font-size: 13px;
}

.mart10 {margin-top:10px;}
.mart20 {margin-top:20px;}
.mart30 {margin-top:30px;}
.mart40 {margin-top:40px;}
.mart50 {margin-top:50px;}

.marr10 {margin-right:10px;}
.marr20 {margin-right:20px;}
.marr30 {margin-right:30px;}
.marr40 {margin-right:40px;}
.marr50 {margin-right:50px;}

.marb10 {margin-bottom:10px;}
.marb20 {margin-bottom:20px;}
.marb30 {margin-bottom:30px;}
.marb40 {margin-bottom:40px;}
.marb50 {margin-bottom:50px;}

.marl10 {margin-left:10px;}
.marl20 {margin-left:20px;}
.marl30 {margin-left:30px;}
.marl40 {margin-left:40px;}
.marl50 {margin-left:50px;}


.padt10 {padding-top:10px;}
.padt20 {padding-top:20px;}
.padt30 {padding-top:30px;}
.padt40 {padding-top:40px;}
.padt50 {padding-top:50px;}

.padr10 {padding-right:10px;}
.padr20 {padding-right:20px;}
.padr30 {padding-right:30px;}
.padr40 {padding-right:40px;}
.padr50 {padding-right:50px;}

.padb10 {padding-bottom:10px;}
.padb20 {padding-bottom:20px;}
.padb30 {padding-bottom:30px;}
.padb40 {padding-bottom:40px;}
.padb50 {padding-bottom:50px;}

.padl10 {padding-left:10px;}
.padl20 {padding-left:20px;}
.padl30 {padding-left:30px;}
.padl40 {padding-left:40px;}
.padl50 {padding-left:50px;}



