#event {
    text-align:left;
}

h1 {
    padding:1.5em 1em;
    background:url("https://www.cospa.com/img/events/bg_h1.jpg") left bottom;
    background-size: contain;
    border-top:2px solid #666666;
    border-bottom:1px solid #ddd;
    line-height:1.5;
font-size:130%;
font-weight:bold;
}

p.headline {
    line-height:160%;
    font-size:100%;
    padding:1.5em 1em 0.5em 1em;
}

#eventbody {
    line-height:160%;
    font-size:100%;
    padding:1em 1em 1.5em 1em;
}

#eventbody h2,
#eventbody h3,
#eventbody h4,
#eventbody h5,
#eventbody h6
{
    clear:both;
    position:relative;
    color:#333;
    margin:10px 0;
}

#eventbody h2 a,
#eventbody h3 a,
#eventbody h4 a,
#eventbody h5 a,
#eventbody h6 a
{
    color:#333;
}

#eventbody h2 a:hover,
#eventbody h3 a:hover,
#eventbody h4 a:hover,
#eventbody h5 a:hover,
#eventbody h6 a:hover {
text-decoration:none;
}

#eventbody h2 {
clear:both;
margin:30px 0px 7px;
    padding:0.5em 0.5em;
background:#f0f0f0;
border-top:2px solid #666666;
font-size:120%;
font-weight:bold;
}

#eventbody h3 {
    font-size:100%;
/*    color:#666666;*/
    color:#333;
    padding:1em 0.5em;
}

#eventbody p {
    clear:both;
    color:#333;
    line-height:160%;
    margin:1em 0;
}

#eventbody ul {
    margin:20px 0;
    padding:0;
    list-style:none;
}

#eventbody li {
    margin-bottom:5px;
    padding-left:10px;
    border-left:10px solid #666666;
}

#eventbody strong {
/*    color:#666666;*/
    color:#333333;
}

/* 商品イメージ */
#eventbody .items {
    width:100%;
    margin-bottom:5px;
}

/* 商品イメージ */
#eventbody .img {
    position:relative;
    float:left;
    width:180px;
    height:135px;
    border:1px solid #333;
    margin:0 0 5px 5px;
    background:#FFFFFF;
}

#eventbody .img img {
    position:relative;
    left:7px;
    max-width:70px;
}

#eventbody .img strong {
    display:block;
    position:absolute;
    font-size:100%;
    left:85px;
    top:70px;
}

#eventbody .img p {
    padding:5px;
    margin:0 0 5px 0 !important;
    text-align:center;
    font-size:10px;
    background-color:#eee;
    border-bottom:1px solid #ccc;
    border-top:1px solid white;
    border-left: 1px solid white;
}

#eventbody .img p a {
    color:#333;
    text-decoration:none;
}

#eventbody .img p a:hover {
    color:#666666;
}

hr {
    clear:both;
}

#eventbody .page_list{
zoom:1;
overflow:hidden;
overflow:-moz-scrollbars-none;
}

#eventbody .page_list li{
float:left;
padding:0px 8px 7px 0px;
white-space:nowrap;
border:none;
}

#eventbody .page_list li a{
padding:7px 2px 7px 18px;
}

.attarea{
margin:0px 10px;
padding:10px;
border:1px solid #ccc;
background:#f1f1f1;
}
.attarea dt{
margin:0px 0px 5px;
padding:0px 0px 3px 2px;
color:#c00;
font-weight:bold;
border-bottom:1px dotted #ccc;
}
.attarea dd{
margin:0px;
padding:0px;
}

#eventbody h3{
margin:1.5em 0px;
padding:4px 7px;
background:#f1f1f1;
border-left:4px solid #666666;
}

