@charset "utf-8";

/* 基本スタイル
----------------------------------------------------*/

img{border:none;}

body,ul,li,h1,h2,h3,h4,p{margin:0;padding:0;}

li{list-style:none;}

/* clearfix
------------------------*/
.clearfix {zoom: 1;/*for IE 5.5-7*/}  
.clearfix:after {/*for modern browser*/  
    content: ".";  
    clear: both;  
    display: block;  
    line-height: 0;  
    height: 0;  
    visibility: hidden;  
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clearfix {display: block;}


/* indexページ
----------------------------------------------------*/

   
body{
text-align:center;
background:url(/recommend/uchicafe/css/files/huyukore_back.gif) repeat;
background-attachment:fixed;
}

#bgbox{
margin:0 auto;
width:100%;
height:560px;
position: fixed;
top: 0px;
left: 0px;
z-index:1;
/* IE5 later && javascript-on */
position: expression('absolute');
top: expression(documentElement.scrollTop + 0 + 'px');
left: expression(documentElement.scrollLeft + 0 + 'px');
}






#contaner{
position: relative;   
margin:0 auto;
z-index:2;
text-align:center;
}

#wrapper{
width:920px;
margin:0 auto;
text-align:left;
background:#FFFFFF;
padding:0 30px;
color:#5f2e25;
font-size:12px;
}

a {
color:#ff5599;
text-decoration:underline;
}

a:hover {
color:#ff5599;
text-decoration:none;
}

#header{
padding-top:10px;
height:45px;
}

h1{
position:absolute;
top:10px;
left:0;
line-height:0;
}

p.subtitle{
position:absolute;
top:13px;
left:143px;
z-index:10;
}

.socialBtn{
position:absolute;
top:8px;
right:0px;
}

ul.socialBtn {
background:url(../images/bg_icon.gif) no-repeat;
margin: 0;
padding: 5px 0 15px 5px;
width: 294px;
zoom: 1;
}

ul.socialBtn:after {
content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

ul.socialBtn li {
display: inline;
float: left;
margin: 0 5px 0 0;
/*display: table-cell;
vertical-align: top;
padding: 0 5px 0 0;
/display: inline;
/zoom: 1;*/
}

#socialBtnFootContainer {
zoom: 1;
margin: 20px 0 30px 0;
}

#socialBtnFootContainer:after {
content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#socialBtnFootContainer ul.socialBtn {
display: inline;
float: right;
}





.mv{
margin:0 0 15px 0;
}

#leftCont{
width:655px;
margin:0;
float:left;
padding:0 0 20px 0;
}

#rightCont{
width:235px;
float:right;

}

#RightBox{
widows:241px;
}

.news{
width:655px;
background:#fcf7e9;
margin:0 0 20px 0;
}

.news ul{
padding:6px 0 6px 0;
background:url(../images/UchiCafe_07.gif) no-repeat bottom center;
}

.news li.newsList{
height:19px;
}

.news .newsList .Lday{
width:85px;
padding:0 15px 0 0;
float:left;
text-align:right;
}

.news .newsList .Ltxt{
width:545px;
padding:0 10px 0 0;
float:left;
}

h3.ttl1{
background:url(../images/UchiCafe_28.png) no-repeat;
height:44px;
padding:0 0 4px 58px;
position:relative;
width:597px;
}

h3.ttl1 .about{
position:absolute;
top:9px;
right:0;
}

h3.ttl2{
clear:both;
}

.space{
clear:both;
height:20px;
}

#premium, #limited, #other{
width:655px;
}

.limited{
clear:both;
}

.mg1{margin:0 8px 8px 0;}
.mg2{margin:0 0 8px 0;}
.mg3{margin:0 9px 9px 0;}
.mg4{margin:0 0 9px 0;}



.swtBox{
position:relative;
width:213px;
    height:218px;
float:left;
}

.swtBox .corner, .swtBox .cornerN, .swtBox .cornerE{
width:213px;
height:163px;
z-index:1;
float:left;
position:absolute;
}

.swtBox .cornerN a{
display:block;
    width:213px;
    height:163px;
    background:url(../images/UchiCafe_10.png) 0 0 no-repeat;
}

.swtBox .cornerE a{
display:block;
    width:213px;
    height:163px;
    background:url(../images/UchiCafe_29.png) 0 0 no-repeat;
}

* html .swtBox .cornerN a, * html .swtBox .corner a, * html .desBox .corner2 a, * html .desBox .cornerN2 a, * html .swtBox .cornerE a, * html .desBox .cornerE2 p{
  behavior: expression(
    this.style.behavior || (
      this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
      this.style.backgroundImage = "none",
      this.style.behavior = "none"
    )
  );
}

.swtBox .cornerN a img, .swtBox .corner a img, .swtBox .cornerE a img{
z-index:-1;
position:absolute;
top:0;
left:0;
display:block;
}

.swtBox .corner a{
display:block;
  width:213px;
  height:163px;
  background:url(../images/UchiCafe_11.png) 0 0 no-repeat;
}

#premium .name1{
position:absolute;
top:163px;
left:0;
background:url(../images/UchiCafe_12.jpg);
height:55px;
font-weight:bold;
line-height:110%;
width:213px;
font-size:13px;
}

