@charset "Shift_JIS";

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

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

.hpb-parts-hl-style
{
    padding: 0px 0.2em !important;
    border-color: #00522e !important;
    line-height: 1.5em !important;
}

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

.hpb-parts-hr-style
{
    border-color: #00522e;
}

.hpb-parts-pbox-style
{
    border-color: #eaf4f4;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}

.hpb-parts-blist-style
{
    border-color: #00522e;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #00522e;
}
a.hpb-parts-blist-style:active
{
    color: #00522e;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/*ボタンの設定
---------------------------------------------------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background: #55bae3;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#5dccfa, #55bae3);	/*グラデーション*/
	background: linear-gradient(#5dccfa, #55bae3);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background: #5dccfa;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#55bae3, #5dccfa);	/*グラデーション*/
	background: linear-gradient(#55bae3, #5dccfa);			/*同上*/
}