body {
    font-family:"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",Verdana,sans-serif;
    text-align:center;
    margin:0 auto 0 auto;
    padding:0;
    font-size:12px;
    background-color:#fff;
}
    
a {
    color:#36c;
}
    
/* a:hover {
    color:#f90;
    text-decoration:none;
} */
    
a img {
    border:0;
}

a:hover img{
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

form {
    margin:0;
    padding:0;
}
    
#container {
    text-align:justify;
    margin:0 auto;
    padding:0;
    /* width:1024px; */
    background-color:#fff;
}

#inner {
    padding-top:15px;
}

h1 {
    padding: 1.5em 1em;
    border-top: 2px solid #666666;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
    font-size: 130%;
    font-weight: bold;
}

/*********************************
     ヘッダー
*********************************/
/* #head {
    position:relative;
    height:85px;
    width:1004px;
    background:#FFFFFF;
    margin:0 auto;
    padding:5px 10px;
}

#head strong{
    display:none;
}

#head .logo{
    float:left;
    width:256px;
    padding:5px 5px 0 0;
}

#head .info{
    float:left;
    width:308px;
    padding:0;
}

#head .info .txt_login{
    padding:0 0 0 30px;
}

#head .info .loginbox{
    position:relative;
}

#head .info .loginbox .tooltip2 {
    position:absolute;
    top:32px;
    left:457px;
    line-height:1.5;
    color:#fff;
    width:128px;
    background:#ff9999;
    border:2px solid #fff;
    padding:5px;
    font-size:100%;
    font-weight:bold;
    display:block;
    z-index:999;
    animation-name:anime;
    animation-duration:5s;
    animation-timing-function:ease;
    animation-iteration-count:1;
    animation-fill-mode:both;
}

@keyframes anime {
    0%{opacity:0;}
    20%{opacity:0.9;}
    80%{opacity:0.9;}
    99%{font-size:100%;}
    100%{opacity:0;font-size:0;}
}

#head .navigation{
    float:left;
    width:435px;
    padding:0;
}

#head .navigation ul {
    list-style:none;
    margin:0;
    padding:0;
}

#head .navigation li{
    float:left;
    height:40px;
    width:140px;
    padding:0 0 5px 5px;
    margin:0;
}

#tabs {
    position:absolute;
    width:100%;
    top:-3px;
    left:0;
    height:69px;
    background:url(https://www.cospa.com/img/common/tabs/portal/hr.gif) repeat-x bottom;
}

#tabs ul {
    list-style:none;
    margin:0;
    padding:0;
    width:964px;
}

#tabs li {
    float:left;
    margin:0;
    padding:0;
}

#head .titlelogo {
    margin:10px;
}

#minimenus {
    height:20px;
}

#minimenus ul {
    margin:0;
    padding:0;
    list-style:none;
}

#minimenus li {
    float:left;
    margin:0px;
    padding:0;
}

#minimenus li img {
    border:1px solid #fff;
    vertical-align:top;
}

#member p {
    color:#fff;
    font-size:12px;
    font-weight:normal;
    margin:0;
    padding:5px;
    background-color:#666666;
    border-bottom:3px solid #666666;
}

#member ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

#member li {
    float:left;
    margin-bottom:10px;
    padding:0;
}

#member li img {
    border:1px solid #FFFFFF;
    vertical-align:top;
} */

#headimage img {
    max-width: 100%;
}

/*********************************
     フリースペース
*********************************/
#freespace1 div {
    margin-bottom:5px;
}


/*********************************
     サブメニュー（フッタ）
*********************************/
#sub_menus {
    position:absolute;
    height:19px;
    top:16px;
    right:10px;
}

#sub_menus ul {
    margin:0;
    padding:0;
    list-style:none;
}

#sub_menus li {
    float:left;
}

#sub_menus li a {
    display:block;
    float:left;
    width:130px;
    padding:5px 0;
    text-align:center;
    text-decoration:none;
    font-size:10px;
    color:#333;
}

/* #sub_menus li a:hover {
    color:#666666;
    background-color:#666666;
} */

.credit {
    position:absolute;
    height:31px;
    top:16px;
    left:10px;
}

.credit ul {
    margin:0;
    padding:0;
    list-style:none;
}

.credit li {
    float:left;
}

/* コンテンツセンター */
#contents_center {
    /* float: left;
    margin: 0 9px 0 10px;
    width:855px; */
    width: 100%;
    margin: 0 auto;
}

