@charset "Shift_JIS";

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

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

.hpb-parts-hl-style{
    border-color: #d9d8d8;
    clear: both;
}

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

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

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

.hpb-parts-blist-style{
    background-color: #e1eaef;
    border-color: #d9d8d8;
}
a:link.hpb-parts-blist-style{
    color: #333;
}
a:visited.hpb-parts-blist-style{
    color: #333;
}
a:hover.hpb-parts-blist-style{
    color: #ccc;
}
a:active.hpb-parts-blist-style{
    color: #ccc;
}

/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* 飾りなし 幅自動 */
.hpb-parts-cnt-01{
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px;
}

/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240{
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅自動 */
.hpb-parts-cnt-02{
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px;
}

/* 線囲み 幅60px */
.hpb-parts-cnt-02-060{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅120px */
.hpb-parts-cnt-02-120{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅180px */
.hpb-parts-cnt-02-180{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅240px */
.hpb-parts-cnt-02-240{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅360px */
.hpb-parts-cnt-02-360{
    margin-bottom: 5px;
    padding: 5px;
}

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

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

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

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

/* 線囲み 1 */
.hpb-parts-hl-04{
    padding: 5px 0.2em 5px 25px !important;
    border-bottom-width: 3px !important;
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05{
    padding: 5px 0.2em 5px 25px !important;
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06{
    padding-left: 0.5em !important;
    padding-top: 4px !important;
    border-left-width: 0.5em !important;
    border-left-color: #d9d8d8 !important;
    background-image: none !important;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07{
    padding-left: 0.5em !important;
    padding-top: 4px !important;
    border-left-width: 0.5em !important;
    border-left-color: #d9d8d8 !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
    background-image: none !important;
}

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

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

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

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

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

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

/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-img-01
{
}

/* 余白あり */
.hpb-parts-img-02
{
}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03
{
}

/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04
{
}

/* 複数写真ボックス 左端用 */
.hpb-parts-img-05
{
}

/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06
{
}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07
{
}

/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08
{
}

/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01
{
}

/* 水平線 2 (実線・太) */
.hpb-parts-hr-02
{
}

/* 水平線 3 (点線・細) */
.hpb-parts-hr-03
{
}

/* 水平線 4 (点線・太) */
.hpb-parts-hr-04
{
}

/* 水平線 5 (破線・細) */
.hpb-parts-hr-05
{
}

/* 水平線 6 (破線・太) */
.hpb-parts-hr-06
{
}

/* 水平線 7 (2重線) */
.hpb-parts-hr-07
{
}

/******************************
 * 写真ボックス (div)
 ******************************/

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

.hpb-parts-pbox-01 h4{
    margin-bottom: 0.5em;
}

/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060
{
}

/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120
{
}

/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180
{
}

/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240
{
}

/* 線囲み */
.hpb-parts-pbox-02
{
}

.hpb-parts-pbox-02 h4{
    margin-bottom: 0.5em;
}

/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060
{
}

/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120
{
}

/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180
{
}

/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240
{
}

/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc
{
}

.hpb-parts-pbox-desc h4{
    margin-bottom: 0.5em;
}

/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060
{
}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060
{
}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060
{
}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120
{
}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120
{
}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120
{
}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180
{
}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180
{
}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180
{
}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240
{
}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240
{
}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240
{
}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060
{
}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060
{
}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060
{
}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120
{
}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120
{
}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120
{
}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180
{
}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180
{
}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180
{
}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240
{
}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240
{
}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240
{
}

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

/* 文字型 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
{
}

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {

	.hpb-parts-hl-08{
		min-height: 0 !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.hpb-parts-hl-07{
		min-height: 0 !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.hpb-parts-hl-06{
		min-height: 0 !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.hpb-parts-hl-05{
		min-height: 0 !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}
	.hpb-parts-hl-04{
		min-height: 0 !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}
	.hpb-parts-hl-03{
		min-height: 0 !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}
	.hpb-parts-hl-02{
		min-height: 0 !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}
	.hpb-parts-hl-01{
		min-height: 0 !important;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}

}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* li横並び */   




ul.ori01{
	list-style: none;
	margin: 0;
padding: 0;
}

ul.ori01 li{
	float: left;
width : 20em;
padding : 2px 2px 2px;
border : 1px solid #c0c0c0;
background-color : transparent;
margin-left : 2px;
margin-bottom : 2px;


background-origin : padding-box;
background-clip : border-box;

}

ul.ori01 li a{
	display: block;
line-height : 30px;
background-repeat : no-repeat;
padding-left : 15px;
background : url(arrow.png) transparent;background-position : right center;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
}

.clearLeft{
	 
clear: left; 
}






/* pegetopへ戻るボタン */    
#pageTop{
	background:#DDD;
	opacity: 0.75; 
	border-radius:5px;
	color:#FFF;
	padding:10px;
	position:fixed;
	bottom:10px;
	right:10px;
	}
#pageTop:hover{
	background:#EEE;
	}	
	
	
/* pegetopへ戻るボタン2 */    
#page-top{
    position: fixed;
    bottom: 5px;
    right: 5px;
    font-size: 77%;
}
#page-top a{
    background: #66f;
    opacity: 0.50; 
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover{
    text-decoration: none;
    background: #0f9;
}


	
	
ul.example li{
	display: inline;
margin-right: 20px;
}



/* レイアウトボックス横並び*/  

.menu ul{
	margin: 0; 
padding: 0; 
list-style: none;
border : 1px solid #cccccc;border : none;
}

.menu li{
	 
display: inline; 
padding: 0; 
margin : 0px 10px 0px 0px; 
float: left;border : 1px #cccccc;border : solid;border : solid;
font-size : 1.1em;
}

.menu li a{
	display: block; 
border: 1px solid #666;
padding: 3px;
text-decoration: none;
color : #333333;
width: 100px; 
margin: 1px;
text-align: center;
font-size: 14px;
}

.menu li a:hover{
	background-color: #2d56be;
color: #fff;
}


/* レイアウトボックス横並び*/  


.box{
	float: left;
padding : 2px;padding-bottom : 2px;border : 1px solid #cccccc;
width : 23.2em;
margin-left : 1px;
}

.boxContainer{
	overflow: hidden;
}

/* clearfix */
.boxContainer::before,
.boxContainer::after{
    content: "";
    display: table;
}
 
.boxContainer::after{
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer{
    zoom: 1;
}

.box4{
	float: left;
padding : 2px;border : 1px solid #cccccc;
width : 22.5%;
margin-left : 1px;
}



/* レイアウトボックス横並び*/  
.box2{
	float: left;
padding : 2px;border : 1px solid #cccccc;
width : 22.6em;
margin-left : 2px;
}

.box2Container{
	overflow: hidden;
}

/* clearfix */
.box2Container::before,
.box2Container::after{
    content: "";
    display: table;
}
 
.box2Container::after{
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.box2Container{
    zoom: 1;
}

.box4{
	float: left;
padding : 2px;border : 1px solid #cccccc;
width : 22.5%;
margin-left : 1px;
}



.side-box{
	float: left;
padding : 2px;border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none;
width : 12em;
}

.side-boxContainer{
	overflow: hidden;
}

/* clearfix */
.side-boxContainer::before,
.side-boxContainer::after{
    content: "";
    display: table;
}
 
.side-boxContainer::after{
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.side-boxContainer{
    zoom: 1;
}


.item{
  float: left;
width : 11em;
padding : 5px;border : 1px solid #cccccc;
margin-top : 0px;
margin-bottom : 0px;
background-color : #ffffff;
margin-right : 0px;
margin : 0px;background : url(arrow.png) right center no-repeat fixed;
}
.item-container{
  overflow:hidden;
  *zoom:1;
  &:before, &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
border : 1px solid #cccccc;border : none;
}
.ori01{
	margin : 1px;
}




#menu05 ul{
	margin: 0; 
padding: 0; 
list-style: none;
}
#menu05 li{
	 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
#menu05 li a{
	display: block; 
border-left : 1px solid #474655;
border-top : 1px solid #474655;
border-bottom : 1px solid #474655;
padding: 3px;
text-decoration: none;
color : #333333;
width : 106px; 
margin : 1px;
text-align: center;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #474655;
}
#menu05 li a:hover{
	border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F3D898;
}
#menu05 #haji li a{
	display: block; 
border: 1px solid #474655;
background-color: #fff;
padding: padding: 3px 10px;
text-decoration: none;
color: #333;
width: 100px; 
margin: 1px 0px;
text-align: center;
font-size: 14px;
}
#menu05 #haji li a:hover{
	display: block; 
border: 1px solid #474655;
background-color: #F3D898;
}








/*====[ リスト（共通） ]====*/
#list{
	list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
white-space: nowrap;
}
#list li{
	display: inline-block;
}
#list li a{
	display: block;
width: 270px;
line-height: 30px; 
}
.list_core{
	display: inline-block;
line-height: 1.2em;
vertical-align: middle;
}

