h1 {
    margin:15px 0;
    padding:3px 0 3px 15px;
    font-size:16px;
    text-align:left;
    letter-spacing:2px;
    color:#333;
    line-height:130%;
    border-left:5px solid #317b96;
}


/***************************
    商品情報ヘッダ
****************************/
#iteminfo {
    position:relative;
    width:100%;
}

#iteminfo p {
    margin:0;
    padding:0;
    width:80%;
}

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

#iteminfo a:hover {
    color:#666;
    text-decoration:underline;
}

#iteminfo #brandlogo {
    position:absolute;
    right:0px;
    top:0px;
}
#iteminfo #brandlogo2 {
    position:absolute;
    right:0px;
    top:0px;
}

/***************************
    商品写真
****************************/
#itemphotos {
    text-align:center;
    margin:10px 0 10px 0;
    letter-spacing:10px;
}

#itemphotos img {
    margin:10px 0 10px 5px;
}

#itemphotos a {
    text-decoration:none;
}

/***************************
    商品一覧（サイズ違い・色違い）
****************************/
#items {

}

#items h2 {
    font-size:1.5em;
    font-weight:normal;
    padding:5px;
    margin:10px 0 0 0;
    color:#317b96;
    border-bottom:1px solid #317b96;
}

#items #info {
    font-size:10px;
    color:#666;
    margin:3px;
    padding:3px 0 3px 0;
}

#items #sizecolor {
}

#items #sizecolor div {
    position: relative;
    float:left;
    width:24%;
    margin:0 1px 1px 0;
    height:70px;
    border:1px solid #ccc;
}

@media screen and (max-width: 1280px) {
  #items #sizecolor div {
    width:49%;
  }
}

#items #sizecolor div a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#items #sizecolor .active {
    background-color:#fc0;
}

#items #sizecolor div p {
    float:left;
    padding:15px 2px 0 5px;
}

#items #sizecolor div h3 {
    font-size:12px;
    margin:0;
    padding:5px 0 2px 0;
}
#items #sizecolor div h3.t_sc {
}

#items div a {
    color:#333;
}

#items div a:hover {
    color:#317b96;
}

#items div .img {
    float:left;
    margin:5px 10px 0 5px;
    border:1px solid #317b96;
}

#items div ul {
    margin:3px 0 0 0;
    padding:0;
    list-style:none;
}

#items div li {
    float:left;
    margin:0 2px 0 0;
}


/****************************
    商品情報（コメント・テーブル）
*****************************/
#itemdetail {
    clear:both;
    /* mac ie 除外 \*/
    width:100%;
    /**/
    padding:10px 0;
}

/* 商品コメント */
p#comment {
    font-size:12px;
    /* mac ie 除外 \*/
    letter-spacing:0px;
    /**/
    line-height:1.3;
    margin:10px 0;
    padding:10px;
    border:1px solid #fc9;
    background-color:#ffe;
    color:#666;
}

#itemdetail table {
    width:100%;
    border:1px solid #333;
    border-collapse: separate;
}

#itemdetail th,#itemdetail td {
    font-size:12px;
    text-align:left;
    letter-spacing:1px;
    background-color:#eee;
    border-bottom:1px solid #fff;
    padding:10px;
    line-height:1.4;
}

#itemdetail th {
    white-space:nowrap;
    background-color:#6bb5c6;
    border-left:5px solid #317b96;
    font-weight:normal;
    width:120px;
}

/* カートフォーム */
#cartform {
    /*float:right;*//*20150722*/
    background-color:#EEEEEE;
    border:1px solid #333333;
    /*max-width:66%;*//*20150722*/
    text-align:left;
    margin:10px 0 10px 0;
    padding:10px;
    line-height:1.6;/*20150722*/
}

#cartform strong {
    margin:0 0 10px 0;
}

/*#cartform p {
    float:right;
    margin:0 0 0 10px;
}*//*20150722*/

