/* CSS Document */
@charset "utf-8";

#article {
  background: #fff;
}

/*�V�h�X*/
#article .top_shop{
padding: 20px 17px;
}

h3.ttlblue{
background: url("../images/ttl_blue.jpg") no-repeat;
font-size: 24px;
  padding: 3px 0 0 14px;
  letter-spacing: 2px;
  height: 33px;
  color: #fff;
}

h3.ttlgreen{
background: url("../images/ttl_green.jpg") no-repeat;
font-size: 20px;
color: #fff;
font-weight: bold;
  height: 32px;
  padding: 7px 0 0 11px;
}


#article .photo p img{
  margin: 10px 10px 14px 0;
}


h3.ttlblue{
}

#article .top_list{
display:block;
clear: both;
}

.top_list .table-row {
 display: table;
 width:644px;
 border-bottom: 1px solid #e00024;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}

.top_list .table-column{
 display: table-cell;
 vertical-align: middle;
padding: 0 15px 0 0;
}

.top_list .table-column span{
color:#e00024;
font-size:39px;
font-weight: bold;
}

#container #article .top_list .two{
letter-spacing:10px;
}

#container #article .top_list .four{
letter-spacing:1px;
}

#article .top_list .table-column:first-child{
width:110px;
letter-spacing: 0.4em;
font-weight: bold;
text-align: justify;
text-justify:inter-ideograph;
width:82px;
}

.left {
    float: left;
    margin-bottom: 20px;
}

/*���X��*/

#article .etc_shop{
padding: 20px;
}

.etc_shop .table-row {
 display: table;
 width:320px;
 border-bottom: 1px solid #8fc320;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
}

.etc_shop .table-column{
 display: table-cell;
 vertical-align: middle;
line-height: 21px;
}

.etc_shop .table-column span{
color:#000;
font-size:26px;
font-weight: bold;
}

#article .etc_shop .table-column:first-child{
letter-spacing: 0.2em;
font-weight: bold;
letter-spacing:5px;
/*text-align: justify;*/
text-justify:inter-ideograph;
width:82px;
}

#container #article .etc_shop .two{
letter-spacing:10px;
}

#container #article .etc_shop .four{
letter-spacing:1px;
}

#article .photo2{
float: left;
margin: 20px 10px 0 10px;
}

#article .photo2 img:first-child{
margin:0 0 10px 0;
}

#article .photo2 .right{
float:right;
}

#article .left_list{
float: left;
  margin: 20px 0;
}

#article .photo2 p img{
/*float: left;*/
display:block;
}

p.right{
margin: 20px 0 0 0;
}

h4 img{
margin: 20px 0 0 0;
  display: block;
clear: both;
}
/*-----�X�܉摜--------------------------*/
.photo p {
    width: 213px;
    height: 178px;
    float: left;
    border: 1px solid #E00024;
    overflow: hidden;
    margin: 10px 10px 14px 0;
}
.photo span {
    height: 180px;
    width: 215px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#article .photo2 p {
    width: 159px;
    height: 101px;
    overflow: hidden;
    margin: 0 0 10px 0;
    border: 1px solid #8FC320;
}
p.right {
	height: 215px;
    width: 155px;
    overflow: hidden;
    border: 1px solid #8FC320;
}
.right iframe {
  border: none;
}
.right img {
	height: 100%;
}
.photo2 p span {
    display: table-cell;
    vertical-align: middle;
    height: 101px;
    width: 159px;
}
/*-----�X�܉摜(�㉺�]��)--------------------------*/
.right03 {
    margin: 20px 0 0 0;
}
.right03 p {
    height: 214px;
    width: 155px;
    border: 1px solid #8FC320;
    overflow: hidden;
}
.right03 span {
    height: 215px;
    width: 155px;
    display: table-cell;
    vertical-align: middle;
}
#article .photo .last{
 margin: 10px 0 14px 0;
}