/*====[ リスト（個別） ]====*/
.list_nav01{
	background: #f00;
}
.list_nav02{
	background: #0f0;
}
.list_nav03{
	background: #ff0;
}




/*// spanをdisplay:block;でブロック要素にします*/
.span2box{
	　background-color:white; display:block;
　border:1px solid gray; padding:5px; margin:5px; 
}
/* リンクの見栄えを設定します。*/
a .span2box{
	background-color:#f0f0ff; font-weight:bold;
}
a:hover .span2box{
	background-color:skyblue; color:blue;
}




.block .display{
    display:block;
}

.inlineFlex .display{
    display:inline-flex;
}

.blockFlex .display{
    display:flex;
}





.table-style01{
    margin:15px 0;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
}
.table-style01 th, .table-style01 td{
    padding:15px;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
}
.table-style01 th{
    background-color:#f4f4f4;
}
@media screen and (max-width:640px) {
    .table-style01 th, .table-style01 td{
        display:block;
    }
}


/*------------------------------------*/


.ori-nav01{
  margin : 0px;
  padding: 0;
  border-top : 1px solid #aaaaaa;
  font-size: 13px;
  list-style-type: none;
}
/*clearfix*/
.ori-nav01::after{
  content: "";
  clear: both;
  display: block;
}
.ori-nav01 li{
  float: left;
  width : 24%;
  border-bottom : 1px solid #aaaaaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
border-top-style : solid;
padding-top : 2px;
padding-bottom : 2px;
border-top-width : 1px;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-top-color : #cccccc;
border-left-color : #cccccc;
border-right-color : #cccccc;
margin-right : 2px;
margin-bottom : 2px;
}
/*奇数のli要素に適応*/
.ori-nav01 li:nth-child(odd){
  border-right : 1px solid #aaaaaa;
border-top-style : none;
}
.ori-nav01 a{
  display: block;
  line-height : 26px;
  color : #000000;
  text-decoration: none;
background : url(arrow.png) right center no-repeat;
}
.ori-nav01 a:hover{
  color: #000;
  background: #e6e6e6;
}

