.frameHeader {
  width: 100%;
  letter-spacing: 0.3em;
  text-indent: 1em;
  font-weight: bold;
  color: #FFFFFF;
  /*background-color: #6565D9;*/
  background-color: #008080;
  padding: 5px 0px 5px 0px;
}

div.frameHeaderGradient {
  width: 100%;
  letter-spacing: 0.5em;
  text-indent: 1em;
  font-weight: bold;
  color: #FFFFFF;
    /* 共通 */
    background: linear-gradient(to right , #008080, rgba(255,255,0,0)); 
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, right top, from(#008080), color-stop(90%, #FFFFFF), to(#FFFFFF) );
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(left, #008080, #FFFFFF 90%);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#008080', endColorstr='#FFFFFFFF');
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FF1D1DC2', endColorstr='#FFFFFFFF')";
  padding: 5px 0px 5px 0px;
}

/* ページ全体：簡易スペーサーの設定
--------------------------------------------------------- */
.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt80 {
    padding-top: 80px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb50 {
    padding-bottom: 50px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

/* ページ全体：簡易フロート設定
--------------------------------------------------------- */
.fltL {
    float: left;
}

.fltR {
    float: right;
}

.cb {
    clear: both;
    height: 0;
}

/*-----------------------------
  情報メッセージ
-----------------------------*/
div.informationBlock {
  color: teal;
  font-size: 100%;
  background-color: Azure;
  margin: 1em;
  padding: 1em;
  border: 1px solid LightSeaGreen;
}

/*-----------------------------
  警告メッセージ
-----------------------------*/
div.warningBlock {
  color: DarkGoldenRod;
  font-size: 100%;
  background-color: LightYellow;
  margin: 1em;
  padding: 1em;
  border: 1px solid gold;
}

div.warningBlock p {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

/*-----------------------------
  エラーメッセージ
-----------------------------*/
div.errorBlock {
  color: red;
  font-size: 100%;
  background-color: #FDF7F2;
  margin: 1em;
  padding: 1em;
  border: 1px solid red;
}

.errorBlock p {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.rightAligned {
    text-align: right;
}


.boxlist ul li img {
    height: 66px;
}

.right {
    text-align: right;
}
.center {
    text-align: center;
}

.colorRed {
    color : red;
}

/* 新着情報一覧 */
.info_list .label_important, .info_list .label_new {
    color : red;
}

.info_list .label_important{
    margin-right: 10px;
}

/* 新着情報詳細 */
.info_detail .label_important, .info_detail .label_new {
    color : white;
}

input {
    font-family: initial; 
}

.inner {
    padding: 5px;
}

table.fixed {
    table-layout: fixed;
    word-break: break-all;
}

.tbl01 th, .tbl01 td {
    text-align: left;
}

input.ssf.kai_cd {
    width: 37px;
    margin-right: 1px;
}
input.ssf.jig_cd {
    width: 23px;
    margin-right: 1px;
}
input.ssf.bu_cd {
    width: 30px;
}

.datepicker {
    /*width: 80px;*/
    width: 90px;
}

.olist_search .hinsyu_nm {
    width: 80%;
}

.olist_search .hinsyu_cd {
    width: 80px;
}

.olist_search .jyu_no {
    width: 80px;
}

/* 納品先・出荷主 */
.kigyo_nm {
    width: 320px;
}

.kigyo_kana {
    width: 320px;
}

.post_cd {
    width: 60px;
}

.tan_nm {
    width: 320px;
}

.adr {
    width: 320px;
}

.tel {
    width: 9em;
}

select::-ms-expand {
  display: none;
}

/* 商品一覧 */
#contents {
    background: #FFF;
}
#side.catalog {
    /*width: 100%;*/
    width: 20%;
    margin-bottom: 20px;
    /*height: 190px;*/
    /*border: #343434 solid 1pt;*/
}
#main.catalog {
    /*width: 100%;*/
    width: 79%;
}

/*
input.catalog_cd, input.catalog_name {
    height: 10px;
}

.category, .color_type {
    height: 35px;
}
.pick_up label {
    font-size: 1.2em;
}
*/
#side.catalog form input[type="text"].int_price {
    width: 178px!important;
}

.category, .color_type {
    margin-top: 5px;
}

.category, .size_kbn {
    margin-top: 5px;
}

.pick_up label {
    margin-top: 5px;
}

form select.dz_select{
    height: 30px;
    padding: 0 5px;
}

.first_link {
    margin-left: 5px;
    margin-right: 5px;
}
.last_link {
    margin-left: 5px;
    margin-right: 5px;
}

table.th_c th{
    text-align: center;
}

/*----------------------*/
/*	よくある質問	 		*/
/*----------------------*/

.qanda_area{
	border:solid 1px #187980;
	margin-bottom:30px;
	line-height:1.5em;
}
.qanda_area h3{
	background: #187980;
	padding: 10px 10px 10px 15px;
	color: #fff;
}

.qanda_area ul{
	margin:10px;
}

.qanda_area ul li{
	margin: 5px 0;
        line-height: 2em;
        padding:5px;
}

.qanda_area ul li p.question{
    background-color: #f2f2f2;
}

.qanda_area ul li p.answer{
    background: white;
    border-bottom: dotted 1px #ccc;
}

.pointer{
    cursor: pointer;
}