#cartform_left {
    float:left;
    margin:0;
    padding-right:2%;
    width:62%;
    max-width:500px;
    border-right:dotted 1px #333333;
}/*20150722*/

#cartform_right {
    float:left;
    margin:0;
    padding-left:2%;
    width:32%;
}/*20150722*/

#cartbutton {
    /*text-align:right;*//*20150722*/
}

.detail_txtl{
    font-size:140%;
}/*20150722*/

.detail_sizecolor{
    font-weight:bold;
    padding-bottom:0.5em;
    color:#ff0000;
}/*20150722*/

#cartbutton input{
    width:100%;
}/*20150722*/

#cartmessage {
    text-align:left;
}

/* リクエストフォーム */
#requestform {
    float:right;
    background-color:#EEEEEE;
    border:1px solid #333333;
    max-width:66%;
    text-align:left;
    margin:0 0 10px 0;
    padding:10px;
    clear:both;
}

/*アイテム */

#items{
    width:100%;
}


/***************************
    商品ステータス
***************************/
.status img {
    margin:0 2px 2px 0;
}

/***************************
    関連商品
***************************/
#relations {
    clear:both;
}

#relations h2 {
    padding:2px 0 2px 20px;
    margin:0 0 3px 0;
    font-size:14px;
    background:url("http://www.cospa.com/img/icons/insp.gif") no-repeat left;
    border-bottom:1px solid #317b96;
}

#relations div {
    height:100px;
    margin:10px 0;
}

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

#relations div a:hover {
    color:#317b96;
}

#relations div p {
    font-size:11px;
    letter-spacing:1px;
    margin:5px 0;
}

#relations div img {
    float:left;
    margin:0 20px 0 0;
}

#relations div h3 {
    font-size:14px;
    margin:0 0 0 20px;
    padding:5px 0;
}


/***************************
    GEEストア
***************************/
#gee{
    clear:both;
    padding:0;
    margin:20px 0 20px 0;
    border:1px solid #F26522;
}

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

#gee li {
    color:#333;
    margin-bottom:1px;
}

#gee p {
    font-size:14px;
    margin:0 0 10px 0;
    padding-left:20px;
}

/***************************
    商品バナータグ
***************************/
td.tag img{
    margin-top:5px;
}

.tag h2 {
    color:#666;
    font-size:12px;
    margin:0;
    padding:0 0 0 10px;
    border-left:5px solid #317b96;
}

td.tag{
    font-size:12px;
    line-height:150%;
}

td.tag input {
    font-style:normal;
    border:1px solid #666;
    background-color:#eee;
    width:200px;
    margin-top:5px;
    font-size:10px;
}

/***************************
    091001追加
***************************/

.gonly{
padding:10px 0px;
}
.gonly a,
.gonly a:link,
.gonly a:visited{
padding:10px;
background:#f1f1f1;
border:1px solid #ccc;
}
.gonly a:hover,
.gonly a:active{
padding:10px;
background:#e2e2e4;
border:1px solid #ccc;
}

.sb{
margin:0px;
padding:0px;
}
.sb li{
display:inline;
margin:0px 5px 0px 0px;
padding:0px;
list-style-type:none;
}
.m_mail{
margin:7px 0px 0px;
padding:0px;
}
.m_mail a{
padding:0px 0px 0px 20px;
background:url("http://www.cospa.com/img/icons/icon_mail.gif") 0 50% no-repeat;
}

.side {
width:100%;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#999;
margin-bottom:20px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-collapse:collapse;
}

.side th,.side td {
letter-spacing:1px;
padding:5px 3px 5px 3px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#999;
}

.side td em {
font-style:normal;
color:#c66;
}

.side th {
font-size:12px;
font-weight:normal;
background-color:#ddd;
text-align:left;
}

.side th.p_item{
width:70px;
text-align:center;
}

.side th.i_item{
width:70px;
}

.side th.r_item{
width:170px;
}

.side th.pr1_item{
width:80px;
}

.side td a {
color:#333;
}

.side td a:hover {
color:#317b96;
}