/*------------------------------------*/

/*横幅1280px以上に適応*/
@media screen and (min-width: 1280px) {
.ori-nav01 li:nth-child(odd){
  border-right: none;
}
.ori-nav01{
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-collapse: collapse;
}
.ori-nav01 li{
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
  border: 1px solid #aaa;
}
}

/*------------------------------------*/

/*googlemap resiposive適応*/


.g-map{
	position: relative;
height: 0;
overflow: hidden;
padding-bottom : 500px;
}
.g-map iframe{
	position: absolute;
top: 0;
left: 0;
}



/*------------------------------------*/
/*iframe要素のサイズ比率を維持した状態で縮小*/
.iframe-content-wrap{
    display: -webkit-box;
    display: box;
}
.iframe-content-block {
    -webkit-box-flex: 1;
        box-flex: 1;
}
.iframe-content{
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.iframe-content iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*-------ダイレクトtel--------------*/

.tel-link{
    color : red;
    font-size : 16px;
    font-weight: bold;
}


/*-------ダイレクトtel--------------*/

/* pankuzuリスト */
ol.topic-path{
	margin: 0; 
padding : 0px 7px 0px 20px; 
list-style-type: none; 
}
/* リスト項目 */
ol.topic-path li{
	padding-left: 5px; 
display: inline; 
}
/* リスト項目（最初の項目） */
ol.topic-path li.first{
	padding-left: 25px; 
background: url(topic-path-home-blue.png) no-repeat left; 
}
/* リンクエリア */
ol.topic-path li a{
	padding-right: 18px; 
background: url(topic-path-gray.gif) no-repeat right; 
}
/* リンク色 */
ol.topic-path li a{
	color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover{
	color: #79a7cc;
}


/*---------リスト横並び---------------------------*/

ul.side01 li{
	display : inline-block;border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none;
margin-left : 10px;
margin-right : 10px;
}


/*------------------------------------*/