/* レイアウトの設定*/
body
{ 
ext-align: center; /* IE 向けセンタリング指定 */
padding:0px;
margin:  0px 0px 0px 0px;
background-color:#ffffff;
background-image : url(../img/cart-bg.jpg);
font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
font-size:13px;
} 

img {border: none; padding:0px; margin:0px; vertical-align: bottom; }

.cart-content{
width:1000px;
height:auto;
adding: 0px 20px 0px 20px;
  text-align: left;
background-color:#ffffff;
 ox-shadow: 5px 5px 15px -8px;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}



/* ヘッダーの設定*/
#head{
width:1150px;
height:62px;
text-align:center;
background-image : url(../img/kai-head.jpg);
padding: 0px 0px 0px 130px;
background-position: 50% 0%;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


#head2{
width:860px;
height:70px;
text-align:center;
background-image : url(../img/cart-head.jpg);
padding: 10px 0px 0px 140px;
background-position: 50% 0%;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}








/* カートの設定*/
#cart4800{
    width:948px;
    height:260px;
background-image : url(../img/kai-pc-4800.jpg);
text-align:center;
padding: 860px 0px 0px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


#cart14000{
    width:384px;
    height:112px;
background-image : url(../img/kai-pc-14000.jpg);
text-align:left;
padding: 20px 0px 0px 564px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}




#half1{
    width:880px;
    height:1220px;
text-align: center;
background-image : url(../img/e-half2.jpg);
padding:360px 0px 0px 0px;
line-height:7.9;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#halfsp1{
    width:auto;
    height:360px;
}

#halfsp2{
    width:auto;
    height:320px;
}





#tanpin2{
    width:820px;
    height:1050px;
text-align: right;
background-image : url(../img/k-tanpin2.jpg);
padding: 150px 60px 0px 0px;
line-height:7.9;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#tsp0{
    width:auto;
    height:150px;
}


#tsp1{
    width:auto;
    height:150px;
}

#tsp2{
    width:auto;
    height:160px;
}

#tsp3{
    width:auto;
    height:140px;
}

#ev1{
    width:880px;
    height:720px;
text-align: center;
background-image : url(../img/e02.jpg);
padding: 420px 0px 0px 0px;
line-height:7.9;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


#tanpinmatome60{
    width:880px;
height: 357px;
text-align:center;
background-color: transparent;
padding: 470px 0px 0px 00px;
background-repeat: no-repeat;
background-image : url(../img/e-tanpin-60.jpg);
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}





#tanpinmatome180{
    width:880px;
height: 372px;
text-align:center;
background-color: transparent;
padding: 545px 0px 0px 00px;
background-repeat: no-repeat;
background-image : url(../img/e-tanpin-180.jpg);
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}





/************* インフォメーション ****************/

#footwrap{
    width:880px;
height:auto;
font-size:13px;
line-height:1.9;
color:#222222;
text-align:center;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#info{
    width:880px;
    height:auto;
text-align: left;
padding: 30px 0px 0px 0px;
font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;

margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#bar10{
    width:100%;
    height:19px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
font-family:meiryo;
background-color:#222222;
padding: 5px 0px 5px 10px;
margin: 0px 0px 10px 0px;
}

#infobar50{
    width:100%;
    height:19px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
background-color:#222222;
padding: 5px 0px 10px 10px;
margin: 0px 0px 15px 0px;
}

#infobar100{
    width:880px;
    height:19px;
font-size: 13px;
color: #ffffff;
font-weight: bold;
background-color:#222222;
padding: 5px 0px 10px 10px;
margin: 0px 0px 15px 0px;
}

table.infotab {
}
table.infotab th {
width: 880px;
}
table.infotab td.left {
vertical-align: top;
font-size:13px;
line-height:1.9;
	width: 380px;
text-align: left;
border-right: 1px #dddddd solid;
padding: 0px 50px 0px 0px;
}


table.infotab td.right {
vertical-align: top;
	width: 390px;
font-size:13px;
line-height:1.9;
text-align: left;
padding: 0px 0px 0px 40px;
}



#foot{
    width:100%;
height:auto;
text-align: center;
font-size:11px;
color: #ffffff;
background-color:#222222;
padding: 10px 0px 0px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
line-height:2.7;
    ottom: 0; /*下に固定*/
}

#footbox{
    width:900px;
height:auto;
text-align: center;
font-size:11px;
color: #ffffff;
background-color: transparent;
padding: 10px 0px 0px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
line-height:2.7;
    ottom: 0; /*下に固定*/
}

/**************** インフォメーション　おわり ****************/





a{ color:#0698ea;  text-decoration:underline;}
a:link { color: #0698ea; text-decoration:underline;}
a:visited { color: #0698ea;  text-decoration:underline;}
a:active { color: #036eb8;  text-decoration : none ;}
a:hover { color: #036eb8;  text-decoration : none ;}

a.ftlink:link { color: #ffffff;   font-weight: none;}
a.ftlink:visited { color: #ffffff;   font-weight:none;}
a.ftlink:hover { color: #eaeaea;  font-weight: normal;}
a.ftlink:active { color: #ffffff;   font-weight: normal;}














.bt60{
    width       :800px;
    height      :152px;
    position    :relative;
    overflow    :hidden;
margin: 0 auto;
}



.bt180{
    width       :805px;
    height      :175px;
    position    :relative;
    overflow    :hidden;
margin: 0 auto;
}


.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}









font-family:sans-serif;
width:0px;
height:0px;
text-align:left;
font-size:10px;
font-family:meiryo;
font-weight: bold;
background-color:#ffffff;
background-color: transparent;
background-image : url(bg.gif);
color:#ffffff;
line-height:1.1;
border-top: 1px #ffffff solid;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
background-color: #ffffff;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
position:relative;


<div class="line"><p style="border-bottom: 1px dotted gray;"></p></div>
<span class="over1">  class="wow wow bounceInDown" </span>

#{ }<div id="名前"></div>
.{ }<p class="名前"></p>
<span class="名前"></span>
<p class="example2 example3"></p>
<img src="img/.jpg" alt="" width="230" height="59" border="0" />
<a href="sagi.html" target="_self"></a>
<img src="img/.jpg" width="0" height="0" border="0"  alt="" onmouseover="this .src='img/-r.jpg'"onmouseout="this .src='img/.jpg'">

<a id="rec" name="rec"></a>
<a href="access.html#access" target="_self">