/* #contents_center_inner{
    padding:10px 0px 10px 0px;
} */

/*************************** 
    コンテンツメニュー
****************************/
.itemlineup {
    width: 85%;
    margin: 15px auto;
}

@media screen and (max-width: 768px){
    .itemlineup {
        width:100%;
    }
}

.itemlineup ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.itemlineup li{
    width: calc(100%/5 + -4px);
    margin: 2px;
}

@media screen and (max-width: 768px){
    .itemlineup li {
        width: calc(100%/3 + -9px);
        margin: 4px;
    }
}

.itemlineup a img,
.itemlineup a {
    max-width: 100%;
}

p.headline {
    margin-bottom: 15px;
}

.archive {
    margin:0;
    padding:0;
    background:url("https://www.cospa.com/img-temp/menu-border.jpg") repeat-x 0 38px;
}

.archive ul {
    display: table;
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
}
    
.archive ul li {
    width: calc(100% / 4 + -6px);
    float: left;
    padding: 0;
    margin:3px;
    border: 1px solid #333;
    border-radius: 3px;
    text-align: center;
}

.archive ul li p {
    width: 100%;
    padding: 10px 0;
    background: #fff;
}

.archive ul li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    color: #333;
    background: #d1d1d1;
    text-decoration: none;
}

.archive ul li a:hover {
    background:#fff;
}

@media screen and (max-width: 768px){
    .archive ul {
        display:flex;
    }

    .archive ul li {
        background: #d1d1d1;
    }

    .archive ul li.lip {
        background: #fff;
    }

    .archive ul li p, 
    .archive ul li a {
        padding: 10px 0 10px 0;
        height: 50px;
    }
    
    .archive ul li a {
        background:none;
    }
}



/****************************
    グループサイトへのリンク
******************************/
#brands,
#links,
#shops
{
    margin-top:10px;
}

#brands h3,
#links h3,
#shops h3
{
    font-size:10px;
    font-weight:normal;
    color:#666666;
    padding:3px 0 3px 20px;
    margin:10px 0;
}

#brands h3 {
    background:url("https://www.cospa.com/img/icons/cycle.gif") no-repeat left;
}

#links h3 {
    background:url("https://www.cospa.com/img/icons/earth.gif") no-repeat left;
}

#shops h3 {
    background:url("https://www.cospa.com/img/icons/shop.gif") no-repeat left;
}
    
#brands ul,
#links ul,
#shops ul
{
    list-style:none;
    margin:0;
    padding:0;
}

#brands li,
#links li,
#shops li
{
    margin:0;
    padding:0;
    font-size:10px;
}

#brands li em,
#links li em,
#shops li em
{
    display:none;
}

#brands li img,
#links li img,
#shops li img
{
    border:1px solid #ddd;
}

#brands a,
#links a,
#shops a
{
    color:#333;
}

/* #brands a:hover,
#links a:hover,
#shops a:hover
{
    color:#666666;
} */

/****************************
    サイト内商品検索
******************************/
/* #searchform {
    color:#666;
    font-size:10px;
    padding:5px;
    text-align:left;
    margin:5px 0 5px 0;
    letter-spacing:1px;
}
    
#searchform input {
    font-size:10px;
    border:solid #999 1px;
    margin-top:3px;
}

#searchform em {
    display:block;
    font-style:normal;
    background:url("https://www.cospa.com/img/icons/search.gif") no-repeat left;
    padding:2px 0 2px 15px;
    color:#666666;
}

#searchform p {
    position:relative;
    margin:0;
    padding:0;
    height:20px;
}

#searchform #stock {
    position:absolute;
    left:0;
    top:3px;
    border:0;
    margin:0;
    padding:0;
    width:15px;
    height:15px;
}

#searchform label {
    position:absolute;
    height:10px;
    left:20px;
    top:3px;
} */

/*************************** 
    FAQ
****************************/
p.c_moji {
    width: 20%;
    margin: 15px 0;
    padding-left: 10px;
    background: #333;
    color: #fff;
}

@media screen and (max-width: 768px){
    p.c_moji {
        width:45%;
        font-size: 15px;
    }
}

.border{
    border-bottom:1px #999999 dotted;
}

.faq_q {
    margin: 15px 0;
    padding:0 0 0 30px;
    font-weight:bold;
}

.faq_a {
    margin: 15px 0;
    padding:0 0 0 30px;
}

