body{
margin:0;
font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3','繝｡繧､繝ｪ繧ｪ', Meiryo,'�ｭ�ｳ 繧ｴ繧ｷ繝�け',sans-serif;
}

.bpale_title {
position: relative;
background-color:#030a05;
text-align:center;
}

.bpale_title p {
position: absolute;
color: white;/*譁�ｭ励�逋ｽ縺ｫ*/
text-shadow: 2px 2px 1px #999999;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;

}
.title{
font-weight: bold; /*螟ｪ蟄励↓*/
font-size: 6em;/*繧ｵ繧､繧ｺ8蛟�*/
}

.example img {
width: 100%;
}

.bpale_glay{

background-color:#e3e4e0;
}


.bp01_title{
font-size: 2em;
font-weight: bold;
}
.bpale_pc{
width:900px;
margin-right: auto;
margin-left : auto;
padding:5%;
text-align:center;
color:#4c4c4c;
}
/*繧ｿ繧､繝医Ν繝舌�*/
.bph2 {
font-size: 2.5em;
background: linear-gradient(transparent 70%, #0092cc 70%);
}

.tokutyou {
text-align:left;
padding-bottom: .5em;
border-bottom: 2px solid #0092cc;
}
.box_left{
text-align:left;
}
/*繧ｿ繧､繝医Ν繝舌� end*/

.type{
margin-left:10px;	
}
.type:after{
content:"";
display: block;
clear:both;
}

.typeimage{
float:left;
width:30%;
padding:10px;
text-align:left;
//position:relative;z-index: 2;
}

.typeimage04{
float:left;
width:20%;
padding:10px;
text-align:left;
//position:relative;z-index: 2;
}


.typeimage03{
float:left;
width:30%;
padding:10px;
text-align:left;
margin-bottom:100px;
//position:relative;z-index: 2;
}
.bpale_left{
float:left;
width:50%;
margin-top:20px;
margin-bottom:100px;
}
.cromfree01{
padding: 0px;	
}
.cromfree02{
padding: 0 0 0 100px;	
}
.option_te{
font-size:18px;
font-weight: bold;

}
/*繝懊ち繝ｳ*/
.square_btn{
display: inline-block;
padding: 7px;
border-radius: 25px;
text-decoration: none;
color: #FFF;
background-image: -webkit-linear-gradient(45deg, #0092cc 0%, #66afcc 100%);
background-image: linear-gradient(45deg, #b8d8e6 0%, #66afcc 100%);
transition: .4s;
margin-top:10px;
}

a.square_btn:link { color: #ffffff; }
a.square_btn a:active { color: #ffffff; }


.square_btn:hover {
background-image: -webkit-linear-gradient(45deg, #66afcc 0%, #0092cc 100%);
background-image: linear-gradient(45deg, #b8d8e6 0%, #0092ccc 100%);
}

/*蝠�刀荳€隕ｧ繝��繝悶Ν*/

.tb_glay{
border-collapse:collapse;
margin:0 auto;
font-size:14px;
}
.tb_glay td,th{
padding:10px;
border-bottom: 1px solid #999999;
}
.tb_glay th{
color:#ffffff;
background:#0092cc;
font-weight: normal;
}
.tb_glay th:first-child {
    width: 100px;
}

.tb_glay tr:hover {
background-color: #cfdfe6; /* 繝槭え繧ｹ繧ｪ繝ｼ繝舌�譎ゅ�陦後�閭梧勹濶ｲ */
}
.tb_glay td:hover {
background-color: #b8d8e6; /* 繝槭え繧ｹ繧ｪ繝ｼ繝舌�譎ゅ�繧ｻ繝ｫ縺ｮ閭梧勹濶ｲ */
}
.price_td{
color:#B40404;
font-weight:bold;
}

/*繝倥ャ繝€繝ｼ縲€繝輔ャ繧ｿ繝ｼ*/


.site-header{
background: #030a05;
display: flex;
padding: 5px 20px;
position: fixed;
justify-content: space-between;
width: 100%;
color:#ffffff;
Z-index: 500;
}

.site-footer{
background: #030a05;
padding: 80px 0;
}
.copyright{
color: #fff;
font-size: 12px;
text-align: center;
}
/*繝ｪ繝ｳ繧ｯ繧ｿ繧ｰ*/
a{
text-decoration: none; 	
}


.a_logo {
position: relative;
display: inline-block;
transition: .3s;
}
.a_logo::before,
.a_logo::after {
position: absolute;
content: '';
width: 0;
height: 1px;
background-color:  #50AAD8;
transition: .3s;
}
.a_logo::before {
top: 0;
left: 0;
}
.a_logo::after {
bottom: 0;
right: 0;
}
.a_logo:hover::before,
.a_logo:hover::after {
width: 100%;
}

.a_logo {
color:#ffffff;
}

.a_logo:hover {
color:#ffffff;
text-decoration:underline;
}

.a_logo:visited {
color:#ffffff;
text-decoration:underline;
}

/*top*/

#page_top{
width: 90px;
height: 90px;
position: fixed;
right: 20;
bottom: 10;
background: #030a05;
opacity: 0.6;
border-radius: 50%;
}
#page_top a{
position: relative;
display: block;
width: 90px;
height: 90px;
text-decoration: none;
}
#page_top a::before{
font-family: FontAwesome;
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -40px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
#page_top a::after{
content: 'TOP';
font-size: 13px;
color: #fff;
position: absolute;
top: 35px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}