#eventbody .table_cc{
margin:0px;
padding:0px;
}
#eventbody .table_cc td{
margin:0px;
padding:0px 10px 0px 0px;
border:none;
}
#eventbody #qa_area{
margin:0px;
padding:0px;
}
#eventbody #qa_area ul.tuning{
margin:0px;
}
#eventbody #qa_area li {
margin:0px 0px 5px;
padding:0px 10px 0px 1.5em;
background:url("https://www.cospa.com/img/qa/m_basic.gif") 0 50% no-repeat;
border:none;
}

.qa_back{
margin:0px;
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/qa/m_back.gif") 0 50% no-repeat;
}
#eventbody #qa_area .table_area{
margin:0px;
padding:0px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}
#eventbody #qa_area .table_area tbody{
margin:0px;
padding:0px;
}
#eventbody #qa_area .table_area tbody tr{
margin:0px;
padding:0px;
}
#eventbody #qa_area .table_area th{
margin:0px;
padding:5px;
background:#f1f1f1;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
width:100px;
font-weight:bold;
}
#eventbody #qa_area .table_area td{
margin:0px;
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.table_basicevent{
padding:0px;
font-size:100%;
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.table_basicevent th{
margin:0px;
padding:10px;
background:#f1f1f1;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.table_basicevent td{
margin:0px;
padding:10px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
word-break:break-all;
}
.pages{
clear:both;
}

.table_basicevent th.font_bold{
font-weight:bold;
}
.table_basicevent .red{
color:#c00;
}
#eventbody .challenge{
margin:15px auto 0px;
padding:0px;
width:500px;
}
#eventbody .challenge li{
float:left;
margin:0px;
padding:0px 0px 8px;
width:500px;
border:none;
}

.txtc{
text-align:center;
}

#eventbody .curemenu_list2{
margin:0px auto;
width:700px;
}
#eventbody .curemenu_list2 li{
float:left;
margin:0px;
padding:0px 0px 0px 10px;
width:335px;
border:none;
}
#eventbody .curemenu_list2 li.long{
float:left;
margin:0px;
padding:0px 10px 0px 0px;
width:690px;
border:none;
}
#eventbody .curemenu_list2 li p{
margin:0px;
}

#eventbody .curemenu_list{
margin:0px auto;
width:500px;
}
#eventbody .curemenu_list li{
float:left;
margin:0px;
padding:0px 10px 0px 0px;
width:240px;
border:none;
}
#eventbody .curemenu_list li p{
margin:0px;
}

/* ニューストピック */
#newtopic div{
clear:both;
padding:10px;
/*height:100px;*/
/* mac ie only \*//*/
/*height:120px;*/
/**/
line-height:120%;
}

#newtopic div.wraph2,
#newlineup div.wraph2{
margin:0 0 10px 0;
padding:3px;
background-color:#666666;
border-bottom:3px solid #666666;
}

#newtopic div.wraph2 h2,
#newlineup div.wraph2 h2{
float:left;
margin:0px;
padding:4px 0px 0px;
font-size:100%;
font-weight:normal;
color:#fff;
background-color:none;
border-bottom:none;
}

#newtopic div.wraph2 p.i_rss,
#newlineup div.wraph2 p.i_rss{
float:right;
margin:0px;
padding:0px;
}

#newtopic div.gray,
#newtopic div.first{
background-color:#eee;
}

#brandinfo h2,
#newtopic h2,
#newlineup h2{
clear:both;
margin:30px 0px 7px;
padding:10px 5px;
background:#f0f0f0;
border-top:5px solid #666666;
font-size:130%;
}

#newtopic h2 em,
#newlineup h2 em{
display:none;
}

#newtopic h3{
font-size:100%;
margin:0;
padding:0;
}

#newtopic .first h3{
font-size:100%;
}

#newtopic .img{
float:left;
margin-right:5px;
border:1px solid #333;
}

#newtopic h3 img{
margin-right:5px;
}

#newtopic p{
color:#666;
font-size:100%;
margin:5px 0 10px 0;
}

#newtopic a{
color:#333;
text-decoration:none;
}

#newtopic a:hover{
color:#666666;
}

#newtopic em{
font-style:normal;
color:#666666;
}