.nc{
    margin: 15px;
    padding: 5px 0px 5px 50px;
    border:1px solid #E4007F;
}

/*************************** 
    QRコード
****************************/
#qr {
    position:relative;
    width:180px;
    height:72px;
    border:1px solid #666;
    margin-top:10px;
}

#qr .img {
    position:absolute;
    left:5px;
    top:5px;
}

#qr p {
    position:absolute;
    color:#333;
    font-size:10px;
    width:100px;
    left:70px;
    top:15px;
    margin:0;
    padding:0;
    line-height:130%;
}


/*************************** 
    ピックアップ商品
****************************/
#pickups {
    width:180px;
    clear:both;
    position:relative;
}

#pickups h2 {
    color:#fff;
    font-size:10px;
    font-weight:normal;
    margin:0;
    padding:5px;
    background-color:#666666;
    border-bottom:3px solid #666666;
}

#pickups div {
    position:relative;
    clear:both;
    background-color:#eee;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    padding:5px;
}

#pickups div .img {
    position:relative;
    float:left;
    margin:5px 5px 5px 0;
    border:1px solid #666666;
}

/* 商品名 */
#pickups div h3{
margin:0;
padding:0;
}


#pickups div h3 a {
    display:block;
    color:#666666;
    font-size:10px;
    text-decoration:underline;
    font-weight:normal;
}
/* 
#pickups div h3 a:hover {
    background-color:#ddd;
    text-decoration:none;
} */

#pickups div p {
    font-size:10px;
    margin:5px 0 0 0;
    padding:0;
    letter-spacing:1px;
    line-height:120%;
    color:#666;
}

#pickups div em {
    display:block;
    clear:both;
    padding:5px 0;
    height:15px;
}

#pickups div em img {
    float:right;
}

/*************************** 
    フッタ
****************************/
#footer{
    position:relative;
    clear:both;
    padding:0;
}

#footer p{
    font-size:10px;
    margin:0;
    padding:0px 10px 30px 10px;
    letter-spacing:1px;
    text-align:right;
    color:#666666;
    
}

#footer a {
    color:#666666;
}

#footer p.copyright {
    border:0;
    padding:0 10px 10px 10px;
}

.go_homenavi{
clear:both;
margin:0px;
padding:30px 20px 10px 20px;
}
.go_homenavi li.left{
float:left;
margin:0px;
width:50%;
list-style-type:none;
}
.go_homenavi li.right{
float:right;
margin:0px;
width:50%;
list-style-type:none;
text-align:right;
}
.go_homenavi li.left .cospa{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_home_cospa.gif") 0 50% no-repeat;
}
.go_homenavi li.right .cospa{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_pagetop_cospa.gif") 0 50% no-repeat;
}
.go_homenavi li.left .nijigen{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_home_nijigen.gif") 0 50% no-repeat;
}
.go_homenavi li.right .nijigen{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_pagetop_nijigen.gif") 0 50% no-repeat;
}
.go_homenavi li.left .cospatio{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_home_cospatio.gif") 0 50% no-repeat;
}
.go_homenavi li.right .cospatio{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_pagetop_cospatio.gif") 0 50% no-repeat;
}
.go_homenavi li.left .czone{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_home_czone.gif") 0 50% no-repeat;
}
.go_homenavi li.right .czone{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_pagetop_czone.gif") 0 50% no-repeat;
}
.go_homenavi li.left .lovit{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_home_lovit.gif") 0 50% no-repeat;
}
.go_homenavi li.right .lovit{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_pagetop_lovit.gif") 0 50% no-repeat;
}
.go_homenavi li.left .trantrip{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_home_trantrip.gif") 0 50% no-repeat;
}
.go_homenavi li.right .trantrip{
padding:0px 0px 0px 15px;
background:url("https://www.cospa.com/img/standards/base/m_pagetop_trantrip.gif") 0 50% no-repeat;
}

/**************************
    セッションID
***************************/
#sid {
    display:none;
}

/**************************
    アクセス解析
***************************/
#analyze {
    display:none;
}

/**************************
    クリアフィックス
***************************/
.clearfix:after{
clear:both;
display:block;
height:0px;
visibility:hidden;
content:".";
}
.clearfix{
display:inline-block;
}
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}


/**************************
    テキストスタイル
***************************/
.txtl{
text-align:left;
}

.txtc{
text-align:center;
}

.txtr{
text-align:right;
}

.bold{
font-weight:bold;
}

.red{
color:#CC0000;
}