@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #01838A;
}

.hpb-parts-hl-style
{
    border-color: #01838A;
    margin-top: 5px;
    margin-bottom: 10px;
}

.hpb-parts-cbox-style
{
    border-color: #01838A;
}

.hpb-parts-hr-style
{
    border-color: #01838A;
}

.hpb-parts-pbox-style
{
    background-color: #f4f4f4;
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}
.hpb-parts-pbox-style img
{
    background-color: #f4f4f4;
}

.hpb-parts-blist-style
{
    background-color: #f3f3f3;
    border-color: #33BFD2;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #33BFD2;
}
a.hpb-parts-blist-style:active
{
    color: #33BFD2;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/* 必須入力(*) */
a.required-contents{
    color: #dc143c;
}

/* 非表示要素 */
.hidden{
    display: none;
}

.alert{
    color: #dc143c;
}

/* 入力項目フォーカス時 */
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}

/* 入力項目非活性時 */
input:disabled::-webkit-input-placeholder {
	color: transparent;
}
input:disabled::-moz-placeholder {
	color: transparent;
}
input:disabled::-ms-input-placeholder {
	color: transparent;
}
input:disabled::placeholder {
	color: transparent;
}

/* ?? */
/* ? */
.triangle-right {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0.5em 0 0;
    border: 5px solid transparent;
    border-right: 0 solid transparent;
    border-left: 8px solid #ff6699;
}

/* ??????? */
/* ?? */
.ellipse-buy {
    width:230px;
    height:50px;
    background: linear-gradient(to bottom right, #f7f1f7, 40%, #dfc1df);
    border-radius:50%;
    border: 0px solid transparent;
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: #9a0d7c;
    box-shadow: 3px 3px 3px 3px rgba(155, 142, 142, 0.5);
    text-shadow: 3px 3px 5px #7d7d7d;
    margin-bottom: 10px;
}
.ellipse-buy:hover {
    background:#beb0c4;
}
/* ???? */
/* ??? */
.ellipse-sale {
    width:230px;
    height:50px;
    background: linear-gradient(to bottom right, #fdfcf7, 40%, #e7ddb3);
    border-radius:50%;
    border: 0px solid transparent;
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: #e17b34;
    box-shadow: 3px 3px 3px 3px rgba(155, 142, 142, 0.5);
    text-shadow: 3px 3px 5px #7d7d7d;
    margin-bottom: 10px;
}
.ellipse-sale:hover {
    background:#eddcb1;
}