@charset "Shift_JIS";

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

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

.hpb-parts-hl-style {
    border-color: #3fbcf4 !important;
	clear: both;
    margin-top: 0.5em;
    margin-bottom: 1em;
	margin-left: 0;
    text-align: left;
    padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding-left: 4px !important;
    font-size: 1.3em;
    color: #333 !important;
	font-weight: bold;
	text-align: left;
	background-image: none !important;
	line-height: 1.2 !important;
	height: auto !important;
}

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

.hpb-parts-hr-style {
    border-color: #3fbcf4;
}

.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: #14adec;
    border-color: #b4df36;
	border-width: 3px;
}
a.hpb-parts-blist-style:link {
    color: #fff;
}
a.hpb-parts-blist-style:visited {
    color: #fff;
}
a.hpb-parts-blist-style:hover {
    color: #fff;
	background-color: #6ecaf5;
}
a.hpb-parts-blist-style:active {
    color: #fff;
	background-color: #6ecaf5;
}



/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-hl-01 {
}

/* 下線 1 */
.hpb-parts-hl-02 {
}

/* 下線 2 (2重線) */
.hpb-parts-hl-03 {
}

/* 線囲み 1 */
.hpb-parts-hl-04 {
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05 {
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06 {
    border-left-width: 0.5em !important;
    border-left-color: #3fbcf4 !important;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07 {
    border-left-width: 0.5em !important;
	border-left-color: #3fbcf4 !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #3fbcf4 !important;
	border-bottom-style: dotted !important;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08 {
    border-left-width: 0.5em !important;
	border-left-color: #3fbcf4 !important;
	border-top-width: 1px !important;
	border-top-color: #3fbcf4 !important;
	border-top-style: dotted !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #3fbcf4 !important;
	border-bottom-style: dotted !important;
	border-right-width: 1px !important;
	border-right-color: #3fbcf4 !important;
	border-right-style: dotted !important;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01 {
    margin-bottom: 5px;
}

/* 線囲み 1 (実線) */
.hpb-parts-cbox-02 {
    margin-bottom: 5px;
}

/* 線囲み 2 (点線) */
.hpb-parts-cbox-03 {
    margin-bottom: 5px;
}

/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04 {
	margin-bottom: 5px;
}




/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-blist-01 {
	clear: both;
}
.hpb-parts-blist-01 ul {
	margin-bottom: 5px;
}
.hpb-parts-blist-01 li {
	border-bottom: none !important;
	padding: 2px !important;
	padding-left: 0 !important;
	background-image: none !important;	
}
.hpb-parts-blist-01 li a {
     padding: 7px !important;
}

/* 文字型 2 */
.hpb-parts-blist-02 {
	clear: both;
}
.hpb-parts-blist-02 ul {
	margin-bottom: 5px;
}
.hpb-parts-blist-02 li {
	border-bottom: none !important;
	padding: 2px !important;
	padding-left: 0 !important;
	background-image: none !important;	
}
.hpb-parts-blist-02 li a {
	border-style: dotted;
}

/* 文字型 3 */
.hpb-parts-blist-03 { 
	clear: both;
}
.hpb-parts-blist-03 ul {
	margin-bottom: 5px;
}
.hpb-parts-blist-03 li {
    border-bottom: none !important;
	padding: 2px !important;
	padding-left: 0 !important;
	background-image: none !important;	
}
.hpb-parts-blist-03 li a {
    border-left-width: 1em;
    border-right-width: 1em;
    border-right-style: solid;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

/* 画像付き 1 */
.hpb-parts-blist-04 {
}
.hpb-parts-blist-04 ul {
    margin-bottom: 5px;
}
.hpb-parts-blist-04 li {
	border-bottom: none !important;
	padding: 2px !important;
	padding-left: 0 !important;
	background-image: none !important;
}
.hpb-parts-blist-04 li a {
}
.hpb-parts-blist-04 li a img {
}

/* 画像付き 2 */
.hpb-parts-blist-05 {
}
.hpb-parts-blist-05 ul {
}
.hpb-parts-blist-05 li {
    border-bottom: none !important;
	padding: 2px !important;
	padding-left: 0 !important;
	background-image: none !important;	
}
.hpb-parts-blist-05 li a {
    border-style: dotted;
}
.hpb-parts-blist-05 li a img {
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
body {
	font-size: 100%;
}
.mr4 {
	margin-right: 4px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
span.small {
	font-size: 80%;
}
span.point {
	color: #FF3333;
}
img.photoframe {
	border: 10px solid #FFFFFF;
}
img.photobox    {
border: 10px solid #FFFFFF;
box-shadow: 5px 5px 10px #c0c0c0;
-webkit-box-shadow: 5px 5px 10px #c0c0c0;
-moz-box-shadow: 5px 5px 10px #c0c0c0;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.menuRibbon {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}

.menuRibbonLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#80CEDD;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}

.menuTabLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#029EBC;
	border-style:solid;
	background:#80CEDD;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuTabDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuTabDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color:#029EBC;
	border-style:solid;
	background:#80CEDD;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLine {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}

.menuLineLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#029EBC;
	border-style:solid;
	background:#80CEDD;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#029EBC;
	border-style:solid;
	background:#fff;
	color:#017589;
	line-height:300%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#029EBC;
	border-style:solid;
	background:#80CEDD;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#029EBC;
	border-style:solid;
	background:#fff;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}
