@charset "utf-8";

/*-- リセット --*/
*{
margin:0;
padding:0;
border:none;
outline:none;
font-style:normal;
text-decoration:none;
}

/*-- フォントサイズ指定 --*/
body{
font-size:10px;
}

* html body{
font-size:62.5%;
}

*:first-child+html body{
font-size:62.5%;
}
.container{
font-size:120%;
line-height:1.4;
letter-spacing:0.1em;
}

/*-- レイアウト --*/
html{
width:100%;
background:#afafaf;
}

body{
width:970px;
margin:0 auto;
background:url(../img/bg.png) repeat-y top center;
text-align:center;
}

.container{
width:950px;
margin:0 auto;
background:#fff;
overflow:hidden;
}

.container:after{
height:1px;
content:".";
display:block;
clear:both;
}

/*I*/
* html .container{/*IE6*/
height:1px;
overflow:visible;
}
/**/

.topicPath{
width:950px;
height:30px;
margin:0 auto;
background:url(../img/topic_path_bg.png) repeat-x top left;
text-align:left;
}

.topicPath li{
display:inline;
}

.header{
background:url(../img/header_bg.png) no-repeat top center;
}

.header{
width:890px;
height:238px;
padding:30px;
background:url(../img/header_bg.png) no-repeat top center;
text-align:left;
}

.header h1{
padding-bottom:10px;
}

.header h2{
padding-bottom:10px;
}

.header div{
width:440px;
float:left;
}

.header .read{
width:275px;
float:left;
}

.header .event{
width:159px;
height:98px;
background:url(../img/header_bg_event.png) no-repeat top center;
float:right;
}

.header .event h3{
padding:5px 10px;
}

.header .event .btn{
padding:0 6px;
}

.contents{
width:890px;
padding:30px;
overflow:hidden;
text-align:left;
}

.contents:after{
height:1px;
content:".";
display:block;
clear:both;
}

/*I*/
* html .contents{/*IE6*/
height:1px;
overflow:visible;
}
/**/

.line{
float:left;
padding-bottom:20px;
}

.sec{
width:292px;
border:solid 2px #c8598f;
float:left;
}

.sec02,.sec03{
margin-left:-2px;
}

.sec .head{
width:292px;
padding-bottom:5px;
border-top:solid 4px #f0d2e1;
background:#f5e6ed;
float:left;
}

.num{
width:31px;
height:28px;
margin:10px 0px 10px 10px;
padding-top:3px;
background:#c85a91;
float:left;
font-weight:bold;
text-align:center;
font-size:150%;
color:#fff;
}

.date{
width:100px;
margin:7px 0px 10px 10px;
float:left;
font-size:130%;
font-weight:bold;
}

.date{
font-size:125%;
}

.date span{
font-size:80%;
}

.shop{
width:105px;
padding:5px 10px 0px 0px;
float:right;
text-align:center;
}

.genre{
padding:1px;
margin-bottom:2px;
background:#d278a5;
font-weight:bold;
font-size:70%;
color:#fff;
}

.shopName{
font-size:90%;
}

.content{
width:292px;
}

.content .inner{
padding:10px;
}

.content .inner h4{
padding:10px 0;
clear:both;
color:#c8598e;
}

.content .inner div{
width:272px;
padding-bottom:10px;
float:left;
}

.content .inner div img{
float:right;
}

.main{
width:890px;
margin:0 auto;
float:left;
}

.lounge{
width:354px;
height:210px;
padding:10px;
background:url(../img/contents_bg_shop.png) no-repeat top center;
float:left;
}

.lounge h5{
padding-top:15px;
float:left;
}

.lounge h6{
padding-bottom:3px;
}

.lounge p{
font-size:90%;
}

.lounge p span{
font-size:80%;
}

.lounge div{
width:274px;
float:right;
}

.lounge p a{
border-bottom:dotted 1px #4d4d4d;
color:#4d4d4d;
}

.lounge p a:hover{
border-bottom:none;
}

.main .event{
width:460px;
height:190px;
padding:20px;
background:url(../img/contets_bg_event.png) no-repeat top center;
float:right;
font-size:90%;
}

.main .event h1{
padding-bottom:10px;
text-align:center;
}

.main .btn{
float:left;
}

.main .description{
width:210px;
float:right;
font-size:95%;
}

.main .attention{
padding-top:10px;
padding-bottom:5px;
clear:both;
font-size:88%;
}

.clear{
height:1px;
overflow:hidden;
clear:both;
}

.footer{
background:#c8598f;
padding:30px 0px;
text-align:center;
color:#fff;
}