body {
    text-align:center;
    margin:0 auto 0 auto;
    padding:0;
    background-color:#fff;
}

a {
    color:#36c;
}

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

a img {
    border:0;
}

form {
    margin:0;
    padding:0;
}

#container {
    text-align:justify;
    margin:10px 0 0 0;
    padding:0;
    width:100%;
    min-width: 1080px;
    background-color:#fff;
}

#inner {
    padding-top:20px;
}

h1 {
    font-size:16px;
    margin:0;
    padding:10px 5px;
    letter-spacing:1px;
    color:#333;
    border-top:1px solid #317b96;
}

/*********************************
     ヘッダー
*********************************/
#head {
    position:relative;
    height:70px;
    width:1080px;
    margin:0 auto 0;
    text-align:justify;
}

#head strong{
    display:none;
}

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

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

#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 {
    position:relative;
}

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

#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;
}

#member span.tooltip2 {
    position:absolute;
    top:90px;
    line-height:1.5;
    color:#fff;
    width:186px;
    background:#ff9999;
    border:2px solid #fff;
    padding:5px;
    font-size:110%;
    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:110%;}
    100%{opacity:0;font-size:0;}
}

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


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

#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:#fff;
}

#sub_menus li a:hover {
    color:#317b96;
    background-color:#6bb5c6;
}


/* コンテンツセンター */
#contents_center {
    float: left;
    width: 100%;
}

#contents_center_inner{
    margin: 0 0 0 220px;
}

#contents_center_inner_full{
    margin: 0;
}

/* コンテンツ左側 */
#contents_left {
    float:left;
    margin-left:-100%;
    width: 195px;
    height:100%;
}

/* コンテンツ右側 */
#contents_right {
    float: left;
    margin-left: -190px;
    width:190px;
    height:100%;
}



/***************************
    コンテンツメニュー
****************************/
#contents_left .inner {
    width:200px;
    float:right;
}

#menus {
    clear:both;
}

#menus em{
    display:none;
}


#menus h2 {
    margin:0 0 2px 0;
    padding:0;
}

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

#menus li {
    font-size:10px;
    letter-spacing:3px;
    padding:0;
    margin:0;
    font-weight:normal;
    margin-bottom:1px;
}

#menus li a {
    background-color:#6bb5c6;
    border-color:#317b96;
    color:#ffffff;
    /*height:15px;
    _height:25px;*/
    display:block;
    padding:5px 0 5px 10px;
    margin:0;
    text-decoration:none;
    border-width:0 5px 1px 5px;
    border-style:solid;
}

#menus li a:hover {
    color:#6bb5c6;
    background-color:#317b96;
    border-color:#6bb5c6;
}


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

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

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

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

#shops h3 {
    background:url("http://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:#317b96;
}


/***************************
    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:#317b96;
    border-bottom:3px solid #6bb5c6;
}

#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 #317b96;
}

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


#pickups div h3 a {
    display:block;
    color:#317b96;
    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;
}


/* topへ戻るボタン
-------------------------------------------*/
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:150px;
}

#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#000000;
	border-radius:25px;
	opacity:0.6;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

#page-top p:hover{
	background-color:#317b96;
	opacity:1;
}

#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/**************************
    セッション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;
}

/**************************
    ポータルヘッダー
***************************/
.searchbox{
margin-top:10px;
}

#ham-menu ul li{
margin:10px 0px 5px 0px;
}

#logo{
padding:15px 30px 7px 5px;
}

#header{
padding:0;
height:50px;
}