#limited .name1{
position:absolute;
top:163px;
left:0;
background:url(../images/UchiCafe_14.jpg);
height:55px;
font-weight:bold;
line-height:130%;
width:213px;
font-size:13px;
}



.name1 a, .name2 a{
color:#5f2e25;
text-decoration:none;
}

.name1 a:hover, .name2 a:hover{
color:#5f2e25;
text-decoration:underline;
}

.name1 a:visited, .name2 a:visited{
color:#5f2e25;
text-decoration:none;
}


.name1 {
display: table;
height: 100px;
width: 100%;
}
* html .name1 {
position: relative;
}
*+html .name1 {
position: relative;
}
.middle {
display: table-cell;
vertical-align: middle;
}
* html .middle {
position: absolute;
top: 50%;
}
*+html .middle {
position: absolute;
top: 50%;
}
.middle p {
margin: 0 6px 0 4px;
}
* html .middle p {
position: relative;
top: -50%;
}
*+html .middle p {
position: relative;
top: -50%;
}

.normal{
font-size:10px;
font-weight:normal;
}


.desBox{
width:157px;
height:213px;
float:left;
position:relative;
}



.desBox .cornerN2, .desBox .corner2, .desBox .cornerE2{
width:157px;
height:120px;
float:left;
position:absolute;
z-index:1;
}


.desBox .cornerN2 a{
display:block;
    width:157px;
    height:120px;
    background:url(../images/UchiCafe_17.png) 0 0 no-repeat;
}

.desBox .cornerE2 p{
display:block;
    width:157px;
    height:120px;
    background:url(../images/UchiCafe_30.png) 0 0 no-repeat;
}

.desBox .cornerN2 a img, .desBox .corner2 a img, .desBox .cornerE2 p img{
z-index:-1;
position:absolute;
top:0;
left:0;
display:block;
}

.desBox .corner2 a{
display:block;
width:157px;
height:120px;
    background:url(../images/UchiCafe_18.png) 0 0 no-repeat;
}

#other .name2{
position:absolute;
top:120px;
left:0;
background:url(../images/UchiCafe_20.jpg);
height:83px;
padding:10px 0 0 0;
line-height:130%;
width:157px;
font-size:10px;
}

#other .name2 p{
margin:0 0 0 11px;
}

#other .name2 .btn{
position:absolute;
bottom:10px;
left:10px;
}

#other .name2 .desName{
font-size:12px;
font-weight:bold;
}



#other .name2 .red{
color:#da0043;
font-weight:bold;
margin:0 5px 0 0;
}

.comm{
font-size:10px;
margin:6px 0 10px 0;
}

.twitter{
margin:0 0 5px 0;
}

.atten{
font-size:10px;
line-height:140%;
margin:0 0 15px 0;
}

.talk ul, .media ul{
background:url(../images/UchiCafe_26.jpg) no-repeat bottom center;
padding:0 0 15px 0;
}

.talk, .media{
background:url(../images/UchiCafe_25.jpg) repeat-y;
margin:0 0 5px 0;
}

.talk li, .media li{
padding:8px 20px;
line-height:130%;
}

.talk li.line, .media li.line{
background:url(../images/UchiCafe_24.gif) no-repeat bottom center;
}

.f_sns{
float:right;
}

#footer{
font-size:11px;
text-align:center;
padding:0 0 20px 0;
background:url(../images/UchiCafe_22.gif) no-repeat top center;
}

#footer p{
padding:15px 0 0 0;
}

.retop{
clear:both;
text-align:right;
padding:20px 6px 11px 0;
}


/* twitter  */


#gadgetTwitter #gadgetInner {
margin: 82px 0 0 14px;
word-break: break-all;}

#gadgetTwitter #twtr-widget-1 .twtr-doc .twtr-hd,
#gadgetTwitter #twtr-widget-1 .twtr-doc .twtr-ft {
display: none;}


.widget_twitter {
width: 251px;
height: 600px;
position: relative;
background:url(../images/UchiCafe_25.jpg) repeat-y;
}
.widget_twitter .content {
width: 226px;
height: 600px;
zoom: 1;
overflow-y: scroll;
}
.widget_twitter .content .twtr-tweet {
margin-top: -10px;
border-top: 1px dotted #d0bb8d;
line-height: 1.3em;
overflow: hidden;
font-size: 93%;
color: #674a0d;
padding:15px;

}

.twtr-avatar {
margin: 0 5px 0 0;
width: 50px;
float: left;
}

.twtr-avatar img {
width: 48px;
height: 48px;
}

.widget_twitter .content .twtr-tweet a {
color: #e10303;
word-break: break-all;
}

.widget_twitter .content .twtr-tweet i {
display: block;
font-size: 85%;
font-style: normal;
}

.widget_twitter .content .twtr-tweet i a {
color: #d0bb8d;
text-decoration: none;
}

.widget_twitter .content .twtr-tweet i a:hover {
text-decoration: underline;
}

/* twitter  */



#TwitterHead{
height:56px;
}

.noScreen{
display: none;
}